:root{--bg:#0a0f1f;--panel:#ffffff0d;--panel-border:#ffffff1a;--text:#f4fbff;--muted:#9fb4c2;--mint:#3dffc5;--paper:#f7f7ff;--yellow:#ffd23f;--cyan:#18d4ff;--green:#52f28c;--red:#ff4d5e;--player:var(--mint);--display:"Unbounded", system-ui, sans-serif;--body:"Space Grotesk", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-size:clamp(14px,1.1vw,32px)}body{background:radial-gradient(60vw 50vh at 10% 0%, #b36bff29, transparent 70%), radial-gradient(60vw 50vh at 90% 100%, #18d4ff29, transparent 70%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--body);margin:0;overflow-x:hidden}h1,h2{font-family:var(--display);margin:0}kbd{font-family:var(--body);opacity:.6;border:1px solid;border-radius:.3em;margin-left:.5em;padding:.15em .45em;font-size:.7em}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes blink{to{opacity:.45}}@keyframes pulse{to{box-shadow:0 0 3rem color-mix(in srgb, var(--player) 55%, transparent)}}.btn{font:600 1rem var(--body);color:var(--text);border:1px solid var(--panel-border);cursor:pointer;white-space:nowrap;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.7em 1.4em;transition:transform .12s,background .12s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff26}.btn:active:not(:disabled){transform:scale(.96)}.btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{background:var(--player);color:#04160f;box-shadow:0 0 2em color-mix(in srgb, var(--player) 40%, transparent);border-color:#0000}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--player) 85%, white)}.btn.big{padding:.8em 2em;font-size:1.25rem}.btn.small{padding:.45em 1em;font-size:.85rem}.btn.ghost{background:0 0}.btn.icon{width:2.6em;height:2.6em;padding:0}.btn.icon.small{width:2em;height:2em;font-size:.9rem}.logo{font-family:var(--display);letter-spacing:.03em;background:linear-gradient(90deg, var(--paper), var(--mint), var(--cyan));color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:900;line-height:1.05}.logo.small{font-size:1.3rem}.hint{color:var(--muted);margin:0;line-height:1.45}.hint.small{font-size:.85rem}.error{color:var(--red);margin:0}.waiting{color:var(--muted);margin:0;animation:1.2s ease-in-out infinite alternate blink}.who{color:var(--player)}.accent{color:var(--yellow)}.dot{background:var(--player);width:.75em;height:.75em;box-shadow:0 0 .8em var(--player);border-radius:50%;flex:none}.row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:1.25rem;flex-direction:column;gap:.9rem;padding:1.25rem 1.4rem;display:flex}.panel h2{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:700}.field{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stepper{align-items:center;gap:.75rem;display:flex}.stepper b{font-family:var(--display);text-align:center;min-width:3ch;font-size:1.2rem}.checkbox{color:var(--muted);cursor:pointer;align-items:center;gap:.6rem;display:flex}.checkbox input{width:1.1em;height:1.1em;accent-color:var(--mint)}input:not([type=checkbox]),textarea{width:100%;font:500 1.1rem var(--body);color:var(--text);border:1px solid var(--panel-border);background:#00000059;border-radius:.8rem;padding:.75em .9em}input:focus{outline:2px solid var(--player)}.big-emoji{font-size:4.5rem;animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.panel .chips{justify-content:flex-start}.chip{font:700 1.05rem var(--body);color:var(--text);border:1px solid color-mix(in srgb, var(--player) 50%, transparent);background:color-mix(in srgb, var(--player) 15%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:inline-flex}.chip.static{cursor:default}.chip.offline,.chip.waiting{opacity:.45}.chip.done{border-color:var(--player)}.host-tag{text-transform:uppercase;color:var(--yellow);font-size:.7rem}.tag-toggle{font:600 .9rem var(--body);color:var(--muted);border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:999px;padding:.4em .9em}.tag-toggle.on{color:#04160f;background:var(--mint);border-color:#0000}.timer{align-self:center;align-items:center;gap:.8rem;width:min(100%,36rem);display:flex}.timer span{font-family:var(--display);text-align:right;min-width:3ch;font-weight:700}.timer-bar{background:#ffffff1a;border-radius:999px;flex:1;height:.6rem;overflow:hidden}.timer-bar div{background:linear-gradient(90deg, var(--mint), var(--cyan));height:100%;transition:width .2s linear}.timer.hurry span{color:var(--red)}.timer.hurry .timer-bar div{background:var(--red)}.loading{min-height:100vh;color:var(--muted);place-items:center;font-size:1.4rem;display:grid}.home{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;min-height:100vh;padding:3rem 2rem;display:flex}.tagline{color:var(--mint);margin:-.5rem 0 0;font-size:1.5rem;font-weight:700}.how{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;width:min(100%,64rem);margin:0;padding:0;list-style:none;display:grid}.how li{background:var(--panel);border:1px solid var(--panel-border);text-align:left;border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.how b{font-family:var(--display);font-size:1.1rem}.how span{color:var(--muted);line-height:1.45}.tv{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--panel-border);background:#00000040;flex-wrap:wrap;align-items:center;gap:.75rem 2rem;padding:1rem 2rem;display:flex}.topbar-info{flex-direction:column;flex:1;display:flex}.topbar-info .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.category{font-family:var(--display);font-size:1.3rem}.category b{color:var(--yellow)}.topbar-right{align-items:center;gap:1rem;display:flex}.room-code{color:var(--muted)}.room-code b{font-family:var(--display);color:var(--text);letter-spacing:.1em}.stage{flex-direction:column;justify-content:center;min-width:0;padding:2rem;display:flex}.center{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;display:flex}.headline{max-width:60rem;font-size:2.4rem;line-height:1.2}.lead{color:var(--muted);max-width:50rem;margin:0;font-size:1.2rem}.lobby{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:3rem;width:min(100%,84rem);margin:0 auto;display:grid}.lobby-join{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.lobby-join h1{font-size:2.2rem}.qr{background:#fff;border-radius:1.25rem;padding:.75rem;line-height:0;box-shadow:0 0 4rem #3dffc54d}.qr svg{width:min(16rem,60vw);height:auto}.lobby-url{margin:0;font-size:1.3rem;font-weight:700}.lobby-code{color:var(--muted);margin:0;font-size:1.1rem}.lobby-code b{font-family:var(--display);letter-spacing:.15em;color:var(--yellow);margin-left:.3em;font-size:2.6rem}.lobby-side{flex-direction:column;gap:1rem;display:flex}.lobby-start{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.scoreboard{border-top:1px solid var(--panel-border);background:#00000040;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem 2rem 1.5rem;display:flex}.score{background:var(--panel);border:1px solid color-mix(in srgb, var(--player) 40%, transparent);border-radius:999px;align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex}.score.offline{opacity:.45}.score-name{color:var(--player);font-weight:700}.score-points{font-family:var(--display)}.score-gain{font-family:var(--display);color:var(--yellow);font-weight:900;animation:.4s cubic-bezier(.2,1.6,.4,1) pop}.ranking{flex-direction:column;gap:.5rem;width:min(100%,36rem);margin:0;padding:0;list-style:none;display:flex}.ranking li{background:var(--panel);border-left:5px solid var(--player);border-radius:1rem;align-items:center;gap:1rem;padding:.7rem 1.2rem;font-size:1.15rem;display:flex}.ranking li.me{background:color-mix(in srgb, var(--player) 18%, transparent)}.rank-pos{font-family:var(--display);font-weight:900}.rank-name{color:var(--player);text-align:left;flex:1;font-weight:700}.ranking b{font-family:var(--display)}@media (width<=900px){.lobby{grid-template-columns:1fr}.logo{font-size:3rem}}.phone{flex-direction:column;align-items:center;gap:1rem;min-height:100dvh;padding:1.25rem 1rem 2rem;font-size:16px;display:flex}.phone .logo.small{font-size:1.2rem}.phone-game{flex-direction:column;gap:1rem;width:100%;max-width:28rem;display:flex}.card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:stretch;gap:.9rem;width:100%;max-width:28rem;padding:1.4rem 1.2rem;display:flex}.card h1{font-size:1.45rem}.card p{margin:0}.card .big-emoji{font-size:3rem}.card .timer{width:100%}.phone .btn{font-size:1rem}.phone .btn.big{padding:.9em 1.5em;font-size:1.1rem}.join label{text-align:left;color:var(--muted);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.code-input{letter-spacing:.3em;text-align:center;text-transform:uppercase;font-family:var(--display)!important;font-size:1.8rem!important}.phone-me{background:color-mix(in srgb, var(--player) 15%, transparent);border-radius:999px;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:1.05rem;display:flex}.phone-me b{color:var(--player);flex:1}.phone-round{color:var(--muted);font-size:.8rem}.phone-score{font-family:var(--display);font-weight:700}.vote-list{flex-direction:column;gap:.6rem;display:flex}.big-points{font-family:var(--display);color:var(--muted);font-size:3.5rem;font-weight:900}.big-points.scored{color:var(--yellow);animation:.45s cubic-bezier(.2,1.6,.4,1) pop}.leave{align-self:center;margin-top:.5rem}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.mode{text-align:left;font:inherit;color:var(--text);border:2px solid var(--panel-border);cursor:pointer;background:#ffffff0a;border-radius:1rem;flex-direction:column;gap:.2rem;padding:.75rem .9rem;display:flex}.mode b{font-family:var(--display);font-size:1rem}.mode span:not(.mode-emoji){font-size:.9rem;line-height:1.3}.mode span:not(.mode-emoji),.mode small{color:var(--muted)}.mode-emoji{font-size:1.5rem}.mode.on{border-color:var(--mint);background:#3dffc51f;box-shadow:0 0 2rem #3dffc526}.mode:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.guessing,.reveal{flex:1;grid-template-columns:minmax(0,1fr) minmax(18rem,26rem);align-items:center;gap:2rem;width:100%;display:grid}.photo-frame{background:#000;border-radius:1.5rem;height:calc(100dvh - 15rem);min-height:20rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #00000080}.photo-frame .photo{object-fit:contain;width:100%;height:100%;animation:.8s ease-out reveal-photo;position:absolute;inset:0}@keyframes reveal-photo{0%{opacity:0;filter:blur(8px);transform:scale(1.04)}}.photo-error{color:var(--muted);background:#ffffff0d;place-items:center;display:grid}.guess-side,.reveal-side{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;display:flex}.guess-side .headline{font-size:2.6rem}.guess-side .timer{width:100%}.map{border:1px solid var(--panel-border);isolation:isolate;background:#aad3df;border-radius:1.5rem;width:100%;overflow:hidden}.reveal-map{height:calc(100dvh - 15rem);min-height:20rem;box-shadow:0 1.5rem 4rem #00000080}.leaflet-container{font-family:var(--body)}.answer-card{border:2px solid var(--yellow);text-align:left;background:#ffd23f1a;border-radius:1.25rem;align-items:center;gap:1rem;width:100%;padding:1rem;animation:.5s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.answer-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.thumb{object-fit:cover;border-radius:.8rem;flex:none;width:6.5rem;height:5rem}.answer-name{color:var(--yellow);font-size:1.6rem;line-height:1.15}.answer-where{color:var(--text);margin:.2rem 0 0}.results{flex-direction:column;gap:.45rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.result{background:var(--panel);border-left:5px solid var(--player);border-radius:.9rem;align-items:center;gap:.8rem;padding:.6rem 1rem;animation:.45s cubic-bezier(.2,1.6,.4,1) backwards pop;display:flex}.result-km{color:var(--muted);font-size:.95rem}.result-points{font-family:var(--display);text-align:right;min-width:5ch;color:var(--yellow)}.credit{color:var(--muted);opacity:.8;font-size:.75rem;text-decoration:none}.pin{background:0 0;border:none}.pin-body{background:var(--player);border:3px solid #fff;border-radius:50% 50% 50% 0;place-items:center;display:grid;transform:rotate(-45deg);box-shadow:0 4px 10px #00000073}.pin-label{font:900 14px var(--body);color:#04160f;transform:rotate(45deg)}.pin.answer .pin-label{font-size:18px}.pin.drop .pin-body{animation:.45s cubic-bezier(.2,1.6,.4,1) drop}.pin.answer .pin-body{border-color:var(--yellow);animation:.6s cubic-bezier(.2,1.6,.4,1) drop;box-shadow:0 0 0 6px #ffd23f59,0 4px 14px #00000080}@keyframes drop{0%{opacity:0;transform:translateY(-30px)rotate(-45deg)}}@media (width<=900px){.guessing,.reveal{grid-template-columns:1fr}.photo-frame,.reveal-map{height:55vh}}.guess-card{gap:.75rem;padding:.9rem}.photo-button{cursor:zoom-in;background:#000;border:none;border-radius:.9rem;padding:0;position:relative;overflow:hidden}.phone-photo{object-fit:cover;width:100%;height:9.5rem;display:block}.photo-zoom{background:#0000008c;border-radius:.5rem;padding:.2rem .45rem;position:absolute;bottom:.5rem;right:.5rem}.photo-overlay{z-index:2000;cursor:zoom-out;background:#000000eb;border:none;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.photo-overlay .photo{object-fit:contain;max-width:100%;max-height:100%}.guess-map{border-radius:.9rem;height:50dvh;min-height:16rem}.guess-map.locked{filter:saturate(.6)}.card .reveal-map{height:14rem;min-height:0;box-shadow:none;border-radius:.9rem}.photo-frame.flag{box-shadow:none;background:0 0;overflow:visible}.photo-frame .flag{object-fit:contain;filter:drop-shadow(0 1.5rem 3rem #0009);width:100%;height:100%;animation:.8s ease-out reveal-photo;position:absolute;inset:0}.flag-thumb{object-fit:contain;background:#00000040}.options{gap:.6rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.option{text-align:left;background:color-mix(in srgb, var(--option) 16%, transparent);border:2px solid color-mix(in srgb, var(--option) 60%, transparent);border-radius:1rem;align-items:center;gap:.8rem;padding:.75rem 1rem;transition:opacity .3s;animation:.4s cubic-bezier(.2,1.6,.4,1) backwards pop;display:flex}.option-letter{width:2rem;height:2rem;font-family:var(--display);color:#04160f;background:var(--option);border-radius:.55rem;flex:none;place-items:center;font-weight:900;display:grid}.option-name{font-family:var(--display);flex:1;font-size:1.2rem;font-weight:700}.option.correct{background:color-mix(in srgb, var(--green) 22%, transparent);border-color:var(--green);box-shadow:0 0 2rem color-mix(in srgb, var(--green) 30%, transparent)}.option.wrong{opacity:.4}.voter{color:#04160f;background:var(--player);border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.8rem;font-weight:700;display:grid}.quiz-reveal{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.quiz-reveal .photo-frame{width:100%;height:calc(100dvh - 32rem);min-height:12rem}.quiz-reveal .options{max-width:44rem}.phone-flag{object-fit:contain;width:100%;height:9.5rem;display:block}.photo-button .flag{object-fit:contain;background:#0b1a24}.choice-list{gap:.6rem;display:grid}.choice{text-align:left;width:100%;min-height:3.6rem;font:700 1.1rem var(--body);color:var(--text);background:color-mix(in srgb, var(--option) 18%, transparent);border:2px solid color-mix(in srgb, var(--option) 70%, transparent);cursor:pointer;border-radius:1rem;align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.choice:active:not(:disabled){transform:scale(.97)}.choice:disabled{cursor:default;opacity:.35}.choice.chosen{opacity:1;background:color-mix(in srgb, var(--option) 40%, transparent);border-color:var(--option)}.map-loading{color:#4a6070;place-items:center;display:grid}.dial-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.6rem;width:100%;max-width:72rem;margin:0 auto;display:flex}.dial-stage .results{max-width:40rem}.dial-stage .timer{width:100%;max-width:40rem}.dial{flex-direction:column;gap:.6rem;width:100%;display:flex}.dial-ends{font:700 1.1rem var(--display);justify-content:space-between;gap:1rem;display:flex}.dial-ends span:first-child{text-align:left;color:#7fe3ff}.dial-ends span:last-child{text-align:right;color:#ff8fb4}.dial-track{border:2px solid var(--panel-border);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#18d4ff59,#b36bff59,#ff3d7f59);border-radius:1rem;height:4.5rem;position:relative}.dial-track.draggable{cursor:pointer}.dial-track:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.dial-bands{border-radius:.9rem;animation:.9s cubic-bezier(.2,1.2,.4,1) dial-open;position:absolute;inset:0;overflow:hidden}.dial-band{font:900 1rem var(--display);color:#0a0f1f;place-items:start center;padding-top:.15rem;display:grid;position:absolute;top:0;bottom:0}.dial-band.b2{background:#18d4ff}.dial-band.b3{background:#ffd23f}.dial-band.b4{background:#ff3d7f}.dial-target{background:#fff;width:4px;margin-left:-2px;position:absolute;top:1.4rem;bottom:0;box-shadow:0 0 .6rem #fff}.dial-marker{width:2.2rem;height:2.2rem;font:900 .9rem var(--display);color:#04160f;background:var(--player);pointer-events:none;border:3px solid #fff;border-radius:50%;place-items:center;margin:-1.1rem 0 0 -1.1rem;animation:.4s cubic-bezier(.2,1.6,.4,1) backwards pop;display:grid;position:absolute;box-shadow:0 .3rem .8rem #00000080}.dial-marker.mine{width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;font-size:1.1rem;animation:none;top:50%}.dial-value{font:900 1.2rem var(--display);color:var(--muted);margin:0}.tv .dial-track{height:7rem}.tv .dial-ends{font-size:2rem}.tv .dial-marker{width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;font-size:1.2rem}.scale-options{gap:.6rem;display:grid}.scale-option{border:2px solid var(--panel-border);background:var(--panel);color:var(--text);font:700 1rem var(--body);cursor:pointer;border-radius:1rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:1rem .9rem;display:grid}.scale-option:active{transform:scale(.97)}.scale-option span:first-child{text-align:left}.scale-option span:last-child{text-align:right}.scale-option span:nth-child(2){color:var(--muted)}@keyframes dial-open{0%{opacity:0;transform:scaleX(.2)}}