:root{--bg: #0a0612;--bg-2: #120a1e;--surface: rgba(28, 16, 44, .82);--surface-2: rgba(36, 22, 56, .72);--line: rgba(244, 197, 66, .12);--text: #f8f2ea;--text-soft: #b8a8c8;--accent: #f4c542;--accent-2: #e94560;--gold: #ffd56a;--win: #5cdb95;--danger: #ff4757;--room-1: #ff6b6b;--room-2: #ff9f43;--room-3: #ffd56a;--room-4: #a3e635;--room-5: #34d399;--room-6: #22d3ee;--room-7: #60a5fa;--room-8: #a78bfa;--room-9: #e879f9;--room-10: #fb7185;font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 90% 60% at 50% -5%,#2a1448 0%,transparent 55%),linear-gradient(175deg,var(--bg-2) 0%,var(--bg) 65%)}.stage-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background-image:repeating-linear-gradient(45deg,transparent,transparent 28px,rgba(244,197,66,.03) 28px,rgba(244,197,66,.03) 29px),repeating-linear-gradient(-45deg,transparent,transparent 28px,rgba(233,69,96,.025) 28px,rgba(233,69,96,.025) 29px)}.stage-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(244,197,66,.14),transparent 42%),radial-gradient(circle at 15% 30%,rgba(233,69,96,.08),transparent 35%),radial-gradient(circle at 85% 25%,rgba(167,139,250,.1),transparent 38%)}.stage-ring{position:absolute;left:50%;bottom:-18%;width:140%;height:48%;transform:translate(-50%);border-radius:50%;border:2px solid rgba(244,197,66,.18);box-shadow:0 0 80px #f4c54214,inset 0 0 60px #f4c5420a;mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent 75%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent 75%)}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,transparent 50%,rgba(0,0,0,.65) 100%)}.app{max-width:1180px;margin:0 auto;padding:28px 20px 90px}.neon-panel{position:relative;background:var(--surface);border:1px solid color-mix(in srgb,var(--glow, var(--accent)) 38%,var(--line));border-radius:18px;box-shadow:0 4px 24px #00000059,0 0 20px color-mix(in srgb,var(--glow, var(--accent)) 18%,transparent),inset 0 1px #ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.neon-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--glow, var(--accent)) 8%,transparent) 0%,transparent 45%)}h1,h2,h3{font-family:Syne,DM Sans,sans-serif;margin:0;line-height:1.1;letter-spacing:.5px}.title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(28px,6vw,52px);letter-spacing:1px;text-transform:none;background:linear-gradient(105deg,#ffe08a 0%,var(--accent) 35%,#fff5e0 70%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px rgba(244,197,66,.35))}.subtitle{font-size:15px;color:var(--text-soft);margin-top:6px;letter-spacing:.5px}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(244,197,66,.35))}.brand-logo{width:clamp(72px,14vw,120px);height:auto;flex-shrink:0;filter:drop-shadow(0 4px 14px rgba(244,197,66,.35))}.stat-row{display:flex;gap:12px;flex-wrap:wrap}.stat{padding:10px 18px;min-width:100px;text-align:center}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-soft);display:block}.stat .value{font-family:Syne,sans-serif;font-size:22px;font-weight:700}.countdown{text-align:center;padding:16px 18px;margin-bottom:24px;--glow: var(--accent)}.countdown .phase{font-family:Syne,sans-serif;font-size:14px;color:var(--text-soft);text-transform:uppercase;letter-spacing:3px}.countdown .secs{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(44px,9vw,88px);line-height:1;color:var(--accent);text-shadow:0 2px 20px rgba(244,197,66,.45)}.countdown.locked{--glow: var(--danger);animation:pulseGlow 1s ease-in-out infinite}.countdown.locked .secs{color:var(--danger);text-shadow:0 2px 20px rgba(255,71,87,.5)}.countdown .phase-sub{margin-top:4px;font-size:14px;letter-spacing:1px;color:var(--text-soft)}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px color-mix(in srgb,var(--glow) 28%,transparent),inset 0 1px #ffffff0f}50%{box-shadow:0 0 34px color-mix(in srgb,var(--glow) 55%,transparent),inset 0 1px #ffffff0f}}.room-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:30px}@media (max-width: 860px){.room-grid{grid-template-columns:repeat(2,1fr)}}.room{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.room-stage{position:relative;height:188px;border-radius:16px 16px 12px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 12%,#120a1e),#0e0818 75%);border:1.5px solid color-mix(in srgb,var(--rc) 55%,transparent);box-shadow:0 8px 24px #00000059,0 0 16px color-mix(in srgb,var(--rc) 25%,transparent),inset 0 1px #ffffff0a;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.room:hover .room-stage{transform:translateY(-3px);box-shadow:0 12px 28px #0006,0 0 24px color-mix(in srgb,var(--rc) 40%,transparent),inset 0 1px #ffffff0f}.room-head{position:absolute;top:10px;left:0;right:0;text-align:center;z-index:3;pointer-events:none}.room-no{font-family:Syne,sans-serif;font-weight:800;font-size:28px;color:var(--rc);text-shadow:0 2px 10px color-mix(in srgb,var(--rc) 50%,transparent)}.room-name{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-soft);margin-top:1px}.room-door{position:absolute;left:50%;top:38px;width:44%;height:88px;transform:translate(-50%);border-radius:50% 50% 8px 8px;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--rc) 32%,transparent),transparent 72%);border:2px solid color-mix(in srgb,var(--rc) 35%,transparent);border-bottom:none;z-index:1}.room-floor{position:absolute;left:0;right:0;bottom:0;height:92px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 14%,transparent),color-mix(in srgb,var(--rc) 26%,transparent)),repeating-linear-gradient(to right,color-mix(in srgb,var(--rc) 30%,transparent) 0 1px,transparent 1px 22px),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--rc) 26%,transparent) 0 1px,transparent 1px 18px);border-top:1px solid color-mix(in srgb,var(--rc) 45%,transparent);z-index:2}.room-cast{position:absolute;left:6%;right:6%;bottom:8px;height:74px;z-index:4;display:flex;align-items:flex-end;justify-content:center;gap:1px;flex-wrap:wrap-reverse}.room.selected .room-stage{border-color:var(--rc);box-shadow:0 0 26px color-mix(in srgb,var(--rc) 65%,transparent),inset 0 0 40px color-mix(in srgb,var(--rc) 30%,transparent)}.room.selected:after{content:"LOCKED IN";position:absolute;top:-9px;right:10px;font-family:Syne,sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,var(--rc),color-mix(in srgb,var(--rc) 70%,#000));color:#fff8e7;box-shadow:0 4px 14px color-mix(in srgb,var(--rc) 55%,transparent);z-index:6}.room.winner .room-stage{animation:winnerFlash .6s ease;border-color:var(--rc);box-shadow:0 0 40px color-mix(in srgb,var(--rc) 85%,transparent),inset 0 0 60px color-mix(in srgb,var(--rc) 45%,transparent)}@keyframes winnerFlash{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.room.disabled{cursor:not-allowed}.room.disabled:not(.eliminated):not(.surviving) .room-stage{filter:saturate(.7) brightness(.9)}.room.surviving .room-stage{border-color:var(--rc);animation:survivePulse 1.1s ease-in-out infinite}@keyframes survivePulse{0%,to{box-shadow:0 0 18px color-mix(in srgb,var(--rc) 45%,transparent),inset 0 0 30px color-mix(in srgb,var(--rc) 18%,transparent)}50%{box-shadow:0 0 34px color-mix(in srgb,var(--rc) 80%,transparent),inset 0 0 44px color-mix(in srgb,var(--rc) 34%,transparent)}}.room.eliminated{cursor:default}.room.eliminated .room-stage{filter:grayscale(.85) brightness(.5);transform:scale(.96);box-shadow:none;border-color:#ffffff1a}.room.eliminated:hover .room-stage{transform:scale(.96)}.room-out{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:28px;letter-spacing:3px;color:var(--danger);text-shadow:0 2px 12px rgba(255,71,87,.6);transform:rotate(-8deg);border:2px solid var(--danger);border-radius:12px;width:78%;height:46px;margin:auto;background:#0a06128c}.room-count{position:absolute;bottom:8px;right:8px;z-index:5;font-size:12px;font-weight:500;padding:2px 8px;border-radius:10px;color:var(--text);background:#00000073;border:1px solid color-mix(in srgb,var(--rc) 50%,transparent)}.occupant{position:relative;width:26px;height:46px;display:flex;align-items:flex-end;justify-content:center}.occupant.is-self{z-index:5}.occupant .you-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:Syne,sans-serif;font-size:9px;letter-spacing:1px;color:#0a0a16;background:var(--gold);padding:1px 5px;border-radius:6px;white-space:nowrap;box-shadow:0 0 10px #ffd23fb3;z-index:6}.occupant-more{align-self:flex-end;margin-bottom:4px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;padding:3px 7px;border-radius:10px;background:#00000080;color:var(--text);border:1px solid var(--line)}.room-empty{align-self:flex-end;margin-bottom:10px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-soft);opacity:.6}.panel{padding:20px 22px;margin-bottom:18px;--glow: var(--accent-2)}.panel h2{font-size:20px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px}.wallet-row{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.sketch-input{flex:1 1 280px;min-width:0;font-family:DM Sans,monospace;font-size:16px;padding:13px 16px;border-radius:12px;border:1.5px solid var(--line);background:#00000059;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.sketch-input::placeholder{color:#6b7099}.sketch-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f4c5421f,0 0 16px #f4c54233}.btn{font-family:Syne,sans-serif;font-size:15px;letter-spacing:1px;text-transform:uppercase;padding:0;border:none;cursor:pointer;color:var(--text);background:transparent}.btn .neon-btn-inner{display:inline-block;padding:13px 24px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--glow, var(--accent)) 70%,transparent);background:color-mix(in srgb,var(--glow, var(--accent)) 16%,rgba(0,0,0,.4));box-shadow:0 0 16px color-mix(in srgb,var(--glow, var(--accent)) 30%,transparent);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:not(:disabled):hover .neon-btn-inner{transform:translateY(-2px);box-shadow:0 0 26px color-mix(in srgb,var(--glow, var(--accent)) 55%,transparent);background:color-mix(in srgb,var(--glow, var(--accent)) 26%,rgba(0,0,0,.4))}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{--glow: var(--accent)}.help-btn{--glow: var(--accent-2);align-self:center}.help-btn .neon-btn-inner{padding:10px 18px;font-size:13px}.help-card{--glow: var(--accent);padding:28px 30px;max-width:520px;width:100%}.help-card h2{font-size:24px;text-transform:none;letter-spacing:.5px;color:var(--accent);text-shadow:0 2px 12px rgba(244,197,66,.35)}.help-steps{list-style:none;margin:16px 0 4px;padding:0;display:flex;flex-direction:column;gap:14px}.help-steps li{display:flex;gap:14px;align-items:flex-start}.help-step-no{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;color:#120a1e;background:var(--accent);box-shadow:0 4px 12px #f4c54273}.help-step-title{font-family:Syne,sans-serif;font-size:15px;letter-spacing:.5px;color:var(--text)}.help-step-body{font-size:14px;color:var(--text-soft);margin-top:2px;line-height:1.4}.hint{font-size:14px;color:var(--text-soft);margin-top:10px}.error{color:var(--danger)}.joined{color:var(--win);font-size:16px;margin-top:10px}.reveal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04040cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.reveal-card{--glow: var(--rc, var(--accent));padding:32px 34px;max-width:460px;width:100%;text-align:center}.reveal-card h2{font-size:28px;margin-bottom:4px;color:var(--rc, var(--accent));text-shadow:0 0 16px color-mix(in srgb,var(--rc, var(--accent)) 60%,transparent)}.reveal-room{font-size:16px;text-transform:uppercase;letter-spacing:2px;color:var(--text-soft);margin:4px 0 16px}.reveal-prize{font-family:Syne,sans-serif;font-size:24px;color:var(--win);text-shadow:0 0 16px rgba(43,255,158,.5);margin:10px 0}.reveal-lose{font-size:17px;color:var(--text-soft)}.reveal-payouts{text-align:left;margin-top:16px;max-height:160px;overflow:auto;font-size:14px;list-style:none;padding:0}.reveal-payouts li{margin:3px 0;color:var(--text-soft)}.conn-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--danger);box-shadow:0 0 8px var(--danger)}.conn-dot.ok{background:var(--win);box-shadow:0 0 8px var(--win)}.center-col{display:flex;flex-direction:column;align-items:center}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}a{color:var(--accent)}.host-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.host-form label{display:flex;flex-direction:column;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-soft);gap:6px}.host-form .row-check{flex-direction:row;align-items:center;gap:8px;grid-column:1 / -1;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}@media (max-width: 600px){.host-form{grid-template-columns:1fr}}.overlay-route,.overlay-route body,.overlay-route #root{background:transparent!important}.overlay{padding:18px;min-height:100vh;display:flex;flex-direction:column;gap:14px}.overlay-top{padding:12px 18px;--glow: var(--accent)}.overlay-top-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.overlay-brand{display:flex;align-items:center;gap:12px}.overlay-mark{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px;border-radius:12px;background:#140a24e6;border:1.5px solid var(--accent);color:var(--accent);box-shadow:0 4px 16px #f4c5424d}.overlay-logo{width:72px;height:auto;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(244,197,66,.35))}.overlay-title{font-family:Syne,sans-serif;font-weight:800;font-size:26px;letter-spacing:.5px;text-transform:none;color:var(--accent);text-shadow:0 2px 12px rgba(244,197,66,.4)}.overlay-sub{font-size:15px;color:var(--text-soft)}.overlay-count{min-width:200px}.overlay-grid{max-width:820px}.overlay-flash{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:20}.overlay-flash-inner{display:flex;align-items:center;gap:14px;padding:16px 28px;font-family:Syne,sans-serif;font-size:22px;color:var(--win)}.overlay-ticker{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:9px 16px;background:#0a0612eb;border-top:1px solid color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 -4px 24px #f4c54226;overflow:hidden}.ticker-label{font-family:Syne,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--accent-2);white-space:nowrap}.ticker-track{display:flex;gap:28px;white-space:nowrap;animation:ticker 24s linear infinite}.ticker-item{font-size:16px;color:var(--text)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.activity{margin-top:20px;padding:16px 18px}.activity-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.activity-title{font-family:Syne,sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:15px;color:var(--text)}.activity-sub{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--win)}.activity-empty{margin:6px 0 2px;font-size:13px;color:var(--text-soft)}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.activity-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.activity-wallet{color:var(--text)}.activity-amount{font-family:Syne,sans-serif;font-weight:700;font-size:14px;color:var(--win);margin-left:auto}.activity-time{font-size:12px;color:var(--text-soft);min-width:56px;text-align:right}.activity-link{font-size:12px;font-weight:600;letter-spacing:.5px;text-decoration:none;color:var(--accent);padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));white-space:nowrap;transition:background .15s ease,box-shadow .15s ease}.activity-link:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 40%,transparent)}