:root{--bg: #050019;--bg-2: #0b0724;--cyan: #39f3ff;--magenta: #ff2f9f;--amber: #ffb347;--text: #f4f7ff;--muted: #9aa8c7;--glass: rgba(10, 8, 30, .55);--line: rgba(57, 243, 255, .28);--display: "Orbitron", sans-serif;--title: "Syne", sans-serif;--mono: "IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;position:relative;background:#05030c;color:var(--text);font-family:var(--mono)}a{color:var(--cyan)}.shell--live{position:relative;width:100%;height:100%;display:block;background:#05030c;isolation:isolate}.shell--live .layer{pointer-events:none}.shell--live .layer--0.stage,.shell--live .stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;z-index:0;pointer-events:none}.shell--live .stage canvas{display:block;width:100%!important;height:100%!important;transform:none!important;image-rendering:auto}.shell--live .layer--1.gift-dock,.gift-dock{position:absolute;z-index:20;top:0;right:0;bottom:0;width:min(5.5rem,22vw);padding:max(3.4rem,calc(env(safe-area-inset-top) + 2.6rem)) max(.4rem,env(safe-area-inset-right)) max(.7rem,env(safe-area-inset-bottom)) 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;pointer-events:none}.gift-dock>.gift-hud{pointer-events:auto;position:relative;right:auto;bottom:auto;left:auto;top:auto}.shell--live .layer--2.live-overlays,.live-overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;padding:max(3.2rem,calc(env(safe-area-inset-top) + 2.5rem)) max(5.6rem,calc(env(safe-area-inset-right) + 4.8rem)) max(.85rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.45rem;overflow:hidden}.live-overlays__left{display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;max-width:min(15.5rem,52vw);width:100%}.live-overlays__prompt{align-self:stretch;max-width:100%;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:#f5f8ffe0;font-family:var(--title);font-size:.82rem;line-height:1.35;letter-spacing:.01em;text-align:left;text-shadow:0 1px 10px rgba(0,0,0,.65);opacity:1;transition:opacity .35s ease}.live-overlays__prompt.is-out{opacity:0}.live-overlays__prompt[hidden]{display:none!important}.shell--live .layer--3.live-topbar,.live-topbar{position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:max(.75rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) .35rem max(.75rem,env(safe-area-inset-left));pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 85%)}.live-topbar__left{display:flex;align-items:center;gap:.5rem;min-width:0}.live-topbar__right{display:flex;align-items:center;gap:.5rem}.live-mode-badge{margin:0;padding:.2rem .45rem;border-radius:6px;border:1px solid rgba(255,179,71,.55);background:#ffb3472e;color:#ffd56a;font-family:var(--display);font-size:.52rem;letter-spacing:.14em}.live-mode-badge[hidden]{display:none!important}.live-metrics{margin:0;font-size:.58rem;letter-spacing:.08em;color:#ffffff8c}.live-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem .28rem .4rem;border-radius:6px;background:#ff2044eb;box-shadow:0 2px 10px #00000059}.live-pill--sim{background:#b46e14eb}.live-pill__dot{width:.45rem;height:.45rem;border-radius:50%;background:#fff;animation:live-dot 1.2s ease-in-out infinite}.live-pill__label{font-family:var(--title);font-weight:700;font-size:.72rem;letter-spacing:.08em;color:#fff}.live-handle{font-family:var(--title);font-weight:650;font-size:.95rem;letter-spacing:.02em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}.live-caption{position:relative;left:auto;bottom:auto;right:auto;max-width:100%;margin:0;padding:.45rem .7rem;border-radius:12px;background:#00000080;color:#fff;font-family:var(--title);font-size:clamp(.78rem,2.1vw,.95rem);font-weight:600;line-height:1.35;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.4);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.live-caption.is-out{opacity:0;transform:translateY(6px)}.live-comments{list-style:none;display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;max-width:100%;max-height:min(34vh,16rem);overflow:hidden;pointer-events:none}.live-comments__item{width:fit-content;max-width:100%;padding:.35rem .65rem;border-radius:999px;background:#0006;color:#fff;font-size:.8rem;line-height:1.3;animation:live-comment-in .28s ease both;text-shadow:0 1px 3px rgba(0,0,0,.35)}.live-comments__item.is-out{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.live-comments__item .who{font-weight:700;color:#7ef0ff;margin-right:.25rem}.live-comments__item--gift .gift{color:#ffd56a;font-weight:650}@keyframes live-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes live-comment-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:720px){.shell--live .layer--1.gift-dock,.gift-dock{width:min(4.6rem,24vw);padding-right:max(.28rem,env(safe-area-inset-right))}.shell--live .layer--2.live-overlays,.live-overlays{padding-right:max(5rem,calc(env(safe-area-inset-right) + 4.2rem))}.live-overlays__left{max-width:min(13.5rem,55vw)}}.ops-panel{position:fixed;z-index:9500;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));width:min(240px,calc(100vw - 1.5rem));padding:.75rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#080610eb;color:#c8d0e0;font-size:.68rem;letter-spacing:.06em;pointer-events:auto}.ops-panel__title{font-family:var(--display);font-size:.62rem;letter-spacing:.18em;color:#ff2f9f;margin-bottom:.45rem}.ops-panel__line{margin-bottom:.25rem;color:#9aa8c7}.ops-panel__line[data-status=open],.ops-panel__line[data-live="1"]{color:#39f3ff}.ops-panel__hint{margin-top:.45rem;color:#7a869e}.ops-panel__hint--warn{color:#ffb347}.ops-panel kbd{border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:0 .25rem;font:inherit}html:not(.is-ops) .ops-only,html:not(.is-ops) .ops-panel{display:none!important}.mode-live .fps-meter{display:none}html.mode-live.is-ops .fps-meter{display:block}.shell{position:relative;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto}.top{z-index:2;display:flex;align-items:baseline;gap:1rem;padding:1.1rem 1.4rem}.brand{font-family:var(--display);font-weight:800;letter-spacing:.18em;font-size:.85rem;color:var(--cyan);pointer-events:none}.npc-name{font-family:var(--title);font-size:1.35rem;letter-spacing:.08em;font-weight:700;pointer-events:none}.dev-link{font-size:.7rem;letter-spacing:.16em;text-decoration:none;border:1px solid var(--line);padding:.35rem .55rem;color:var(--text)}.dev-link:hover{border-color:var(--cyan);color:var(--cyan)}.conn{margin-left:auto;font-size:.7rem;letter-spacing:.16em;color:var(--muted);pointer-events:none}.conn[data-status=open]{color:var(--cyan)}.conn[data-status=error],.conn[data-status=closed]{color:var(--magenta)}.stage{position:relative;width:100%;height:100%;min-height:240px}.stage canvas{display:block;width:100%!important;height:100%!important}.bottom{z-index:2;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr);gap:.75rem;padding:0 1rem 1.1rem;align-items:stretch}.panel,.dev-panel,.chat-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,16,48,.72),var(--glass));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.15rem 1.15rem}.eyebrow{font-size:.68rem;letter-spacing:.18em;color:var(--magenta);margin-bottom:.35rem}.state{font-family:var(--display);font-size:.72rem;letter-spacing:.2em;color:var(--cyan);margin-bottom:.55rem}.dialogue{font-family:var(--title);font-size:clamp(1.05rem,2.2vw,1.45rem);line-height:1.35;font-weight:600;max-width:42ch}.hint{margin-top:.7rem;font-size:.72rem;color:var(--muted)}.chat-title{font-family:var(--display);font-size:.68rem;letter-spacing:.16em;color:var(--cyan);margin-bottom:.45rem}.queue-line{font-size:.68rem;letter-spacing:.1em;color:var(--muted);margin-bottom:.45rem}.chat-list{list-style:none;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;line-height:1.35}.chat-list .who{color:var(--magenta)}.chat-list .gift{color:var(--amber)}.dev-shell{grid-template-rows:auto 1fr}.dev-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:.75rem;min-height:0;padding:0 1rem 1rem}.dev-panel{overflow:auto;display:flex;flex-direction:column;gap:.55rem}.field{display:grid;gap:.3rem;font-size:.72rem;letter-spacing:.08em;color:var(--muted)}.field input{border:1px solid var(--line);background:#040614e6;color:var(--text);font:inherit;font-size:.9rem;letter-spacing:0;padding:.7rem .75rem;outline:none}.field input:focus{border-color:var(--cyan)}.dev-actions{display:flex;flex-wrap:wrap;gap:.4rem}.dev-actions button{border:1px solid var(--line);background:linear-gradient(180deg,#39f3ff29,#39f3ff0a);color:var(--text);font:inherit;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.65rem .75rem;cursor:pointer}.dev-actions button:hover{border-color:var(--cyan)}.dev-panel .chat-list{max-height:220px;flex:1}@media(max-width:900px){.bottom,.dev-layout{grid-template-columns:1fr}.chat-list{max-height:120px}.stage{min-height:320px}}@media(max-width:720px){.top{flex-wrap:wrap;gap:.35rem .8rem}.conn{margin-left:0;width:100%}}.boot-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;pointer-events:none}.boot-gate.is-leaving{animation:gate-leave .85s ease forwards}@keyframes gate-leave{to{opacity:0;filter:blur(8px);transform:scale(1.03);visibility:hidden}}.gift-hud,.gift-hud--rail{position:relative;z-index:1;right:auto;bottom:auto;left:auto;top:auto;width:4.75rem;max-height:min(58vh,26rem);display:grid;gap:.28rem;padding:.45rem .35rem .4rem;border-radius:16px;border:2px solid rgba(57,243,255,.75);background:#04060ee0;box-shadow:0 0 0 1px #ff2f9f47,0 12px 32px #00000073;overflow:visible;pointer-events:auto}body>.gift-hud{position:fixed;z-index:40;right:max(.4rem,env(safe-area-inset-right));bottom:max(.7rem,env(safe-area-inset-bottom))}.gift-hud[hidden]{display:none!important}.gift-hud__label{margin:0;text-align:center;font-family:var(--display);font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:#39f3ff;padding-bottom:.1rem}.gift-hud__rail{display:grid;gap:.28rem;overflow:auto;padding:.05rem;scrollbar-width:none;max-height:min(46vh,20rem)}.gift-hud__rail::-webkit-scrollbar{display:none}.gift-hud__chip{display:grid;justify-items:center;gap:.1rem;width:100%;padding:.4rem .15rem .32rem;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff;cursor:pointer;font:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease}.gift-hud__chip:hover,.gift-hud__chip:focus-visible{transform:translateY(-1px);border-color:#39f3ffb3;background:#39f3ff29;outline:none}.gift-hud__chip:active,.gift-hud__chip.is-fired{transform:translateY(0) scale(.96);background:#ff2f9f47}.gift-hud__chip-icon{font-size:1.35rem;line-height:1}.gift-hud__chip-name{font-size:.48rem;letter-spacing:.02em;text-align:center;color:#ffffffeb;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-hud__more{border:1px solid rgba(255,47,159,.55);background:#ff2f9f38;color:#fff;border-radius:999px;padding:.34rem .35rem;font:inherit;font-family:var(--display);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.gift-hud.is-open .gift-hud__more{border-color:#39f3ffb3;background:#39f3ff33}.gift-hud__panel{position:absolute;right:calc(100% + .45rem);bottom:0;left:auto;top:auto;margin:0;width:min(14rem,calc(100vw - 6.5rem));max-height:min(52vh,22rem);border:2px solid rgba(57,243,255,.45);border-radius:16px;background:#04060ef0;padding:.7rem .65rem .75rem;overflow:auto;box-shadow:0 14px 36px #00000080;animation:gift-panel-in .28s ease both}.gift-hud__panel[hidden]{display:none!important}@keyframes gift-panel-in{0%{opacity:0;transform:translate(10px) scale(.97)}to{opacity:1;transform:none}}.gift-hud__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.gift-hud__eyebrow{font-size:.52rem;letter-spacing:.16em;color:var(--magenta);margin-bottom:.1rem}.gift-hud__title{font-family:var(--display);font-size:.62rem;letter-spacing:.1em;color:var(--cyan)}.gift-hud__close{border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#ffffffe6;border-radius:999px;width:1.5rem;height:1.5rem;cursor:pointer;font:inherit;font-size:.75rem;line-height:1;padding:0}.gift-hud__lead{font-size:.62rem;color:var(--muted);margin-bottom:.55rem;line-height:1.35}.gift-hud__section+.gift-hud__section{margin-top:.55rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.1)}.gift-hud__cat-row{margin-bottom:.28rem}.gift-hud__cat{font-family:var(--display);font-size:.52rem;letter-spacing:.14em;color:var(--magenta)}.gift-hud__cat-hint{font-size:.52rem;color:var(--muted)}.gift-hud__card{display:flex;align-items:flex-start;gap:.45rem;width:100%;text-align:left;padding:.42rem .35rem;border:none;border-radius:10px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease}.gift-hud__card:hover{background:#39f3ff1a}.gift-hud__card:active,.gift-hud__card.is-fired{background:#ff2f9f38;transform:scale(.98)}.gift-hud__card--special{background:linear-gradient(90deg,rgba(255,47,159,.16),transparent)}.gift-hud__icon{font-size:1.1rem;line-height:1.2}.gift-hud__card-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.gift-hud__name{font-family:var(--title);font-weight:650;font-size:.78rem}.gift-hud__blurb{font-size:.58rem;color:var(--muted);line-height:1.3}.gift-toast{position:fixed;z-index:16;top:auto;bottom:max(7.5rem,calc(env(safe-area-inset-bottom) + 6rem));left:max(.85rem,env(safe-area-inset-left));right:auto;min-width:160px;max-width:min(220px,calc(100vw - 7rem));padding:.55rem .75rem;border-radius:999px;border:none;background:#0000008c;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 18px #00000059;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .3s ease,transform .3s ease;pointer-events:none;color:#fff}.gift-toast.is-in{opacity:1;transform:none}.gift-toast.is-out{opacity:0;transform:translateY(6px)}.gift-toast--special{background:#7814508c}.gift-toast__title{font-family:var(--title);font-size:.85rem;font-weight:700;letter-spacing:.02em}.gift-toast__sub{margin-top:.1rem;font-size:.72rem;color:#ffffffc7}@media(max-width:720px){.gift-hud,.gift-hud--rail{width:4.35rem;max-height:min(52vh,22rem)}.gift-hud__panel{width:min(12.5rem,calc(100vw - 5.8rem));max-height:min(46vh,18rem)}}@media(max-aspect-ratio:9/16){.gift-hud,.gift-hud--rail{width:4.2rem;right:max(.3rem,env(safe-area-inset-right))}}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12;overflow:hidden}.fx-burst{position:absolute;top:0;right:0;bottom:0;left:0}.fx-particle{position:absolute;left:var(--x);bottom:18%;font-size:clamp(.7rem,1.6vw,1.15rem);opacity:0;animation:fx-rise var(--dur) var(--delay) ease-out forwards;filter:drop-shadow(0 0 6px rgba(255,47,159,.45))}.fx-galaxyBurst .fx-particle,.fx-stars .fx-particle{color:#9ef6ff;filter:drop-shadow(0 0 8px rgba(57,243,255,.7))}.fx-hearts .fx-particle,.fx-heartBurst .fx-particle{color:#ff6ab5}.fx-flash,.fx-cam-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.55),transparent 55%);opacity:0;pointer-events:none}.fx-flash{animation:fx-flash .55s ease-out}.fx-cam-flash.is-on{animation:fx-flash .45s ease-out;z-index:7}@keyframes fx-rise{0%{opacity:0;transform:translate3d(0,20px,0) scale(.6)}15%{opacity:1}to{opacity:0;transform:translate3d(calc((var(--i) - var(--n) / 2) * 6px),-160px,0) scale(1.15)}}@keyframes fx-flash{0%{opacity:.7}to{opacity:0}}@media(max-width:900px){.gift-menu{bottom:calc(1rem + 210px);left:.75rem}}@media(max-aspect-ratio:9/16){.gift-menu{max-width:min(260px,calc(100vw - 1.2rem));bottom:7.5rem}.gift-menu__toggle-label{display:none}.gift-toast{bottom:max(6.5rem,calc(env(safe-area-inset-bottom) + 5rem));left:.6rem}}.perf-stream .panel,.perf-stream .chat-panel,.perf-stream .dev-panel,.perf-stream .gift-hud__panel,.perf-stream .gift-toast{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.fps-meter{position:fixed;z-index:9999;right:.75rem;bottom:.75rem;padding:.35rem .55rem;font:600 .7rem/1 var(--mono, monospace);letter-spacing:.08em;color:#39f3ff;background:#060412d9;border:1px solid rgba(57,243,255,.35);pointer-events:none}