html,body{margin:0;padding:0;box-sizing:border-box;width:var(--main-width);height:var(--main-height);overflow-x:hidden;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none}body{margin-top:var(--sat);overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;background:radial-gradient(circle at 10% 0%,rgba(21,209,140,.09),transparent 30%),radial-gradient(circle at 100% 42%,rgba(232,183,65,.08),transparent 27%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h2{text-align:center;margin-top:20px}button{font-family:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(21,209,140,.35);outline-offset:2px}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--main-color: #15c98a;--primary: #15c98a;--primary-dark: #087b5b;--primary-light: #4ee3a8;--accent: #f2c14e;--accent-dark: #b7780d;--accent-soft: #fff3d3;--bg: #f3f7f5;--bg-dark: #0d2030;--surface: #ffffff;--surface-muted: #edf2ef;--card: #ffffff;--ink: #132b3a;--text: #132b3a;--muted: #718089;--line: #dce5e1;--line-strong: #aebbb5;--wrong: #df4f54;--correct: #18a976;--display-font: "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif}@supports (height: 100dvh){:root{--main-height: 100dvh;--main-width: 100dvw}}@supports not (height: 100dvh){:root{--main-height: 100vh;--main-width: 100vw}}.results-backdrop{position:fixed;inset:0;z-index:10010;display:grid;place-items:center;padding:calc(var(--sat) + 20px) 20px calc(var(--sab) + 20px);background:#081722b8;backdrop-filter:blur(10px);animation:result-fade-in .2s ease}.results-card{width:min(100%,390px);max-height:100%;overflow-y:auto;padding:25px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:var(--surface);box-shadow:0 28px 70px #0000004d;text-align:center;animation:result-rise-in .3s cubic-bezier(.2,.8,.2,1)}.result-badge{display:grid;width:54px;height:54px;place-items:center;margin:0 auto 13px;border-radius:17px;color:var(--primary-dark);background:var(--accent-soft)}.result-badge svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.result-kicker{margin:0;color:var(--primary-dark);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.results-card h2{margin:5px 0 7px;color:var(--ink);font-family:var(--display-font);font-size:29px;letter-spacing:-.03em}.result-message{margin:0 auto 18px;color:var(--muted);font-size:13px;line-height:1.45}.final-score{display:flex;flex-direction:column;padding:16px;border-radius:18px;color:#fff;background:var(--ink)}.final-score span{color:#ffffff8c;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.final-score strong{font-family:var(--display-font);font-size:38px;line-height:1.1}.final-score small{color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.result-stats div{display:flex;min-width:0;flex-direction:column;padding:10px 4px;border-radius:12px;background:var(--surface-muted)}.result-stats strong{color:var(--ink);font-family:var(--display-font);font-size:18px}.result-stats span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.primary-button,.secondary-button{width:100%;min-height:50px;border-radius:15px;font-size:14px;font-weight:900;cursor:pointer}.primary-button{border:0;color:var(--ink);background:var(--accent);box-shadow:0 8px 20px #e8b74133}.secondary-button{margin-top:8px;border:1px solid var(--line);color:var(--ink);background:transparent}.error-state .primary-button{width:min(100%,260px);margin-top:20px}@keyframes result-fade-in{0%{opacity:0}}@keyframes result-rise-in{0%{opacity:0;transform:translateY(16px) scale(.98)}}.flag-frame{z-index:1;display:grid;width:min(76%,300px);min-height:142px;place-items:center;padding:10px;border:1px solid rgba(19,41,56,.12);border-radius:14px;background:#f8faf9;box-shadow:0 18px 35px #162b3a2b,0 2px 4px #162b3a14}.flag-canvas{position:relative;display:grid;width:100%;min-height:122px;place-items:center}.flag-image{display:block;width:auto;max-width:100%;height:auto;max-height:170px;border:1.5px solid rgba(19,43,58,.38);border-radius:6px;background:#eef2f0;box-shadow:0 2px 5px #132b3a1a;opacity:1;transition:opacity .18s ease}.flag-image.loading{opacity:0}.flag-loader{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--primary-dark);background:#f8faf9}.flag-loader svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.loader-track{stroke:var(--line);stroke-width:3}.loader-path{stroke:var(--primary);stroke-width:3;transform-origin:24px 24px;animation:flag-spin .75s linear infinite}.loader-flag{stroke-width:1.8}.flag-placeholder{width:64px;height:64px;color:var(--muted);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@keyframes flag-spin{to{transform:rotate(360deg)}}@media (max-width: 440px){.flag-frame{width:min(82%,280px);min-height:125px}}