:root{--ink:#2b2340;--purple:#6a4cff;--pink:#ff5fa2;--gold:#ffd23f;--cyan:#2ec4ff;--green:#3ddc84;--red:#ff4d6d;font-family:"Trebuchet MS","Arial Rounded MT Bold","Segoe UI",Arial,sans-serif;color:var(--ink);background:#171129;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 8%,#473894,#171129 70%);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}#phone{position:relative;width:min(100vw,430px);height:100dvh;max-height:900px;min-height:600px;overflow:hidden;background:linear-gradient(155deg,#6a4cff 0%,#a84dff 48%,#ff5fa2);isolation:isolate;touch-action:manipulation;user-select:none}.hud{height:91px;padding:calc(15px + env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;justify-content:space-between;color:#fff;text-shadow:0 2px 0 #2b234088}.hud>div:first-child{display:flex;flex-direction:column;line-height:.94}.hud strong{font-size:1.38rem}.eyebrow{font-size:.65rem;letter-spacing:.24em;font-weight:900;color:var(--gold)}.clock{width:70px;height:56px;display:grid;place-items:center;background:var(--ink);border:3px solid #fff;border-radius:16px;box-shadow:0 4px 0 #2b234080;line-height:.82}.clock span{font-size:1.55rem;font-weight:900}.clock small{font-size:.52rem;letter-spacing:.2em;color:var(--gold)}.clock.danger{background:var(--red);animation:pulse .45s alternate infinite}.scorebar{position:absolute;z-index:3;top:95px;left:12px;right:12px;height:58px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:3px solid var(--ink);border-radius:17px;box-shadow:0 5px 0 var(--ink)}.scorebar span{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.92}.scorebar span+span{border-left:2px dashed #d7cfef}.scorebar small{font-size:.56rem;letter-spacing:.12em;font-weight:900;color:#776e90}.scorebar b{font-size:1.48rem;color:var(--purple)}.arena{position:absolute;inset:166px 12px calc(16px + env(safe-area-inset-bottom));padding:17px 14px 15px;background:#fff;border:4px solid var(--ink);border-radius:26px;box-shadow:0 8px 0 var(--ink);display:flex;flex-direction:column}.arena:before{content:"";position:absolute;inset:7px;border:2px dashed #e0d8f5;border-radius:18px;pointer-events:none}.topic-row{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:.57rem;font-weight:900;letter-spacing:.11em;color:#817698}.topic{padding:5px 9px;border-radius:999px;background:#efeaff;color:var(--purple)}.prompt{position:relative;z-index:1;min-height:127px;padding:16px 4px 8px;display:grid;place-items:center;text-align:center;font-weight:900;font-size:clamp(1.42rem,6.7vw,1.85rem);line-height:1.13;letter-spacing:-.025em}.options{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:auto}.answer{min-height:83px;border:4px solid var(--ink);border-radius:18px;background:#f6f2ff;box-shadow:0 5px 0 var(--ink);font-weight:900;font-size:1.28rem;padding:6px;overflow-wrap:anywhere}.answer:nth-child(2){background:#fff2ba}.answer:nth-child(3){background:#dff9ff}.answer:nth-child(4){background:#ffe2ed}.answer:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.answer.correct{background:var(--green);color:#123c27;animation:pop .25s}.answer.wrong{background:var(--red);color:#fff;animation:shake .25s}.answer.reveal{outline:5px solid #3ddc8480}.answer:disabled{cursor:default}.feedback{position:relative;z-index:1;min-height:37px;padding-top:11px;text-align:center;font-size:.78rem;font-weight:900;letter-spacing:.04em;color:#726888}.feedback.good{color:#13884c}.feedback.bad{color:#d52d50}.panel{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#2b2340a6;backdrop-filter:blur(5px)}.panel-card{width:min(100%,360px);padding:24px 21px 21px;text-align:center;background:#fff;border:4px solid var(--ink);border-radius:28px;box-shadow:0 10px 0 var(--ink);animation:cardIn .35s cubic-bezier(.2,1.35,.4,1)}.tag{display:inline-block;padding:5px 11px;border-radius:999px;background:#efeaff;color:var(--purple);font-size:.67rem;font-weight:900;letter-spacing:.12em}.bolt{width:67px;height:67px;margin:14px auto 5px;display:grid;place-items:center;border:4px solid var(--ink);border-radius:20px;background:var(--gold);box-shadow:0 5px 0 var(--ink);font-size:2.1rem;transform:rotate(-4deg)}.panel h1{margin:13px 0 10px;font-size:3rem;line-height:.79;letter-spacing:-.05em}.panel h1 em{font-style:normal;color:var(--pink);-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink)}.tip{line-height:1.3;margin:14px auto;font-size:.85rem}.mini-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:17px}.mini-topics span{padding:5px 7px;border-radius:7px;background:#f1ecff;font-size:.54rem;font-weight:900;color:var(--purple)}.primary{width:100%;min-height:60px;border:4px solid var(--ink);border-radius:17px;background:var(--gold);box-shadow:0 6px 0 var(--ink);font-weight:900;font-size:1.14rem}.primary:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}.hidden{display:none!important}.result-card{padding-top:20px}.medal{width:74px;height:74px;margin:13px auto 7px;display:grid;place-items:center;border-radius:50%;background:var(--gold);border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);font-size:2.3rem}.result-card h2{margin:13px 0 8px;font-size:1.38rem}.big-score{display:flex;flex-direction:column;margin-bottom:14px}.big-score b{font-size:3rem;line-height:1;color:var(--purple)}.big-score small{font-size:.58rem;letter-spacing:.16em;font-weight:900}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:19px}.result-stats span{padding:10px 4px;border-radius:12px;background:#f3efff;font-size:.62rem;font-weight:800}.result-stats b{display:block;font-size:1.18rem;color:var(--purple)}@keyframes cardIn{from{opacity:0;transform:translateY(40px) scale(.9)}}@keyframes pulse{to{transform:scale(1.06)}}@keyframes pop{50%{transform:scale(1.06)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-height:700px){.hud{height:76px;padding-top:8px}.scorebar{top:76px;height:50px}.arena{top:137px}.prompt{min-height:91px;font-size:1.35rem}.answer{min-height:68px}.feedback{padding-top:7px}.panel-card{transform:scale(.91)}}@media(min-width:431px){#phone{border-left:4px solid var(--ink);border-right:4px solid var(--ink);box-shadow:0 0 60px #0008}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}