:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08050f;color:#fff;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#app,#scene-root,#ui-root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:radial-gradient(circle at 50% 22%,rgba(126,76,255,.22),transparent 34%),linear-gradient(180deg,#08050f,#11091f 52%,#050409)}body:after{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle at center,transparent 45%,rgba(5,2,10,.62) 100%);opacity:0;transition:opacity .18s ease;z-index:8}body.modifier-camera-blur #scene-root{filter:blur(2px) saturate(.85)}body.modifier-camera-blur:after{opacity:1}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.game-canvas{display:block;width:100%;height:100%;touch-action:none}.webgl-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;padding:24px;color:#ffffffc7;text-align:center}.webgl-fallback strong{color:#fff;font-size:clamp(1.8rem,6vw,4rem);line-height:1}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.screen,.role-reveal,.hud,.challenge,.toast,.flash{pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:24px}.screen.is-active{display:grid}.screen--landing{align-items:end;justify-items:start;padding:min(7vw,72px)}.screen--lobby,.screen--end{background:linear-gradient(90deg,#03020894,#03020829)}.menu-panel{pointer-events:auto;width:min(100%,430px);padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080612c7;box-shadow:0 24px 70px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.menu-panel--wide{width:min(100%,760px)}.eyebrow{margin:0 0 10px;color:#d7caff;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;line-height:.98;letter-spacing:0}h1{max-width:10ch;font-size:clamp(3rem,9vw,6.5rem)}h2{font-size:clamp(2rem,5vw,3.8rem)}.field-stack{display:grid;gap:14px;margin-top:26px}label{display:grid;gap:8px;color:#ffffffad;font-size:.78rem;font-weight:700;text-transform:uppercase}input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:6px;outline:none;padding:0 14px;background:#ffffff12;color:#fff}input:focus{border-color:#21d4ffb8;box-shadow:0 0 0 3px #21d4ff1f}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.connection-line{min-height:18px;margin:14px 0 0;color:#ffffff94;font-size:.78rem;font-weight:800}.connection-line[data-status=connected]{color:#75e4ff}.connection-line[data-status=connecting]{color:#d7caff}.connection-line[data-status=disconnected],.connection-line[data-status=error]{color:#ff80b7}.button,.icon-button{min-height:44px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff14;color:#fff;font-weight:800}.button{flex:1 1 150px;padding:0 16px}.button--primary{border-color:#ffffff47;background:linear-gradient(135deg,#fff,#d9d0ff 45%,#75e4ff);color:#12091f}.icon-button{width:44px;padding:0;font-size:1.15rem}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:22px;margin-top:22px}.muted{margin:0;color:#ffffffb3}.mode-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mode-strip span,.hud-chip{border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff14;color:#ffffffdb;font-size:.78rem;font-weight:800}.mode-strip span{padding:8px 10px}.lobby-ready{width:min(100%,220px);margin-top:22px}.player-list,.scoreboard{display:grid;gap:8px;max-height:min(42vh,360px);margin:0;padding:0;overflow:auto;list-style:none}.player-list li,.scoreboard li{display:grid;align-items:center;min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;background:#ffffff0e}.player-list li{grid-template-columns:12px minmax(0,1fr) auto;gap:10px}.player-list strong,.scoreboard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list em,.scoreboard em{color:#ffffff94;font-size:.78rem;font-style:normal;font-weight:800}.player-dot{width:10px;height:10px;border-radius:50%;background:#fff}.player-dot--runner{background:#21d4ff;box-shadow:0 0 14px #21d4ffcc}.player-dot--defender{background:#ff4f9a;box-shadow:0 0 14px #ff4f9acc}.role-reveal{position:absolute;top:20%;left:50%;display:none;min-width:min(86vw,360px);transform:translate(-50%);padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#070510b8;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.role-reveal.is-active{display:block}.role-reveal strong{display:block;font-size:clamp(2rem,7vw,4rem);line-height:1}.role-reveal span{display:inline-grid;place-items:center;width:52px;height:52px;margin-top:18px;border-radius:50%;background:#fff;color:#12091f;font-size:1.5rem;font-weight:900}.hud{position:absolute;top:16px;left:16px;right:16px;display:none;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.hud.is-active{display:grid}.hud__group{display:flex;flex-wrap:wrap;gap:8px}.hud__group--center{justify-content:center}.hud__group--right{justify-content:flex-end}.hud-chip{min-height:36px;max-width:min(44vw,280px);padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-chip--time{min-width:72px;text-align:center}.hud-chip--objective{border-color:#21d4ff59;background:#21d4ff1f}.challenge{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:22px;background:#05030c38;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.challenge.is-active{display:grid}.challenge-panel{width:min(100%,520px);padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080612e0;text-align:center;box-shadow:0 28px 80px #0000006b}.challenge-panel h2{font-size:clamp(1.7rem,6vw,3.1rem)}.challenge-body{min-height:156px;display:grid;place-items:center;margin-top:18px}.challenge-options{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.challenge-options--shape{grid-template-columns:repeat(3,minmax(0,1fr))}.challenge-option{min-height:72px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a),var(--option-color, rgba(255, 255, 255, .08));color:#fff;font-size:clamp(1rem,5vw,1.45rem);font-weight:900;text-transform:uppercase}.challenge-option.is-picked{border-color:#fff;box-shadow:0 0 0 3px #ffffff29}.challenge-options--shape .challenge-option[data-shape=circle]{border-radius:999px}.challenge-options--shape .challenge-option[data-shape=triangle]{clip-path:polygon(50% 2%,98% 96%,2% 96%)}.challenge-options--shape .challenge-option[data-shape=diamond]{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.reflex-target{position:relative;display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#ffffff0f}.reflex-target:after{width:34px;height:34px;border-radius:50%;background:#fff;content:""}.reflex-target span{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:3px solid #21d4ff;border-radius:50%;box-shadow:0 0 30px #21d4ff6b}.memory-flash,.arrow-sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.memory-flash span,.arrow-sequence span{display:grid;place-items:center;width:62px;height:62px;border-radius:8px;background:#fff;color:#12091f;font-size:1.6rem;font-weight:900}.challenge-status{min-height:22px;margin:14px 0 0;color:#ffffffa8;font-weight:800}.flash{position:absolute;top:0;right:0;bottom:0;left:0;display:none;background:#fff;z-index:18}.flash.is-active{display:block}.toast{position:absolute;left:50%;bottom:28px;max-width:min(90vw,420px);transform:translate(-50%,24px);padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#090712db;color:#fff;font-size:.88rem;font-weight:800;opacity:0;transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast.is-active{transform:translate(-50%);opacity:1}.scoreboard{margin-top:22px}.scoreboard li{grid-template-columns:minmax(0,1fr) auto auto;gap:14px}.scoreboard strong{min-width:42px;text-align:right}.touch-controls{position:fixed;left:18px;right:18px;bottom:18px;z-index:12;display:none;align-items:end;justify-content:space-between;pointer-events:none}.touch-stick,.touch-action{pointer-events:auto;touch-action:none}.touch-stick{position:relative;width:112px;height:112px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-stick__nub{position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;background:#ffffffdb;transform:translate3d(-50%,-50%,0)}.touch-action{width:74px;height:74px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.8rem;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (pointer: coarse){.touch-controls{display:flex}}@media (max-width: 720px){.screen{padding:16px}.screen--landing{align-items:center;padding:16px}.menu-panel{padding:18px}.lobby-grid{grid-template-columns:1fr}.hud{grid-template-columns:1fr;top:10px;left:10px;right:10px}.hud__group,.hud__group--center,.hud__group--right{justify-content:center}.hud-chip{max-width:92vw}.challenge-options,.challenge-options--shape{grid-template-columns:1fr}}