:root{--ink:#2b2340;--purple:#6a4cff;--pink:#ff5fa2;--gold:#ffd23f;--cyan:#2ec4ff;--green:#3ddc84;--red:#ff4d6d;--paper:#fff;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:620px;overflow:hidden;background:linear-gradient(155deg,#6a4cff 0%,#a84dff 48%,#ff5fa2);isolation:isolate;touch-action:manipulation;user-select:none}.hud{height:88px;padding:calc(14px + 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.25rem}.eyebrow{font-size:.64rem;letter-spacing:.24em;font-weight:900;color:var(--gold)}.round-pill{width:72px;height:54px;display:grid;place-items:center;background:var(--ink);border:3px solid #fff;border-radius:16px;box-shadow:0 4px 0 #2b234080;line-height:.78}.round-pill span{font-size:1.04rem;font-weight:900}.round-pill small{font-size:.5rem;letter-spacing:.13em;color:var(--gold)}.screen{position:absolute;inset:88px 12px calc(13px + env(safe-area-inset-bottom));background:#fff;border:4px solid var(--ink);border-radius:27px;box-shadow:0 8px 0 var(--ink);overflow:hidden}.hidden{display:none!important}.level-screen{padding:17px 15px 14px;display:flex;flex-direction:column}.title-block{text-align:center}.globe{width:48px;height:48px;margin:-3px auto 7px;display:grid;place-items:center;border:4px solid var(--ink);border-radius:50%;background:var(--cyan);box-shadow:0 4px 0 var(--ink);font-size:2rem;font-weight:900}.tag{display:inline-block;padding:5px 10px;border-radius:999px;background:#efeaff;color:var(--purple);font-size:.59rem;font-weight:900;letter-spacing:.11em}.title-block h1{margin:8px 0 5px;font-size:2.15rem;line-height:.83;letter-spacing:-.045em}.title-block h1 em{font-style:normal;color:var(--pink);-webkit-text-stroke:1.5px var(--ink);text-shadow:0 3px 0 var(--ink)}.title-block p{margin:9px 0 12px;font-size:.76rem;font-weight:800;color:#756b8a}.levels{display:grid;gap:9px}.level{min-height:78px;padding:8px 10px;display:grid;grid-template-columns:49px 1fr auto;align-items:center;text-align:left;border:4px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);font-weight:900}.level:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.level-icon{width:42px;height:42px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:13px;background:#fff;font-size:1.25rem}.level span:nth-child(2){display:flex;flex-direction:column;padding-left:3px}.level b{font-size:1.12rem}.level small{font-size:.61rem;margin-top:2px}.level>strong{padding:7px 6px;border:2px solid var(--ink);border-radius:9px;background:#fff;font-size:.59rem;white-space:nowrap}.easy{background:#dffbe9}.medium{background:#fff1ad}.hard{background:#ffdce9}.reward-note{margin-top:auto;padding:9px 10px;border-radius:12px;background:#f3efff;text-align:center;line-height:1.18}.reward-note b,.reward-note span{display:block}.reward-note b{font-size:.58rem;letter-spacing:.13em;color:var(--purple)}.reward-note span{font-size:.61rem;margin-top:3px}.question-screen{padding:13px 14px 12px;display:flex;flex-direction:column}.progress-row{height:29px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.56rem;font-weight:900;letter-spacing:.08em}.progress-row>span{padding:5px 7px;border-radius:999px;background:#efeaff;color:var(--purple)}.progress{height:9px;border:2px solid var(--ink);border-radius:9px;overflow:hidden;background:#eee9f8}.progress i{display:block;width:33.33%;height:100%;background:var(--gold);transition:width .25s}.flag-card{margin-top:5px;padding:8px 10px 10px;text-align:center;border:3px solid var(--ink);border-radius:20px;background:#f8f5ff;box-shadow:0 4px 0 var(--ink)}.flag-card>span{font-size:.56rem;font-weight:900;letter-spacing:.14em;color:#7a718d}.flag-stage{height:178px;margin:7px 0 5px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/18px 18px;border:2px solid #d8d0e7}.flag-stage img{display:block;max-width:94%;max-height:92%;width:auto;height:auto;filter:drop-shadow(0 5px 3px #2b234044)}.flag-card h2{margin:4px 0 0;font-size:1.1rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.choice{min-height:68px;padding:6px;border:4px solid var(--ink);border-radius:16px;background:#f1ecff;box-shadow:0 5px 0 var(--ink);font-weight:900;font-size:.9rem;line-height:1.05}.choice:nth-child(2){background:#fff1b8}.choice:nth-child(3){background:#dbf8ff}.choice:nth-child(4){background:#ffe0ec}.choice:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.choice.correct{background:var(--green);animation:pop .24s}.choice.wrong{background:var(--red);color:#fff;animation:shake .24s}.choice.reveal{outline:4px solid #3ddc8488}.choice:disabled{cursor:default}.feedback{min-height:32px;padding-top:10px;text-align:center;font-size:.73rem;font-weight:900;letter-spacing:.03em;color:#756b89}.feedback.good{color:#118447}.feedback.bad{color:#d2274c}.result-screen{padding:18px 17px;display:grid;place-items:center}.result-card{text-align:center;width:100%}.medal{width:72px;height:72px;margin:12px auto 7px;display:grid;place-items:center;border:4px solid var(--ink);border-radius:50%;background:var(--gold);box-shadow:0 5px 0 var(--ink);font-size:2.15rem}.result-card h2{margin:11px 0 8px;font-size:1.45rem}.big-score{display:flex;flex-direction:column}.big-score b{font-size:3.35rem;line-height:.95;color:var(--purple)}.big-score small{font-size:.58rem;letter-spacing:.16em;font-weight:900}.reward-box{margin:16px 0 8px;padding:12px;border:3px solid var(--ink);border-radius:16px;background:#fff1b4}.reward-box span,.reward-box b,.reward-box small{display:block}.reward-box span{font-size:.57rem;letter-spacing:.13em;font-weight:900}.reward-box b{font-size:1.35rem;margin:3px 0}.reward-box small{font-size:.65rem}.elapsed{margin:8px 0 6px;font-size:.68rem;font-weight:900;color:#6f6681}.non-authoritative{margin:0 auto 15px;max-width:300px;font-size:.65rem;line-height:1.25;color:#7a718b}.primary{width:100%;min-height:59px;border:4px solid var(--ink);border-radius:17px;background:var(--gold);box-shadow:0 6px 0 var(--ink);font-weight:900;font-size:1rem}.primary:active{transform:translateY(5px);box-shadow:0 1px 0 var(--ink)}@keyframes pop{50%{transform:scale(1.05)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-height:720px){.hud{height:74px;padding-top:8px}.screen{inset:75px 10px 9px}.globe{display:none}.title-block h1{font-size:1.8rem}.level{min-height:69px}.flag-stage{height:138px}.choice{min-height:59px}.question-screen{padding-top:8px}}@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}}