:root{font-family:Trebuchet MS,Gill Sans,sans-serif;color:#f4f0e8;background:#0d1112;font-synthesis:none;--color-canvas: #0d1112;--color-canvas-raised: #151b1d;--color-surface: #1c2427;--color-surface-hover: #273237;--color-glass: rgba(21, 27, 29, .88);--color-scrim: rgba(6, 9, 10, .68);--color-paper: #f2eee4;--color-text-primary: #f4f0e8;--color-text-secondary: #a9b3b5;--color-text-on-signal: #0d1112;--color-text-on-paper: #1b2427;--color-text-on-paper-muted: #5d6a6e;--color-border: rgba(187, 202, 205, .24);--color-border-on-paper: rgba(27, 36, 39, .18);--color-land: #496b78;--color-focus: #e6b85c;--color-selected: #ef6a57;--color-success: #72ad91;--color-danger: #c84f43}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit;letter-spacing:0}select{appearance:none;padding-right:42px!important;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus)}.app-shell{position:relative;min-height:100vh;isolation:isolate;background:var(--color-canvas)}.globe-stage{position:fixed;inset:0;z-index:0}.globe-stage canvas{display:block}.globe-fallback{position:fixed;z-index:1;inset:74px 0 0;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:18px;padding:34px 28px 28px min(410px,38vw);color:var(--color-text-secondary)}.globe-fallback>p{margin:0;text-align:center}.fallback-country-list{width:min(680px,100%);overflow:auto;columns:3 160px;column-gap:12px}.fallback-country-list button{display:block;width:100%;break-inside:avoid;border:0;border-bottom:1px solid var(--color-border);padding:8px 10px;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer}.fallback-country-list button:hover,.fallback-country-list button:focus-visible{background:var(--color-surface-hover)}.topbar{position:fixed;top:0;left:0;right:0;z-index:4;height:74px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 28px;border-bottom:1px solid var(--color-border);background:linear-gradient(to bottom,rgba(13,17,18,.9),transparent)}.brand{display:flex;align-items:center;gap:10px;width:fit-content;border:0;background:transparent;font-family:Georgia,serif;font-size:1.35rem;cursor:pointer}.brand-mark{width:32px;height:32px;object-fit:contain}.globe-controls{position:fixed;z-index:4;right:24px;top:94px;display:grid;gap:4px}.globe-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-glass);color:var(--color-text-primary);cursor:pointer}.globe-controls button:hover{background:var(--color-surface-hover);border-color:var(--color-focus)}.globe-controls svg{width:19px;height:19px}.countdown{position:fixed;z-index:7;inset:0;display:grid;place-items:center;pointer-events:none;background:#0d11126b}.countdown span{display:grid;place-items:center;width:128px;height:128px;border:2px solid var(--color-focus);border-radius:50%;background:var(--color-canvas-raised);color:var(--color-text-primary);font:3.4rem/1 Georgia,serif}.primary-nav{position:fixed;z-index:5;top:15px;left:50%;display:flex;gap:4px;transform:translate(-50%)}.primary-nav button{min-height:44px;border:0;border-bottom:1px solid transparent;padding:9px 12px;background:transparent;color:var(--color-text-secondary);cursor:pointer}.primary-nav button.active{color:var(--color-text-primary);border-color:var(--color-focus)}.topbar-controls{display:flex;justify-self:end;align-items:center;gap:8px}.language select{min-height:44px;border:1px solid var(--color-border);border-radius:3px;padding:8px 30px 8px 10px;background-color:var(--color-canvas-raised);color:var(--color-text-primary);font-size:.8rem}.profile-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-canvas-raised);color:var(--color-text-secondary);cursor:pointer}.profile-button:hover{border-color:var(--color-focus);color:var(--color-text-primary)}.profile-button svg{width:22px;height:22px}.explore-tools,.quiz-hud{position:fixed;z-index:3;top:108px;left:28px;width:min(350px,calc(100vw - 56px))}.explore-toggle{display:none}.explore-content{display:contents}.explore-tools input,.explore-tools select{width:100%;min-height:44px;border:1px solid var(--color-border);background-color:var(--color-glass);color:var(--color-text-primary);padding:13px 14px}.explore-tools input{border-radius:4px 4px 0 0}.explore-tools select{border-top:0;border-radius:0 0 4px 4px}.country-results{max-height:min(36vh,310px);margin-top:12px;overflow:auto;border-left:1px solid var(--color-border);scrollbar-gutter:stable;scrollbar-color:var(--color-text-secondary) var(--color-canvas-raised);scrollbar-width:thin}.country-results::-webkit-scrollbar{width:10px}.country-results::-webkit-scrollbar-track{background:var(--color-canvas-raised)}.country-results::-webkit-scrollbar-thumb{min-height:32px;border:2px solid var(--color-canvas-raised);border-radius:5px;background:var(--color-text-secondary)}.country-results::-webkit-scrollbar-thumb:hover{background:var(--color-focus)}.country-results button{display:flex;min-height:44px;width:100%;gap:11px;border:0;padding:9px 13px;background:#151b1dad;text-align:left;cursor:pointer}.country-results button:hover{background:var(--color-surface-hover)}.primary-action{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:15px;border:0;border-radius:3px;padding:13px 16px;background:var(--color-focus);color:var(--color-text-on-signal);cursor:pointer;font-weight:700}.country-panel{position:fixed;z-index:5;top:74px;right:0;bottom:0;width:min(410px,100vw);overflow-y:auto;padding:34px 30px;border-left:1px solid var(--color-border-on-paper);background:var(--color-paper);color:var(--color-text-on-paper);box-shadow:-24px 0 60px #00000038}.close{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--color-text-on-paper);font-size:1.25rem;line-height:1;cursor:pointer}.country-heading{display:flex;gap:18px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--color-border-on-paper)}.country-flag{flex:0 0 auto;display:inline-grid;place-items:center;overflow:hidden;border:1px solid rgba(27,36,39,.14);border-radius:2px;background:#a9b3b529}.country-flag-small{width:28px;height:21px}.country-flag-large{width:72px;height:54px}.country-flag img{display:block;width:100%;height:100%;object-fit:contain}.country-flag-fallback:after{content:attr(data-country-code);color:var(--color-text-secondary);font-size:.65rem;font-weight:700}.country-heading p,.eyebrow{margin:0 0 5px;color:var(--color-text-on-paper-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.country-heading h2{margin:0;font:28px Georgia,serif}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.facts-grid div{padding:14px 8px 14px 0;border-bottom:1px solid var(--color-border-on-paper)}.facts-grid dt{color:var(--color-text-on-paper-muted);font-size:.7rem;text-transform:uppercase}.facts-grid dd{margin:4px 0 0;font-family:Georgia,serif}.country-panel h3{margin-bottom:5px;font-size:.76rem;text-transform:uppercase}.country-panel section p{margin-top:0;line-height:1.55}.research-note{margin-top:24px;padding:14px 16px;border-left:2px solid var(--color-focus);background:#e6b85c1a}.quiz-hud{top:118px;padding:20px;border-left:2px solid var(--color-focus);background:var(--color-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.quiz-metrics{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:25px;color:var(--color-text-secondary);font-size:.72rem;text-transform:uppercase}.quiz-metrics strong{display:block;margin-top:3px;color:var(--color-text-primary);font-size:1rem}.quiz-hud .eyebrow{color:var(--color-focus)}.quiz-hud h1,.quiz-hud h2{margin:4px 0 18px;font:2rem/1.08 Georgia,serif}.quiz-prompt-flag{display:flex;justify-content:center;margin-bottom:14px}.quiz-prompt-flag .country-flag{width:128px;height:96px;border-radius:4px}.quiz-start{margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border)}.quiz-start-label{margin:0 0 8px;color:var(--color-text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.quiz-mode-picker{display:flex;gap:6px;margin:0;border:0;padding:0}.quiz-mode-picker label{flex:1 1 0;display:grid;place-items:center;min-height:40px;border:1px solid var(--color-border);border-radius:3px;padding:6px 4px;background:var(--color-glass);color:var(--color-text-secondary);font-size:.72rem;text-align:center;cursor:pointer}.quiz-mode-picker label.active{border-color:var(--color-focus);color:var(--color-text-primary)}.quiz-mode-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.timer{height:3px;overflow:hidden;background:#ffffff21}.timer span{display:block;height:100%;background:var(--color-focus);transition:width .1s linear}.seconds{margin:7px 0;color:var(--color-text-secondary);font-size:.75rem}.candidate-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px}.candidate-list button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface);cursor:pointer}.candidate-list button:hover{border-color:var(--color-focus)}.advanced-country-picker{display:grid;gap:7px;margin-top:16px;color:var(--color-text-secondary);font-size:.75rem}.advanced-country-picker select{width:100%;border:1px solid var(--color-border);border-radius:3px;padding:11px 12px;background-color:var(--color-surface);color:var(--color-text-primary)}.result.correct{border-color:var(--color-success)}.result.incorrect{border-color:var(--color-selected)}.result>p:not(.eyebrow){color:var(--color-focus);font-size:1.4rem}.achievement-unlocks{margin:10px 0 4px;border-top:1px solid var(--color-border);padding-top:10px;animation:achievement-section-reveal .32s ease-out both}@keyframes achievement-section-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.achievement-unlocks ul{display:grid;gap:6px;margin:4px 0 0;padding-left:0;list-style:none;color:var(--color-text-primary);font-size:.85rem}.achievement-unlocks li{display:flex;align-items:center;gap:8px;animation:achievement-reveal .42s ease-out both}.achievement-unlocks li:nth-child(2){animation-delay:90ms}.achievement-unlocks li:nth-child(3){animation-delay:.18s}.achievement-unlocks li:nth-child(n+4){animation-delay:.26s}.achievement-unlocks li svg{flex:0 0 auto;width:18px;height:18px;color:var(--color-focus)}@keyframes achievement-reveal{0%{opacity:0;transform:scale(.9) translateY(4px);filter:drop-shadow(0 0 0 transparent)}60%{filter:drop-shadow(0 0 6px rgba(230,184,92,.5))}to{opacity:1;transform:scale(1) translateY(0);filter:drop-shadow(0 0 0 transparent)}}.answer-country{display:flex;align-items:center;gap:14px;margin-bottom:12px}.answer-country h2{margin:0}.text-action{width:100%;min-height:44px;margin-top:12px;border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem}.info-button{position:fixed;z-index:4;right:24px;bottom:18px;width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;background:#151b1dc2;color:var(--color-text-secondary);font:italic 1rem Georgia,serif;cursor:pointer}.info-button:hover{border-color:var(--color-focus);color:var(--color-text-primary)}.info-backdrop{position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end;background:var(--color-scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-panel{width:min(480px,100vw);height:100%;overflow-x:hidden;overflow-y:auto;padding:30px;border-left:1px solid var(--color-border-on-paper);background:var(--color-paper);color:var(--color-text-on-paper);box-shadow:-24px 0 60px #00000047}.info-panel>.eyebrow{color:var(--color-text-on-paper-muted)}.info-panel h2{max-width:420px;margin:10px 0 20px;font:2.2rem/1.1 Georgia,serif}.info-panel h3{margin:28px 0 8px;font-size:.76rem;text-transform:uppercase}.info-panel p,.info-panel li{line-height:1.55}.info-panel ul{padding-left:0}.info-panel a{color:var(--color-land)}.delete-data{border:1px solid var(--color-border-on-paper);border-radius:3px;padding:10px 13px;background:transparent;color:var(--color-danger);cursor:pointer}.delete-data:hover{border-color:var(--color-danger)}.drawer-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--color-border-on-paper)}.drawer-language select{min-height:44px;border:1px solid var(--color-border-on-paper);border-radius:3px;padding:8px 30px 8px 10px;background-color:transparent;color:var(--color-text-on-paper);font-size:.85rem}.profile-list{display:grid;gap:8px;padding-left:0;list-style:none}.profile-row{display:flex;min-width:0;align-items:center;gap:10px;justify-content:space-between}.profile-row input[type=text]{flex:1 1 auto;min-height:44px;min-width:0;border:1px solid var(--color-border-on-paper);border-radius:3px;padding:8px 10px;background:transparent;color:var(--color-text-on-paper)}.profile-item{display:grid;gap:10px}.profile-stats-toggle{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:0;background:transparent;color:var(--color-text-on-paper-muted);cursor:pointer}.profile-stats-toggle:hover,.profile-stats-toggle[aria-expanded=true]{color:var(--color-focus)}.profile-stats-toggle svg{width:18px;height:18px}.profile-stats{border:1px solid var(--color-border-on-paper);border-radius:4px;padding:14px}.profile-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}.profile-stats dt{color:var(--color-text-on-paper-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.profile-stats dd{margin:2px 0 0;font-family:Georgia,serif;font-size:1.05rem}.profile-stats .eyebrow{margin:14px 0 0}.profile-achievements{display:grid;gap:6px;margin:4px 0 0;padding-left:0;list-style:none;font-size:.85rem}.profile-achievements li{display:flex;align-items:center;gap:8px}.profile-achievements li svg{flex:0 0 auto;width:16px;height:16px;color:var(--color-focus)}.profile-stats-empty{margin:4px 0 0;color:var(--color-text-on-paper-muted);font-size:.85rem}.profile-active-badge{flex:0 0 auto;border:1px solid var(--color-focus);border-radius:12px;padding:4px 10px;background:#e6b85c29;color:var(--color-focus);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.profile-switch{flex:0 1 auto;min-width:0;min-height:36px;border:0;border-radius:3px;padding:8px 12px;background:var(--color-focus);color:var(--color-text-on-signal);font-size:.78rem;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-switch:hover{filter:brightness(1.08)}.profile-delete{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:0;background:transparent;color:var(--color-danger);cursor:pointer}.profile-delete:hover:not(:disabled){color:var(--color-danger);filter:brightness(1.2)}.profile-delete:disabled{opacity:.4;cursor:not-allowed}.profile-delete svg{width:18px;height:18px}.add-profile{display:flex;gap:10px}.add-profile input[type=text]{flex:1 1 auto;min-height:44px;min-width:0;border:1px solid var(--color-border-on-paper);border-radius:3px;padding:8px 10px;background:transparent;color:var(--color-text-on-paper)}.add-profile button{flex:0 0 auto;min-height:44px;border:1px solid var(--color-border-on-paper);border-radius:3px;padding:8px 13px;background:transparent;color:var(--color-text-on-paper);cursor:pointer}.add-profile button:hover{border-color:var(--color-land)}.copyright{margin-top:34px;padding-top:18px;border-top:1px solid var(--color-border-on-paper);color:var(--color-text-on-paper-muted);font-size:.72rem}@media(max-width:700px){.topbar{height:62px;grid-template-columns:1fr auto;padding:0 14px}.primary-nav{inset:auto 0 0;z-index:8;justify-content:center;min-height:calc(58px + env(safe-area-inset-bottom));padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-canvas-raised);transform:none}.primary-nav button{min-width:96px}.topbar-controls{grid-column:2}.explore-tools,.quiz-hud{top:78px;left:14px;width:min(330px,calc(100vw - 28px))}.explore-tools{display:grid;justify-items:start}.explore-toggle{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border:1px solid var(--color-border);border-radius:3px;background:var(--color-glass);color:var(--color-text-primary);cursor:pointer}.explore-toggle:hover{border-color:var(--color-focus);background:var(--color-surface-hover)}.explore-toggle svg{width:19px;height:19px}.explore-content{display:block;width:100%}.explore-tools.is-collapsed{width:44px}.explore-tools.is-collapsed .explore-content{display:none}.country-results{max-height:27vh}.globe-fallback{inset:62px 0 51px;padding:38vh 14px 14px}.fallback-country-list{columns:2 130px}.country-panel{top:62px;bottom:51px}.info-button{right:14px;bottom:66px}.globe-controls{top:76px;right:14px}.info-panel{padding:26px}.quiz-hud h1,.quiz-hud h2{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}