:root{color-scheme:dark;--bg: #05070d;--panel: #0b1120;--panel-strong: #101827;--text: #f5fbff;--muted: #91a3b8;--cyan: #3ee7ff;--magenta: #ff3df2;--lime: #8cff4b;--danger: #ff335c;--amber: #faff5a;--line: rgba(127, 184, 255, .18);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#screens{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}body{min-width:320px}button,input,select{font:inherit}button{border:1px solid rgba(245,251,255,.16);background:#ffffff12;color:var(--text);border-radius:8px;padding:12px 14px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#3ee7ff99;background:#3ee7ff1a}button:disabled{cursor:not-allowed;opacity:.48}button.primary{border-color:#3ee7ff99;background:linear-gradient(135deg,#3ee7ff3d,#ff3df22e);box-shadow:0 0 28px #3ee7ff29}button.ghost{background:transparent}input,select{width:100%;border:1px solid rgba(245,251,255,.16);border-radius:8px;padding:12px 14px;background:#01050cb8;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #3ee7ff21}.screen{display:none;width:100%;height:100%}.screen.is-active{display:block}#home-screen,#lobby-screen,#result-screen{overflow-y:auto}.game-screen{overflow:hidden}.home-shell,.lobby-shell,.result-shell{min-height:100%;padding:clamp(22px,4vw,54px);display:grid;align-items:center;gap:28px;background:linear-gradient(115deg,rgba(62,231,255,.08),transparent 32%),linear-gradient(245deg,rgba(255,61,242,.1),transparent 34%),radial-gradient(circle at 50% 95%,rgba(140,255,75,.08),transparent 30%),var(--bg)}.home-shell{grid-template-columns:minmax(0,1fr) minmax(320px,430px)}.brand-block h1,.lobby-header h2,.result-shell h2{margin:0;font-size:clamp(48px,9vw,112px);line-height:.9;letter-spacing:0}.lobby-header h2,.result-shell h2{font-size:clamp(34px,5vw,72px)}.overline{margin:0 0 10px;color:var(--cyan);text-transform:uppercase;font-weight:800;font-size:12px}.lead{max-width:560px;margin:22px 0 0;color:#c9d8e8;font-size:clamp(17px,2vw,23px);line-height:1.45}.entry-panel,.room-card,.player-slot,.result-row{border:1px solid var(--line);background:#0b1120d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;box-shadow:0 24px 80px #00000057}.entry-panel{padding:22px}.field{display:grid;gap:8px;margin-bottom:16px;color:var(--muted);font-size:13px;font-weight:700}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-grid .primary{grid-column:span 2}.error-line{min-height:20px;margin:12px 0 0;color:var(--danger);font-weight:700}.lobby-shell,.result-shell{align-content:center;max-width:1180px;margin:0 auto}.lobby-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.room-card{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:end;gap:16px;padding:16px}.room-card strong{display:block;margin-top:6px;font-size:30px;letter-spacing:0}.muted,.slot-label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.players-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.player-slot{min-height:132px;padding:18px;display:grid;align-content:center;gap:8px}.player-slot strong{font-size:26px}.ready-state{color:var(--danger);font-weight:800}.ready-state.ready{color:var(--lime)}.local-chip{display:inline-block;margin-left:8px;color:var(--cyan)}.lobby-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.room-setting{min-width:128px;display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.room-setting select{min-height:44px;padding:10px 36px 10px 12px;color:var(--text);font-weight:900;cursor:pointer}.room-setting select:disabled{cursor:not-allowed;opacity:.58}.status-line{margin:0 0 4px;font-weight:800}.target-legend{border:1px solid var(--line);background:#070c16c7;border-radius:8px;padding:16px}.target-legend h3{margin:4px 0 14px;font-size:20px}.legend-rule{margin:-8px 0 14px;color:#cfe8dd;font-size:12px;font-weight:800}.legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.legend-grid article{min-height:64px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px;border:1px solid rgba(245,251,255,.1);border-radius:8px;background:#ffffff0b}.legend-grid strong{font-size:13px}.legend-grid em{grid-column:2;color:var(--muted);font-size:12px;font-style:normal;line-height:1.25}.legend-dot{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;color:#061019;font-size:10px;font-weight:900;border:2px solid currentColor;background:#3ee7ff38;box-shadow:0 0 18px #3ee7ff3d}.legend-dot.pulse,.legend-dot.flash,.legend-dot.drift,.legend-dot.glitch,.legend-dot.double,.legend-dot.triple,.legend-dot.dash,.legend-dot.sequence,.legend-dot.split,.legend-dot.reveal,.legend-dot.timebomb,.legend-dot.teleport,.legend-dot.shrink,.legend-dot.shield,.legend-dot.camouflage{color:var(--lime)}.legend-dot.tiny{width:22px;height:22px;margin:6px;color:var(--lime)}.legend-dot.hold{color:var(--lime);font-size:8px}.legend-dot.triple,.legend-dot.split{font-size:9px}.legend-dot.trap{color:var(--danger)}.legend-dot.fake{color:#9ba3b5;font-size:7px}.legend-dot.lure{color:#34a8ff}.legend-dot.level-drop{width:40px;border-radius:8px;color:#faff5a;border-color:#fff;background:#050505;box-shadow:0 0 18px #ff335c8c;font-size:7px}.legend-dot.shrink{width:26px;height:26px;margin:4px;color:#fff}.legend-dot.shield{color:var(--lime);border-width:4px}.legend-dot.camouflage{color:#b6ffef;opacity:.55}.game-screen{position:relative}#game-root{width:100%;height:100%}.game-controls{position:fixed;top:14px;right:14px;z-index:3000;display:flex;gap:8px;pointer-events:auto}.icon-button{padding:9px 11px;min-width:70px;background:#05070dbd}.volume-control{height:39px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(245,251,255,.16);border-radius:8px;background:#05070dbd;color:var(--muted);font-size:12px;font-weight:800}.volume-control input{width:120px;padding:0;accent-color:var(--cyan);cursor:pointer}.volume-control output{min-width:34px;color:var(--text);text-align:right}.lobby-audio{margin-left:auto;display:flex;gap:8px;align-items:center}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7000;display:grid;place-items:center;overflow:hidden;pointer-events:none;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(62,231,255,.24),transparent 20%),radial-gradient(circle at 50% 52%,rgba(255,61,242,.18),transparent 36%),linear-gradient(135deg,#05070df0,#030913fa);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.countdown-overlay:before,.countdown-overlay:after{content:"";position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;z-index:-1}.countdown-overlay:before{background:repeating-linear-gradient(90deg,rgba(62,231,255,.08) 0,rgba(62,231,255,.08) 1px,transparent 1px,transparent 86px),repeating-linear-gradient(0deg,rgba(255,61,242,.06) 0,rgba(255,61,242,.06) 1px,transparent 1px,transparent 72px);animation:countdown-grid .9s linear infinite}.countdown-overlay:after{background:linear-gradient(90deg,transparent,rgba(62,231,255,.2),transparent),repeating-linear-gradient(0deg,transparent 0,transparent 14px,rgba(245,251,255,.07) 15px);mix-blend-mode:screen;opacity:.7;animation:countdown-scan .52s linear infinite}.countdown-overlay[hidden]{display:none!important}.countdown-overlay.pulse .countdown-shell{animation:countdown-screen-hit .64s ease}.countdown-shell{position:relative;width:min(84vw,620px);aspect-ratio:1;display:grid;place-items:center;text-align:center}.countdown-value{position:relative;z-index:2;font-family:Arial Black,Arial,sans-serif;font-size:210px;line-height:.82;letter-spacing:0;color:#f5fbff;text-shadow:0 0 24px rgba(62,231,255,.9),0 0 64px rgba(62,231,255,.62),0 0 108px rgba(255,61,242,.48);transform:translateZ(0)}.countdown-kicker,.countdown-caption{position:absolute;z-index:3;left:50%;transform:translate(-50%);color:var(--cyan);font-size:14px;font-weight:1000;letter-spacing:0;text-shadow:0 0 18px rgba(62,231,255,.82);white-space:nowrap}.countdown-kicker{top:82px}.countdown-caption{bottom:82px;color:var(--lime)}.countdown-ring{position:absolute;top:54px;right:54px;bottom:54px;left:54px;border-radius:50%;border:3px solid rgba(62,231,255,.58);box-shadow:inset 0 0 28px #3ee7ff2e,0 0 36px #3ee7ff38}.countdown-ring:before,.countdown-ring:after{content:"";position:absolute;width:52px;height:5px;border-radius:999px;background:var(--cyan);box-shadow:0 0 22px #3ee7ffe6}.countdown-ring:before{top:-4px;left:28%}.countdown-ring:after{right:12%;bottom:-4px}.ring-a{animation:countdown-spin 2.2s linear infinite}.ring-b{top:94px;right:94px;bottom:94px;left:94px;border-color:#ff3df280;animation:countdown-spin 1.6s linear infinite reverse}.ring-b:before,.ring-b:after{background:var(--magenta);box-shadow:0 0 22px #ff3df2e6}.ring-c{top:134px;right:134px;bottom:134px;left:134px;border-style:dashed;border-color:#8cff4b80;animation:countdown-pulse-ring .62s ease-in-out infinite}.countdown-bars{position:absolute;top:0;right:0;bottom:0;left:0}.countdown-bars b{position:absolute;width:138px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px #3ee7ff9e}.countdown-bars b:nth-child(1){top:35%;left:-6%}.countdown-bars b:nth-child(2){top:63%;right:-4%;background:linear-gradient(90deg,transparent,var(--magenta),transparent)}.countdown-bars b:nth-child(3){bottom:18%;left:18%;background:linear-gradient(90deg,transparent,var(--lime),transparent)}.countdown-bars b:nth-child(4){top:15%;right:16%}.countdown-overlay.is-go .countdown-value{color:var(--lime);text-shadow:0 0 22px rgba(140,255,75,.9),0 0 68px rgba(140,255,75,.62),0 0 112px rgba(250,255,90,.44)}.countdown-overlay.is-go{background:radial-gradient(circle at 50% 48%,rgba(140,255,75,.28),transparent 22%),radial-gradient(circle at 50% 52%,rgba(62,231,255,.18),transparent 38%),linear-gradient(135deg,#05070df0,#05120efa)}@keyframes countdown-screen-hit{0%{opacity:0;transform:scale(1.06);filter:brightness(1.8)}38%{opacity:1;transform:scale(.98);filter:brightness(1.25)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes countdown-spin{to{transform:rotate(360deg)}}@keyframes countdown-pulse-ring{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.05);opacity:1}}@keyframes countdown-grid{to{transform:translate3d(86px,72px,0)}}@keyframes countdown-scan{0%{transform:translateY(-30px)}to{transform:translateY(30px)}}@media (max-width: 760px){.countdown-shell{width:min(92vw,430px)}.countdown-value{font-size:118px}.countdown-kicker{top:58px}.countdown-caption{bottom:58px}.countdown-ring{top:36px;right:36px;bottom:36px;left:36px}.ring-b{top:68px;right:68px;bottom:68px;left:68px}.ring-c{top:96px;right:96px;bottom:96px;left:96px}}@media (min-width: 1200px){.countdown-value{font-size:250px}}.desktop-warning{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:18;padding:10px 12px;border:1px solid rgba(250,255,90,.45);border-radius:8px;background:#201b05db;color:var(--amber);font-size:13px;text-align:center}.result-summary{display:grid;gap:6px;padding:18px;border:1px solid rgba(62,231,255,.28);border-radius:8px;background:#3ee7ff14}.result-summary strong{font-size:clamp(28px,4vw,46px)}.result-summary span,.result-summary em{color:var(--muted);font-style:normal}.result-table{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-row{padding:18px}.result-row.winner{border-color:#8cff4b8a;box-shadow:0 0 36px #8cff4b1f}.result-row strong{display:block;margin-top:6px;font-size:24px}.result-row dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 0}.result-row dt{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.result-row dd{margin:4px 0 0;font-size:20px;font-weight:900}.result-actions{display:flex;gap:10px}@media (max-width: 760px){.home-shell{grid-template-columns:1fr;align-content:center}.room-card,.players-grid,.legend-grid,.result-table{grid-template-columns:1fr}.lobby-actions,.result-actions{align-items:stretch;flex-direction:column}.desktop-warning{display:block}}