:root{--bg: #07021a;--panel: rgba(22, 10, 52, .62);--panel-2: rgba(40, 18, 86, .66);--border: #ff2d95;--border-2: #00e5ff;--ink: #f6f0ff;--muted: #b9a8ee;--magenta: #ff2d95;--cyan: #00e5ff;--lime: #b6ff3a;--orange: #ff8a3d;--violet: #b026ff;--yellow: #ffe66d;--green: #2bff88;--red: #ff4d6d;--brand: var(--magenta);--accent: var(--cyan);--good: var(--green);--warn: var(--yellow);--bad: var(--red);--glow-m: 0 0 6px rgba(255, 45, 149, .9), 0 0 18px rgba(255, 45, 149, .6);--glow-c: 0 0 6px rgba(0, 229, 255, .9), 0 0 18px rgba(0, 229, 255, .55);--radius: 16px;--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--display: "Arial Black", "Segoe UI", Impact, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:0;color:var(--ink)}input,select{font-family:inherit}a{color:var(--cyan)}.app-shell{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}.synth-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg);pointer-events:none}.synth-sky{position:absolute;left:0;right:0;top:0;height:60%;background:linear-gradient(180deg,#06021a,#1b0640 34%,#5e1268 62%,#ff2d95 86%,#ff8a3d)}.synth-stars{position:absolute;left:0;right:0;top:0;height:45%;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 28% 9%,#fff,transparent),radial-gradient(1px 1px at 47% 22%,#fff,transparent),radial-gradient(1.5px 1.5px at 63% 12%,#fff,transparent),radial-gradient(1px 1px at 78% 26%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 15%,#fff,transparent)}.synth-sun{position:absolute;left:50%;top:60%;width:320px;height:320px;transform:translate(-50%,-62%);border-radius:50%;overflow:hidden;background:linear-gradient(180deg,#ffe66d,#ff8a3d 42%,#ff2d95 76%,#b026ff);filter:drop-shadow(0 0 55px rgba(255,45,149,.6))}.synth-sun-bands{position:absolute;left:0;right:0;bottom:0;height:58%;background:repeating-linear-gradient(180deg,transparent 0 7px,#07021a 7px 12px)}.synth-mtn{position:absolute;left:0;right:0;bottom:40%;width:100%;height:12%;fill:#11052e;stroke:#00e5ff8c;stroke-width:.3}.synth-floor{position:absolute;left:0;right:0;bottom:0;height:42%;overflow:hidden;background:#07021a}.synth-grid{position:absolute;left:-50%;width:200%;bottom:0;height:240%;background-image:linear-gradient(90deg,rgba(0,229,255,.55) 2px,transparent 2px),linear-gradient(0deg,rgba(255,45,149,.55) 2px,transparent 2px);background-size:64px 64px;transform:perspective(260px) rotateX(70deg);transform-origin:50% 100%;-webkit-mask:linear-gradient(180deg,transparent 0,#000 38%);mask:linear-gradient(180deg,transparent 0,#000 38%);animation:gridmove 1.5s linear infinite}@keyframes gridmove{0%{background-position:0 0}to{background-position:0 64px}}.synth-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(7,2,26,.6) 100%)}.card{background:var(--panel);border:1.5px solid rgba(255,45,149,.55);border-radius:var(--radius);box-shadow:0 0 0 1px #00e5ff1f,0 0 26px #ff2d9529,inset 0 0 24px #00e5ff0d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.btn{background:#281256b3;border:1.5px solid var(--cyan);border-radius:12px;padding:11px 18px;font-size:16px;font-weight:800;color:var(--ink);box-shadow:0 0 10px #00e5ff4d,inset 0 0 12px #00e5ff14;text-shadow:0 0 6px rgba(0,229,255,.5);transition:transform .06s,box-shadow .15s,filter .15s}.btn:hover{box-shadow:0 0 16px #00e5ff99,inset 0 0 16px #00e5ff1f}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;text-shadow:none}.btn-primary{background:var(--magenta);border-color:#ff8ec0;color:#201;box-shadow:0 0 14px #ff2d95b3,0 0 30px #ff2d9559;text-shadow:none}.btn-primary:hover{box-shadow:0 0 22px #ff2d95e6,0 0 44px #ff2d9573}.btn-ghost{background:transparent;border-color:var(--border);box-shadow:none}.btn-block{width:100%}.btn-lg{padding:16px 22px;font-size:18px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#28125699;border:1px solid rgba(0,229,255,.4);font-size:13px;font-weight:700}.muted{color:var(--muted)}.center{text-align:center}.row{display:flex;gap:12px;align-items:center}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.home{max-width:720px;margin:0 auto;padding:48px 20px}.brand-title{font-family:var(--display);font-size:clamp(34px,7vw,62px);font-weight:900;letter-spacing:2px;margin:0;font-style:italic;color:#fff;text-shadow:0 0 6px #fff,0 0 16px var(--magenta),0 0 34px var(--magenta),0 0 60px rgba(176,38,255,.7)}.host{padding:22px clamp(16px,3vw,40px);max-width:1500px;width:100%;margin:0 auto}.host-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}@media (max-width: 1000px){.host-grid{grid-template-columns:1fr}}.roomcode{font-family:var(--display);font-size:clamp(40px,8vw,90px);font-weight:900;letter-spacing:8px;color:#eaffff;text-shadow:var(--glow-c),0 0 40px rgba(0,229,255,.5)}.big-prompt{font-family:var(--display);font-size:clamp(22px,3.2vw,40px);font-weight:800;line-height:1.2;white-space:pre-line}.tour-timer{font-variant-numeric:tabular-nums;font-weight:800}.globe-wrap{position:relative;width:100%;height:460px;border-radius:var(--radius);overflow:hidden;border:1.5px solid rgba(0,229,255,.5);box-shadow:0 0 24px #00e5ff40,inset 0 0 40px #ff2d9514;background:transparent}.globe-token{font-size:26px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 7px var(--c, #fff));pointer-events:none}.globe-token.active{animation:bob 1.1s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-64%)}}.map-finish{position:absolute;left:12px;bottom:12px;z-index:6;padding:6px 14px;border-radius:999px;font-weight:800;font-size:13px;background:#160a34cc;border:1px solid var(--cyan);box-shadow:var(--glow-c)}.score-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#28125680;border:1px solid rgba(0,229,255,.25);will-change:transform;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s}.score-row.leader{border-color:var(--yellow);box-shadow:0 0 16px #ffe66d66}.medal{font-size:18px}.dot{width:16px;height:16px;border-radius:50%;box-shadow:0 0 8px currentColor}.phone{max-width:520px;margin:0 auto;padding:18px 16px 40px;min-height:100%}.answer-input{width:100%;padding:16px;font-size:20px;border-radius:12px;background:#07021ab3;border:1.5px solid rgba(0,229,255,.5);color:var(--ink);box-shadow:inset 0 0 14px #00e5ff1a}.answer-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 14px #00e5ff80}.choice-btn{width:100%;text-align:left;padding:16px;font-size:18px;font-weight:700;border-radius:12px;background:#28125699;border:1.5px solid rgba(0,229,255,.35);color:var(--ink);transition:transform .06s,border-color .15s,box-shadow .15s,background .15s}.choice-btn:active{transform:translateY(2px)}.choice-btn.selected{border-color:var(--cyan);background:#00e5ff1f;box-shadow:var(--glow-c)}.timer-bar{height:12px;border-radius:999px;background:#07021ab3;border:1px solid rgba(0,229,255,.3);overflow:hidden}.timer-fill{height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .25s linear}.hint-chip{padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#28125699;border:1px solid rgba(255,45,149,.45)}.hint-chip:active{transform:translateY(1px)}.flash-correct{animation:pop .5s ease}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.06)}to{transform:scale(1)}}.toast{padding:14px 16px;border-radius:12px;font-weight:800;border:1.5px solid}.toast-good{background:#0b3a2299;border-color:var(--good);color:#b6ffd0;box-shadow:0 0 14px #2bff884d}.toast-bad{background:#3d132099;border-color:var(--bad);color:#ffc2cf;box-shadow:0 0 14px #ff4d6d4d}.toast-warn{background:#3d320899;border-color:var(--warn);color:#fff0a8;box-shadow:0 0 14px #ffe66d4d}.lab{max-width:1200px;margin:0 auto;padding:22px 18px 60px}.lab table{width:100%;border-collapse:collapse;font-size:14px}.lab th,.lab td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(0,229,255,.2)}.tag{display:inline-block;padding:2px 8px;border-radius:8px;font-size:12px;font-weight:700;background:#28125699;border:1px solid rgba(0,229,255,.3);margin:2px}.tag-err{border-color:var(--bad);color:#ffb4c2}.tag-warn{border-color:var(--warn);color:#ffe9a8}.tag-ok{border-color:var(--good);color:#b6ffd0}.stage{position:relative;overflow:hidden;border:1.5px solid var(--tile, var(--violet));background:color-mix(in srgb,var(--tile, var(--violet)) 14%,var(--panel));box-shadow:0 0 26px color-mix(in srgb,var(--tile, var(--violet)) 40%,transparent),inset 0 0 30px #0003}.tile-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-weight:900;color:#0a0712;background:var(--tile, var(--violet));box-shadow:0 0 18px var(--tile, var(--magenta))}.ring-wrap{position:relative;width:84px;height:84px}.ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--display);font-weight:900;font-size:26px;font-variant-numeric:tabular-nums}.ring-track{stroke:#ffffff1f}.ring-prog{transition:stroke-dashoffset .3s linear,stroke .4s;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 4px currentColor)}.diff{display:inline-flex;gap:4px;align-items:center}.diff i{width:9px;height:9px;border-radius:50%;background:#ffffff26;display:inline-block}.diff i.on{background:var(--orange);box-shadow:0 0 8px var(--orange)}.flame{display:inline-flex;align-items:center;gap:3px;font-weight:900;color:var(--orange);animation:flicker 1.1s ease-in-out infinite;text-shadow:0 0 10px var(--orange)}@keyframes flicker{0%,to{transform:scale(1)}50%{transform:scale(1.14) rotate(-3deg)}}.map-node-pulse{animation:nodePulse 1.6s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes nodePulse{0%{opacity:.9}50%{opacity:.35}to{opacity:.9}}.count-up{font-variant-numeric:tabular-nums}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confetti{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;animation:confFall linear forwards;box-shadow:0 0 8px currentColor}@keyframes confFall{to{transform:translateY(110vh) rotate(720deg);opacity:.9}}.reveal-answer{font-family:var(--display);font-size:clamp(26px,4.2vw,52px);font-weight:900;letter-spacing:1px;color:#eaffff;text-shadow:var(--glow-c),0 0 40px rgba(0,229,255,.45);animation:rise .5s cubic-bezier(.22,1,.36,1)}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.result-card{animation:rise .45s cubic-bezier(.22,1,.36,1)}.result-emoji{font-size:72px;animation:pop .5s ease}.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.join-pulse{animation:glowPulse 2.2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 16px #00e5ff40}50%{box-shadow:0 0 30px #00e5ff99}}.enter{animation:rise .4s cubic-bezier(.22,1,.36,1) both}.legend-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#2812568c;border:1px solid rgba(0,229,255,.3);transition:box-shadow .3s,border-color .3s}.legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 6px currentColor}