:root{--ink-900:#0c1522;--ink-800:#16253a;--ink-700:#1f3350;--ink-600:#2a4266;--paper:#ece3cf;--paper-dim:#d9cfb4;--gold:#d6a34d;--gold-bright:#f0c674;--teal:#4a9c93;--success:#4c9a6a;--success-dim:#2f6b47;--error:#c0553f;--error-dim:#8c3c2c;--text-light:#eee7d6;--text-muted:#91a2ba;--text-ink:#1a2a40;--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Menlo, monospace;--radius-s:8px;--radius-m:14px;--radius-l:22px;--shadow-card:0 20px 45px -18px #040810a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--ink-900);color:var(--text-light);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}p{margin:0}button{cursor:pointer;font-family:inherit}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:4px}::selection{background:var(--gold);color:var(--ink-900)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.start-card{background:linear-gradient(180deg, var(--ink-800), var(--ink-900));border:1px solid var(--ink-600);border-radius:var(--radius-l);width:min(560px,100%);box-shadow:var(--shadow-card);text-align:left;padding:clamp(28px,5vw,52px);position:relative;overflow:hidden}.start-card__compass{width:220px;height:220px;color:var(--gold);opacity:.14;animation:90s linear infinite rotate-slow;position:absolute;top:-60px;right:-60px}@keyframes rotate-slow{to{transform:rotate(360deg)}}.start-card__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:14px;font-size:.72rem}.start-card__title{color:var(--text-light);margin-bottom:18px;font-size:clamp(2.1rem,6vw,3rem);font-weight:700;line-height:1.05}.start-card__lead{color:var(--text-muted);max-width:46ch;min-height:2.7em;margin-bottom:20px;font-size:1rem;line-height:1.55}.start-card__mode-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.start-card__mode-btn{border:1px solid var(--ink-600);border-radius:var(--radius-m);color:var(--text-light);text-align:left;cursor:pointer;background:#ffffff0a;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .2s,background .2s,transform .2s;display:flex}.start-card__mode-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.start-card__mode-btn--active{border-color:var(--gold);background:#d6a34d2e;box-shadow:inset 0 0 0 1px #d6a34d33}.start-card__mode-name{color:var(--text-light);font-weight:700}.start-card__mode-desc{color:var(--text-muted);font-size:.84rem}.start-card__rules{border-top:1px dashed var(--ink-600);border-bottom:1px dashed var(--ink-600);grid-template-columns:1fr 1fr;gap:14px 18px;margin:0 0 32px;padding:20px 0;list-style:none;display:grid}.start-card__rules li{color:var(--text-light);align-items:baseline;gap:10px;font-size:.92rem;display:flex}.start-card__rules-num{font-family:var(--font-mono);color:var(--gold);min-width:2.4ch;font-size:1.1rem;font-weight:700}.start-card__error{color:var(--error);border:1px solid var(--error-dim);border-radius:var(--radius-s);background:#c0553f1f;margin-bottom:20px;padding:10px 14px;font-size:.88rem}.start-card__cta{border-radius:var(--radius-m);background:linear-gradient(180deg, var(--gold-bright), var(--gold));width:100%;color:var(--text-ink);font-family:var(--font-body);letter-spacing:.01em;border:none;padding:16px 24px;font-size:1.02rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 10px 24px -10px #d6a34d8c}.start-card__cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px -10px #d6a34db3}.start-card__cta:disabled{opacity:.55;box-shadow:none}@media (width<=420px){.start-card__mode-group,.start-card__rules{grid-template-columns:1fr}}.timer-ring{flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.timer-ring__track{color:var(--ink-600)}.timer-ring__progress{transition:stroke-dashoffset 1s linear,color .3s}.timer-ring--calm .timer-ring__progress{color:var(--gold)}.timer-ring--warn .timer-ring__progress{color:var(--gold-bright)}.timer-ring--danger .timer-ring__progress{color:var(--error)}.timer-ring__value{font-family:var(--font-mono);color:var(--text-light);font-size:1.5rem;font-weight:700;position:absolute}.timer-ring--urgent .timer-ring__value{color:var(--error);animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (width<=480px){.timer-ring,.timer-ring svg{width:64px;height:64px}.timer-ring__value{font-size:1.2rem}}.progress-track{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.progress-track__dot{background:var(--ink-700);border:1px solid var(--ink-600);border-radius:50%;width:10px;height:10px;transition:transform .2s,background .2s}.progress-track__dot--pending{background:var(--ink-700)}.progress-track__dot--current{background:var(--gold-bright);border-color:var(--gold-bright);transform:scale(1.35);box-shadow:0 0 0 3px #d6a34d40}.progress-track__dot--correct{background:var(--success);border-color:var(--success)}.progress-track__dot--wrong{background:var(--error);border-color:var(--error)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiz-screen{flex-direction:column;align-items:center;gap:22px;width:min(560px,100%);display:flex}.quiz-screen__hud{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.quiz-screen__hud-item{flex-direction:column;gap:2px;min-width:74px;display:flex}.quiz-screen__hud-item--right{text-align:right;align-items:flex-end}.quiz-screen__hud-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem}.quiz-screen__hud-value{font-family:var(--font-mono);color:var(--text-light);font-size:1.35rem;font-weight:700}.quiz-screen__hud-value-sep{color:var(--text-muted);font-weight:400}.quiz-screen__flag-frame{aspect-ratio:3/2;background:var(--paper);border-radius:var(--radius-m);width:100%;max-width:380px;box-shadow:var(--shadow-card);justify-content:center;align-items:center;padding:14px;display:flex;transform:rotate(-1.1deg)}.quiz-screen__flag{object-fit:cover;border-radius:4px;width:100%;height:100%;animation:.3s flag-in;box-shadow:0 2px 10px #00000059}@keyframes flag-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.quiz-screen__flag-skeleton{background:linear-gradient(90deg, var(--paper-dim), var(--paper), var(--paper-dim));background-size:200% 100%;border-radius:4px;width:100%;height:100%;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.quiz-screen__error{color:var(--error);font-size:.9rem}.quiz-screen__timeout{font-family:var(--font-mono);color:var(--error);text-align:center;font-size:.82rem}.quiz-screen__choices{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.choice-btn{background:var(--ink-800);border:1px solid var(--ink-600);color:var(--text-light);border-radius:var(--radius-s);text-align:left;padding:16px 14px;font-size:.95rem;font-weight:600;transition:transform .12s,background .15s,border-color .15s}.choice-btn:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.choice-btn:disabled{transform:none}.choice-btn--correct{border-color:var(--success);color:var(--text-light);background:#4c9a6a2e}.choice-btn--wrong{border-color:var(--error);background:#c0553f2e}.choice-btn--muted{opacity:.45}@media (width<=480px){.quiz-screen__choices{grid-template-columns:1fr}}.stamp{width:220px;height:220px;color:var(--gold);justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;transform:rotate(-7deg)}.stamp:before{content:"";opacity:.16;filter:blur(6px);background:radial-gradient(circle,currentColor,#0000 70%);border-radius:50%;position:absolute;inset:-14px}.stamp--top{color:var(--success)}.stamp--good,.stamp--mid{color:var(--gold)}.stamp--low{color:var(--error)}.stamp__rings{width:100%;height:100%;position:absolute;inset:0}.stamp__content{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:0 20px;display:flex;position:relative}.stamp__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);font-size:.6rem}.stamp__score{font-family:var(--font-mono);color:currentColor;font-size:2.6rem;font-weight:700;line-height:1}.stamp__slash{color:var(--text-muted);font-size:1.3rem}.stamp__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);max-width:22ch;font-size:.64rem}.result-screen{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(640px,100%);padding-bottom:12px;display:flex}.result-screen__title{color:var(--text-light);margin-top:18px;font-size:1.7rem}.result-screen__lead{color:var(--text-muted);margin-bottom:20px}.result-screen__cta{border-radius:var(--radius-m);background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:var(--text-ink);border:none;margin-bottom:38px;padding:15px 32px;font-size:1rem;font-weight:700;transition:transform .15s;box-shadow:0 10px 24px -10px #d6a34d8c}.result-screen__cta:hover{transform:translateY(-2px)}.result-screen__recap-title{color:var(--text-muted);font-size:.95rem;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;margin-bottom:12px}.result-screen__recap{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.recap-item{background:var(--ink-800);border:1px solid var(--ink-700);border-left:3px solid var(--ink-600);border-radius:var(--radius-s);align-items:center;gap:10px;padding:8px 10px;display:flex}.recap-item--correct{border-left-color:var(--success)}.recap-item--wrong{border-left-color:var(--error)}.recap-item__flag{object-fit:cover;border-radius:3px;flex-shrink:0;width:34px;height:24px;box-shadow:0 1px 4px #0006}.recap-item__text{flex-direction:column;flex:1;min-width:0;display:flex}.recap-item__country{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.recap-item__given{color:var(--error);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.recap-item__icon{flex-shrink:0;font-weight:700}.recap-item--correct .recap-item__icon{color:var(--success)}.recap-item--wrong .recap-item__icon{color:var(--error)}@media (width<=480px){.result-screen__recap{grid-template-columns:1fr}}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app-backdrop{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#eee7d617 1px,#0000 1px),radial-gradient(1200px 600px at 50% -10%,#d6a34d29,#0000 60%),radial-gradient(900px 500px at 90% 110%,#4a9c931f,#0000 55%);background-size:26px 26px,auto,auto;position:fixed;inset:0}.app-main{z-index:1;flex:1;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:flex;position:relative}.app-loading{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;align-items:center;gap:18px;font-size:.85rem;display:flex}.app-loading__spinner{border:3px solid var(--ink-700);border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}