@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&display=swap";:root{color-scheme:dark;--leaf-bright: #9ee06a;--leaf: #7bbf4f;--leaf-deep: #3f7a2e;--ember-bright: #ff9a3c;--ember: #f0732a;--amber: #f0b840;--ice-bright: #bfeaff;--ice: #7fd8ff;--ice-deep: #2a6b8a;--stone-edge: #756a58;--stone-hi: #565249;--stone: #43403a;--stone-low: #2c2925;--parch: #f1ead9;--parch-dim: #b3a98f;--bg-0: #14130f;--bg-1: #1d1b15;--tablet-shadow: 0 16px 36px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);--color-ink: #f1ead9;--color-muted: #b3a98f;--color-label: #d4c9b2;--color-accent: #7bbf4f;--color-accent-dim: #3f7a2e;--color-accent-glow: rgba(123, 191, 79, .35);--color-focus: #f0732a;--color-focus-glow: rgba(240, 115, 42, .35);--color-reward: #f0b840;--color-surface: linear-gradient(180deg, #565249 0%, #43403a 100%);--color-surface-solid: #43403a;--color-surface-input: #2c2925;--color-border: rgba(117, 106, 88, .7);--color-border-accent: rgba(117, 106, 88, .85);--color-border-muted: rgba(117, 106, 88, .55);--color-bg-deep: #14130f;--color-bg-overlay-top: rgba(20, 16, 12, .35);--color-bg-overlay-bottom: rgba(12, 10, 7, .72);--color-torch: #f0732a;--color-btn-primary-text: #14130f;--color-btn-primary-border: #3f7a2e;--color-btn-primary-shadow: #243d18;--color-btn-ghost-text: #c2b69c;--color-btn-ghost-bg: rgba(28, 25, 21, .6);--color-error-bg: rgba(160, 50, 44, .88);--color-error-border: #d8504a;--color-error-text: #ffecec;--color-notice-bg: rgba(240, 184, 64, .16);--color-notice-border: #f0b840;--color-notice-text: #f1ead9;--color-title-shadow: #2c2925;--accent-cam: #44ff88;--accent-cam-dim: rgba(68, 255, 136, .2);--accent-cam-on-dark: var(--review-bg);--review-bg: #07120d;--review-fg: #f4f6ef;--review-muted: #8ab;--review-border: #1a2e24;--review-accent: #4a9;--review-accent-hover: #35956d;--review-accent-strong: #2a7a5a;--review-panel: #0e1f17;--review-panel-border: #2a4a3a;--review-input-bg: #0e1f17;--review-label: #aaa;--review-error-bg: #5a1a1a;--review-error-text: #fcc;--bg: var(--color-bg-deep);--text: var(--color-ink);--ink-black: #1f1812;--ink-brown: #3a2a1e;--leaf-highlight: #a6c870;--leaf-mid: #7db04e;--leaf-shadow: #4f8137;--forest-deep: var(--review-bg);--goblin-green: #5a7a3a;--orc-green: #3f5828;--dirt-highlight: #c9a075;--dirt-mid: #a87b4d;--dirt-shadow: #7c5a36;--wood-warm: #8b5a38;--wood-dark: #5a3e27;--wood-deep: #3a2618;--stone-highlight: #b7b3a8;--stone-mid: #95918a;--stone-shadow: #6e6a60;--stone-deep: #48443c;--mossy-stone: #7e8970;--sky-pale: #b5daec;--sky-mid: #a8cfe6;--cloud: #f5f2e8;--water-highlight: #a8d8ee;--water-mid: #6fb4dd;--water-shadow: #3d7aaa;--sparkle-white: #ffffff;--amber-glow: #f0a040;--ember-orange: #d87530;--ember-deep: #a04a1e;--flower-red: #c73e2e;--flower-yellow: #f0c84a;--flower-blue: #4a6fbe;--skin-mid: #e8b58a;--skin-shadow: #c8916a;--hair-brown: #6e4326;--hair-shadow: #4a2d18;--parchment: var(--review-fg);--parchment-shadow: #e8dcc0;--ui-ink: #3a2a1e;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#app{width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden}button{font:inherit}:root{--font-display: "Cinzel", "Trajan Pro", Georgia, serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", Menlo, Consolas, monospace;--font-size-player: 20px;--font-size-tool: 14px}[data-surface=player],[data-surface=player] .ui-screen{font-family:var(--font-body);font-size:var(--font-size-player);line-height:1.35;color:var(--color-ink)}[data-surface=player] h1,[data-surface=player] h2,[data-surface=player] h3,[data-surface=player] .ui-title,[data-surface=player] .ui-eyebrow{font-family:var(--font-display)}[data-surface=tool]{font-family:var(--font-body);font-size:var(--font-size-tool);line-height:1.4;color:var(--review-fg)}.ui-numeric{font-variant-numeric:tabular-nums lining-nums}.ui-screen{box-sizing:border-box;min-height:100%;width:100%;margin:0;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--color-ink)}.ui-screen--login-bg{background:linear-gradient(180deg,var(--color-bg-overlay-top) 0%,var(--color-bg-overlay-bottom) 100%),url(/backgrounds/dualpose-bg.png) center / cover no-repeat fixed}.ui-screen--home-bg{background:radial-gradient(1200px 620px at 50% -8%,rgba(240,115,42,.1),transparent 58%),radial-gradient(900px 520px at 6% 108%,rgba(123,191,79,.07),transparent 60%),radial-gradient(140% 130% at 50% 42%,transparent 52%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,#181610,#14130f 46%,#100f0b);background-attachment:fixed}.ui-panel{display:flex;flex-direction:column;gap:12px;padding:22px 22px 20px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--tablet-shadow)}.ui-panel--compact{padding:10px 12px;gap:8px}.ui-panel--glass{background:var(--color-surface-solid);border-color:var(--color-border)}.ui-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:15px;color:var(--color-muted)}.ui-title{margin:0;font-size:36px;font-weight:600;color:var(--amber);text-shadow:2px 2px 0 var(--color-title-shadow),0 0 18px rgba(240,184,64,.25)}.ui-subtitle{margin:0;color:var(--color-muted)}.ui-label{display:flex;flex-direction:column;gap:5px;font-size:18px;color:var(--color-label);font-weight:400;letter-spacing:.04em}.ui-label>span:first-child{text-transform:uppercase;font-size:16px;letter-spacing:.1em}.ui-input{padding:10px 12px;border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface-input);font:inherit;font-size:22px}.ui-input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 2px #f0732a4d,0 0 14px #f0732a24}.ui-btn{border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:22px}.ui-btn:disabled{cursor:not-allowed;opacity:.45}.ui-btn--primary{margin-top:4px;padding:12px;border:2px solid var(--color-btn-primary-border);color:var(--color-btn-primary-text);font-weight:600;background:linear-gradient(180deg,var(--leaf-bright) 0%,var(--leaf-deep) 100%);box-shadow:0 3px 0 var(--color-btn-primary-shadow),0 8px 20px #00000059}.ui-btn--primary:hover:not(:disabled){filter:brightness(1.06)}.ui-btn--ghost{padding:8px 10px;border:2px solid var(--color-border-muted);color:var(--color-btn-ghost-text);background:var(--color-btn-ghost-bg)}.ui-btn--ghost:hover:not(:disabled){border-color:var(--leaf);color:var(--color-ink)}.ui-btn--danger{border-color:var(--color-error-border);color:var(--color-error-text);background:var(--color-error-bg)}.ui-error{margin:0;padding:8px 10px;border-radius:var(--radius-sm);font-size:18px;color:var(--color-error-text);background:var(--color-error-bg);border:2px solid var(--color-error-border)}.ui-notice{margin:0;padding:8px 10px;border-radius:var(--radius-sm);font-size:18px;color:var(--color-notice-text);background:var(--color-notice-bg);border:2px solid var(--color-notice-border)}.ui-loading{min-height:100%;display:grid;place-items:center;color:var(--review-fg);background:var(--review-bg)}.ui-loading-error{color:#ffd4d4;padding:24px;text-align:center}.cam-big-text{font-size:clamp(3rem,10vw,7rem);font-weight:800;line-height:1.1;letter-spacing:.02em;text-shadow:0 4px 30px rgba(0,0,0,.8)}.cam-big-text.sub{font-size:clamp(1.4rem,5vw,3rem);margin-top:12px}.cam-big-text.dim{color:#fff6}.cam-big-text.success{font-size:clamp(6rem,20vw,12rem);color:var(--accent-cam);animation:cam-success-pop .4s ease-out}@keyframes cam-success-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.cam-action{padding:clamp(16px,3vh,32px) clamp(24px,4vw,48px);text-align:center;font-size:clamp(1.6rem,4.5vw,2.8rem);font-weight:800;color:var(--accent-cam);letter-spacing:.06em;animation:cam-cta-pulse 2s ease-in-out infinite}@keyframes cam-cta-pulse{0%,to{opacity:1}50%{opacity:.5}}.cam-spinner{width:56px;height:56px;border:4px solid var(--accent-cam-dim);border-top-color:var(--accent-cam);border-radius:50%;margin:24px auto;animation:cam-spin .8s linear infinite}@keyframes cam-spin{to{transform:rotate(360deg)}}.cam-error-text{color:#f44}.cam-error-detail{color:#f88;font-size:1rem;margin-top:12px;max-width:400px}.cam-go-btn{padding:16px 48px;background:var(--accent-cam);color:var(--accent-cam-on-dark);border:none;border-radius:var(--radius-xl);font-size:1.4rem;font-weight:700;cursor:pointer;letter-spacing:.04em;margin-top:16px}.cam-go-btn:disabled{opacity:.5;cursor:not-allowed}html:has(.review-shell),html:has(.review-gate-screen){--bg: var(--review-bg);--text: var(--review-fg)}.review-gate-screen{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--review-fg);background:var(--review-bg)}.review-gate-card{width:min(400px,100%);display:flex;flex-direction:column;gap:14px;padding:28px;border:2px solid var(--review-panel-border);border-radius:var(--radius-lg);background:var(--review-panel)}.review-gate-card .ui-eyebrow{letter-spacing:.14em;font-size:11px;color:var(--review-label)}.review-gate-card .ui-title{font-size:24px;color:var(--review-fg);text-shadow:none}.review-gate-card p{margin:0;color:var(--review-label);font-size:14px}.review-gate-card .ui-label{font-size:13px;color:var(--review-label);font-weight:600}.review-gate-card .ui-input{padding:12px;border:1px solid var(--review-panel-border);border-radius:6px;font-size:inherit;color:var(--review-fg);background:var(--review-input-bg);box-shadow:none}.review-gate-card .ui-input:focus{outline:2px solid var(--review-accent);outline-offset:1px;box-shadow:none}.review-gate-card .ui-btn--primary{margin-top:6px;padding:12px;border:none;border-radius:6px;color:#fff;background:var(--review-accent-strong);font-weight:700;font-size:inherit;box-shadow:none}.review-gate-card .ui-btn--primary:hover:not(:disabled){background:var(--review-accent-hover);filter:none}.review-gate-card .ui-error{font-size:13px;color:var(--review-error-text);background:var(--review-error-bg);border:none}.review-shell{display:flex;flex-direction:column;height:100vh;background:var(--review-bg);color:var(--review-fg)}.review-nav{display:flex;gap:0;border-bottom:1px solid var(--review-border);padding:0 20px;background:var(--review-bg);flex-shrink:0}.review-nav .nav-tab{padding:12px 20px;color:var(--review-muted);text-decoration:none;font-size:14px;font-weight:500;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.review-nav .nav-tab:hover{color:var(--review-fg)}.review-nav .nav-tab.active{color:var(--review-fg);border-bottom-color:var(--review-accent)}.review-page{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--review-bg);color:var(--review-fg);padding:20px 20px 100px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.review-page-header{display:flex;align-items:baseline;gap:16px;margin-bottom:20px;flex-shrink:0}.review-page-header h1{font-size:20px;margin:0;font-weight:600}.review-page-header .subtitle{font-size:13px;opacity:.5}.session{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:var(--color-bg-deep);color:var(--color-ink);overflow:hidden;opacity:1;transition:opacity .75s ease-out}.session.exiting{opacity:0;pointer-events:none}.session.wave-session{--session-rail-width: clamp(200px, 24vw, 248px);display:flex;flex-direction:row;align-items:stretch;min-height:0;min-width:0}.play-area{position:absolute;inset:0 33.333vw 0 0;overflow:hidden;background:var(--color-bg-deep);z-index:1}.wave-session .play-area{position:relative;inset:auto;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-frame{position:absolute;inset:0}.wave-session .game-frame{position:relative;inset:auto;flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden;background:var(--color-bg-deep);border:2px solid var(--color-border-accent);box-shadow:0 0 0 1px #0009,0 10px 28px #00000059}.stage{position:absolute;inset:0;background:var(--color-bg-deep)}.form-rail{position:absolute;top:0;right:0;bottom:0;width:33.333vw;min-width:220px;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px));z-index:60;pointer-events:auto;display:flex;flex-direction:column;gap:8px;background:#14121ceb;border-left:2px solid var(--color-border-accent);box-sizing:border-box}.form-rail.hidden{display:none}.wave-session .form-rail{position:relative;inset:auto;flex:0 0 var(--session-rail-width);width:var(--session-rail-width);min-width:0;max-width:var(--session-rail-width);padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px));gap:6px;align-self:stretch}.source-video-hidden{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1}.form-rail .cameras-panel--rail{flex-shrink:0;padding:8px 10px;gap:8px}.form-rail .cameras-panel--rail .card-header{padding:6px 10px}.form-rail .cameras-panel--rail .card-header h3{font-size:14px}.form-rail .cameras-panel--rail .gyr-badge{font-size:11px;padding:4px 8px}.rail-debug{flex:1;min-height:0;overflow-y:auto;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:6px 8px;font-family:SF Mono,Menlo,monospace;font-size:.6rem;line-height:1.35;color:#ffffffa6}.rail-debug .debug-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.play-area{right:34vw}.form-rail{width:34vw;min-width:136px;padding:8px}}.overlay{position:absolute;inset:0 33.333vw 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;background:var(--color-bg-deep);pointer-events:none}.wave-session .overlay{inset:0 var(--session-rail-width) 0 0}.overlay-text{font-size:28px;font-weight:600;text-align:center;padding:0 24px;color:var(--color-ink);text-shadow:3px 3px 0 var(--ink-black)}.overlay-subtext{margin-top:12px;font-size:18px;font-weight:500;text-align:center;padding:0 24px;color:var(--color-ink);opacity:.85;text-shadow:2px 2px 0 var(--ink-black)}.overlay-actions{margin-top:18px;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:auto}.reconnect-overlay{z-index:60;background:var(--color-bg-deep)}.countdown-overlay{background:var(--color-bg-deep)}.countdown-n{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:140px;font-weight:800;line-height:1;animation:countdown-pop .3s ease-out;color:var(--amber-glow);text-shadow:5px 5px 0 var(--ink-black)}@keyframes countdown-pop{0%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}.go-overlay{background:transparent;animation:go-fade .8s ease-out forwards}.go-text{font-family:var(--font-display);font-size:120px;font-weight:900;color:var(--amber-glow);text-shadow:5px 5px 0 var(--ember-deep)}@keyframes go-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}.rest-overlay{background:var(--color-bg-deep);gap:12px}.rest-label{font-size:16px;text-transform:uppercase;letter-spacing:.15em;color:var(--dirt-highlight)}.rest-n{font-family:var(--font-display);font-size:100px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.rest-bar{width:200px;height:10px;background:var(--parchment-shadow);border:2px solid var(--ink-black);border-radius:0;overflow:hidden}.rest-fill{height:100%;background:var(--amber-glow);transition:width .3s linear;border-radius:0}.rest-next{margin-top:8px;font-size:18px;font-weight:500;opacity:.85}.floor-result-overlay{z-index:70;background:var(--color-bg-deep)}.wave-victory-overlay{z-index:65;pointer-events:none;background:transparent}.wave-victory-check{padding:16px 28px;font-family:var(--font-display);color:var(--amber-glow);font-size:clamp(72px,14vw,180px);font-weight:900;line-height:.95;text-align:center;text-shadow:7px 7px 0 var(--ink-black);animation:wave-victory-pop .55s cubic-bezier(.22,1.15,.36,1) both}@keyframes wave-victory-pop{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}.floor-result-message{padding:16px 28px;font-family:var(--font-display);color:var(--amber-glow);font-size:clamp(64px,11vw,150px);font-weight:900;line-height:.95;text-align:center;text-shadow:7px 7px 0 var(--ink-black)}.rewards-panel{margin-top:18px;padding:16px 22px;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:min(440px,86vw);background:var(--color-ink);border:3px solid var(--ink-black);box-shadow:6px 6px 0 var(--ink-black);color:var(--ink-black)}.reward-row{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;font-size:22px}.reward-xp .reward-value{color:var(--amber-glow);text-shadow:2px 2px 0 var(--ink-black)}.reward-coins .reward-value{color:var(--ember-deep)}.reward-pending{font-style:italic;opacity:.7}.reward-breakdown{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:3px;font-size:14px;font-weight:600;opacity:.85}.reward-breakdown .pb-line{color:var(--ember-deep);font-weight:800}.floor-hints{width:100%;padding:12px 14px;display:grid;gap:6px;border-radius:0;background:var(--color-ink);border:3px solid var(--ink-black);box-shadow:4px 4px 0 var(--ink-black);color:var(--ink-black);font-size:15px;font-weight:650}.floor-hints strong{color:var(--ember-deep);display:inline-block;min-width:56px}.floor-hints-admin{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.65;margin-bottom:2px}.floor-hint-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.hint-exercise,.hint-dir{font:inherit;color:inherit;cursor:pointer;border:2px solid var(--ink-black);background:var(--color-ink);box-shadow:2px 2px 0 var(--ink-black);padding:2px 6px;border-radius:0}.hint-exercise:hover,.hint-dir:hover{background:#f5e6c8;transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-black)}.hint-exercise-full{flex:1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;text-align:left}.hint-dirs{display:inline-flex;gap:4px}.hint-dir{font-size:12px;font-weight:800;padding:2px 5px}.hint-attack{font-size:13px;font-weight:600;opacity:.85;margin-left:auto}.hint-exercise-full .hint-attack{margin-left:0}.rail-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rail-controls .primary{grid-column:span 2}.player-box{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:16px;z-index:42;min-width:190px;padding:14px 16px;border-radius:0;background:var(--color-ink);border:3px solid var(--ink-black);box-shadow:5px 5px 0 var(--ink-black);color:var(--ink-black)}.player-box.hit{animation:player-hp-hit .28s ease-out}@keyframes player-hp-hit{0%{transform:translate(0);background:#ff6a4a}35%{transform:translate(-3px)}70%{transform:translate(3px)}to{transform:translate(0);background:var(--color-ink)}}.player-label{font-family:var(--font-display);font-size:22px;font-weight:950;letter-spacing:.08em}.hp-bar{margin-top:8px;height:18px;border:2px solid var(--ink-black);background:var(--stone-shadow)}.hp-fill{height:100%;background:var(--amber-glow);transition:width .12s ease-out}.hp-value{margin-top:6px;font-size:16px;font-weight:800;letter-spacing:.04em}.enemy-count{position:absolute;top:max(120px,calc(env(safe-area-inset-top,0px) + 110px));left:16px;z-index:42;padding:10px 14px;border-radius:0;background:var(--color-ink);border:3px solid var(--ink-black);color:var(--ember-deep);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;box-shadow:5px 5px 0 var(--ink-black)}.floor-rest-countdown{position:absolute;left:50%;top:18%;transform:translate(-50%);z-index:49;display:grid;justify-items:center;gap:8px;pointer-events:none;text-shadow:4px 4px 0 var(--ink-black)}.floor-rest-countdown .rest-label{padding:5px 12px;border-radius:0;border:2px solid var(--ink-black);background:var(--color-ink);color:var(--ember-deep);font-size:18px;font-weight:950;opacity:1}.floor-rest-countdown .rest-n{font-size:clamp(96px,17vw,180px);font-weight:1000;color:var(--amber-glow);line-height:.85}.floor-rest-countdown .rest-bar{width:min(260px,34vw);height:8px;background:var(--parchment-shadow)}.hud-top{position:absolute;top:env(safe-area-inset-top,12px);left:0;right:0;padding:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;z-index:40}.pill{padding:4px 10px;border-radius:0;border:2px solid var(--ink-black);font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--stone-mid);color:var(--ink-black);font-weight:900}.pill.ready{background:var(--leaf-highlight);color:var(--ink-black)}.pill.paused{background:var(--amber-glow);color:var(--ink-black)}.framing-ok{background:var(--leaf-highlight);color:var(--ink-black)}.framing-bad{background:var(--ember-deep);color:var(--color-ink)}.framing-unknown{background:var(--stone-mid)}.badge{padding:4px 10px;border-radius:0;border:2px solid var(--ink-black);background:var(--color-ink);color:var(--ink-black);font-size:13px;font-weight:600}.rep-counter{position:absolute;left:50%;top:70px;transform:translate(-50%);text-align:center;pointer-events:none;z-index:35;text-shadow:3px 3px 0 var(--ink-black)}.rep-counter .n{font-family:var(--font-display);font-size:88px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.rep-bump{animation:rep-bump .2s ease-out;color:var(--amber-glow)}@keyframes rep-bump{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.rep-counter .lbl{font-size:14px;text-transform:lowercase;letter-spacing:.04em;opacity:.75;margin-top:2px}.rep-counter .total{margin-top:8px;font-size:11px;opacity:.5}.rejection-toast{position:absolute;left:50%;top:200px;transform:translate(-50%);padding:8px 18px;background:var(--ember-deep);color:var(--color-ink);border:3px solid var(--ink-black);border-radius:0;font-size:15px;font-weight:600;z-index:36;pointer-events:none;animation:shake .3s ease-out;box-shadow:4px 4px 0 var(--ink-black)}@keyframes shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% + 6px))}40%{transform:translate(calc(-50% - 6px))}60%{transform:translate(calc(-50% + 3px))}80%{transform:translate(calc(-50% - 3px))}}.hud-bottom{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,16px);padding:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;z-index:40}.ghost{padding:10px 14px;background:var(--stone-mid);border:2px solid var(--ink-black);color:var(--ink-black);border-radius:0;font-size:13px;cursor:pointer}.primary{padding:10px 20px;background:var(--amber-glow);color:var(--ink-black);border:2px solid var(--ink-black);border-radius:0;font-size:14px;font-weight:600;cursor:pointer}.primary.danger{background:var(--ember-deep);color:var(--color-ink)}.status{position:absolute;bottom:76px;left:12px;font-size:11px;opacity:.6;z-index:35}.calibration-skip{position:absolute;bottom:clamp(18px,3vh,36px);left:clamp(18px,3vw,36px);z-index:70;pointer-events:auto;padding:clamp(10px,1.6vh,16px) clamp(20px,2.6vw,32px);background:#ffffff29;color:#ffffffd9;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:700;cursor:pointer}.demo-config-banner{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#ffb400d9;color:#000;padding:4px 14px;border-radius:4px;font-size:12px;font-weight:500;z-index:50;pointer-events:none}.game-shell{color:var(--color-ink);background:var(--color-bg-deep)}.game-panel{border:2px solid var(--color-border-accent);border-radius:var(--radius-md);background:var(--color-surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px #0009,0 10px 28px #00000059}.game-panel-title{margin:0;color:var(--color-accent);text-transform:uppercase;letter-spacing:.12em;font-weight:400}.game-muted{color:var(--color-muted)}.game-accent-text{color:var(--color-accent)}.session-shell{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:var(--color-bg-deep);color:var(--color-ink);overflow:hidden}.session-play-area{background:var(--color-bg-deep)}.session-rail{border-left:2px solid var(--color-border-accent);background:#14121ceb;color:var(--color-ink)}.session-status{color:var(--color-muted);font-size:16px;letter-spacing:.06em}.cameras-panel{overflow:hidden;border:2px solid var(--color-border-accent);border-radius:var(--radius-md);background:var(--color-surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:22px 16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 0 0 1px #000000a6,0 12px 28px #0006}.cameras-panel-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 12px}.cameras-panel h2{margin:0;font-size:26px;font-weight:400;color:var(--color-accent);text-shadow:2px 2px 0 #1a1810;letter-spacing:.08em;text-transform:uppercase}.network-paired-tag{font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:3px;border:1px solid rgba(70,68,82,.95);color:var(--color-muted)}.network-paired-tag--yes{color:#4cdf6b;border-color:#4cdf6b73;background:#4cdf6b1f}.network-paired-tag--no{color:#ff7a6a;border-color:#c73e2e73;background:#c73e2e1f}.network-paired-tag--overlay{display:inline-block;margin-top:8px}.camera-card{border:2px solid rgba(70,68,82,.95);border-radius:3px;background:#121118bf;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(70,68,82,.6)}.card-header h3{margin:0;font-size:18px;font-weight:400;color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;text-shadow:1px 1px 0 #0f1818}.toggle-btn{padding:3px 8px;border:1px solid rgba(70,68,82,.95);border-radius:3px;background:transparent;color:var(--color-muted);font-family:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.toggle-btn:hover{border-color:var(--color-border-accent);color:var(--color-ink)}.camera-preview{position:relative;aspect-ratio:4 / 3;background:#0a090ea6;overflow:hidden}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-video.hidden{position:absolute;opacity:0;pointer-events:none}.camera-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--color-muted);font-size:18px;padding:16px;box-sizing:border-box}.connected-badge{color:#4cdf6b;font-size:24px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;flex-direction:row;gap:10px}.connected-dot{width:14px;height:14px;border-radius:50%;background:#4cdf6b;box-shadow:0 0 8px #4cdf6b80;flex-shrink:0}.gyr-badge{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:3px;font-size:15px;font-weight:400;letter-spacing:.06em;color:#0a0a0a;text-transform:uppercase}.gyr-dot{width:8px;height:8px;border-radius:50%;background:#0000004d;flex-shrink:0}.enable-btn,.pair-btn{padding:10px 20px;border:2px solid var(--color-border-accent);border-radius:3px;background:#283834f2;color:var(--color-ink);font-family:inherit;font-size:20px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.enable-btn:hover,.pair-btn:hover{border-color:var(--color-accent)}.disconnect-btn{padding:8px 14px;border:2px solid rgba(199,62,46,.5);border-radius:3px;background:transparent;color:#ff7a6acc;font-family:inherit;font-size:16px;cursor:pointer}.disconnect-btn:hover{border-color:#c73e2e;color:#ff7a6a;background:#c73e2e1a}.hint{margin:0;font-size:14px;color:var(--color-muted);text-align:center;line-height:1.3}.qr-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000bf}.qr-card{background:var(--color-surface-solid);color:var(--color-ink);border:2px solid var(--color-border-accent);border-radius:4px;padding:32px;text-align:center;max-width:360px;width:90vw;font-family:inherit}.qr-card h2{margin:0 0 8px;font-size:24px;font-weight:400;color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase}.qr-card p{margin:0 0 16px;font-size:18px;color:var(--color-muted);line-height:1.3}.qr-img{display:block;margin:0 auto 12px;border-radius:4px}.room-code{font-family:monospace;font-size:28px;letter-spacing:.15em;margin-bottom:8px;color:var(--color-torch)}.url-edit{margin-bottom:8px}.url-input{width:100%;padding:8px 10px;border:2px solid rgba(70,68,82,.95);border-radius:3px;background:#0a090ea6;color:var(--color-ink);font-family:monospace;font-size:16px;text-align:center;box-sizing:border-box}.url-edit code{background:#ffffff14;padding:1px 4px;border-radius:2px;font-size:13px}.waiting{font-size:18px;color:var(--color-muted);margin:12px 0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.cancel-btn{margin-top:16px;padding:8px 24px;border:2px solid rgba(70,68,82,.95);border-radius:3px;background:transparent;color:var(--color-ink);font-size:18px;cursor:pointer;font-family:inherit;letter-spacing:.06em;text-transform:uppercase}.cancel-btn:hover{border-color:var(--color-border-accent)}