:root{--color-bg: #eef3ff;--color-surface: #ffffff;--color-text: #16233a;--color-muted: #55627a;--color-border: #dbe4f3;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-ink-blue: #12307e;--c-blue: #2563eb;--c-violet: #7c3aed;--c-teal: #0f766e;--c-pink: #be185d;--c-orange: #c2410c;--c-green: #15803d;--c-sky: #0369a1;--color-success: #15803d;--color-success-bg: #e4f7ec;--color-success-border: #9fe0b6;--color-danger: #c0392b;--color-danger-bg: #fdecea;--color-danger-border: #f2b8b1;--radius: 18px;--radius-sm: 12px;--touch-target: 48px;--space: 16px;--shadow: 0 6px 18px rgba(26, 51, 99, .12);--shadow-sm: 0 2px 6px rgba(26, 51, 99, .1);--focus: #12307e;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--color-text);background:linear-gradient(180deg,#f3f7ff,#eaeeff);background-attachment:fixed;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 12px) var(--space) 12px;background:linear-gradient(100deg,#2563eb,#7c3aed);color:#fff}.app-header__brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.2px}.app-header__logo{font-size:1.5rem}.app-header__title{font-size:1.15rem}.app-main{flex:1;padding:var(--space);padding-bottom:calc(var(--space) + env(safe-area-inset-bottom,0px));max-width:900px;width:100%;margin:0 auto}.app-nav{position:sticky;top:0;z-index:500;display:flex;justify-content:center;flex-wrap:wrap;gap:4px;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);padding:6px 8px;box-shadow:var(--shadow-sm)}.app-nav__link{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;min-height:var(--touch-target);justify-content:center;text-decoration:none;color:var(--color-muted);font-size:.72rem;font-weight:600;border-radius:var(--radius-sm);padding:4px 10px;transition:color .15s ease,background .15s ease}.app-nav__link--active{color:var(--color-primary-dark);background:#e7eeff;font-weight:800}.app-nav__icon{font-size:1.35rem}@media(min-width:720px){.app-nav{gap:10px;padding:8px}.app-nav__link{flex-direction:row;gap:8px;font-size:.9rem}}.screen__title{font-size:1.6rem;font-weight:800;margin:0 0 4px}.screen__subtitle{color:var(--color-muted);margin:0 0 var(--space)}.section-heading{font-size:1.15rem;font-weight:800;margin:22px 0 10px}.tile-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pillar{margin-top:22px}.pillar__heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 10px;font-size:1.1rem}.pillar__icon{font-size:1.2rem}.pillar__title{font-weight:800}.pillar__blurb{font-size:.85rem;font-weight:500;color:var(--color-muted, inherit)}.tile,.game-card{display:flex;flex-direction:column;gap:10px;padding:18px;min-height:118px;background:var(--card, var(--color-primary));border:none;border-radius:var(--radius);text-decoration:none;color:#fff;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.tile:hover,.game-card:hover,.daily-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1a336333;filter:saturate(1.08)}.tile:active,.game-card:active,.daily-card:active{transform:translateY(-1px)}.tile__icon,.game-card__icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff3d;font-size:1.55rem}.tile__label,.game-card__title{font-weight:800;font-size:1.02rem}.game-card__blurb{color:#ffffffeb;font-size:.85rem}.card-grid .game-card:nth-child(6n+1){--card: var(--c-blue)}.card-grid .game-card:nth-child(6n+2){--card: var(--c-violet)}.card-grid .game-card:nth-child(6n+3){--card: var(--c-teal)}.card-grid .game-card:nth-child(6n+4){--card: var(--c-pink)}.card-grid .game-card:nth-child(6n+5){--card: var(--c-orange)}.card-grid .game-card:nth-child(6n+6){--card: var(--c-green)}.tile-grid .tile:nth-child(4n+1){--card: var(--c-teal)}.tile-grid .tile:nth-child(4n+2){--card: var(--c-blue)}.tile-grid .tile:nth-child(4n+3){--card: var(--c-violet)}.tile-grid .tile:nth-child(4n+4){--card: var(--c-pink)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 22px;border-radius:999px;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button:active{transform:translateY(0)}.button--primary{background:linear-gradient(100deg,#2563eb,#4f46e5);border-color:transparent;color:#fff}.button--danger{background:var(--color-danger);border-color:transparent;color:#fff}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}:where(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px #ffffffd9}.choice-group{border:none;padding:0;margin:0 0 var(--space);display:flex;flex-wrap:wrap;gap:10px}.choice-group__legend{font-weight:800;margin-bottom:8px}.choice{min-height:var(--touch-target);padding:0 20px;border-radius:999px;border:2px solid var(--color-border);background:var(--color-surface);font:inherit;font-weight:700;cursor:pointer;transition:transform .12s ease}.choice:hover{transform:translateY(-2px)}.choice--selected{border-color:var(--color-primary);background:#e7eeff;color:var(--color-primary-dark);font-weight:800}.field{display:block;margin-bottom:var(--space)}.field__label{display:block;font-weight:700;margin-bottom:6px}.field__input{width:100%;min-height:var(--touch-target);padding:0 14px;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-surface);font:inherit}.field__input:focus{border-color:var(--color-primary);outline:none}.toggle{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-target);padding:8px 0;font-weight:600}.toggle input{width:26px;height:26px;accent-color:var(--color-primary)}.country-list,.fact-list,.continent-progress,.detail-list{list-style:none;margin:0;padding:0}.country-list__item{display:flex;align-items:center;min-height:var(--touch-target);padding:10px 14px;margin-bottom:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.country-list__item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.country-list__continent{color:var(--color-muted);font-size:.85rem}.country-list__flag{width:34px;height:26px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border);margin-right:12px}.country-list__name{flex:1;font-weight:700}.country-flag{width:128px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:var(--space)}.filter-row,.chip-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 var(--space)}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:2px solid var(--color-border);background:var(--color-surface);color:inherit;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .12s ease}.chip:hover{transform:translateY(-2px)}.chip--selected{background:linear-gradient(100deg,#2563eb,#7c3aed);border-color:transparent;color:#fff;font-weight:800}.result-count{color:var(--color-muted);font-size:.85rem;font-weight:600;margin:0 0 8px}.fact-list li{padding:12px 14px;margin-bottom:8px;background:var(--color-surface);border:1px solid var(--color-border);border-left:5px solid var(--c-sky);border-radius:var(--radius-sm)}.detail-list__row{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--color-border)}.detail-list dt{color:var(--color-muted)}.detail-list dd{margin:0;font-weight:700}.continent-progress__row{display:flex;flex-direction:column;gap:6px;padding:14px 16px;margin-bottom:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:700;box-shadow:var(--shadow-sm)}.continent-progress__head{display:flex;justify-content:space-between;align-items:center}.continent-progress__count{color:var(--color-muted);font-weight:700}.mini-bar{height:10px;background:#e6ecf7;border-radius:999px;overflow:hidden}.mini-bar__fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;transition:width .3s ease}.stamp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.stamp{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm)}.stamp img{border-radius:4px;border:1px solid var(--color-border)}.stamp__name{font-size:.7rem;text-align:center;color:var(--color-muted);line-height:1.2}.badge__status{font-size:.72rem;font-weight:800;color:var(--color-success)}.badge--locked .badge__status{color:var(--color-muted)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.badge{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.badge--locked{opacity:.55;filter:grayscale(.6)}.badge__icon{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fde68a);font-size:2rem}.badge__name{font-weight:800}.badge__desc{font-size:.8rem;color:var(--color-muted)}.world-map{width:100%;border-radius:var(--radius);border:3px solid #ffffff;outline:1px solid var(--color-border);background:#bfe3f5;overflow:hidden;box-shadow:var(--shadow)}.world-map--explore{height:340px;margin-bottom:12px}.world-map--detail{height:210px;margin-bottom:var(--space)}.world-map--loading,.world-map--error{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--color-muted);background:var(--color-surface)}.world-map--error{height:auto}.leaflet-container{background:#bfe3f5;font:inherit}.map-hint{color:var(--color-muted);font-size:.85rem;margin:0 0 var(--space)}.quiz-progress{height:12px;background:#dbe4f3;border-radius:999px;overflow:hidden}.quiz-progress__bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;transition:width .25s ease}.quiz-progress__label{color:var(--color-muted);font-size:.82rem;font-weight:600;margin:8px 0 14px}.quiz-prompt{font-size:1.35rem;font-weight:800;margin:0 0 var(--space)}.quiz-prompt-flag{display:block;width:170px;height:128px;object-fit:cover;border-radius:12px;border:3px solid #fff;box-shadow:var(--shadow);margin:0 auto var(--space)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-options--flags .quiz-option{min-height:92px}.quiz-option{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:14px;font:inherit;font-weight:700;text-align:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.quiz-option:not(:disabled):hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow)}.quiz-option img{border-radius:6px;border:1px solid var(--color-border)}.quiz-option--correct{border-color:var(--color-success);background:var(--color-success-bg);color:#0f5132}.quiz-option--wrong{border-color:var(--color-danger);background:var(--color-danger-bg);color:#842029}.quiz-option--correct:after,.quiz-option--wrong:after{position:absolute;top:-10px;right:-8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.95rem;font-weight:900;box-shadow:var(--shadow-sm)}.quiz-option--correct:after{content:"✓";background:var(--color-success)}.quiz-option--wrong:after{content:"✗";background:var(--color-danger)}.quiz-option--dim{opacity:.55}.quiz-option:disabled{cursor:default}.quiz-option--selected{border-color:var(--color-primary);background:var(--color-primary-bg, var(--color-surface));box-shadow:var(--shadow)}.quiz-option--selected:after{content:"✓";position:absolute;top:-10px;right:-8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:900;box-shadow:var(--shadow-sm)}.quiz-check{margin-top:4px}.quiz-points{font-weight:800;color:var(--color-primary)}.wager{margin:4px 0 12px}.wager__label{margin:0 0 8px;font-weight:700;text-align:center}.wager__tiers{display:flex;gap:10px;justify-content:center}.wager__tier{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;font:inherit;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .12s ease}.wager__tier:not(:disabled):hover{transform:translateY(-2px);border-color:var(--color-primary)}.wager__tier--on{border-color:var(--color-primary);background:var(--color-primary-bg, var(--color-surface));box-shadow:var(--shadow)}.wager__icon{font-size:1.5rem}.wager__tier-label{font-weight:700}.wager__points{font-size:.85rem;color:var(--color-muted, inherit)}.quiz-options--locked{opacity:.5}.quiz-feedback__points{margin:0 0 6px;font-size:1.3rem;font-weight:900}.swatch-row{display:inline-flex;border-radius:6px;overflow:hidden;border:1px solid var(--color-border)}.swatch{width:28px;height:28px}.quiz-feedback{margin-top:var(--space);padding:18px;border-radius:var(--radius);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.quiz-feedback--ok{background:var(--color-success-bg);border-color:var(--color-success-border)}.quiz-feedback--no{background:#fff4e6;border-color:#ffd9a8}.quiz-feedback__headline{font-weight:800;font-size:1.1rem;margin:0 0 6px}.quiz-feedback__explanation{margin:0 0 14px}.quiz-summary{text-align:center;padding:28px 0}.quiz-summary__score{font-size:1.35rem;font-weight:800;margin:0}.quiz-summary__pct{font-size:3rem;font-weight:900;background:linear-gradient(100deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;margin:8px 0 0}.quiz-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.daily-card{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:18px;background:linear-gradient(120deg,#f97316,#db2777);color:#fff;border-radius:var(--radius);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.daily-card__icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffff42;font-size:1.9rem}.daily-card__text{display:flex;flex-direction:column}.daily-card__title{font-weight:900;font-size:1.15rem}.daily-card__blurb{font-size:.86rem;opacity:.95}.daily-card--speed{background:linear-gradient(120deg,#4f46e5,#06b6d4)}.game-card--speed{outline:2px solid #06b6d4;outline-offset:-2px}.speedrun-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-weight:900}.speedrun-timer{font-size:1.5rem;padding:4px 14px;border-radius:999px;background:#e0f2fe;color:#075985}.speedrun-timer--low{background:var(--color-danger-bg);color:var(--color-danger);animation:speedrun-pulse 1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.speedrun-timer--low{animation:none}}@keyframes speedrun-pulse{50%{transform:scale(1.08)}}.speedrun-score{font-size:1.25rem;color:var(--color-success)}.speedrun-intro{font-size:1.05rem;margin-bottom:18px}.speedrun-typing{display:flex;gap:10px;margin-top:8px}.speedrun-input{flex:1;min-height:var(--touch-target);padding:0 16px;font-size:1.15rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.speedrun-input:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.speedrun-feedback{margin-top:14px;padding:12px 16px;border-radius:var(--radius-sm);font-weight:800;text-align:center}.speedrun-feedback--ok{background:var(--color-success-bg);color:var(--color-success)}.speedrun-feedback--no{background:var(--color-danger-bg);color:var(--color-danger)}.app-footer{margin-top:auto;padding:18px calc(var(--space) + env(safe-area-inset-left,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(var(--space) + env(safe-area-inset-right,0px));text-align:center;color:var(--color-muted);font-size:.9rem;border-top:1px solid var(--color-border)}.app-footer a{color:var(--color-primary-dark);font-weight:700}.map-placeholder,.game-placeholder{padding:32px 16px;text-align:center;color:var(--color-muted);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius);margin-bottom:var(--space)}.game-placeholder__note{font-size:.85rem}.safety-note,.empty-state{color:var(--color-muted);font-size:.92rem;line-height:1.5}.settings-group{margin-bottom:24px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.loading{padding:40px;text-align:center;color:var(--color-muted);font-weight:600}.country-silhouette{display:block;width:100%;max-width:320px;height:220px;margin:0 auto 8px}.country-silhouette path{fill:var(--color-ink-blue);stroke:var(--color-primary-dark);stroke-width:.5;stroke-linejoin:round}.quiz-prompt-shape{margin-bottom:4px}.quiz-subjects{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.quiz-subject{display:flex;flex-direction:column;align-items:center;gap:4px}.quiz-subject img{width:72px;height:54px;border-radius:6px;border:1px solid var(--color-border);object-fit:cover}.quiz-subject__name{font-size:.85rem;font-weight:600;color:var(--color-text)}.screen__title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.speak-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:1.1rem;cursor:pointer;vertical-align:middle;transition:transform .1s ease,background .1s ease}.speak-button:hover{background:var(--color-bg)}.speak-button:active{transform:scale(.92)}.speak-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.detail-list__value-with-audio{display:inline-flex;align-items:center;gap:8px}.detail-note{margin:-4px 0 8px;padding:10px 14px;background:#eef4ff;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-size:.92rem}.offline-banner{display:flex;align-items:center;gap:10px;padding:10px calc(var(--space) + env(safe-area-inset-left,0px)) 10px calc(var(--space) + env(safe-area-inset-left,0px));background:#fff4e5;color:#7a3d00;border-bottom:1px solid #f2c48a;font-weight:600;font-size:.95rem}.offline-banner__icon{font-size:1.2rem;line-height:1}.install-help{display:flex;flex-direction:column;gap:12px}.install-help p{margin:0}.install-help__steps{color:var(--color-muted);font-size:.95rem}.install-help__note{color:var(--color-muted);font-size:.9rem}.install-help__done{margin:0;color:var(--color-success);font-weight:600}@media(min-width:720px){.app-nav{position:static;justify-content:center;gap:8px;border-top:none;border-bottom:1px solid var(--color-border);box-shadow:none}.app-main{padding-bottom:var(--space)}}