:root{color-scheme:dark;--gold:#e5c585;--muted:#b8afc4;--scale:1}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;min-height:100svh;background:#100b18;color:#eee8f3;font:15px/1.6 Arial,Helvetica,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#10091770,#10091740 45%,#100917b8),linear-gradient(0deg,#100b18 0%,transparent 35%,#100b1855 100%),url('/runtime/assets/branding/background.png') center/cover no-repeat}.topbar{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bea16b30;background:#0c0b13c9}.wordmark{font:600 24px Georgia,serif;color:var(--gold);letter-spacing:2px}.wordmark small{font:10px Arial,sans-serif;letter-spacing:3px;border-left:1px solid #b99c6555;padding-left:20px;margin-left:18px;color:#b9afc7}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,summary:focus-visible{outline:2px solid #f4d89d;outline-offset:5px}#fullscreen,.text-button{border:0;background:none;color:#c7bbd2;padding:12px;font-size:13px}#fullscreen{font-size:23px}#fullscreen span{font-size:12px;margin-left:8px}#welcome{min-height:calc(100svh - 124px);max-width:1320px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8%;padding:45px 5vw 65px}.identity{text-align:center}.brand{width:min(410px,100%);height:250px;margin:0 auto;position:relative;overflow:hidden}.brand img{position:absolute;width:100%;height:auto;top:-74px;left:0;filter:drop-shadow(0 8px 18px #14051f)}.journey{display:block;width:100%;max-width:550px;margin:10px auto 22px}.identity p{color:#e7dfed;font-size:16px;line-height:1.5;text-shadow:0 2px 5px #000}.signature{display:flex;gap:14px;align-items:center;justify-content:center;letter-spacing:3px;font-size:9px;color:#baa981;margin-top:32px}.signature span{height:1px;background:#a78b5155;width:45px}.gateway{position:relative;background:linear-gradient(135deg,#25202bee,#121018f5);border:1px solid #977543;box-shadow:0 25px 80px #0009,inset 0 0 0 5px #b39a5610;max-width:440px;width:100%;margin:auto}.gateway:before,.gateway:after{content:'';position:absolute;width:28px;height:28px;border-color:#d5b675;border-style:solid;pointer-events:none}.gateway:before{left:-4px;top:-4px;border-width:3px 0 0 3px}.gateway:after{bottom:-4px;right:-4px;border-width:0 3px 3px 0}.gateway-top{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#3e3021,#6b5130,#3e3021);border-bottom:1px solid #a88b51;padding:15px 24px;font-size:11px;letter-spacing:3px;color:#f0ddb6}.diamond{font-size:9px;color:#dab776}.gateway-body{padding:35px 30px 24px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a995bd;margin:0 0 10px}h1{font:normal 32px/1.2 Georgia,serif;color:var(--gold);margin:0 0 16px;text-shadow:0 2px #61421e}#status,#login>p:not(.eyebrow){color:var(--muted);font-size:13px;min-height:42px;line-height:1.6;margin:0 0 24px}.load-track{height:7px;border:1px solid #826c4055;background:#07060c;overflow:hidden}.load-track span{display:block;width:34%;height:100%;background:linear-gradient(90deg,transparent,#d6b36b,#f8e8b7);animation:loading 1.8s ease-in-out infinite}.stages{display:flex;justify-content:space-between;padding:0;list-style:none;font-size:9px;color:#766d80;margin:13px 0 40px;gap:8px}.stages .active{color:var(--gold)}.stages .done{color:#c7b9da}.world{border-top:1px solid #a88b512d;padding-top:23px;display:flex;align-items:center;gap:13px}.world-emblem{display:grid;place-items:center;width:34px;height:40px;background:#98763720;border:1px solid #b5985866;font:21px Georgia,serif;color:var(--gold);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.world strong{display:block;font-size:10px;letter-spacing:1.5px;color:#ddc794}.world small{display:block;color:#998fa6;font-size:10px}.local-tag{margin-left:auto;border:1px solid #816a9544;padding:2px 8px;font-size:8px;color:#b6a2c9;letter-spacing:1px}.gateway-footer{text-align:center;padding:13px 8px;border-top:1px solid #a88b512d;font-size:8px;letter-spacing:2px;color:#928471}.gateway-footer span{padding:0 8px}.gold-button,.purple-button{display:block;width:100%;height:62px;background:transparent url('/runtime/assets/branding/play-button.webp') center/100% 100% no-repeat;border:0;color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;filter:drop-shadow(0 6px 8px #0004);margin:15px 0}.purple-button{background-image:url('/runtime/assets/branding/discord-button.webp');margin-bottom:29px}.gold-button:hover,.purple-button:hover{filter:brightness(1.2)}.gold-button span{margin-left:15px}.page-footer{display:flex;justify-content:space-between;padding:16px 5vw;font-size:9px;letter-spacing:2px;color:#83798f}dialog{max-width:min(420px,calc(100vw - 32px));background:#201925;color:#eadef4;border:1px solid #b68e55;padding:30px}dialog::backdrop{background:#08030dcc}dialog h2{font-family:Georgia,serif;color:var(--gold)}.close{position:absolute;right:8px;top:4px;border:0;background:none;color:var(--muted);font-size:26px}#game{padding:25px 0}#surface{position:relative;margin:auto;overflow:hidden;touch-action:none}#surface>div{transform-origin:top left;transform:scale(var(--scale,1))}#metrics{text-align:center;font-size:12px;color:#a99bb8}.text-button{display:block;margin:auto}#failure{font-size:11px;color:#b4a6c1;margin-bottom:20px}#error-detail{white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;overflow:auto;font-size:10px}.failed .load-track span{animation:none;width:100%;background:#9a6559}.failed #status{color:#e5b7aa}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(400%)}}@media(max-width:800px){.topbar{height:60px}.wordmark{font-size:20px}.wordmark small{font-size:8px;padding-left:12px;margin-left:10px}#fullscreen span{display:none}#welcome{grid-template-columns:1fr;gap:30px;padding:28px 22px 38px}.brand{width:270px;height:165px}.brand img{top:-49px}.journey{max-width:330px;margin:0 auto}.identity p,.signature{display:none}.gateway-body{padding:28px 26px 22px}.gateway{max-width:420px}.page-footer{letter-spacing:1px;font-size:8px}h1{font-size:29px}}@media(prefers-reduced-motion:reduce){.load-track span{animation:none;width:100%;background:linear-gradient(90deg,#5b4628,#d6b36b)}}
/* Keep the realm artwork on the root background, below every UI layer. */
body{background-image:linear-gradient(90deg,#10091755,#10091740 45%,#100917b0),linear-gradient(0deg,#100b18 0%,transparent 40%,#100b1833 100%),url('/runtime/assets/branding/background.png');background-size:cover;background-position:center;background-attachment:fixed}body:before{display:none}

/* Existing Augment scene, now with the site's original atmospheric effects. */
body{isolation:isolate;background:#100b18}
.augment-site-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(6,4,14,.48) 0%,rgba(6,4,14,.58) 45%,rgba(4,3,9,.82) 100%),url('/runtime/assets/branding/intro-detailed.webp') center top/cover no-repeat}
.wordmark{display:flex;align-items:center}.wordmark img{width:166px;height:auto;display:block}.wordmark small{line-height:24px}
.hero-mist,.hero-sparks{position:absolute;pointer-events:none}
.hero-mist{
  left:-20%;
  width:140%;
  height:160px;
  background:
    radial-gradient(ellipse at 30% 50%, rgba(190,170,255,.10), transparent 65%),
    radial-gradient(ellipse at 70% 50%, rgba(137,83,255,.08), transparent 65%);
  filter:blur(22px);
  opacity:.55;
}

.hero-mist-one{
  bottom:17%;
  animation:mistSlowOne 24s ease-in-out infinite alternate;
}

.hero-mist-two{
  bottom:6%;
  opacity:.35;
  animation:mistSlowTwo 34s ease-in-out infinite alternate;
}

.hero-sparks{
  inset:0;
  opacity:.32;
  background-image:
    radial-gradient(circle, rgba(210,185,255,.75) 1px, transparent 2px),
    radial-gradient(circle, rgba(244,212,122,.45) 1px, transparent 2px),
    radial-gradient(circle, rgba(160,110,255,.45) 1px, transparent 2px);
  background-size:140px 140px, 210px 210px, 300px 300px;
  background-position:20px 40px, 80px 120px, 160px 60px;
  animation:sparksRise 38s linear infinite;
}


@keyframes mistSlowOne{
  from{ transform:translateX(-4%); }
  to{ transform:translateX(5%); }
}

@keyframes mistSlowTwo{
  from{ transform:translateX(5%); }
  to{ transform:translateX(-5%); }
}

@keyframes sparksRise{
  from{
    background-position:20px 240px, 80px 320px, 160px 260px;
  }
  to{
    background-position:20px -420px, 80px -360px, 160px -500px;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-mist,.hero-sparks{animation:none;}
}

.scene-lantern {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(ellipse at center,
    rgba(255,235,169,.74) 0%, rgba(255,186,75,.34) 16%,
    rgba(239,125,31,.14) 38%, rgba(225,105,22,0) 72%);
  opacity: .46;
  animation: augment-lantern-flicker var(--light-duration) ease-in-out var(--light-delay) infinite;
}
.scene-lantern--violet {
  background: radial-gradient(ellipse at center,
    rgba(249,219,255,.8) 0%, rgba(218,130,255,.42) 16%,
    rgba(175,60,244,.2) 38%, rgba(139,36,218,0) 72%);
}
.scene-lantern[hidden] { display: none; }
.scene-lights-paused .scene-lantern { animation-play-state: paused; }
@keyframes augment-lantern-flicker {
  0%, 100% { opacity: .38; }
  17% { opacity: .63; }
  29% { opacity: .44; }
  43% { opacity: .72; }
  58% { opacity: .50; }
  74% { opacity: .65; }
  88% { opacity: .42; }
}
@media (max-width: 768px), (pointer: coarse) {
  .scene-lantern { animation-duration: 6s; }
}
@media (prefers-reduced-motion: reduce) {
  .scene-lantern { display: none; animation: none; }
}

@media(max-width:800px){.augment-site-background{top:0}.wordmark img{width:132px}}
body.playing .augment-site-background{display:none}
.scene-lights-paused .hero-mist,.scene-lights-paused .hero-sparks{animation-play-state:paused}

#credentials label{display:block;font-size:12px;color:var(--gold);margin:17px 0 7px}
#credentials input{width:100%;min-height:46px;padding:11px 13px;background:#0b0911bd;border:1px solid #9f814a80;border-radius:0;color:#f4eedd;font:16px Arial,sans-serif}
#credentials input:focus{outline:2px solid #d5b675;outline-offset:2px}
#login-message{font-size:13px;color:#d8c6e4;min-height:24px;line-height:1.5}
button:disabled{cursor:wait;opacity:.6}
body.playing{overflow:hidden;background:#000}
body.playing:before,body.playing>.page-footer{display:none}
body.playing .topbar{position:fixed;inset:0 0 auto;z-index:10;background:#0c0b13}
#game{position:fixed;inset:var(--header-height,76px) 0 0;padding:0;background:#000}
#surface{position:absolute;inset:0;width:100%;height:100%;margin:0}
#surface>div{transform:none}
#metrics{position:absolute;bottom:5px;left:10px;margin:0;pointer-events:none}

.topbar .wordmark{display:flex;align-items:center;gap:22px;height:100%;line-height:1}
.topbar .wordmark img{display:block;object-fit:contain;flex:none;margin:0}
.topbar .wordmark small{display:flex;align-items:center;min-height:24px;margin:0;padding:0 0 0 22px;line-height:1}
#fullscreen{display:flex;align-items:center;justify-content:center;gap:10px;line-height:1;height:44px;padding:0}
#fullscreen span{margin:0;line-height:1}
.gold-button,.purple-button{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 18px;line-height:1}
@media(max-width:800px){.topbar .wordmark{gap:12px}.topbar .wordmark small{padding-left:12px}}

/* Compact Augment control; the game uses the complete viewport. */
#fullscreen{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:1000;width:36px;height:36px;padding:9px;border:1px solid #b89550;border-radius:7px;background:linear-gradient(145deg,#362b20ee,#141019ee);color:#e5c585;box-shadow:inset 0 1px 0 #f9dda12e,0 5px 18px #0005}
#fullscreen:hover{background:#463624;color:#ffe4a6}#fullscreen svg{width:16px;height:16px;flex:none}#fullscreen .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#welcome{min-height:calc(100svh - 48px);padding-top:70px}body.playing #game{inset:0}#load-percent{font-size:12px;color:var(--gold);margin:0 0 10px;font-variant-numeric:tabular-nums}.load-track span{animation:none!important;transform:none!important;width:0;background:linear-gradient(90deg,#775525,#e5c585);transition:width .2s}

#fullscreen:focus:not(:focus-visible){outline:none}#fullscreen:focus-visible{outline-offset:3px}

#credentials .remember-option{display:flex;align-items:center;gap:9px;margin:17px 0;color:#c7bda7;font-size:12px;cursor:pointer}#credentials .remember-option input{width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:#cfad66}#credentials input:disabled{opacity:.65;cursor:wait}#credentials[aria-busy="true"] .remember-option{cursor:wait}

/* Augment browser shell: centered identity, live loading, uninterrupted game. */
:root{--rail:48px;--gold:#e7c480;--muted:#a99db7}
.augment-site-background{right:var(--rail);background:linear-gradient(180deg,#08061088,#0d071f88 45%,#07050ee8),url('/runtime/assets/branding/intro-detailed.webp') center/cover no-repeat}
#welcome{display:flex;flex-direction:column;justify-content:center;gap:0;min-height:100svh;max-width:none;margin:0 var(--rail) 0 0;padding:34px 24px 30px;animation:reveal .45s ease-out}
.identity{width:100%;flex:none}.brand{width:280px;height:169px;margin:0 auto 20px}.brand img{top:-54px;filter:drop-shadow(0 6px 26px #a75aff30)}
.identity .edition{display:none}.identity .brand-tagline{display:none}.gateway{width:min(440px,100%);max-width:440px;border:1px solid #b1945c55;border-radius:20px;background:linear-gradient(150deg,#21182cec,#0e0b16f5);box-shadow:0 25px 90px #0008,inset 0 1px 0 #f9da9b12;overflow:hidden}
.gateway:before,.gateway:after,.gateway-top{display:none}.gateway-body{padding:30px 30px 23px}.gateway-footer{padding:14px;font-size:8px;letter-spacing:2.3px;color:#93816a}
h1{font:bold 30px/1.15 Georgia,serif;color:#f2dfb8;text-shadow:none;margin-bottom:9px}.eyebrow{font-size:9px;color:#c2a56f;letter-spacing:2px}.login-intro{font-size:13px;color:var(--muted);margin:0 0 25px}
#credentials label{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:bold;margin:16px 0 8px}.field-caption{display:flex;align-items:center;justify-content:space-between}.field-caption button{border:0;background:none;color:#b9a8ca;font-size:11px;padding:8px 0}
#credentials input{border-radius:9px;border:1px solid #9c7a4655;min-height:48px;background:#08060eac;padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}
#credentials input:focus{outline:none;border-color:#d5b477;box-shadow:0 0 0 3px #d5b47712}
#credentials .remember-option{font-size:12px;letter-spacing:0;text-transform:none;font-weight:normal;margin:18px 0}.gold-button{height:48px;background:linear-gradient(#f4d998,#d5a74e 65%,#b88331);border:1px solid #f8d89880;border-radius:9px;box-shadow:0 7px 24px #d6a95315,inset 0 1px #fff5;color:#28190b;font:700 16px Georgia,serif;letter-spacing:2px;margin:16px 0 0;filter:none}.gold-button:disabled{opacity:.55;cursor:wait}.gold-button:hover{filter:brightness(1.08)}
#login-message:empty{display:none}#login-message{font-size:12px;color:#e3c6ac;margin:10px 0}#saved-account{display:flex;align-items:center;gap:13px;width:min(440px,100%);padding:16px 20px;margin-top:14px;border:1px solid #b1945c30;border-radius:13px;background:#130d1bdc}.account-avatar{width:35px;height:35px;display:grid;place-items:center;border:1px solid #b1945c55;border-radius:9px;color:var(--gold);background:#35203f;font:24px Georgia,serif}#saved-account .eyebrow{display:block;font-size:8px;margin:0}#choose-account{display:block;padding:0;border:0;background:none;color:#e8dbf1;font-size:13px}#forget-account{margin-left:auto;border:0;background:none;color:#b09cbd;font-size:22px}
.booting .brand{width:330px;height:195px;margin-bottom:0}.booting .brand img{top:-65px}.booting .identity .edition{display:block;color:#c9b28c;font-size:10px;letter-spacing:4px;margin:0 0 10px}.booting .identity .brand-tagline{display:block;color:#e2d5ed;font:25px Georgia,serif;margin:0 0 30px}.booting .gateway{max-width:500px;width:min(500px,100%)}.booting .gateway-footer{display:none}#loading h1{font-size:23px}#status{font-size:13px;min-height:22px;margin:0 0 20px}#load-percent{font-size:12px;letter-spacing:.2px}.load-track{height:6px;border:0;border-radius:10px;background:#050409}.load-track span{border-radius:10px;background:linear-gradient(90deg,#8f61b3,#c8a065,#f1d28d)}.stages{margin:13px 0 0;font-size:9px}
#entering{position:fixed;inset:0 var(--rail) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0b061e7a;backdrop-filter:blur(3px);z-index:20;animation:reveal .25s ease-out}#entering h1{font-size:34px;margin:25px 0 12px}#entering p{color:#c6b6d6;text-transform:uppercase;font-size:10px;letter-spacing:3px;margin:0}#entering small{color:#92859f;font-size:11px;margin-top:19px}.realm-orbit{width:74px;height:74px;display:grid;place-items:center;position:relative;color:#f6d78e;font-size:31px;border:1px solid #d2b06b33;border-radius:50%;box-shadow:0 0 45px #ac6ed42b}.realm-orbit:before{content:'';position:absolute;inset:-7px;border:1px solid transparent;border-top-color:#dfbd7b;border-bottom-color:#ad75d0;border-radius:50%;animation:orbit 2s linear infinite}.realm-orbit span{text-shadow:0 0 24px #d3a75f}
#fullscreen{display:none}body.playing #game{right:var(--rail)}
.client-rail{position:fixed;right:0;top:0;bottom:0;width:var(--rail);z-index:100;background:#17131c;border-left:1px solid #b1945c25;display:flex;align-items:center;flex-direction:column;padding:10px 0;gap:5px}.rail-button{width:40px;height:40px;border:0;border-radius:6px;background:transparent;color:#b7a7bd;display:grid;place-items:center;padding:11px}.rail-button:hover,.rail-button[aria-expanded="true"]{color:#f2d18d;background:#b1945c1c}.rail-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.rail-spacer{flex:1}
#tool-panel{position:fixed;z-index:90;top:0;bottom:0;right:var(--rail);width:min(280px,calc(100vw - var(--rail)));padding:24px;background:#17121ff5;border-left:1px solid #b1945c40;box-shadow:-12px 0 40px #0005}#tool-panel h2{font:24px Georgia,serif;color:var(--gold);margin:12px 0 26px}#tool-panel p{font-size:13px;color:#b9acc5}#tool-panel label{display:flex;align-items:center;gap:10px;font-size:13px;margin:20px 0}#tool-panel input{accent-color:#d4ad69}#panel-close{position:absolute;right:14px;top:12px;background:none;border:0;color:#bfa9ce;font-size:24px}.effects-off .hero-mist,.effects-off .hero-sparks,.effects-off .scene-lantern{display:none}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:600px){:root{--rail:44px}#welcome{padding:24px 16px}.brand{width:230px;height:140px}.brand img{top:-43px}.gateway-body{padding:24px 21px}.booting .brand{width:260px;height:160px}.booting .brand img{top:-50px}.booting .identity .brand-tagline{font-size:22px}.rail-button{width:40px;height:44px}h1{font-size:27px}#entering h1{font-size:29px}.gateway-footer{letter-spacing:1.5px;font-size:7px}}
@media(prefers-reduced-motion:reduce){#welcome,#entering,.realm-orbit:before{animation:none}.load-track span{transition:none}}
/* Original client assets and ColorScheme.DARKER_GRAY_COLOR (30,30,30). */
.client-rail{background:#1e1e1e;border-left-color:#171717;border-radius:0}.rail-button{border-radius:0}.rail-button:hover,.rail-button[aria-expanded="true"]{background:#3c3c3c}.rail-button img{width:16px;height:16px;object-fit:contain}#tool-panel{background:#282828;border-color:#171717}#tool-panel h2{font:600 17px Arial,sans-serif;color:#c6c6c6}
#welcome .gateway{margin:0 auto}.identity{margin-bottom:12px}.client-rail{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:380px){h1{font-size:24px}.gateway-body{padding:22px 16px}.field-caption button{font-size:10px}}

/* Match the desktop client's slim navigation strip at every breakpoint. */
:root{--rail:32px}.client-rail{gap:0;padding-top:max(5px,env(safe-area-inset-top))}.rail-button{width:31px;height:32px;padding:7px}.rail-button svg{width:16px;height:16px}@media(pointer:coarse){.rail-button{height:44px}}

/* A focused game canvas should not paint the browser focus ring. */
#surface,#surface :focus,#surface canvas{outline:none!important;border:0}body.playing.tools-open #game{right:calc(var(--rail) + min(280px,100vw - var(--rail)))}

#surface{bottom:24px;height:auto}#performance-bar{position:absolute;bottom:0;left:0;right:0;height:24px;display:flex;align-items:center;gap:18px;padding:0 12px;border-top:1px solid #9c7d4333;background:#100d16;color:#afa3bd;font:10px/1 monospace;white-space:nowrap;overflow:hidden;font-variant-numeric:tabular-nums}.perf-brand{color:#d7b876;font-size:9px;letter-spacing:1px}#perf-fps{color:#d4c195}.perf-renderer{margin-left:auto;color:#756b80;font-size:9px}@media(max-width:600px){#performance-bar{gap:10px;padding:0 8px;font-size:9px}.perf-brand,.perf-renderer{display:none}}

/* Compact diagnostic strip, matching the reference's green monospace text. */
#surface{bottom:18px}
#performance-bar{height:18px;padding:0 6px;display:block;border:0;background:rgba(0,0,0,.78);color:#91d487;font:600 10px/18px "Courier New",Courier,monospace;letter-spacing:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;text-shadow:0 0 2px #57864d;font-variant-numeric:tabular-nums}
#performance-bar::-webkit-scrollbar{display:none}
#performance-bar .perf-renderer{display:none}
#perf-line{display:block;width:max-content;min-width:100%}

/* Match the login controls on every screen, with space for safe areas. */
.booting .brand{margin-top:-24px;margin-bottom:24px}
#realm-controls{position:fixed;z-index:50;left:max(16px,env(safe-area-inset-left));right:calc(var(--rail) + 16px);bottom:max(16px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}
#realm-controls button{pointer-events:auto;border:1px solid #b1945c88;border-radius:12px;background:linear-gradient(145deg,#2a2035f5,#100b18f5);color:var(--gold);box-shadow:0 4px 18px #0006}
#world-switch{text-align:left;padding:10px 18px;min-height:50px}#world-label{display:block;font:bold 16px Georgia,serif}#world-switch small{display:block;font-size:10px;color:#b8afc4;margin-top:2px}
#music-toggle{width:50px;height:50px;display:grid;place-items:center}#music-toggle svg{width:24px;height:24px}#music-toggle .sound-muted{display:none}#music-toggle[aria-pressed="true"] .sound-muted{display:block}#music-toggle[aria-pressed="true"] .sound-waves{display:none}
#realm-controls button:hover{border-color:#f0d396;background:#30233d}body.playing #realm-controls{display:none}
#world-dialog{width:420px;border-radius:18px;background:linear-gradient(145deg,#241a30,#100b18);padding:28px}#world-dialog h2{margin:0 30px 8px 0}#world-dialog p{font-size:12px;color:var(--muted)}#world-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:26px;color:var(--gold)}#world-options{display:grid;gap:10px;margin-top:22px}#world-options button{display:block;text-align:left;border:1px solid #b1945c44;border-radius:10px;background:#100b18;padding:14px 16px}#world-options button strong,#world-options button span{display:block}#world-options button strong{font:18px Georgia,serif;color:var(--gold)}#world-options button span{font-size:12px;color:var(--muted)}#world-options button[aria-pressed="true"]{border-color:var(--gold);background:#38283f}#world-options button:hover{border-color:var(--gold)}
#welcome{padding-bottom:90px}
@media(max-width:600px){#welcome{padding-bottom:94px}.booting .brand{margin-top:0;margin-bottom:20px}#realm-controls{left:10px;right:calc(var(--rail) + 10px);bottom:max(10px,env(safe-area-inset-bottom))}#world-switch{padding:9px 12px}#music-toggle{width:46px;height:46px}}

.production-client #performance-bar{display:none!important}.production-client #surface{bottom:0}