:root{--ink:#eef4ff;--muted:#8d9ab3;--bg:#070b13;--panel:#111827;--gold:#ffd166;--line:#26344e;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#182646 0,#070b13 52%);letter-spacing:.03em}button,input,.button{font:inherit}.landing{display:grid;place-items:center;text-align:center}.landing main{max-width:850px;padding:40px}.eyebrow{color:#67d8ff;font-size:.72rem;font-weight:800;letter-spacing:.2em}.landing h1{font-size:clamp(4rem,10vw,8rem);line-height:.75;margin:.35em 0;text-shadow:0 0 35px #2ea7ff44}.landing h1 em{font-style:normal;color:var(--gold)}.landing p{color:var(--muted)}.landing-actions{display:flex;gap:16px;justify-content:center;margin-top:35px}.button,button{display:inline-block;border:1px solid #476082;background:#151f32;color:white;padding:14px 20px;text-decoration:none;cursor:pointer;border-radius:3px;font-weight:800}.primary,.win{background:var(--gold);color:#15110a;border-color:var(--gold)}header,footer{height:70px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.8rem;letter-spacing:.15em}.brand{font-weight:900;color:var(--gold)}.room-code{font-size:1.8rem;color:white;letter-spacing:.18em}.teleporters{display:grid;grid-template-columns:repeat(4,1fr);gap:3vw;align-items:center;padding:8vh 5vw 3vh}.teleporters article{text-align:center}.teleporters h2{font-size:1.25rem}.teleporters p{font-size:.65rem;color:var(--muted)}.teleporter{height:44vh;display:flex;flex-direction:column;justify-content:end;filter:grayscale(.6);opacity:.55}.teleporter.online{opacity:1;filter:none}.beam{height:75%;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(180deg,transparent,var(--c)55%,color-mix(in srgb,var(--c),transparent 45%));display:flex;align-items:end;justify-content:center;filter:drop-shadow(0 0 25px var(--c))}.base{height:40px;background:linear-gradient(#61708d,#1b2334);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-bottom:5px solid var(--c)}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}.pawn{width:min(3.2vw,45px);height:min(5vw,70px);position:relative;display:inline-flex;justify-content:center;align-items:start}.pawn img{width:min(3vw,42px);height:min(3vw,42px);border-radius:50%;object-fit:cover;border:3px solid var(--c);z-index:2}.pawn i{position:absolute;width:3px;height:45%;background:var(--c);top:40%;box-shadow:-11px 13px 0 -1px var(--c),11px 13px 0 -1px var(--c);transform:rotate(0)}.game-layout{display:grid;grid-template-columns:260px 1fr;height:calc(100vh - 70px)}aside{padding:25px;border-right:1px solid var(--line);background:#0a101c}.current{text-align:center;margin-bottom:25px}.current .pawn{transform:scale(1.5);margin:20px}.current h1{margin:10px 0}.current strong{color:var(--gold);font-size:1.5rem}.score{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:.8rem}.score i{width:8px;border-radius:5px}.score span{flex:1}.board{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:1px;padding:2vh;background:#05080e}.cell{min-width:0;min-height:0;background:#101827;border:1px solid #1b2940;display:flex;align-items:center;justify-content:center;color:#65738c;font-weight:900;position:relative}.cell.spawn{box-shadow:inset 0 0 0 2px #fff5}.cell.trivia{color:#65d6ff}.cell.duel{color:#ff5d8f}.cell.coop{color:#70e38e}.cell.scramble{color:#ffd166}.cell.tournament{color:#b58cff}.cell .pawn{position:absolute;width:70%;height:90%}.cell .pawn img{width:60%;height:auto;aspect-ratio:1}.modal{position:fixed;inset:70px 0 0 260px;background:#050810e8;display:grid;place-items:center;z-index:10}.challenge{text-align:center;max-width:750px;padding:40px}.challenge-icon{font-size:6rem;color:var(--gold)}.challenge h1{font-size:2.4rem}.challenge p{color:var(--muted)}.judge{position:fixed;z-index:20;right:15px;top:85px;width:300px;max-height:calc(100vh - 100px);overflow:auto;padding:20px;background:#121b2beF;border:1px solid #6780a8;box-shadow:0 20px 60px #000}.judge>button:first-child{float:right;padding:2px 8px}.judge label{display:block;font-size:.75rem;margin:8px 0}.judge input[type=number]{width:70px;background:#060a11;color:white;border:1px solid #445;padding:5px}.judge hr{border:0;border-top:1px solid #334;margin:16px 0}.dpad{display:grid;grid-template-columns:repeat(3,40px);gap:3px}.dpad button{padding:7px}.player-control{display:flex;gap:4px;align-items:center}.player-control span{flex:1}.player-control button{padding:5px}.tiny{font-size:.65rem;color:var(--muted)}.phone{display:grid;place-items:center;padding:20px}.phone-card{width:min(100%,440px);padding:30px;background:#0d1524;border:1px solid #263854;box-shadow:0 20px 80px #0008}.phone-card h1{font-size:2.1rem}.phone-card label{display:block;margin:16px 0;color:var(--muted);font-size:.8rem}.phone-card input[type=text],.phone-card input:not([type]){width:100%;padding:14px;background:#070b13;color:white;border:1px solid #354764;margin-top:5px}.code-input{width:100%;padding:20px;text-align:center;font-size:2rem;letter-spacing:.3em;background:#070b13;color:white;border:1px solid #354764;margin:25px 0}.phone-card .button{width:100%}.error,.warning{color:#ff748f}.selfie-preview{height:180px;display:grid;place-items:center;background:#070b13;color:#56637a;border:1px dashed #445}.selfie-preview img{width:100%;height:100%;object-fit:cover}.colors{display:flex;gap:10px}.colors input{display:none}.colors i{display:block;width:38px;height:38px;background:var(--c);border-radius:50%}.colors input:checked+i{outline:3px solid white;outline-offset:3px}.slider{display:grid!important;grid-template-columns:1fr 2fr 25px;align-items:center;gap:8px}.phone-avatar{width:130px;height:130px;margin:auto;border-radius:50%;padding:5px;background:var(--c);box-shadow:0 0 40px var(--c)}.phone-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.player-view{text-align:center}.player-view h2{color:var(--gold);font-size:2rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stat-grid div{background:#090e18;padding:12px 4px}.stat-grid small{display:block;color:var(--muted);font-size:.55rem;margin-top:7px}.turn-card{margin:25px 0;padding:18px;border:1px solid var(--line)}.turn-card.your-turn{border-color:var(--c);box-shadow:0 0 20px color-mix(in srgb,var(--c),transparent 70%)}.turn-card p{font-size:.65rem;color:var(--muted)}.turn-card h3{margin:0}.phone-challenge{border-top:1px solid var(--line);padding-top:20px}.phone-challenge b{font-size:2rem;color:var(--gold)}@media(max-width:800px){.teleporters{grid-template-columns:1fr 1fr}.teleporter{height:30vh}.game-layout{grid-template-columns:1fr}aside{display:none}.modal{left:0}.board{overflow:auto}.landing-actions{flex-direction:column}}