:root{--color-50: #fafbff;--color-100: #f0f3ff;--color-200: #d6dcff;--color-300: #b0bcff;--color-400: #7f92ff;--color-500: #4f6bff;--color-600: #4459e0;--color-700: #33409e;--color-800: #232c66;--color-900: #131a3d;--surface-base: var(--color-900);--surface-raised: var(--color-800);--surface-border: var(--color-700);--text-primary: var(--color-50);--text-secondary: var(--color-300);--text-muted: var(--color-400);--accent-cyan: #34e2f5;--accent-lime: #b6f04a;--accent-coral: #fb7185;--accent-primary: var(--color-500);--game-spark: #fde047;--game-trail: #fde047;--game-teammate: #22d3ee;--game-ping: #f59e0b;--game-frightened: #fb7185;--game-wall: #1d4ed8;--font-headline: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 22px;--text-xl: 32px;--text-3xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-l1: 0 2px 6px rgba(79,107,255,.1);--shadow-l2: 0 4px 12px rgba(79,107,255,.14);--shadow-l3: 0 8px 24px rgba(79,107,255,.2);--shadow-l4: 0 16px 40px rgba(79,107,255,.28);--glow-cyan: 0 0 12px rgba(34,211,238,.45);--glow-lime: 0 4px 12px rgba(163,230,53,.3);--ease-spring: cubic-bezier(.5,1.5,.5,1);--duration-fast: .14s;--duration-med: .24s;--duration-slow: .38s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}input[type=text]{user-select:text;-webkit-user-select:text}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}#screens{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#2a3a86 0%,var(--surface-base) 72%);pointer-events:auto}.screen.livebg{background:radial-gradient(ellipse at 50% 45%,#080c1a59,#04060fb8 75%)}.panel{width:min(440px,92vw);background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-l3);display:flex;flex-direction:column;gap:var(--space-4)}.brand{font-family:var(--font-headline);font-weight:700;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text-primary)}.brand em{font-style:normal;color:var(--accent-cyan)}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cyan)}.sub{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}input[type=text]{background:var(--surface-base);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-md);padding:10px 14px;outline:none;transition:border-color var(--duration-fast) var(--ease-spring)}input[type=text]:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}input.code{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase}.btn{font-family:var(--font-headline);font-weight:600;font-size:var(--text-sm);padding:11px 20px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast)}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--accent-lime);color:var(--surface-base);box-shadow:var(--glow-lime)}.btn-ghost{background:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan)}.btn-danger{background:transparent;color:var(--accent-coral);border:1px solid var(--accent-coral)}.row{display:flex;gap:var(--space-3);align-items:center}.grow{flex:1;min-width:0}.row .btn{flex-shrink:0}input.code{min-width:0}.code-big{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.35em;color:var(--accent-cyan);text-shadow:var(--glow-cyan)}.slot{display:flex;justify-content:space-between;align-items:center;background:var(--surface-base);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:10px 14px;font-size:var(--text-sm)}.slot .who{color:var(--text-secondary);flex:1;text-align:right;margin:0 10px}.slot .cpu-tag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--accent-violet, #a78bfa);border:1px solid rgba(167,139,250,.5);background:#a78bfa1f}.slot .slot-btn{flex:none;font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-raised, rgba(255, 255, 255, .06));color:var(--text-primary);cursor:pointer}.slot .slot-btn.add{border-color:#22d3ee80;color:var(--accent-cyan)}.slot .slot-btn.rm{border-color:#fb718580;color:var(--accent-coral);padding:4px 9px}.slot .slot-btn:hover{filter:brightness(1.25)}.slot.muncher{border-color:#fde04766}.slot.muncher .role-tag{color:var(--game-spark)}.slot .role-tag{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan)}.slot.self{outline:1px solid var(--accent-cyan)}.error{color:var(--accent-coral);font-size:var(--text-sm);min-height:1.2em}.hud-top{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-3);align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);background:#181f4ab8;border:1px solid var(--surface-border);border-radius:999px;padding:8px 18px}.hud-top>:empty{display:none}.obj-banner{position:absolute;top:56px;left:50%;transform:translate(-50%);min-width:232px;max-width:min(400px,86vw);background:#181f4ad6;border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:7px 12px 8px;pointer-events:none;transition:border-color .25s ease,opacity .25s ease}.obj-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.obj-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--text-primary)}.obj-detail{font-family:var(--font-mono);font-size:11px;color:var(--accent-cyan);white-space:nowrap}.obj-track{margin-top:6px;height:3px;border-radius:999px;background:#ffffff17;overflow:hidden}.obj-bar{height:100%;width:0%;border-radius:999px;background:var(--accent-cyan);transition:width .2s linear,background-color .25s ease}.obj-banner.done{border-color:var(--accent-lime)}.obj-banner.done .obj-bar{background:var(--accent-lime)}.obj-banner.done .obj-detail{color:var(--accent-lime)}.obj-banner.failed{border-color:var(--accent-coral)}.obj-banner.failed .obj-bar{background:var(--accent-coral)}.obj-banner.failed .obj-label,.obj-banner.failed .obj-detail{color:var(--accent-coral)}.obj-banner.pulse{animation:obj-pop .45s ease-out}@keyframes obj-pop{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.06)}to{transform:translate(-50%) scale(1)}}@media(max-width:560px){.obj-banner{top:52px;min-width:0;width:min(320px,92vw);padding:6px 10px}.obj-label,.obj-detail{font-size:10px}}.hud-top b{color:var(--text-primary)}.hud-top .lives{color:var(--accent-lime);letter-spacing:2px}.hud-top .fright{color:var(--accent-coral)}.compass{position:absolute;top:60px;left:50%;transform:translate(-50%);width:min(420px,70vw);height:26px;background:#181f4ab8;border:1px solid var(--surface-border);border-radius:999px;overflow:hidden}.compass .tick{position:absolute;top:4px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);transform:translate(-50%)}.compass .blip{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--game-spark);box-shadow:0 0 10px var(--game-spark);transform:translate(-50%,-50%);transition:left .3s var(--ease-spring)}.hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:#0a0e2499;border-radius:999px;padding:6px 14px;text-align:center}.fright-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#fb71851f,#0a0e248c 85%);display:flex;align-items:flex-start;justify-content:center;padding-top:18vh}.fright-overlay .label{font-family:var(--font-headline);font-weight:700;font-size:var(--text-lg);letter-spacing:.15em;color:var(--game-frightened);text-shadow:0 0 18px rgba(251,113,133,.8);animation:pulse .8s infinite alternate var(--ease-spring)}@keyframes pulse{0%{opacity:.65}to{opacity:1}}.toast{position:absolute;top:100px;left:50%;transform:translate(-50%);font-size:var(--text-sm);color:var(--accent-coral);background:#0a0e24d9;border:1px solid var(--accent-coral);border-radius:var(--radius-md);padding:8px 16px}.junction{position:absolute;bottom:22vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}.junction .jlabel{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);text-shadow:var(--glow-cyan);animation:pulse .9s infinite alternate var(--ease-spring)}.junction .jrow{display:flex;gap:14px}.jbtn{width:64px;height:64px;border-radius:var(--radius-lg);border:1px solid var(--accent-cyan);background:#0a0e24d9;color:var(--accent-cyan);font-size:26px;cursor:pointer;box-shadow:var(--glow-cyan);transition:transform var(--duration-fast) var(--ease-spring)}.jbtn:hover{transform:translateY(-3px)}.jbtn.unavailable{opacity:.15;pointer-events:none;box-shadow:none}.jbtn.jback{width:auto;height:auto;font-family:var(--font-mono);font-size:11px;padding:6px 14px;border-radius:999px;border-color:var(--surface-border);color:var(--text-muted);box-shadow:none}.upcoming{position:absolute;top:96px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cyan);background:#0a0e24b3;border:1px solid var(--surface-border);border-radius:999px;padding:4px 12px}.mutebtn{pointer-events:auto;background:#ffffff0f;border:1px solid var(--surface-border);border-radius:999px;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;cursor:pointer;padding:3px 10px;white-space:nowrap;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.mutebtn:hover{color:var(--text-primary);border-color:var(--accent-cyan);background:#22d3ee24}.halted-chip{position:absolute;bottom:15vh;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:11px;color:var(--accent-coral);border:1px solid var(--accent-coral);background:#0a0e24d9;border-radius:999px;padding:6px 14px}.flash{position:absolute;top:0;right:0;bottom:0;left:0;animation:flashfade .65s ease-out forwards}.flash.bad{background:radial-gradient(ellipse at center,#fb718559,#fb718514)}.flash.good{background:radial-gradient(ellipse at center,#a3e6354d,#a3e6350f)}@keyframes flashfade{0%{opacity:1}to{opacity:0}}.banner{position:absolute;top:30vh;left:50%;transform:translate(-50%);font-family:var(--font-headline);font-weight:700;font-size:clamp(20px,4.6vw,44px);letter-spacing:.08em;width:max-content;max-width:92vw;text-align:center;animation:bannerpop 2.1s var(--ease-spring) forwards}.banner.bad{color:var(--accent-coral);text-shadow:0 0 24px rgba(251,113,133,.9)}.banner.good{color:var(--accent-lime);text-shadow:0 0 24px rgba(163,230,53,.9)}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%) scale(.4)}12%{opacity:1;transform:translate(-50%) scale(1.15)}20%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.05) translateY(-12px)}}.touch-pad{position:absolute;bottom:20px;display:flex;gap:12px;pointer-events:auto}.touch-left{left:16px}.touch-right{right:16px}.tbtn{width:62px;height:62px;border-radius:50%;border:1px solid var(--surface-border);background:#161d4acc;color:var(--text-primary);font-size:24px;touch-action:manipulation}.tbtn:active{background:#22d3ee40;border-color:var(--accent-cyan)}.tbtn-small{width:48px;height:48px;font-size:17px}.tbtn-ping{color:var(--game-ping);border-color:var(--game-ping)}@media(max-width:640px){.panel{padding:var(--space-4);gap:var(--space-3)}.brand{font-size:var(--text-lg)}.hud-top{gap:var(--space-2);font-size:10px;padding:6px 12px;max-width:94vw;flex-wrap:wrap;justify-content:center}.mutebtn{font-size:9px;padding:2px 7px}.compass{top:52px;height:22px}.hint{display:none}.junction{bottom:26vh}.jbtn{width:56px;height:56px}}html,body{touch-action:manipulation}.minimap-frame{position:absolute;top:64px;right:14px;width:160px;height:160px;border-radius:50%;box-shadow:var(--glow-cyan);pointer-events:none}@media(max-width:700px){.minimap-frame{top:58px;width:110px;height:110px}}.space-hint{position:absolute;bottom:22vh;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:clamp(15px,2.2vw,22px);letter-spacing:.12em;color:var(--text-primary);text-shadow:0 0 18px rgba(34,211,238,.8);white-space:nowrap;pointer-events:none;animation:spacehint-pulse 1.5s ease-in-out infinite;transition:opacity .8s ease-out}.space-hint kbd{display:inline-block;font-family:inherit;padding:3px 12px;margin:0 3px;border:2px solid var(--accent-cyan);border-radius:8px;box-shadow:0 0 12px #22d3ee80,inset 0 -2px #22d3ee66;color:var(--accent-cyan)}.space-hint.learned{opacity:0}@keyframes spacehint-pulse{0%,to{opacity:1}50%{opacity:.55}}.respawn-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden;background:radial-gradient(circle at 50% 50%,transparent 30%,rgba(2,6,23,.9) 100%);animation:warpfade .8s ease-out forwards}.respawn-flash:before,.respawn-flash:after{content:"";position:absolute;left:50%;top:50%;width:44vmin;height:44vmin;margin:-22vmin 0 0 -22vmin;border-radius:50%;border:3px solid rgba(251,113,133,.85);animation:respawnring .65s ease-out forwards}.respawn-flash:after{border-color:#a78bfabf;animation-delay:.1s}@keyframes respawnring{0%{transform:scale(2.9);opacity:.95}to{transform:scale(.25);opacity:0}}.overseer-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;background:radial-gradient(circle at 50% 50%,rgba(167,139,250,.45),rgba(124,58,237,.14) 55%,transparent 80%);animation:warpfade .6s ease-out forwards}.warp-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(167,139,250,.4),rgba(34,211,238,.16) 45%,transparent 75%);animation:warpfade .6s ease-out forwards}.warp-flash:before,.warp-flash:after{content:"";position:absolute;left:50%;top:50%;width:44vmin;height:44vmin;margin:-22vmin 0 0 -22vmin;border-radius:50%;border:3px solid rgba(34,211,238,.85);animation:warpring .55s ease-out forwards}.warp-flash:after{border-color:#f0abfcb3;animation-delay:.09s}@keyframes warpring{0%{transform:scale(.15);opacity:1}to{transform:scale(3.2);opacity:0}}@keyframes warpfade{0%{opacity:1}to{opacity:0}}.diff-row{display:flex;align-items:center;gap:6px;margin:4px 0}.diff-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-secondary);margin-right:4px}.diff-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:5px 12px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-base, rgba(255,255,255,.04));color:var(--text-secondary);cursor:pointer}.diff-btn.on{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#22d3ee1f}.diff-btn:disabled{cursor:default;opacity:.85}.hud-top .pdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fde047;margin-right:5px;vertical-align:baseline}.hud-top .timer{color:var(--accent-lime)}.hud-top .scorebit{color:var(--text-secondary)}.joystick{position:absolute;bottom:26px;left:22px;width:128px;height:128px;border-radius:50%;border:1px solid var(--surface-border);background:#161d4a80;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}.joystick .knob{width:54px;height:54px;border-radius:50%;background:#22d3ee59;border:1px solid var(--accent-cyan);box-shadow:var(--glow-cyan)}.ping-btn{position:absolute;bottom:48px;right:22px;width:62px;height:62px;border-radius:50%;pointer-events:auto}.countdown{position:absolute;top:34vh;left:50%;transform:translate(-50%);font-family:var(--font-headline);font-weight:700;font-size:clamp(72px,18vw,160px);color:var(--accent-lime);text-shadow:0 0 40px rgba(163,230,53,.8);animation:pulse .5s infinite alternate var(--ease-spring)}.limbo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:5}.limbo-text{font-family:var(--font-headline);font-weight:700;font-size:var(--text-xl);letter-spacing:.2em;color:var(--accent-coral);animation:pulse 1s infinite alternate;text-align:center}.limbo-text .limbo-why{display:block;margin-top:8px;font-family:var(--font-mono);font-weight:400;font-size:13px;letter-spacing:.04em;color:var(--text-secondary);animation:none}.camp-warn{position:absolute;top:22vh;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-coral);background:#0a0e24d9;border:1px solid var(--accent-coral);border-radius:999px;padding:8px 18px;animation:pulse .4s infinite alternate}.overseer-chip{position:absolute;top:60px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:#a78bfa;background:#0a0e24d9;border:1px solid #a78bfa;border-radius:999px;padding:6px 16px;text-shadow:0 0 12px rgba(167,139,250,.9)}.dircross{position:absolute;bottom:26px;right:22px;display:grid;grid-template-areas:". u ." "l . r" ". d .";gap:6px;pointer-events:auto}.dirbtn{width:52px;height:52px;border-radius:var(--radius-md);border:1px solid var(--accent-cyan);background:#0a0e24cc;color:var(--accent-cyan);font-size:20px;box-shadow:var(--glow-cyan);cursor:pointer;touch-action:manipulation}.dirbtn:active{background:#22d3ee4d}.dirbtn.unavailable{opacity:.12;pointer-events:none;box-shadow:none}.gas-btn{position:absolute;bottom:26px;left:22px;width:108px;height:108px;border-radius:50%;border:2px solid var(--accent-lime);background:#161d4a8c;color:var(--accent-lime);font-family:var(--font-headline);font-weight:700;font-size:22px;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;box-shadow:var(--glow-lime)}.gas-btn.pressed{background:#a3e6354d;transform:scale(.94)}.end-panel{max-width:min(560px,94vw);text-align:center}.victor-vox{width:150px;height:150px;margin:8px auto 4px;overflow:hidden;filter:drop-shadow(0 0 24px rgba(34,211,238,.35))}.victor-vox canvas{display:block}.victor-title{font-family:var(--font-headline);font-weight:800;font-size:clamp(24px,6.5vw,44px);letter-spacing:.05em;line-height:1.05;text-align:center;color:var(--accent-cyan);text-shadow:0 0 22px rgba(34,211,238,.7);margin-top:4px}.award-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:6px 0 10px}.award-card{background:#0a0e24b3;border:1px solid var(--surface-border);border-radius:10px;padding:9px 11px;text-align:left}.award-card.you{outline:1px solid var(--accent-cyan)}.ac-head{display:flex;align-items:center;gap:7px;margin-bottom:4px}.ac-swatch{width:13px;height:13px;border-radius:3px;flex:none;box-shadow:0 0 7px currentColor}.ac-name{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-award{font-family:var(--font-headline);font-weight:700;font-size:15px;color:var(--accent-gold, #fbbf24);letter-spacing:.02em}.ac-detail{font-size:11px;color:var(--text-secondary)}.ac-score{font-size:11px;color:var(--accent-lime);margin-top:3px;font-family:var(--font-mono)}.stat-details{margin:4px 0 12px;text-align:left}.stat-details summary{cursor:pointer;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:4px 0}.stat-table{width:100%;border-collapse:collapse;margin-top:6px;font-family:var(--font-mono);font-size:11px;display:block;overflow-x:auto}.stat-table th{color:var(--text-faint, #6b76a0);font-weight:600;text-align:right;padding:3px 6px;white-space:nowrap}.stat-table th:first-child,.stat-table td:first-child{text-align:left}.stat-table td{color:var(--text-secondary);text-align:right;padding:3px 6px;white-space:nowrap}.stat-table tr.you td{color:var(--accent-cyan)}.match-intro{position:absolute;top:8vh;left:50%;transform:translate(-50%);width:min(440px,92vw);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;text-align:center;animation:mi-in .4s var(--ease-spring, ease-out) both}.match-intro.gone{animation:mi-out .35s ease-in forwards}@keyframes mi-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes mi-out{to{opacity:0;transform:translate(-50%,-10px)}}.match-intro .mi-mode{font-family:var(--font-headline);font-weight:800;font-size:clamp(30px,8vw,52px);letter-spacing:.14em;color:var(--accent-cyan);text-shadow:0 0 22px rgba(34,211,238,.8)}.match-intro .mi-sub{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.match-intro .mi-roster{width:100%;display:flex;flex-direction:column;gap:5px;background:#0a0e24b3;border:1px solid var(--surface-border);border-radius:12px;padding:10px 12px}.match-intro .mi-row{display:flex;align-items:center;gap:9px;font-size:13px}.match-intro .mi-row.you{background:#34e2f529;border:1px solid rgba(52,226,245,.55);border-radius:6px;padding:3px 7px;margin:0 -7px;font-weight:700}.match-intro .mi-row.you .mi-swatch{box-shadow:0 0 0 2px #ffffffd9,0 0 12px currentColor}.match-intro .mi-row.you:after{content:"YOU";margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--accent-cyan)}.match-intro .mi-hint{margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #8592ad)}.match-intro .mi-swatch{width:16px;height:16px;border-radius:4px;flex:none;box-shadow:0 0 8px currentColor}.match-intro .mi-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--text-secondary);width:76px;text-align:left;flex:none}.match-intro .mi-who{color:var(--text-primary);text-align:left;flex:1}.match-intro .mi-skip{font-size:10px;letter-spacing:.1em;color:var(--text-faint, #6b76a0);margin-top:6px;text-transform:uppercase}.peek-btn{position:absolute;bottom:145px;left:22px;width:108px;height:46px;border-radius:23px;border:2px solid var(--accent-violet, #a78bfa);background:#161d4a8c;color:var(--accent-violet, #a78bfa);font-family:var(--font-headline);font-weight:700;font-size:15px;letter-spacing:.12em;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;box-shadow:0 0 12px #a78bfa66}.peek-btn.pressed,.peek-btn.active{background:#a78bfa52;transform:scale(.96)}.menu-sound{align-self:flex-end;margin-bottom:-4px;padding:5px 12px;border-radius:999px;border:1px solid var(--surface-border, #2a3550);background:#141a3099;color:var(--text-muted, #94a3b8);font-family:var(--font-mono, monospace);font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer}.menu-sound:hover{color:#e2f6ff;border-color:var(--accent-cyan, #22d3ee)}.menu-section{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius-md, 10px);background:#0c12268c;border:1px solid var(--surface-border, #2a3550)}.sec-title{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#cdd7f5}.sec-hint{font-size:11px;color:var(--text-muted, #8592ad);line-height:1.4;margin-top:-4px}.menu-divider{display:flex;align-items:center;text-align:center;gap:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #6b7690);margin:2px 0}.menu-divider:before,.menu-divider:after{content:"";flex:1;height:1px;background:var(--surface-border, #2a3550)}.opt-row{display:flex;align-items:center;gap:10px;padding:6px 2px}.opt-label{font-size:12px;color:var(--text-secondary, #94a3b8);flex:1;min-width:0}.opt-toggle{flex-shrink:0;min-width:54px;padding:5px 12px;border-radius:999px;border:1px solid var(--surface-border, #2a3550);background:#141a3099;color:var(--text-muted, #94a3b8);font-family:var(--font-mono, monospace);font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer}.opt-toggle.on{border-color:#f97316;background:#f9731633;color:#fdba74}.opt-range{flex:1.2;min-width:0;accent-color:var(--accent-cyan, #22d3ee)}.seg-row{display:flex;align-items:center;gap:8px}.seg-label{font-size:13px;color:var(--text-muted, #94a3b8);margin-right:2px}.seg-btn{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--surface-border, #2a3550);background:#141a3080;color:var(--text-muted, #94a3b8);font-family:var(--font-body, inherit);font-size:13px;font-weight:600;cursor:pointer}.seg-btn.on{border-color:var(--accent, #22d3ee);background:#22d3ee2e;color:#e2f6ff}.browser{margin-top:4px;border-top:1px solid var(--surface-border, #2a3550);padding-top:12px}.browser-title{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--text-muted, #94a3b8);margin-bottom:8px}.browser-list{display:flex;flex-direction:column;gap:6px;max-height:168px;overflow-y:auto}.browser-empty{font-size:13px;color:var(--text-muted, #7c88a0);padding:6px 2px}.browser-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#141a308c;border:1px solid var(--surface-border, #2a3550)}.browser-info{display:flex;flex-direction:column;gap:2px;min-width:0}.browser-code{font-family:var(--font-mono, monospace);font-weight:800;letter-spacing:.14em;color:#e2f6ff}.browser-meta{font-size:12px;color:var(--text-muted, #94a3b8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-join{flex-shrink:0;padding:6px 16px}.minimap-frame,.dircross,.gas-btn,.peek-btn,.space-hint,.bomb-btn{transition:opacity .55s ease}.intro-hidden{opacity:0!important;pointer-events:none!important}.bomb-btn{position:absolute;bottom:200px;right:22px;min-width:120px;height:46px;padding:0 16px;border-radius:23px;border:2px solid #f97316;background:#4a1e0c99;color:#fdba74;font-family:var(--font-headline, monospace);font-weight:800;font-size:13px;letter-spacing:.1em;pointer-events:auto;touch-action:none;box-shadow:0 0 14px #f9731680;z-index:30}.bomb-btn b{color:#fde047;margin-left:4px}.bomb-btn.hidden{display:none}.bomb-btn:active{transform:scale(.96)}.draft-badge{position:absolute;top:120px;left:50%;transform:translate(-50%);padding:7px 18px;border-radius:999px;background:#3c5a0cb8;border:1px solid #a3e635;color:#ecffca;font-family:var(--font-headline, monospace);font-weight:800;letter-spacing:.16em;font-size:13px;z-index:38;pointer-events:none;white-space:nowrap;box-shadow:0 0 18px #a3e6358c;animation:draftpulse .6s ease-in-out infinite}.draft-badge.hidden{display:none}.draft-badge .chev{color:#a3e635;animation:draftchev .55s linear infinite;display:inline-block}@keyframes draftpulse{0%,to{box-shadow:0 0 14px #a3e63573}50%{box-shadow:0 0 26px #a3e635d9}}@keyframes draftchev{0%{opacity:.35;transform:translate(-2px)}50%{opacity:1;transform:translate(2px)}to{opacity:.35;transform:translate(-2px)}}.bomb-warn{position:absolute;top:84px;left:50%;transform:translate(-50%);padding:8px 20px;border-radius:999px;background:#be1818e6;color:#fff;font-family:var(--font-headline, monospace);font-weight:800;letter-spacing:.14em;font-size:14px;z-index:40;pointer-events:none;white-space:nowrap;animation:bombpulse var(--pulse, .8s) ease-in-out infinite}.bomb-warn.hidden{display:none}@keyframes bombpulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 26px 8px #ef4444f2}}.banner.huge{top:32vh;font-size:clamp(28px,8vw,88px);white-space:normal;text-align:center;max-width:94vw;line-height:1.15;animation:bannerhold 2.4s var(--ease-spring) forwards}@keyframes bannerhold{0%{opacity:0;transform:translate(-50%) scale(.3)}14%{opacity:1;transform:translate(-50%) scale(1.12)}24%{transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.02)}}.hidden{display:none!important}.story-panel{width:min(560px,94vw);position:relative;max-height:92vh;overflow-y:auto}.story-back{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--text-muted, #8592ad);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;cursor:pointer;padding:4px 6px}.story-back:hover{color:var(--accent-cyan)}.camps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.camp{display:flex;align-items:center;gap:var(--space-3);text-align:left;background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;color:inherit;font:inherit;transition:border-color .18s ease,background-color .18s ease}.camp:hover{border-color:#3d4a7a}.camp.active{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.camp-info{min-width:0}.camp-name{font-family:var(--font-headline);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.camp-meta{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text-muted, #8592ad);margin-top:2px}.camp-blurb{font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.story-glyph{display:grid;grid-template-columns:repeat(5,6px);grid-auto-rows:6px;gap:1px;flex-shrink:0}.story-glyph i{display:block;border-radius:1px;background:transparent}.story-glyph.wraith i[data-v="1"]{background:#22d3ee}.story-glyph.wraith i[data-v="2"]{background:#1aa9c4}.story-glyph.wraith i[data-v="3"]{background:#ecffff}.story-glyph.wraith i[data-v="4"]{background:#178a9e}.story-glyph.muncher i[data-v="1"]{background:var(--accent-lime)}.story-glyph.muncher i[data-v="4"]{background:#89c22c}.story-glyph.muncher i[data-v="5"]{background:var(--surface-base, #131a3d)}.story-glyph.muncher i[data-v="6"]{background:#dcf8a6;box-shadow:0 0 4px #dcf8a6}.story-missions-wrap{display:flex;flex-direction:column;gap:var(--space-3)}.missions{display:flex;flex-direction:column;gap:var(--space-2)}.mission{display:flex;align-items:center;gap:var(--space-3);background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.mission.done{border-color:#a3e63566}.mission.next{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.mission.locked{opacity:.45}.m-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:700;flex-shrink:0;background:#0d1330;color:var(--text-muted, #8592ad);border:1px solid var(--surface-border)}.mission.done .m-num{background:#a3e63526;color:var(--accent-lime);border-color:#a3e63580}.mission.next .m-num{background:#22d3ee26;color:var(--accent-cyan);border-color:#22d3ee99}.m-body{flex:1;min-width:0}.m-goal{display:inline-block;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#c084fc;background:#a855f721;border:1px solid rgba(168,85,247,.3);padding:1px 7px;border-radius:999px;margin-bottom:4px}.m-name{font-family:var(--font-headline);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.m-obj{font-size:11px;color:var(--text-secondary);line-height:1.45}.m-limits{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.m-limit{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-coral, #fb7185);border:1px solid rgba(251,113,133,.35);border-radius:999px;padding:1px 7px}.m-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;flex-shrink:0;border:1px solid var(--surface-border);color:var(--text-muted, #8592ad);background:none;cursor:default}button.m-tag{cursor:pointer}.m-tag.play{background:var(--accent-cyan);color:#04202a;border-color:transparent;font-weight:700}.m-tag.clear{color:var(--accent-lime);border-color:#a3e63566}.story-recovery{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);border-top:1px solid var(--surface-border);padding-top:var(--space-3)}.rec-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted, #8592ad)}.rec-code{font-family:var(--font-mono);font-size:11px;color:var(--accent-lime);background:#0d1330;border:1px dashed rgba(163,230,53,.35);border-radius:6px;padding:4px 9px}.rec-btn{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;background:none;border:1px solid var(--surface-border);color:var(--text-muted, #8592ad);border-radius:999px;padding:4px 10px;cursor:pointer}.rec-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.rec-hint{flex-basis:100%;font-size:10px;color:var(--text-muted, #8592ad)}@media(max-width:520px){.camps{grid-template-columns:1fr}.story-panel{padding:var(--space-4)}}.attract-screen{background:transparent;padding:0}.attract-scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse 70% 52% at 50% 62%,rgba(10,14,40,.7) 0%,rgba(10,14,40,.16) 62%,transparent 100%),linear-gradient(180deg,rgba(10,14,40,.34) 0%,transparent 26%);padding:var(--space-6) var(--space-4);overflow-y:auto}.attract-in{width:min(520px,92vw);margin-top:34vh;padding-bottom:var(--space-6)}.attract-kick{font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#22d3eed9}.attract-h{font-family:var(--font-headline);font-weight:800;font-size:clamp(26px,4.6vw,38px);line-height:1.02;letter-spacing:-.03em;color:#fff;margin-top:var(--space-2);text-shadow:0 2px 30px rgba(0,0,0,.85)}.attract-sub{font-size:var(--text-sm);color:#b9c4dc;line-height:1.5;margin:var(--space-2) auto 0;max-width:26rem;text-shadow:0 1px 12px rgba(0,0,0,.9)}.attract-doors{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-5)}.attract-door{display:flex;flex-direction:column;align-items:center;gap:3px;padding:15px 12px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font:inherit;transition:transform var(--duration-fast) var(--ease-spring),filter var(--duration-fast)}.attract-door:hover{transform:translateY(-2px);filter:brightness(1.06)}.attract-door .door-title{font-family:var(--font-headline);font-weight:800;font-size:clamp(13px,2.6vw,16px);letter-spacing:.02em;line-height:1.1}.attract-door .door-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.attract-door.story{background:var(--accent-lime);color:#132003;box-shadow:var(--glow-lime)}.attract-door.mp{background:var(--accent-cyan);color:#04202a;box-shadow:var(--glow-cyan)}.attract-fine{margin-top:var(--space-3);font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#b4c2dc99}.attract-live{margin-top:var(--space-4)}.attract-live.hidden{display:none}.attract-live-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted, #8592ad);margin-bottom:var(--space-2)}.attract-live-row{display:flex;align-items:center;gap:var(--space-3);width:100%;background:#181f4ab3;border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:8px 12px;margin-bottom:6px;cursor:pointer;color:inherit;font:inherit}.attract-live-row:hover{border-color:var(--accent-cyan)}.alr-code{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.2em}.alr-meta{flex:1;text-align:left;font-size:11px;color:var(--text-secondary)}.alr-join{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--accent-lime)}@media(max-height:700px){.attract-in{margin-top:26vh}.attract-h{font-size:clamp(22px,4vw,30px)}}@media(max-width:420px){.attract-doors{gap:var(--space-2)}.attract-door{padding:13px 8px}}.cut-screen{background:transparent;cursor:pointer}.cut-bar{position:absolute;left:0;right:0;height:13vh;min-height:54px;background:#0b1030;z-index:2}.cut-bar.top{top:0}.cut-bar.bottom{bottom:0}.cut-meta{position:absolute;top:calc(13vh + 14px);left:20px;z-index:3;font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted, #8592ad)}.cut-skip{position:absolute;top:calc(13vh + 10px);right:20px;z-index:3;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-muted, #8592ad);background:#04070f99;border:1px solid var(--surface-border);border-radius:999px;padding:5px 12px;cursor:pointer}.cut-skip:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.cut-cap{position:absolute;left:50%;bottom:calc(13vh + 34px);transform:translate(-50%);z-index:3;width:min(680px,88vw);text-align:center;font-family:var(--font-mono);font-size:clamp(13px,2.4vw,17px);line-height:1.6;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.9);opacity:0}.cut-cap.in{animation:cut-fade .45s ease-out forwards}@keyframes cut-fade{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cut-track{position:absolute;left:0;right:0;bottom:13vh;height:2px;z-index:3;background:#ffffff14}.cut-progress{height:100%;width:0%;background:var(--accent-cyan)}.story-name{display:flex;align-items:center;gap:var(--space-3)}.story-name input{flex:1;min-width:0}.pause-screen{background:#10163acc;z-index:40}.obj-rules{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.obj-rules:empty{display:none}.obj-rule{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-coral, #fb7185);border:1px solid rgba(251,113,133,.4);border-radius:999px;padding:1px 7px}