:root[data-theme=dark]{--bg:#0B1220;--card:#121B2E;--text:#E6EAF2;--muted:#A5AFC0;--primary:#FF6A35;--accent:#58C4DC;--success:#23A559;--danger:#E5484D;--border:#2A3A5F;--border-strong:#32446B;--ring:rgba(88,196,220,.45);--header-bg: color-mix(in oklab, var(--bg) 88%, white 12%);--land-fill: color-mix(in oklab, var(--card) 85%, white 15%);--land-stroke: color-mix(in oklab, var(--text) 42%, transparent);--map-active-fill: color-mix(in oklab, var(--primary) 24%, transparent);--map-active-stroke: var(--primary);--micro-dot: var(--text);--tile-shadow: 0 10px 24px rgba(0,0,0,.25);--footer-bg: var(--header-bg)}:root[data-theme=light]{--bg:#F7F8FB;--card:#FFFFFF;--text:#111827;--muted:#6B7280;--primary:#2563EB;--accent:#14B8A6;--success:#16A34A;--danger:#DC2626;--border:#D1D5DB;--border-strong:#B0BFD2;--ring:rgba(37,99,235,.35);--header-bg: color-mix(in oklab, var(--bg) 88%, black 12%);--land-fill: color-mix(in oklab, var(--card) 96%, black 4%);--land-stroke: color-mix(in oklab, var(--text) 35%, transparent);--map-active-fill: color-mix(in oklab, var(--success) 26%, transparent);--map-active-stroke: var(--success);--micro-dot: var(--text);--tile-shadow: 0 8px 18px rgba(17,24,39,.1);--footer-bg: var(--header-bg)}:root{--brand-logo-size:110px;--brand-gap:8px;--brand-stack-gap:3px;--logo-nudge-y-dark:-2px;--logo-nudge-y-light:-1px;--brand-title-size: clamp(24px, 2.9vw, 32px);--brand-sub-size: clamp(12px, 1.4vw, 14px);--tile-img-zoom: 120%;--footer-gap: 36px;--hero-tiles-gap: 16px}html,body,#root{height:100%}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{width:min(85vw,1400px);max-width:100%;margin:0 auto;padding:0 16px}.app-header{background:var(--bg);padding:14px 0}.app-header .container{display:flex;align-items:center;justify-content:space-between;gap:14px}.app-header__left,.app-header__right{display:flex;align-items:center;gap:12px;position:relative}.brand{display:flex;align-items:center;gap:var(--brand-gap)}.brand-logo{width:var(--brand-logo-size);height:var(--brand-logo-size);display:grid;place-items:center}.brand-logo img{width:100%;height:100%;object-fit:contain;display:none}:root[data-theme=dark] .brand-logo .logo-dark{display:block;transform:translateY(var(--logo-nudge-y-dark))}:root[data-theme=light] .brand-logo .logo-light{display:block;transform:translateY(var(--logo-nudge-y-light))}.logo-btn{background:transparent;border:none;padding:0;cursor:pointer;display:grid;place-items:center;border-radius:12px}.logo-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.brand-text{display:flex;flex-direction:column;gap:var(--brand-stack-gap);align-self:center}.brand-title{margin:0;line-height:1;font-weight:800;letter-spacing:.1px;font-size:var(--brand-title-size)}.brand-sub{margin:0;line-height:1.05;color:var(--muted);font-weight:700;font-size:var(--brand-sub-size)}.hamburger{width:48px;height:48px;border:none;background:transparent;border-radius:12px;display:grid;place-items:center;cursor:pointer}.hamburger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.hamburger-lines{position:relative;width:26px;height:18px}.hamburger-lines span{position:absolute;left:0;right:0;height:2px;background:var(--text);border-radius:2px;transition:transform .22s ease,top .22s ease,opacity .18s ease}.hamburger-lines span:nth-child(1){top:0}.hamburger-lines span:nth-child(2){top:8px}.hamburger-lines span:nth-child(3){top:16px}.hamburger.is-open .hamburger-lines span:nth-child(1){top:8px;transform:rotate(45deg)}.hamburger.is-open .hamburger-lines span:nth-child(2){opacity:0}.hamburger.is-open .hamburger-lines span:nth-child(3){top:8px;transform:rotate(-45deg)}.menu-panel{position:absolute;top:100%;left:0;margin-top:10px;min-width:260px;background:var(--header-bg);border:1px solid var(--border-strong);border-radius:12px;overflow:hidden;transform-origin:top left;opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:20;box-shadow:var(--tile-shadow)}.menu-panel[data-open=true]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.settings-btn{width:48px;height:48px;border:none;background:transparent;border-radius:12px;display:grid;place-items:center;cursor:pointer;color:var(--text)}.settings-btn i{font-size:22px;line-height:1}.settings-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.settings-panel{position:absolute;top:100%;right:0;margin-top:10px;min-width:280px;background:var(--header-bg);border:1px solid var(--border-strong);border-radius:12px;transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:25;box-shadow:var(--tile-shadow)}.settings-panel[data-open=true]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hero-wrap{background:var(--header-bg);padding:24px 0 28px;margin-bottom:var(--hero-tiles-gap)}.hero h2{margin:0 0 8px;font-size:clamp(24px,3.2vw,36px);line-height:1.1}.hero p{margin:0;color:var(--muted);font-size:clamp(14px,1.6vw,16px)}.card{background:var(--card);border:1px solid var(--border-strong);border-radius:16px}.btn{background:transparent;border:1px solid var(--border-strong);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;transition:border-color .15s ease,transform .02s ease}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn-primary{background:var(--primary);border-color:transparent;color:#0b1220}.btn-primary:hover{filter:brightness(1.05)}select{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:6px 8px}.progress{height:10px;border-radius:999px;background:color-mix(in oklab,var(--card) 60%,black);border:1px solid var(--border);overflow:hidden}.progress>.bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in oklab,var(--primary) 80%,white))}.pill{border:2px solid var(--border-strong)}.pill-success{background:color-mix(in oklab,var(--success) 26%,transparent);border-color:#1d8b53}.pill-danger{background:color-mix(in oklab,var(--danger) 26%,transparent);border-color:#c73a3f}@keyframes pill-pop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(110%);opacity:.15}}.tiles-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.tiles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tiles-grid{grid-template-columns:repeat(3,1fr)}}.tile-card{position:relative;border-radius:16px;overflow:hidden;background:var(--card);border:1px solid var(--border-strong);box-shadow:var(--tile-shadow);display:grid;grid-template-rows:45% 1fr;min-height:280px;text-align:left;cursor:pointer}.tile-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.tile-top{display:grid;place-items:center;color:#fff;background-image:linear-gradient(var(--tile-tint),var(--tile-tint)),var(--tile-img);background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:100% 100%,var(--tile-img-zoom);background-blend-mode:multiply,normal;border-top-left-radius:16px;border-top-right-radius:16px}.tile-top .title{font-weight:900;font-size:clamp(22px,2.6vw,30px);-webkit-text-stroke:2px rgba(0,0,0,.55);text-shadow:0 1px 0 rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25)}.tile-bottom{padding:16px;display:grid;gap:12px}.tile-desc{color:var(--muted);font-size:clamp(14px,1.2vw,16px);line-height:1.4}.theme-toggle{display:inline-flex;align-items:center;gap:10px}.theme-toggle__label{font-weight:700;font-size:14px}.switch{position:relative;width:54px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--border-strong);box-shadow:inset 0 0 0 1px var(--border);transition:background .18s ease}.slider:before{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px #00000040;transition:transform .18s ease,background .18s ease}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translate(24px);background:#fff}input[type=text],input[type=search]{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:8px 10px}input[type=text]::placeholder,input[type=search]::placeholder{color:color-mix(in oklab,var(--muted) 80%,transparent)}a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.header-icon{background:transparent;border:none;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}.header-icon i{font-size:14px;color:var(--text)}.header-icon:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.settings-btn{background:transparent;border:none;width:50px;height:50px;display:grid;place-items:center}.settings-btn i{font-size:22px;color:var(--text)}select{color-scheme:light dark}select option,select optgroup{background:var(--card)!important;color:var(--text)!important}.flag-frame{border:0!important;padding:0!important;background:transparent!important}.flag-frame img{display:block;border:0!important;box-shadow:none!important;background:transparent!important}.stage-viewport img{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important}@media (max-width: 480px){.container{width:100%!important;padding-left:8px!important;padding-right:8px!important;margin:0 auto!important}:root{--hero-tiles-gap: 12px}.app-header .container{padding-left:8px!important;padding-right:8px!important;gap:8px!important}.app-header__left,.app-header__right{flex:0 1 auto;min-width:0}.brand-logo{width:64px;height:64px}.brand-sub{display:none}.brand-text{min-width:0}.brand-title{font-size:clamp(19px,6vw,22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.12;padding-bottom:2px}.app-header__right{gap:4px!important}.hamburger{width:36px;height:36px}.app-header__right .header-icon{width:34px!important;height:34px!important}.app-header__right .header-icon i{font-size:13px!important}.app-header__right .settings-btn{width:40px!important;height:40px!important;margin-left:6px!important;flex:0 0 auto}.stage-viewport,.stage-viewport .stage-shell{width:100%!important;height:100%!important}.stage-viewport svg{width:100%!important;height:100%!important;display:block!important;touch-action:none!important}section>header>div:last-child,.quiz-controls{width:100%;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important}section>header>div:last-child>*,.quiz-controls>*{flex:1 1 160px;min-width:0}section>header select,section>header .btn,.quiz-controls select,.quiz-controls .btn{width:100%}.quiz-controls label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.quiz-controls select{background:var(--card);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;font-size:16px;line-height:1.1;padding:4px}section>header select{font-size:16px;line-height:1.1;padding:4px}.answer-wrap>*{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;max-width:100%!important}.answer-wrap .btn{width:100%!important;max-width:100%!important;white-space:normal!important}}@media (max-width: 480px){section>header{display:grid!important;grid-template-columns:1fr;row-gap:10px;align-items:start;text-align:center}section>header>div:last-child>div{display:grid!important;grid-template-columns:1fr auto auto;column-gap:10px;row-gap:8px;width:100%}section>header>div:last-child:not(:has(>div)){display:grid!important;grid-template-columns:1fr auto auto;column-gap:10px;row-gap:8px;width:100%}section>header>div:last-child>div>*:nth-child(1),section>header>div:last-child:not(:has(>div))>*:nth-child(1){grid-column:1;grid-row:1;justify-self:start;min-width:0}section>header>div:last-child label{gap:2px!important}section>header>div:last-child>div>*:nth-child(2),section>header>div:last-child:not(:has(>div))>*:nth-child(2){grid-column:2;grid-row:1;justify-self:end;font-size:0!important;display:inline-flex!important;align-items:center;gap:2px}section>header>div:last-child>div>*:nth-child(2):before,section>header>div:last-child:not(:has(>div))>*:nth-child(2):before{content:"Answer:";font-size:12px;color:var(--muted)}section>header>div:last-child>div>*:nth-child(2) select,section>header>div:last-child:not(:has(>div))>*:nth-child(2) select{font-size:14px}section>header>div:last-child>div>.btn:last-child,section>header>div:last-child:not(:has(>div))>.btn:last-child{grid-column:3;grid-row:1;justify-self:end;padding:6px 10px;border-radius:10px;line-height:1;font-size:0!important;min-width:0;width:auto!important;margin-left:0!important;flex:none!important}section>header>div:last-child>div>.btn:last-child:before,section>header>div:last-child:not(:has(>div))>.btn:last-child:before{content:"↻";font-size:16px;font-weight:700}section>header select,section>header .btn{width:auto!important}}@media (max-width: 480px){input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number],textarea,select{font-size:16px!important}}.flag-frame>img{border:1px solid var(--border-strong)!important;border-radius:0}