:root{--z-hud-recessed: 1140;--z-hud: 1150;--z-hud-popover: 1160;--z-maintenance: 1300;--z-modal-backdrop: 1400;--z-modal: 1410;--z-toast: 10000}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}*{box-sizing:border-box}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/lato-400-BEhtfm5r.woff2) format("woff2")}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/lato-700-BUGMgin4.woff2) format("woff2")}:root{--font-body: "Lato", sans-serif;--font-hud: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--color-primary: #1dcf4c;--color-primary-hover: rgb(50.4559322034, 226.3440677966, 96.8983050847);--color-primary-active: rgb(22.7330508475, 162.2669491525, 59.5762711864);--color-bg: #050505;--color-light: #f0f0f0;--color-white: #fff;--color-twitch: #9146ff;--surface-raised: rgb(30.5, 30.5, 30.5);--surface-translucent: rgba(30.5, 30.5, 30.5, .9);--surface-hover: rgb(43.25, 43.25, 43.25);--line-hairline: rgba(240, 240, 240, .13);--line-control: rgba(240, 240, 240, .18);--scrim: rgba(0, 0, 0, .7);--radius-panel: 8px;--radius-control: 4px;--radius-pill: 999px;--space-0-5: 4px;--space-1: 8px;--space-1-5: 12px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--text-title: 2em;--text-heading: 1.7em;--text-body: 1.1em;--text-small: .8em;--text-hero: clamp(28px, 5vw, 56px);--text-root: 16px;--leading: 1.4;--text-hud-caption: 13px;--text-hud-score: 14px;--text-hud-readout: 15px;--text-hud-headline: 19px;--text-hud-numeral: 22px;--text-hud-display: 34px;--text-hud-hero-sub: clamp(13px, 1.6vw, 18px);--text-emblem: 14px;--leading-tight-toast: 1.2;--leading-tight-title: 1.1;--leading-tight-hero: 1.05;--opacity-muted: .7}html,body{overflow:hidden}body{background:var(--color-bg);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-root);min-height:100vh}.board-state{display:inline-flex;height:40px;align-items:center;padding:0 16px;border-radius:999px;background:var(--surface-raised);border:1px solid var(--line-hairline);position:fixed;top:16px;right:16px;z-index:var(--z-hud)}.logo{position:fixed;top:24px;left:50%;transform:translate(-50%);width:200px}@media(pointer:coarse){body{overscroll-behavior:none}.game .react-transform-wrapper{touch-action:none}}@media(pointer:coarse)and (max-width:767px),(pointer:coarse)and (max-height:767px){.logo{top:8px;width:120px}.board-state{top:72px;right:8px;height:32px;padding:0 12px;font-size:var(--text-small)}.regie{width:auto;max-width:calc(100vw - 32px)}}.user-tab{display:flex;justify-content:flex-end;align-items:center;position:fixed;bottom:24px;right:24px;z-index:var(--z-hud);width:230px}.user-tab a{display:inline-flex;padding:0 16px;height:50px;border-radius:999px;border:1px solid var(--line-hairline);cursor:pointer;align-items:center;font-weight:700;gap:8px;background:var(--surface-raised);color:var(--color-white);font-size:var(--text-small)}.user-tab a svg{width:20px;font-weight:400;color:var(--color-twitch)}.user-tab .user{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 32px;background:var(--surface-raised);border:1px solid var(--line-hairline);border-radius:999px;width:100%;justify-content:space-between}.user-tab .user img{width:40px;height:40px;border-radius:999px}.user-tab .user p{font-size:.8em;font-weight:700;margin-bottom:4px}.user-tab .user span{font-size:var(--text-body);font-weight:700}.user-tab .user span i{color:var(--color-primary)}.user-tab .user button{width:40px;height:40px;display:flex;border-radius:999px;border:none;background-color:var(--color-bg);color:var(--color-white);justify-content:center;align-items:center;cursor:pointer;transition:background-color .16s ease}.user-tab .user button:hover,.user-tab .user button:focus-visible{background-color:var(--surface-hover)}.user-tab .user button svg{width:14px}.color-button{position:fixed;bottom:24px;right:268px;width:50px;height:50px;border-radius:999px;border:2px solid var(--color-white);z-index:var(--z-hud);cursor:pointer;outline:2px solid var(--color-bg)}.color-button:focus-visible{outline-color:var(--color-white);outline-offset:2px}@keyframes color-highlight-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}@keyframes color-highlight-ring{0%,to{outline-width:2px;outline-offset:2px}50%{outline-width:3px;outline-offset:4px}}.color-button--highlight{border-color:var(--color-primary)}.color-highlight-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:999px;background:var(--color-primary);border:2px solid var(--color-white);animation:color-highlight-pulse 1.4s infinite}.color-name-choose{color:var(--color-white);width:100%;text-align:center;margin-bottom:8px;background:var(--color-bg);border:1px solid var(--line-hairline);padding:8px 0;border-radius:4px}.color-picker{padding:16px;background:var(--surface-raised);border:1px solid var(--line-hairline);border-radius:4px;display:flex;justify-content:flex-start;gap:8px;position:fixed;bottom:96px;right:72px;z-index:var(--z-hud-popover);max-height:300px;flex-wrap:wrap;max-width:250px}.color-picker .color{position:relative}.color-picker .color .color-name{position:absolute;top:-24px;z-index:2;padding:0 6px;height:20px;background-color:var(--color-bg);border:1px solid var(--line-hairline);left:50%;transform:translate(-50%);font-size:var(--text-small);align-items:center;border-radius:4px;display:none;white-space:nowrap}.color-picker .color:hover .color-name{display:inline-flex}.color-picker span{display:block;width:24px;height:24px;border-radius:999px;transition:.4s;cursor:pointer}.color-picker span.choose{transform:scale(1.2);outline:2px solid var(--color-white);outline-offset:1px}.color-picker span.highlight{position:relative;transform:scale(1.25);outline:2px solid var(--color-primary);outline-offset:2px;animation:color-highlight-ring 1.4s ease-in-out infinite;z-index:2}.color-picker span.highlight:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:999px;background:var(--color-primary);border:1px solid var(--color-bg)}.color-picker span.dimmed{opacity:.35}.color-picker span.dimmed:hover{opacity:.7}@media(prefers-reduced-motion:reduce){.color-highlight-badge,.color-picker span.highlight{animation:none}.color-picker span.highlight{outline:3px solid var(--color-primary);outline-offset:3px}.color-picker span,.game,.user-tab .user button,footer .send,.confirm-dialog button{transition:none}}.pixel-cursor{position:fixed;z-index:var(--z-hud-recessed);width:1px;height:1px;top:0;left:0}.game{display:flex;justify-content:center;transition:.4s;background:var(--color-bg);min-height:100vh}.game .react-transform-wrapper{min-height:100vh}.game .game-container{height:auto;width:100vw;height:100vh;background:var(--color-bg);padding:200px}.game canvas{position:absolute;top:0;left:0;z-index:2;image-rendering:pixelated;width:100%;height:100%}.game img{background:var(--color-white);image-rendering:pixelated;position:relative;z-index:1}footer{position:fixed;bottom:80px;left:24px;width:100%;display:flex;gap:16px}footer .send{display:inline-flex;padding:0 16px;height:50px;border-radius:999px;border:none;cursor:pointer;align-items:center;font-weight:700;gap:8px;background:var(--color-primary);color:var(--color-bg);font-size:var(--text-small);transition:background .16s ease}footer .send:hover{background:var(--color-primary-hover)}footer .send:active{background:var(--color-primary-active)}footer .send:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}footer .send[disabled]{opacity:.7;cursor:not-allowed}footer .undo{display:inline-flex;padding:0 16px;height:50px;border-radius:999px;border:none;cursor:pointer;align-items:center;font-weight:700;gap:8px;background:var(--color-light);color:var(--color-bg);font-size:var(--text-small)}.confirm-dialog{position:fixed;background:var(--surface-raised);border:1px solid var(--line-hairline);border-radius:8px;z-index:var(--z-hud);display:flex;gap:8px;justify-content:center;align-items:center;bottom:96px;right:24px;flex-direction:column;padding:16px}.confirm-dialog p{margin-bottom:8px}.confirm-dialog .buttons{display:flex;gap:8px}.confirm-dialog button{border:none;display:inline-flex;height:40px;padding:0 16px;align-items:center;font-weight:700;font-family:var(--font-body);background:var(--color-light);color:var(--color-bg);border-radius:4px;cursor:pointer;transition:background .16s ease}.confirm-dialog button:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.confirm-dialog button:first-of-type[disabled]{background:var(--color-light);opacity:.7;cursor:not-allowed}.confirm-dialog button:last-of-type{background:var(--color-primary);color:var(--color-bg)}.confirm-dialog button:last-of-type:hover{background:var(--color-primary-hover)}.confirm-dialog button:last-of-type:active{background:var(--color-primary-active)}.confirm-dialog button:last-of-type[disabled]{background:var(--color-primary);opacity:.7;cursor:not-allowed}.react-transform-wrapper{width:100%!important}.generated{position:fixed;top:99999px;left:99999px;z-index:-1}.about-content h2{font-size:1.7em;color:var(--color-primary);margin-bottom:24px;text-align:center}.about-content h2:last-of-type{margin-top:24px}.about-content p{line-height:1.4;font-size:1.1em;margin-bottom:16px}.about-content p b{color:var(--color-primary);font-weight:700}.about-content p:last-of-type{margin-bottom:0}.about-content ul{list-style:disc;line-height:1.4;margin-left:16px}.regie-toggle{position:fixed;top:16px;left:16px;z-index:1200;height:40px;padding:0 18px;border:none;border-radius:999px;background:#6c3cff;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0006}.regie-toggle:hover{background:#7d52ff}.regie{position:fixed;top:68px;left:16px;z-index:1200;width:360px;max-height:calc(100vh - 84px);overflow-y:auto;padding:16px;border-radius:12px;background:#100c20f5;color:#fff;box-shadow:0 8px 28px #0000008c}.regie textarea,.regie select,.regie input{width:100%;box-sizing:border-box}.regie__calibration{margin:10px 0;padding:8px 10px;border:1px solid rgba(255,214,102,.28);border-radius:8px;background:#ffd6660f;font-size:.75rem;font-variant-numeric:tabular-nums}.regie__calibration p{margin:0 0 4px}.regie__calibration .regie__calibration-cold{opacity:.8}.regie__calibration .regie__calibration-pinned,.regie__calibration .regie__calibration-reanchor{color:#ffd666}.regie__calibration .regie__calibration-override{display:flex;align-items:center;gap:8px;margin-top:6px}.regie__calibration .regie__calibration-override label{white-space:nowrap;opacity:.85}.regie__calibration-preview{margin:6px 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.regie__calibration-preview-row{display:flex;gap:6px;align-items:baseline}.regie__calibration-preview-row em{font-style:normal;opacity:.5}.regie__launch-calibration{margin-top:8px;font-size:.75rem;font-variant-numeric:tabular-nums}.regie__launch-calibration p{margin:0}.monitoring__run-calibration,.monitoring__run-engine-alarms{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0;font-size:.72rem;font-variant-numeric:tabular-nums}.monitoring__run-calibration>span,.monitoring__run-engine-alarms>span{padding:2px 8px;border-radius:6px;background:#0000004d}.monitoring__run-calibration .monitoring__run-pinned,.monitoring__run-calibration .monitoring__run-uncalibrated,.monitoring__run-engine-alarms .monitoring__run-pinned,.monitoring__run-engine-alarms .monitoring__run-uncalibrated{background:#ffd6662e;color:#ffd666}.monitoring__run-calibration .monitoring__run-alarm,.monitoring__run-engine-alarms .monitoring__run-alarm{background:#ff5c5c38;color:#ff9d9d}.regie__summary{display:flex;align-items:center;gap:10px;margin-bottom:12px}.regie__summary .regie__summary-counts{flex:1;font-variant-numeric:tabular-nums;opacity:.85}.regie__summary .regie__monitoring-open{height:30px;padding:0 14px;border:none;border-radius:999px;background:#6c3cff;color:#fff;font-weight:600;cursor:pointer}.regie__summary .regie__monitoring-open:hover{background:#7d52ff}.regie__palette-swatches{display:flex;flex-wrap:wrap;gap:4px}.regie__palette-swatch{width:22px;height:22px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:4px;cursor:pointer}.regie__palette-swatch--selected{outline:2px solid #6c3cff;outline-offset:1px}.monitoring{position:fixed;top:68px;right:16px;z-index:1300;display:flex;flex-direction:column;width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 84px);border-radius:12px;background:#100c20fa;color:#fff;box-shadow:0 8px 28px #0009;overflow:hidden}.monitoring .monitoring__header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.monitoring .monitoring__title{flex:1;margin:0;font-size:1rem}.monitoring .monitoring__header button{height:28px;padding:0 12px;border:none;border-radius:6px;background:#ffffff1f;color:#fff;cursor:pointer}.monitoring .monitoring__header button:hover{background:#ffffff38}.monitoring .monitoring__close{padding:0 10px}.monitoring .monitoring__tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.monitoring .monitoring__tab{padding:6px 12px;border:none;border-radius:6px 6px 0 0;background:transparent;color:#ffffffa6;cursor:pointer}.monitoring .monitoring__tab[data-active=true]{background:#6c3cff59;color:#fff}.monitoring .monitoring__body{flex:1;overflow-y:auto;padding:14px 16px;font-size:.85rem}.monitoring .monitoring__empty{opacity:.6;font-style:italic}.monitoring h4{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.monitoring .monitoring__run,.monitoring .monitoring__fx-item,.monitoring .monitoring__sfx-item,.monitoring .monitoring__component,.monitoring .monitoring__debug-entry{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a}.monitoring .monitoring__run{padding:10px;margin-bottom:10px}.monitoring .monitoring__run-head{display:flex;align-items:center;gap:8px}.monitoring .monitoring__run-title{font-weight:600}.monitoring .monitoring__run-phase{padding:1px 8px;border-radius:999px;background:#6c3cff66;font-size:.75rem}.monitoring .monitoring__run-paused,.monitoring .monitoring__run-outcome{padding:1px 8px;border-radius:999px;background:#ffffff24;font-size:.75rem}.monitoring .monitoring__run-meta{display:flex;gap:10px;margin:6px 0;opacity:.7;font-size:.75rem;font-variant-numeric:tabular-nums}.monitoring .monitoring__cells{display:flex;flex-wrap:wrap;gap:6px}.monitoring .monitoring__cell{display:inline-flex;gap:4px;padding:2px 8px;border-radius:6px;background:#0000004d}.monitoring .monitoring__cell em{font-style:normal;opacity:.6}.monitoring .monitoring__run-params{margin:8px 0 0;padding:6px 8px;border-radius:6px;background:#00000059;font-size:.72rem;white-space:pre-wrap;word-break:break-word}.monitoring .monitoring__run-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.monitoring .monitoring__run-controls button{height:26px;padding:0 10px;border:none;border-radius:6px;background:#ffffff1f;color:#fff;cursor:pointer}.monitoring .monitoring__run-controls button:hover{background:#ffffff38}.monitoring .monitoring__run-controls .monitoring__run-stop{background:#dc3c5080}.monitoring .monitoring__run-controls .monitoring__run-stop:hover{background:#dc3c50b3}.monitoring .monitoring__fx-list,.monitoring .monitoring__sfx-list,.monitoring .monitoring__components{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.monitoring .monitoring__fx-item,.monitoring .monitoring__sfx-item,.monitoring .monitoring__component{display:flex;align-items:center;gap:8px;padding:6px 10px}.monitoring .monitoring__fx-ref,.monitoring .monitoring__sfx-ref,.monitoring .monitoring__component-id{font-weight:600}.monitoring .monitoring__fx-id,.monitoring .monitoring__fx-at,.monitoring .monitoring__component-anchor,.monitoring .monitoring__component-updated,.monitoring .monitoring__sfx-item span:not(.monitoring__sfx-ref){opacity:.6;font-size:.75rem}.monitoring .monitoring__fx-item .monitoring__fx-stop,.monitoring .monitoring__fx-stopall{margin-left:auto;height:24px;padding:0 10px;border:none;border-radius:6px;background:#dc3c5080;color:#fff;cursor:pointer}.monitoring .monitoring__fx-item .monitoring__fx-stop:disabled,.monitoring .monitoring__fx-stopall:disabled{opacity:.4;cursor:default}.monitoring .monitoring__fx-head,.monitoring .monitoring__debug-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px}.monitoring .monitoring__debug-controls label{display:inline-flex;align-items:center;gap:4px}.monitoring .monitoring__debug-controls label input{width:auto}.monitoring .monitoring__debug-filter{margin-left:auto;max-width:180px}.monitoring .monitoring__debug-feed{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.monitoring .monitoring__debug-entry{display:flex;flex-wrap:wrap;gap:8px;padding:5px 8px;font-family:monospace;font-size:.75rem}.monitoring .monitoring__debug-entry[data-debug-ok=false]{border-color:#dc3c5099;background:#dc3c5026}.monitoring .monitoring__debug-ts{opacity:.55}.monitoring .monitoring__debug-step{color:#b79dff}.monitoring .monitoring__debug-error{color:#ff9aa8}.game .game-container__inner{background:var(--color-white)}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:var(--z-modal-backdrop)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:70vw;min-width:min(320px,calc(100vw - 32px));max-height:70vh;overflow:hidden;padding:0;border:1px solid var(--line-hairline);border-radius:var(--radius-panel);background:var(--color-bg);color:var(--color-white);font-family:var(--font-body);outline:none;z-index:var(--z-modal)}.modal__close{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-control);background:none;color:var(--color-white);opacity:var(--opacity-muted);cursor:pointer;transition:opacity .12s ease}.modal__close:hover,.modal__close:focus-visible{opacity:1}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__close svg{width:16px;height:16px}.modal__head{flex:none;display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-3)}.modal:not([data-accent=true]) .modal__headline{text-align:center}.modal__lead{flex:none;display:flex;align-items:center}.modal__headline{flex:1 1 auto;min-width:0}.modal__eyebrow{margin:0 0 var(--space-0-5);font-size:var(--text-small);letter-spacing:.08em;text-transform:uppercase;color:var(--color-light);overflow-wrap:anywhere}.modal__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;font-family:var(--font-body);font-size:var(--text-title);color:var(--color-primary);overflow-wrap:anywhere}.modal__subtitle{margin-top:var(--space-1);font-size:var(--text-body);line-height:var(--leading);color:var(--color-white);overflow-wrap:anywhere}.modal[data-accent=true] .modal__eyebrow{font-family:var(--font-hud);color:var(--color-primary)}.modal[data-accent=true] .modal__title{font-family:var(--font-hud)}.modal__body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-4);outline:none}@media(pointer:coarse){.modal__close{min-width:44px;min-height:44px}.modal__head{padding-inline-end:calc(44px + var(--space-1))}.modal:not([data-accent=true]) .modal__head{padding-inline-start:calc(44px + var(--space-1))}}@media(pointer:coarse)and (max-width:767px),(pointer:coarse)and (max-height:767px){.modal{width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.modal__head{flex-direction:column;align-items:stretch}.modal__title{font-size:var(--text-heading)}}@media(prefers-reduced-motion:reduce){.modal__close{transition:none}}.credits__toggle{position:fixed;bottom:var(--space-3);left:calc(var(--space-3) + 44px + var(--space-1));z-index:var(--z-hud);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-control);border-radius:var(--radius-pill);background:var(--surface-translucent);color:var(--color-white);cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.credits__toggle:hover,.credits__toggle:focus-visible{background:var(--surface-hover);border-color:var(--color-light)}.credits__toggle:hover{transform:translateY(-1px)}.credits__content a{color:var(--color-primary)}.credits__content a:hover,.credits__content a:focus-visible{text-decoration:underline;text-underline-offset:.2em}.credits__content li{margin-bottom:var(--space-1)}@media(pointer:coarse)and (max-width:767px),(pointer:coarse)and (max-height:767px){.modal.credits__content h2{font-size:var(--text-body);font-weight:700}}@media(prefers-reduced-motion:reduce){.credits__toggle{transition:none}}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.scenario-component-layer{font-family:var(--font-body);color:var(--color-white)}.scenario-zone{position:fixed;display:flex;width:min(340px,40vw);max-height:calc(100vh - 32px);pointer-events:none}.scenario-zone__stack{display:flex;flex-direction:column;gap:var(--space-1-5);width:100%;max-height:100%;padding-bottom:var(--space-1);overflow:hidden}.scenario-zone[data-zone=top-left]{top:16px;left:16px;align-items:flex-start}.scenario-zone[data-zone=top-center]{top:128px;left:50%;transform:translate(-50%);align-items:center}.scenario-zone[data-zone=top-right]{top:16px;right:16px;align-items:flex-end}.scenario-zone[data-zone=middle-left]{top:50%;left:16px;transform:translateY(-50%);align-items:flex-start}.scenario-zone[data-zone=center]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center}.scenario-zone[data-zone=middle-right]{top:50%;right:16px;transform:translateY(-50%);align-items:flex-end}.scenario-zone[data-zone=bottom-left]{bottom:16px;left:16px;align-items:flex-start}.scenario-zone[data-zone=bottom-center]{bottom:16px;left:50%;transform:translate(-50%);align-items:center}.scenario-zone[data-zone=bottom-right]{bottom:16px;right:16px;align-items:flex-end}.scenario-zone[data-zone^=top-] .scenario-zone__stack{justify-content:flex-start}.scenario-zone[data-zone^=middle-] .scenario-zone__stack,.scenario-zone[data-zone=center] .scenario-zone__stack{justify-content:center}.scenario-zone[data-zone^=bottom-] .scenario-zone__stack{flex-direction:column-reverse;justify-content:flex-start}.scenario-zone[data-zone$=-left] .scenario-zone__stack{align-items:flex-start}.scenario-zone[data-zone$=-center] .scenario-zone__stack,.scenario-zone[data-zone=center] .scenario-zone__stack{align-items:center}.scenario-zone[data-zone$=-right] .scenario-zone__stack{align-items:flex-end}.scenario-component-layer--screen .scenario-component{position:relative;width:100%;box-sizing:border-box;padding:var(--space-1-5);background:var(--surface-translucent);border:1px solid var(--line-hairline);border-radius:var(--radius-control);overflow:hidden;transform-origin:center top;animation:hud-card-in .46s cubic-bezier(.16,1,.3,1) both}@keyframes hud-card-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.scenario-widget__label,.scenario-widget__leaderboard-title,.scenario-widget__countdown-unit,.scenario-view__tell-label,.scenario-view__vote-label,.scenario-widget__zone-label{font-family:var(--font-hud);font-size:var(--text-small);text-transform:uppercase}.scenario-widget__label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:.14em;color:var(--color-light);opacity:var(--opacity-muted)}.scenario-widget__health-bar,.scenario-widget__progress-bar{display:flex;flex-direction:column;gap:var(--space-1)}.scenario-widget__bar-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1)}.scenario-widget__bar-value{flex:0 0 auto;font-family:var(--font-hud);font-size:var(--text-hud-readout);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-white)}.scenario-widget__bar-max{font-size:var(--text-small);font-weight:600;color:var(--color-light);opacity:var(--opacity-muted)}.scenario-widget__bar-track{position:relative;box-sizing:border-box;height:14px;border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--color-bg);overflow:hidden}.scenario-widget__bar-fill{position:relative;height:100%;width:calc(var(--fill, 0) * 100%);border-radius:calc(var(--radius-control) - 1px);background:linear-gradient(90deg,var(--bar-from, var(--color-primary)),var(--bar-to, var(--color-primary)));transition:width .42s cubic-bezier(.22,1,.36,1)}.scenario-widget__health-bar[data-flash=down],.scenario-widget__progress-bar[data-flash=down]{animation:hud-bar-damage .46s ease-out}.scenario-widget__health-bar[data-flash=up],.scenario-widget__progress-bar[data-flash=up]{animation:hud-bar-gain .46s ease-out}@keyframes hud-bar-damage{0%{filter:brightness(1.9);transform:translate(-2px)}to{filter:none;transform:none}}@keyframes hud-bar-gain{0%{filter:brightness(1.5)}to{filter:none}}.scenario-widget__countdown{display:flex;flex-direction:column;gap:var(--space-1)}.scenario-widget__countdown-frame{display:inline-flex;align-self:flex-start;align-items:baseline;gap:var(--space-0-5);padding:var(--space-0-5) var(--space-1-5);border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--color-bg)}.scenario-widget__countdown-value{font-family:var(--font-hud);font-size:var(--text-hud-display);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--countdown-color, var(--color-primary))}.scenario-widget__countdown-unit{font-weight:600;letter-spacing:.16em;color:var(--color-light);opacity:var(--opacity-muted)}.scenario-widget__countdown--urgent .scenario-widget__countdown-value{color:var(--countdown-urgent, var(--color-primary));animation:hud-urgent .7s ease-in-out infinite}.scenario-widget__countdown--urgent .scenario-widget__countdown-frame{border-color:var(--countdown-urgent, var(--color-primary))}@keyframes hud-urgent{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.82}}.scenario-widget__banner{display:flex;flex-direction:column;gap:var(--space-0-5);animation:hud-slam .52s cubic-bezier(.2,1.4,.3,1) both}.scenario-widget__banner-text{font-family:var(--font-hud);font-size:var(--text-hud-headline);font-weight:700;line-height:var(--leading-tight-title);letter-spacing:.04em;text-transform:uppercase;color:var(--banner-accent, var(--color-primary));word-break:break-word}.scenario-widget__banner-subtitle{font-size:var(--text-small);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--color-light);opacity:var(--opacity-muted);word-break:break-word}.scenario-zone:has(.scenario-widget__banner--hero){width:min(720px,92vw)}.scenario-component-layer--screen .scenario-component:has(.scenario-widget__banner--hero){padding:0;background:none;border:none;overflow:visible}.scenario-widget__banner--hero{align-items:center;gap:0;animation:hud-hero-in .62s cubic-bezier(.16,1,.3,1) both,hud-hero-out .42s ease-in var(--banner-out-delay, 100000s) forwards}.scenario-widget__banner-scrim{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);text-align:center;border:1px solid var(--banner-accent, var(--color-primary));border-radius:var(--radius-panel);background:var(--color-bg)}.scenario-widget__banner--hero .scenario-widget__banner-text{font-size:var(--text-hero);line-height:var(--leading-tight-hero);letter-spacing:.06em}.scenario-widget__banner--hero .scenario-widget__banner-subtitle{font-size:var(--text-hud-hero-sub);letter-spacing:.08em}@keyframes hud-hero-in{0%{opacity:0;transform:translateY(16px) scale(.84);filter:brightness(2.2)}60%{opacity:1;filter:brightness(1.2)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes hud-hero-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.97)}}@keyframes hud-slam{0%{opacity:0;transform:scale(1.12);filter:brightness(2.4)}55%{opacity:1;filter:brightness(1.25)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.scenario-widget__leaderboard{display:flex;flex-direction:column;gap:var(--space-1)}.scenario-widget__leaderboard-title{font-weight:700;letter-spacing:.16em;color:var(--color-light);opacity:var(--opacity-muted)}.scenario-widget__leaderboard-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.scenario-widget__leaderboard-row{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) 0;animation:hud-row-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes hud-row-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.scenario-widget__leaderboard-row+.scenario-widget__leaderboard-row{border-top:1px solid var(--line-hairline)}.scenario-widget__leaderboard-rank{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:22px;height:22px;font-family:var(--font-hud);font-size:var(--text-small);font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--line-hairline);border-radius:var(--radius-control)}.scenario-widget__leaderboard-row[data-rank="1"] .scenario-widget__leaderboard-rank{border-color:var(--color-primary);color:var(--color-primary)}.scenario-widget__leaderboard-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-hud-caption);font-weight:600;letter-spacing:.02em}.scenario-widget__leaderboard-score{flex:0 0 auto;font-family:var(--font-hud);font-size:var(--text-hud-score);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-white)}.scenario-widget__gauge{display:flex;align-items:center;gap:var(--space-1-5)}.scenario-widget__gauge-dial{position:relative;flex:0 0 auto;width:74px;height:74px;border-radius:50%;overflow:hidden;background:conic-gradient(var(--gauge-from, var(--color-primary)) 0,var(--gauge-to, var(--gauge-from, var(--color-primary))) calc(var(--fill, 0) * 360deg),var(--line-hairline) 0)}.scenario-widget__gauge-readout{display:flex;flex-direction:column;gap:var(--space-0-5)}.scenario-widget__gauge-value{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-hud);font-size:var(--text-hud-numeral);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--color-white)}.scenario-widget__gauge .scenario-widget__gauge-center{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg);font-family:var(--font-hud);font-size:var(--text-hud-readout);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-white);pointer-events:none}.scenario-widget__text{font-family:var(--font-hud);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:pre-line;overflow-wrap:anywhere}.scenario-widget__image{position:relative;display:inline-flex;padding:var(--space-0-5);border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--color-bg);overflow:hidden}.scenario-widget__image img{display:block;max-width:100%}.scenario-widget__image[data-frame=false]{padding:0;border:none;border-radius:0;background:none;overflow:visible}.scenario-component-layer--screen .scenario-component[data-widget=bpm],.scenario-component-layer--screen .scenario-component[data-widget=movingFront],.scenario-component-layer--screen .scenario-component[data-widget=reveal],.scenario-component-layer--screen .scenario-component[data-widget=zone],.scenario-component-layer--screen .scenario-component[data-widget=tifo]{width:auto;padding:0;background:none;border:0;border-radius:0;overflow:visible;animation:none}.scenario-view__bpm{position:relative;background:var(--bpm-color, var(--color-primary))}.scenario-view__bpm:before,.scenario-view__bpm:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--bpm-color, var(--color-primary));opacity:calc(.85 * (1 - var(--bpm-phase, 0)))}.scenario-view__bpm:after{top:-2px;right:-2px;bottom:-2px;left:-2px}.scenario-component-layer--screen .scenario-component[data-widget=bpm]{display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.scenario-view__tell{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-0-5)}.scenario-view__tell-label{font-weight:700;letter-spacing:.14em;color:var(--color-light);opacity:var(--opacity-muted)}.scenario-view__tell-countdown{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:var(--space-0-5) var(--space-1-5);font-family:var(--font-hud);font-size:var(--text-hud-numeral);font-weight:700;font-variant-numeric:tabular-nums;color:var(--tell-color, var(--color-primary));background:var(--color-bg);border:2px solid var(--tell-color, var(--color-primary));border-radius:var(--radius-pill)}.scenario-component-layer--screen .scenario-component[data-widget=tell]{display:flex;align-items:center;justify-content:center}.scenario-view__vote{display:flex;flex-direction:column;gap:var(--space-1);width:100%;min-width:200px}.scenario-view__vote-row{display:flex;align-items:center;gap:var(--space-1)}.scenario-view__vote-label{flex:0 0 auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:.08em;color:var(--color-light);opacity:var(--opacity-muted)}.scenario-view__vote-count{flex:0 0 auto;font-family:var(--font-hud);font-size:var(--text-small);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-white)}.scenario-view__vote-bar{position:relative;min-width:10px;border-radius:var(--radius-control);background:var(--vote-color, var(--color-primary))}.scenario-view__vote-bar[data-empty=true]{background:var(--line-hairline)}.scenario-view__front{background:var(--front-color, var(--color-primary))}.scenario-view__reveal,.scenario-view__tifo{outline:1px solid var(--line-hairline);outline-offset:-1px}.scenario-widget__zone{transform-origin:center}.scenario-widget__zone-fill,.scenario-widget__zone-mask,.scenario-widget__zone-border,.scenario-widget__zone-progress,.scenario-widget__zone-inverse-mask{pointer-events:none}.scenario-widget__zone-border[data-style=neon]{mix-blend-mode:screen}.scenario-widget__zone-progress{mix-blend-mode:screen;filter:drop-shadow(0 0 4px currentColor)}.scenario-widget__zone-label{position:absolute;left:50%;bottom:-4px;transform:translate(-50%,100%);max-width:160px;padding:var(--space-0-5) var(--space-1);font-weight:700;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-white);background:var(--color-bg);border:1px solid var(--line-hairline);border-radius:var(--radius-control)}.scenario-widget__zone-label[data-position=top]{bottom:auto;top:-4px;transform:translate(-50%,-100%)}.scenario-widget__zone-label[data-position=center]{bottom:auto;top:50%;transform:translate(-50%,-50%)}.scenario-widget__zone-label[data-position=left]{left:-4px;bottom:auto;top:50%;transform:translate(-100%,-50%)}.scenario-widget__zone-label[data-position=right]{left:auto;right:-4px;bottom:auto;top:50%;transform:translate(100%,-50%)}.scenario-widget__zone-icon{pointer-events:none}.scenario-widget__zone[data-anim=pulse] .scenario-widget__zone-border,.scenario-widget__zone[data-anim=breathe] .scenario-widget__zone-fill{animation:hud-zone-breathe calc(2.4s / var(--zone-speed, 1)) var(--zone-anim-ease, ease-in-out) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}.scenario-widget__zone[data-anim=sweep] .scenario-widget__zone-fill{animation:hud-zone-sweep calc(2.6s / var(--zone-speed, 1)) var(--zone-anim-ease, linear) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}.scenario-widget__zone[data-anim=spark] .scenario-widget__zone-border{animation:hud-zone-spark calc(.9s / var(--zone-speed, 1)) var(--zone-anim-ease, steps(4)) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}.scenario-widget__zone[data-anim=shrink]{animation:hud-zone-shrink calc(3s / var(--zone-speed, 1)) var(--zone-anim-ease, ease-in-out) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}@keyframes hud-zone-breathe{0%,to{opacity:calc(var(--zone-fill-alpha, 1) * .6);transform:scale(1)}50%{opacity:var(--zone-fill-alpha, 1);transform:scale(1.015)}}@keyframes hud-zone-sweep{0%{background-position:-120% 0}to{background-position:220% 0}}@keyframes hud-zone-spark{0%,to{filter:brightness(1)}50%{filter:brightness(2.2) saturate(1.5)}}@keyframes hud-zone-shrink{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.scenario-component-layer--screen .scenario-component,.scenario-widget__leaderboard-row,.scenario-widget__banner,.scenario-widget__banner--hero,.scenario-widget__banner-scrim,.scenario-widget__health-bar[data-flash=down],.scenario-widget__progress-bar[data-flash=down],.scenario-widget__health-bar[data-flash=up],.scenario-widget__progress-bar[data-flash=up],.scenario-widget__zone[data-anim],.scenario-widget__zone[data-anim] .scenario-widget__zone-fill,.scenario-widget__zone[data-anim] .scenario-widget__zone-border,.scenario-widget__countdown--urgent .scenario-widget__countdown-value{animation:none}.scenario-widget__bar-fill{transition:none}}.scenario-widget__bar-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scenario-widget__bar-marker{position:absolute;top:0;bottom:0;left:calc(var(--marker, 0) * 100%);width:2px;margin-left:-1px;background:var(--color-white);outline:1px solid var(--color-bg)}.scenario-widget__gauge-markers{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.scenario-widget__gauge-marker{position:absolute;left:50%;top:0;width:2px;height:10px;margin-left:-1px;transform-origin:50% 37px;transform:rotate(calc(var(--marker, 0) * 360deg));background:var(--color-white);outline:1px solid var(--color-bg)}.scenario-widget__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:var(--space-1)}.scenario-widget__icon img{width:100%;height:100%;object-fit:contain}.scenario-widget__banner .scenario-widget__icon{width:24px;height:24px;margin:0 auto var(--space-0-5);display:flex}.scenario-view__vote-icon{flex:0 0 auto;width:16px;height:16px;display:inline-flex}.scenario-view__vote-icon img{width:100%;height:100%;object-fit:contain}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.sound-toast{position:fixed;top:var(--space-2);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);z-index:var(--z-toast);display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-1-5);border:1px solid var(--line-control);border-radius:var(--radius-pill);background:var(--surface-translucent);font-size:var(--text-small);color:var(--color-white);pointer-events:auto;animation:sound-toast-in .3s cubic-bezier(.16,1,.3,1) both}@keyframes sound-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sound-toast svg{width:16px;height:16px;flex:none}.sound-toast__text{font-family:var(--font-hud);white-space:nowrap}.sound-toast__action{padding:var(--space-0-5) var(--space-1-5);border:1px solid var(--line-control);border-radius:var(--radius-pill);background:transparent;font-family:var(--font-body);color:inherit;cursor:pointer;transition:border-color .16s ease}.sound-toast__action:hover,.sound-toast__action:focus-visible{background:var(--surface-hover);border-color:var(--color-light)}@media(pointer:coarse){.sound-toast__action{min-width:44px;min-height:44px}}@media(pointer:coarse)and (max-width:767px),(pointer:coarse)and (max-height:767px){.sound-toast{top:120px}.sound-toast__text{white-space:normal}}@media(prefers-reduced-motion:reduce){.sound-toast{animation:none}.sound-toast__action{transition:none}}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.player-mode-badge{display:flex;max-width:min(320px,42vw);padding:var(--space-1) var(--space-1-5);box-sizing:border-box;border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--surface-translucent);font-family:var(--font-body);font-size:var(--text-small);color:var(--color-white);cursor:help}.player-mode-badge__text{font-family:var(--font-hud);font-weight:700;letter-spacing:.04em;line-height:var(--leading);color:var(--color-primary)}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.admin-bypass-badge{display:flex;flex-direction:column;gap:var(--space-0-5);max-width:min(320px,42vw);padding:var(--space-1) var(--space-1-5);box-sizing:border-box;border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--surface-translucent);font-family:var(--font-body);font-size:var(--text-small);color:var(--color-white);cursor:help}.admin-bypass-badge__text{font-family:var(--font-hud);font-weight:700;letter-spacing:.04em;line-height:var(--leading);color:var(--color-primary)}.admin-bypass-badge__hint{line-height:var(--leading);color:var(--color-light);opacity:var(--opacity-muted)}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.ephemeral-notice,.permanent-notice{display:flex;flex-direction:column;gap:var(--space-0-5);max-width:min(320px,42vw);padding:var(--space-1) var(--space-1-5);box-sizing:border-box;border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--surface-translucent);font-family:var(--font-body);font-size:var(--text-small);color:var(--color-white);cursor:help}.ephemeral-notice__text,.permanent-notice__text{font-family:var(--font-hud);font-weight:700;letter-spacing:.04em;line-height:var(--leading);color:var(--color-primary)}.ephemeral-notice__hint,.permanent-notice__hint{line-height:var(--leading);color:var(--color-light);opacity:var(--opacity-muted)}.system-badges{position:fixed;left:var(--space-3);bottom:96px;z-index:var(--z-hud);display:flex;flex-direction:column-reverse;align-items:flex-start;gap:var(--space-1);pointer-events:none}.system-badges>*{pointer-events:auto}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.paint-rate-badge{display:flex;flex-direction:column;gap:var(--space-0-5);max-width:min(320px,42vw);padding:var(--space-1) var(--space-1-5);box-sizing:border-box;border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--surface-translucent);font-family:var(--font-body);font-size:var(--text-small);color:var(--color-white);cursor:help}.paint-rate-badge__text{font-family:var(--font-hud);font-weight:700;letter-spacing:.04em;line-height:var(--leading);color:var(--color-primary)}.paint-rate-badge__hint{line-height:var(--leading);color:var(--color-light);opacity:var(--opacity-muted)}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.player-hub{display:flex;flex-wrap:wrap;align-items:stretch;max-width:calc(100vw - var(--space-3) * 2);overflow:hidden;border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--surface-translucent)}.player-hub__link:not(:first-child){border-left:1px solid var(--line-hairline)}.player-hub__link{display:inline-flex;align-items:center;min-width:0;gap:var(--space-1);padding:var(--space-1) var(--space-1-5);font-family:var(--font-hud);font-size:var(--text-small);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-white);transition:color .16s ease,background .16s ease}.player-hub__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-hub__link:hover,.player-hub__link:focus-visible{background:var(--surface-hover);color:var(--color-primary)}.player-hub__link svg{width:14px;height:14px;flex:0 0 auto}@media(prefers-reduced-motion:reduce){.player-hub__link{transition:none}}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.emblem{position:relative;flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line-hairline);border-radius:50%;background:var(--color-bg)}.emblem[data-locked=false]{border-color:var(--color-primary)}.emblem[data-size=lg]{width:56px;height:56px}.emblem__art,.emblem__fallback{width:62%;height:62%;object-fit:contain}.emblem[data-size=lg] .emblem__art,.emblem[data-size=lg] .emblem__fallback{width:70%;height:70%}.emblem__fallback{display:grid;place-items:center;font-family:var(--font-hud);font-size:var(--text-emblem);font-weight:700;color:var(--color-primary)}.emblem[data-locked=true] .emblem__art{filter:grayscale(1);opacity:var(--opacity-muted)}.emblem[data-locked=true] .emblem__fallback{color:var(--color-light);opacity:var(--opacity-muted)}.emblem__lock{position:absolute;z-index:1;right:-2px;bottom:-2px;width:16px;height:16px;padding:2px;color:var(--color-bg);background:var(--color-light);border-radius:50%}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.unlock-toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-1-5);width:min(380px,calc(100vw - 32px));padding:var(--space-1-5) var(--space-4) var(--space-1-5) var(--space-1-5);box-sizing:border-box;border:1px solid var(--line-hairline);border-left:3px solid var(--color-primary);border-radius:var(--radius-control);background:var(--surface-translucent);font-family:var(--font-body);color:var(--color-white);animation:unlock-toast-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes unlock-toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.unlock-toast__body{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.unlock-toast__eyebrow{font-family:var(--font-hud);font-size:var(--text-small);font-weight:700;letter-spacing:.04em;color:var(--color-primary)}.unlock-toast__title{font-family:var(--font-hud);font-weight:700;line-height:var(--leading-tight-toast);overflow-wrap:anywhere;color:var(--color-white)}.unlock-toast__sub{font-size:var(--text-small);line-height:var(--leading);color:var(--color-light);opacity:var(--opacity-muted)}.unlock-toast__link{margin-top:var(--space-0-5);align-self:flex-start;font-size:var(--text-small);font-weight:700;color:var(--color-primary);border-bottom:1px solid var(--line-hairline)}.unlock-toast__link:hover,.unlock-toast__link:focus-visible{text-decoration:underline;text-underline-offset:.2em}.unlock-toast__close{position:absolute;top:var(--space-1);right:var(--space-1);display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-control);background:none;color:var(--color-white);opacity:var(--opacity-muted);cursor:pointer;transition:opacity .12s ease}.unlock-toast__close:hover,.unlock-toast__close:focus-visible{opacity:1}.unlock-toast__close svg{width:16px;height:16px}@media(pointer:coarse){.unlock-toast{padding-right:calc(44px + var(--space-1) * 2)}.unlock-toast__close{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.unlock-toast{animation:none}.unlock-toast__close{transition:none}}.audio-settings{position:fixed;bottom:var(--space-3);left:var(--space-3);z-index:var(--z-hud-popover);display:flex;flex-direction:column-reverse;align-items:flex-start;gap:var(--space-1-5)}.audio-settings__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-control);border-radius:var(--radius-pill);background:var(--surface-translucent);color:var(--color-white);cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.audio-settings__toggle:hover,.audio-settings__toggle:focus-visible{background:var(--surface-hover);border-color:var(--color-light)}.audio-settings__toggle:hover{transform:translateY(-1px)}.audio-settings__panel{width:230px;padding:var(--space-2);border:1px solid var(--line-hairline);border-radius:var(--radius-panel);background:var(--surface-raised);color:var(--color-white);font-family:var(--font-body)}.audio-settings__title{font-family:var(--font-hud);font-size:var(--text-small);font-weight:700;letter-spacing:.04em;margin-bottom:var(--space-1-5)}.audio-settings__row{display:grid;grid-template-columns:58px 1fr 38px;align-items:center;gap:var(--space-1);margin-bottom:var(--space-1);font-size:var(--text-small)}.audio-settings__toggle--muted{color:var(--color-light);opacity:var(--opacity-muted)}.audio-settings__row--switch{grid-template-columns:1fr auto;padding-bottom:var(--space-1);border-bottom:1px solid var(--line-hairline);cursor:pointer}.audio-settings__row--switch input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.audio-settings__row:last-child{margin-bottom:0}.audio-settings__row input[type=range]{width:100%;accent-color:var(--color-primary)}.audio-settings__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-light);opacity:var(--opacity-muted)}@media(prefers-reduced-motion:reduce){.audio-settings__toggle{transition:none}}.stats-panel{position:fixed;top:16px;left:16px;z-index:var(--z-hud-recessed);pointer-events:none}.stats-panel--shifted{top:68px;left:392px}.stats-panel__card{pointer-events:auto;width:268px;padding:var(--space-1) var(--space-1-5);border:1px solid var(--line-hairline);border-radius:var(--radius-panel);background:var(--surface-translucent);color:var(--color-white);font-family:var(--font-body);font-size:var(--text-small);line-height:var(--leading);font-variant-numeric:tabular-nums}.stats-panel__row{display:grid;grid-template-columns:108px 1fr;column-gap:var(--space-1);padding:1px 0}.stats-panel__label{color:var(--color-light);opacity:var(--opacity-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-panel__value{text-align:right;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-panel__value--ok{color:var(--color-primary)}.stats-panel__value--warn{color:var(--color-white)}.stats-panel__value--bad{color:var(--color-white);font-weight:700}.stats-panel__sub{grid-column:1 / -1;text-align:right;color:var(--color-light);opacity:var(--opacity-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(pointer:coarse)and (max-width:767px),(pointer:coarse)and (max-height:767px){.stats-panel,.stats-panel--shifted{top:72px;left:8px}.stats-panel__card{width:auto;max-width:58vw;padding:var(--space-1)}.stats-panel__row{grid-template-columns:92px 1fr}}.maintenance-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-maintenance);display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:var(--space-3);box-sizing:border-box;background:var(--color-bg);color:var(--color-white);font-family:var(--font-body);text-align:center}.maintenance-screen__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:560px;margin:auto 0}.maintenance-screen__logo{width:min(280px,60vw);max-height:25vh;height:auto}.maintenance-screen__title{margin:0;font-size:var(--text-title);font-weight:700;color:var(--color-primary)}.maintenance-screen__body{margin:0;font-size:var(--text-body);line-height:var(--leading)}.maintenance-screen__footnote{margin:0;font-size:var(--text-small);line-height:var(--leading);color:var(--color-light);opacity:var(--opacity-muted)}.maintenance-screen__login{flex:none;margin-top:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--line-hairline);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-primary);font-size:var(--text-small);text-decoration:none}.maintenance-screen__login svg{width:16px;height:16px}.maintenance-screen__login:hover,.maintenance-screen__login:focus-visible{background:var(--color-primary);color:var(--color-bg)}.maintenance-screen__login:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.maintenance-badge{display:flex;max-width:min(320px,42vw);padding:var(--space-1) var(--space-1-5);box-sizing:border-box;border:1px solid var(--line-hairline);border-radius:var(--radius-control);background:var(--surface-translucent);font-family:var(--font-body);font-size:var(--text-small);color:var(--color-white);cursor:help}.maintenance-badge__text{font-family:var(--font-hud);font-weight:700;letter-spacing:.04em;line-height:var(--leading);color:var(--color-primary)}
