:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f7ff;background:#080d1a;line-height:1.5}*{box-sizing:border-box}html{direction:ltr}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#18264b,#080d1a 55%);display:flex;flex-direction:column}.topbar{direction:ltr;position:sticky;top:0;z-index:100;display:block;min-height:64px;padding:8px max(12px,4vw);background:rgba(8,13,26,.94);backdrop-filter:blur(12px);border-bottom:1px solid #263250}.iconButton{display:inline-flex!important;align-items:center;justify-content:center;background:#1b2744;color:#fff;position:absolute!important;left:max(12px,4vw)!important;right:auto!important;top:50%;transform:translateY(-50%)!important;z-index:110;width:46px;height:46px;padding:0;font-size:1.35rem;line-height:1;border:0;border-radius:12px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;direction:ltr!important}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;flex:0 0 auto;position:relative;z-index:105}.stats{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:.86rem;margin-left:0;min-width:0;width:100%;padding-left:64px;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.stats[hidden]{display:none}.asset{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap}.assetIcon{display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800}.steemAsset{gap:5px;flex:0 0 auto}.steemLogo{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;display:block;object-fit:contain;flex:0 0 18px}.sfAsset{gap:5px;flex:0 0 auto;white-space:nowrap}.sfLogo{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;display:block;object-fit:contain;object-position:center;flex:0 0 20px}.assetLabel{display:inline!important;visibility:visible!important;opacity:1!important;font-weight:500}.gameLogo{display:block;object-fit:contain;pointer-events:none}.logoSmall{width:48px;height:48px;flex:0 0 48px}.logoMedium{width:min(190px,45vw);height:auto;aspect-ratio:600/620;margin:0 auto 14px}.iconButton,.menu button,.primary,.secondary{font:inherit}.menu{position:fixed;top:72px;left:max(12px,4vw);right:auto;z-index:200;background:#111a30;border:1px solid #2b3858;border-radius:14px;padding:8px;box-shadow:0 12px 35px #0008;min-width:190px}.menu>*{display:block;width:100%;padding:10px 14px;color:#fff;background:transparent;text-decoration:none;text-align:left;border-radius:8px}.menu>*:hover{background:#1e2b4a}.menuLanguage{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.menuLanguage select{background:#182442;color:#fff;border:1px solid #39496f;border-radius:8px;padding:7px}.appShell{width:min(760px,92vw);margin:auto;padding:40px 0}.card{background:rgba(17,26,48,.94);border:1px solid #2b3858;border-radius:22px;padding:28px;box-shadow:0 18px 50px #0005;margin-bottom:20px}.hero{text-align:center}.eyebrow{letter-spacing:.14em;font-size:.75rem;color:#8fa9dc;font-weight:700}.muted{color:#aeb9d0}.primary{background:#5b7cfa;color:#fff;font-weight:800;min-width:180px;border:0;border-radius:12px;padding:11px 15px;cursor:pointer}.secondary{background:#26365c;color:#fff;border:0;border-radius:12px;padding:11px 15px;cursor:pointer}.resumeButton{display:block;margin:12px auto 0}.primary:disabled{opacity:.55;cursor:not-allowed}.gameHeader{display:flex;justify-content:space-between;color:#aeb9d0;font-size:.9rem}.quizProgress{height:6px;width:100%;background:#202d49;border-radius:999px;overflow:hidden;margin:0 0 12px}.quizProgressBar{height:100%;width:0;background:#3d8bfd;border-radius:999px;transition:width .3s ease}.flagWrap{display:grid;place-items:center;min-height:220px;margin:18px 0}.flag{display:flex;align-items:center;justify-content:center;width:min(92%,520px);height:220px;line-height:1;user-select:none;overflow:hidden}.flagImageAsset{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px #0006)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{padding:15px;border:1px solid #39496f;background:#182442;color:#fff;border-radius:12px;cursor:pointer;font:inherit}.answer:hover{background:#22325a}.answer.correct{background:#165c46}.answer.wrong{background:#6b2932}.answer:disabled{cursor:default}.feedback{min-height:26px;font-weight:700;white-space:pre-line}.feedback.ok{color:#64dfb2}.feedback.bad{color:#ff8792}.countryInfoLink{display:block;width:100%;max-width:100%;margin:8px auto 14px;padding:0 4px;color:#8fb7ff;text-decoration:none;font-weight:700;text-align:center;white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.35}.countryInfoLink[hidden]{display:none!important}.countryInfoLink:hover{text-decoration:underline}.leaderboard table{width:100%;border-collapse:collapse}.leaderboard th,.leaderboard td{padding:9px;border-bottom:1px solid #2b3858;text-align:left}.leaderboard .rank{text-align:center;width:60px}.leaderPlayer{display:flex;align-items:center;gap:9px;min-width:0}.leaderAvatar{width:32px;height:32px;min-width:32px;border-radius:50%;object-fit:cover;display:block;background:#26365c}.leaderboard td:last-child,.leaderboard th:last-child{text-align:center;width:90px}.siteFooter{width:min(760px,92vw);margin:0 auto 24px;padding:14px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(17,26,48,.78);box-shadow:0 10px 30px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center;font-size:.85rem;color:#aeb9d0}.siteFooter div{display:inline-flex;align-items:center}.siteFooter div+div::before{content:"•";margin-right:8px;color:#61739c}.siteFooter a{color:#aeb9d0;text-decoration:none;font-weight:600}.siteFooter a:hover{text-decoration:underline;color:#fff}@media(max-width:560px){.topbar{min-height:58px;padding:6px 8px}.stats{gap:6px;font-size:.72rem;padding-left:52px}.steemLogo{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;flex-basis:16px}.sfLogo{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex-basis:18px}.logoSmall{width:40px;height:40px;flex-basis:40px}.iconButton{width:42px;height:42px}.appShell{width:calc(100vw - 16px);padding:8px 0 12px}.card{padding:12px 12px 14px;border-radius:16px;margin-bottom:10px}.gameHeader{font-size:.82rem;line-height:1.2;margin-bottom:4px}.quizProgress{height:5px;margin-bottom:7px}.flagWrap{min-height:clamp(125px,28vh,165px);height:clamp(125px,28vh,165px);margin:7px 0}.flag{width:100%;height:100%;max-height:165px}.flagImageAsset{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.answers{grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}.answer{min-height:48px;padding:9px 6px;font-size:.86rem;line-height:1.2}.feedback{min-height:22px;font-size:.88rem;line-height:1.25;margin:2px 0}.countryInfoLink{width:100%;max-width:100%;margin:4px auto 7px;padding:0 4px;font-size:.82rem;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:break-word;word-break:normal}.primary,.secondary{padding:9px 12px;min-height:42px}.appShell:has(#gameView:not([hidden])){padding-top:4px;padding-bottom:4px}.card:has(#gameView:not([hidden])){padding:10px 10px 12px;margin-bottom:4px}.card:has(#gameView:not([hidden])) .flagWrap{margin:5px 0;min-height:clamp(120px,27vh,155px);height:clamp(120px,27vh,155px)}.card:has(#gameView:not([hidden])) .flag{max-height:155px}.card:has(#gameView:not([hidden])) .answers{gap:6px;margin-top:4px}.card:has(#gameView:not([hidden])) .answer{min-height:46px;padding:8px 5px}.card:has(#gameView:not([hidden])) .countryInfoLink{margin:3px auto 5px}.card:has(#gameView:not([hidden])) .feedback{min-height:20px;margin:1px 0}.logoMedium{width:140px}.leaderAvatar{width:30px;height:30px;min-width:30px}.siteFooter{width:calc(100vw - 16px);margin:0 auto 12px;padding:11px 12px;border-radius:15px;gap:4px;font-size:.78rem;line-height:1.35}.siteFooter div+div::before{margin-right:6px}}@media(max-width:560px) and (max-height:700px){.topbar{min-height:54px}.appShell:has(#gameView:not([hidden])){padding-top:2px}.card:has(#gameView:not([hidden])){padding:8px 9px 10px}.card:has(#gameView:not([hidden])) .flagWrap{min-height:105px;height:105px}.card:has(#gameView:not([hidden])) .flag{max-height:105px}.card:has(#gameView:not([hidden])) .answer{min-height:43px;padding:7px 4px;font-size:.82rem}.card:has(#gameView:not([hidden])) .quizProgress{margin-bottom:5px}.card:has(#gameView:not([hidden])) .countryInfoLink{margin:2px auto 4px;font-size:.78rem}}