:root{color:#24172f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f2f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5f2f8;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b998ff}.app-shell{background:radial-gradient(circle at 50% -10%,#efe8ff 0,#f8f6fc 40%,#f4f2f8 100%);min-height:100svh}.brand-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e7e1ef;justify-content:space-between;align-items:center;min-height:68px;padding:0 20px;display:flex}.brand{color:#1d1230;letter-spacing:-.8px;font-size:25px;font-weight:850;text-decoration:none}.brand span{color:#7142dc}.xp-pill{color:#765c9f;background:#eee8fb;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.xp-pill strong{color:#311b5c;margin-left:4px}.stage{place-items:center;width:min(100% - 28px,520px);min-height:calc(100svh - 69px);margin:0 auto;padding:28px 0;display:grid}.card{text-align:center;background:#fffffff5;border:1px solid #4328681c;border-radius:28px;width:100%;padding:30px;box-shadow:0 18px 60px #2b19481f}.eyebrow{color:#7958bc;letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:850}.challenge-mark,.result-icon{color:#fff;background:linear-gradient(145deg,#8d64ed,#6334cb);border-radius:23px;place-items:center;width:72px;height:72px;margin:20px auto;font-size:38px;font-weight:900;display:grid;box-shadow:0 10px 25px #6334cb47}.card h1{color:#20152e;letter-spacing:-1px;overflow-wrap:anywhere;margin:14px 0 10px;font-size:clamp(26px,7vw,36px);line-height:1.12}.card p{color:#71677c;margin:0 auto 24px;line-height:1.55}.facts,.score-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.facts div,.score-grid div{background:#f5f1fa;border-radius:16px;padding:13px 8px}.facts dt,.score-grid span{color:#8a7d97;font-size:11px;display:block}.facts dd,.score-grid strong{color:#2f2141;margin:3px 0 0;font-size:16px;font-weight:850}button{font:inherit}.primary,.secondary{cursor:pointer;border-radius:16px;width:100%;min-height:52px;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,#7b4ddd,#5d2dc1);border:0;box-shadow:0 9px 22px #5d2dc140}.secondary{color:#4e337d;background:#fff;border:1px solid #d8cde8}button:disabled{cursor:wait;opacity:.62}.card small{color:#93899e;margin-top:14px;display:block}.timer-row{color:#756981;justify-content:space-between;font-size:13px;display:flex}.timer-row strong{color:#332047}.timer-track{background:#eee9f3;border-radius:999px;height:7px;margin:10px 0 28px;overflow:hidden}.timer-track span{border-radius:inherit;background:linear-gradient(90deg,#9b75ef,#6636cb);height:100%;transition:width 80ms linear;display:block}.game-card h1{margin:18px 0 26px}.answers{gap:11px;display:grid}.answers button{color:#30233d;cursor:pointer;text-align:left;background:#fff;border:1px solid #ded4e9;border-radius:16px;align-items:center;gap:13px;min-height:60px;padding:10px 14px;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:flex}.answers button:hover{background:#faf8ff;border-color:#9571e2;transform:translateY(-1px)}.answers button span{color:#6941bd;background:#eee8fa;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:grid}.result-icon.correct{background:linear-gradient(145deg,#42ba87,#219766);box-shadow:0 10px 25px #21976638}.result-icon.wrong{background:linear-gradient(145deg,#ef7878,#d44957);box-shadow:0 10px 25px #d4495733}.score-grid{grid-template-columns:repeat(2,1fr)}.claim-code{background:#fbf9ff;border:1px dashed #b8a2dd;border-radius:16px;margin:20px 0;padding:14px}.claim-code span{color:#8b7c99;font-size:11px;display:block}.claim-code strong{color:#402373;letter-spacing:2px;margin-top:3px;font-size:21px;display:block}.status{color:#655872;text-align:center}.spinner{border:4px solid #ded4e9;border-top-color:#7142dc;border-radius:50%;width:34px;height:34px;margin:0 auto 15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=420px){.card{border-radius:23px;padding:23px 18px}.card h1{font-size:30px}.facts{gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}