:root{color-scheme:dark;--ink:#edf5f1;--muted:#a1b5bd;--warm:#f8ce9b;--line:#cee5ef22;--font:'Nunito',sans-serif;--display:'Outfit',sans-serif;--hud-height:250px;--glass:linear-gradient(135deg,#183348b8,#0c1c35ab)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#050e1e;color:var(--ink);font:500 14px var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px)}button:disabled{cursor:default;transform:none}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid #ffd5a1;outline-offset:4px}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:0 18px 55px #01081740,inset 0 1px 0 #e0f3ff0a;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}
#game-world,.space-stage,#globe-container{position:fixed;inset:0;width:100%;height:100%;height:100dvh}.space-stage{isolation:isolate;background:radial-gradient(ellipse at 49% 35%,#15394c 0%,#0b2034 29%,#061326 58%,#040b18 100%);overflow:hidden}.space-nebula,.starfield,.space-horizon{position:absolute;inset:0;pointer-events:none}.space-nebula{background:radial-gradient(ellipse at 28% 14%,#59639a16,transparent 36%),radial-gradient(ellipse at 72% 54%,#238f9820,transparent 36%),radial-gradient(ellipse at 58% 115%,#356e9c17,transparent 55%);filter:blur(28px)}.space-horizon{background:linear-gradient(180deg,#0108170c,transparent 58%,#0106133b);z-index:1}.starfield{z-index:0}.star{position:absolute;width:var(--size);height:var(--size);opacity:var(--opacity);background:#d9e6f0;border-radius:50%;box-shadow:0 0 6px #afd4ff44}.star.cross{background:none;color:#a9c0cf;font-size:13px;line-height:7px;box-shadow:none}#globe-container{z-index:1}#globe{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-8px}#globe:active{cursor:grabbing}#globe-tooltip{position:absolute;display:none;pointer-events:none;white-space:nowrap;background:#e8f1e6f2;color:#234b41;padding:8px 13px;border-radius:10px;box-shadow:0 6px 20px #0003;font-size:12px;font-weight:800;z-index:2}.globe-loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:14px;font-size:14px;color:#d1e3df;pointer-events:none}.globe-loading>span{width:26px;height:26px;border:2px solid #e3f4f42b;border-top-color:#f8d1a0;border-radius:50%;animation:spin 1s linear infinite}.globe-loading.error{pointer-events:auto;flex-direction:column;text-align:center;background:#08192ec9;padding:30px}.globe-loading.error button{background:#f8d1a0;color:#223d44;border-radius:14px;padding:13px 22px;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}
.topbar{position:fixed;left:28px;right:28px;top:max(22px,env(safe-area-inset-top));height:46px;display:flex;align-items:center;justify-content:space-between;z-index:15;gap:20px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;font:500 26px var(--display);letter-spacing:-.8px;white-space:nowrap;color:#edf6ef}.brand-planet{display:grid;place-items:center;width:31px;height:31px;margin-right:9px;color:#c8ded4;transform:rotate(-16deg)}.brand-planet svg{width:29px;height:29px;stroke-width:1.2}.brand-dot{color:#efb882}.main-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:5px;border-radius:30px;gap:4px;background:#10283c80;border-color:#d2e3ef17;box-shadow:0 8px 24px #01081721}.nav-item{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 17px;border-radius:24px;font-size:12px;font-weight:800;color:#a5bcc4;white-space:nowrap;min-height:36px}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#bdd6e112;color:#e8f3ec}.nav-item.active{background:#e1f0e119;color:#eef6e8;box-shadow:inset 0 0 0 1px #e3f4db15}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{height:41px;width:41px;display:grid;place-items:center;border-radius:50%;color:#a9c4cf;background-color:#112c4173;flex-shrink:0}.icon-button svg{width:18px;height:18px}.icon-button:hover,.icon-button[aria-pressed=true],.icon-button[aria-expanded=true]{background-color:#26465b;color:#f4e4c3;border-color:#d8eddf55}.passport-button{display:flex;align-items:center;gap:9px;min-height:41px;padding:8px 14px;border-radius:25px;color:#d4e4ce;font-size:11px}.passport-button svg{width:17px;height:17px;color:#d8c69e}.passport-button b{font-weight:800}.passport-total{color:#90a8ae;font-size:10px}.scene-links{position:fixed;top:86px;right:28px;z-index:12;display:flex;gap:8px}.scene-links .icon-button{width:33px;height:33px;color:#91aab7;background:#0b203348;border-color:#bed7e711}.scene-links svg{width:16px;height:16px}
.target-view{position:fixed;top:91px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#9bb8be;font-size:8px;letter-spacing:1.8px;font-weight:800;white-space:nowrap;pointer-events:none;z-index:3;text-shadow:0 2px 10px #031224}.target-view>span:first-child{width:5px;height:5px;background:#f4b275;border-radius:50%;box-shadow:0 0 0 4px #f4b27512,0 0 12px #f4b27555}.target-view.lost{color:#f3cb9f}.globe-toolbar{position:fixed;right:27px;top:46%;transform:translateY(-50%);padding:5px;border-radius:27px;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:8;background:#112d4470;border-color:#d7e7ec23}.globe-toolbar button{width:34px;height:35px;display:grid;place-items:center;border-radius:50%;color:#b3cdd5;font-size:24px;line-height:1}.globe-toolbar button:hover,.globe-toolbar button[aria-pressed=true]{background:#d8f3e918;color:#ffe0b5}.globe-toolbar button svg{width:17px;height:17px}.globe-toolbar>span{height:1px;width:19px;background:#d9ebef1c;margin:4px 0}.center-country{display:flex;justify-content:center;align-items:center;gap:8px;border-radius:24px;min-height:38px;padding:9px 13px;font-size:11px;font-weight:800;white-space:nowrap}.center-country svg{width:17px;height:17px}.center-on-stage{position:fixed;bottom:calc(var(--hud-height) + 23px);left:50%;transform:translateX(-50%);z-index:8;background:linear-gradient(140deg,#ecd6b625,#c7dec715);border-color:#e0e5c735;color:#efe4c8;box-shadow:0 8px 24px #01081733;min-height:40px;padding:10px 16px}.center-on-stage:hover{transform:translateX(-50%) translateY(-2px);background:#d9e8d726;border-color:#e3ebd461}.center-on-stage:active{transform:translateX(-50%) translateY(1px)}.center-on-stage.needs-center{border-color:#f4c38d80;background:#765b3d44;color:#ffe1b9}.center-on-stage kbd{font:700 9px var(--font);border:1px solid #e0e4c72e;border-radius:5px;width:18px;height:19px;display:grid;place-items:center;margin-left:4px;color:#bec4ae}.center-in-quiz{border:1px solid #c9dcd729;color:#b7cbd0;background:#c4dee808;font-size:10px;min-height:34px;padding:7px 10px}.center-in-quiz:hover{background:#d7eadc1c;color:#ffe3bd}.scene-hint{position:fixed;left:29px;bottom:28px;display:flex;align-items:center;gap:10px;color:#6e899a;font-size:9px;line-height:1.8;z-index:4;pointer-events:none}.scene-hint svg{width:18px;height:18px;transform:rotate(-13deg);opacity:.8}.scene-hint strong{font-weight:500;color:#97aebb}
.quiz-panel{position:fixed;left:50%;bottom:max(23px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(1040px,calc(100% - 120px));padding:0 24px;border-radius:23px;z-index:10;overflow:auto;max-height:min(61dvh,520px);scrollbar-width:thin;scrollbar-color:#53747e #13283c;overscroll-behavior:contain;background:linear-gradient(128deg,#183448ae,#0e213aa3);border-color:#c9e3e630;box-shadow:0 25px 75px #01071359,inset 0 1px 0 #eafcff0d}.quiz-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #d3e4e317}.quiz-tabs{display:flex;align-items:center;gap:24px}.quiz-tab{display:flex;justify-content:center;align-items:center;gap:7px;min-height:47px;position:relative;padding:0 2px;color:#819eac;font-size:11px;font-weight:800;white-space:nowrap}.quiz-tab svg{width:15px;height:15px}.quiz-tab.active{color:#deeada}.quiz-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:#bfdec3;box-shadow:0 0 12px #b8f4e42b}.quiz-tab:hover{color:#fff0d5}.small-new{font-size:6px;letter-spacing:.4px;color:#c5bb90;background:#d7c59310;border:1px solid #dbd1a91a;padding:2px 4px;border-radius:4px}.settings-toggle{background:none;border:0;box-shadow:none;backdrop-filter:none;height:32px;width:32px}.settings-toggle svg{width:17px;height:17px}.quiz-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #d3e4e317}.scope-setting,.difficulty{display:flex;align-items:center;gap:8px;color:#829eaa;font-size:10px}.scope-setting>svg{width:15px;height:15px}.scope-setting select,.difficulty select{border:1px solid #b8d4d52e;background:#162e43;color:#c4d8d5;padding:7px 10px;border-radius:9px;min-height:35px;font-size:11px;font-weight:700;max-width:175px;cursor:pointer}.scope-setting select option,.difficulty select option{background:#142c42;color:#d7e7e4}.round-description{color:#7593a1;font-size:9px}.question-main{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:17px 0 15px}.question-info{min-width:0;max-width:70%}.question-label{margin:0 0 5px;display:flex;align-items:center;gap:7px;color:#b6ac91;font-size:7px;font-weight:800;letter-spacing:1.3px}.orange-dot{width:5px;height:5px;flex-shrink:0;background:#eaa873;border-radius:50%;box-shadow:0 0 0 3px #eaa87312}.question-separator{color:#688a99}#question-region{font-size:6px;letter-spacing:1px;color:#7797a6}#question-title{margin:0 0 3px;font:500 29px/1.18 var(--display);letter-spacing:-.4px;color:#f0f3e8}#question-instruction{margin:0;font-size:10px;line-height:1.65;color:#8eaab4}.question-side{display:flex;align-items:center;gap:18px;flex-shrink:0}.round-score{display:flex;align-items:center;gap:8px}.score-star{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#dcc89114;border:1px solid #dfc29a19;color:#d2b78b;font-size:25px}.round-score strong{display:block;font:500 24px/1.05 var(--display);color:#e2e8cd}.round-score div>span{font-size:7px;color:#7899a4;white-space:nowrap}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;gap:11px;text-align:left;padding:12px 15px;min-height:54px;border:1px solid #d4e5e525;border-radius:12px;color:#d4e6df;background:linear-gradient(135deg,#d5efdf0d,#b4d8e503);box-shadow:0 3px 8px #0000000c;font-size:13px;font-weight:800}.answer:hover:enabled{border-color:#edc99780;background:#e3d3ab17;color:#fff0d2;box-shadow:0 5px 15px #030b1a2b;transform:translateY(-2px)}.answer:active:enabled{transform:translateY(1px)}.answer-key{display:grid;place-items:center;height:25px;width:25px;border:1px solid #bedacf20;border-radius:8px;font-size:10px;flex-shrink:0;color:#91b3b5;background:#d8eadb08}.answer-text{line-height:1.4;overflow-wrap:anywhere}.answer>svg{width:17px;height:17px;margin-left:auto}.answer.correct{background:#6aaa681f;border-color:#a6cd8c80;color:#d1f2c0;box-shadow:inset 0 0 24px #80d19a0b}.answer.correct .answer-key{background:#8bbd6a22;border-color:#bedf9c39;color:#c1e7a4}.answer.wrong{background:#c3775b20;border-color:#dca48065;color:#f3c7ae}.answer.wrong .answer-key{color:#e8b49a;border-color:#b8856c44}.answer:disabled:not(.correct):not(.wrong){opacity:.4}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:49px}.feedback{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;color:#7697a4}.feedback svg{width:14px;height:14px;flex-shrink:0;color:#98b5ae}.feedback.success{color:#b4d69d;font-weight:700}.feedback.error{color:#dcb99d}.feedback.help{color:#d7c39a}.text-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:800;color:#acbca0;padding:8px 0;min-height:36px;white-space:nowrap}.text-button svg{width:14px;height:14px}.text-button:hover{color:#ffddb2}.next-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;min-height:34px;border-radius:10px;font-size:10px;font-weight:800;background:linear-gradient(130deg,#e2d9b4,#bfd2b5);border:1px solid #e3e8bd66;color:#294740;white-space:nowrap;box-shadow:0 3px 10px #04112033}.next-button:hover{background:#e1e9c9;box-shadow:0 5px 16px #0108184d}.next-button svg{width:14px;height:14px}.round-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#d6e7dd08;border-radius:0 0 20px 20px;overflow:hidden}.round-progress>span{display:block;height:100%;background:linear-gradient(90deg,#a4c9c3,#d7deaf);width:0;transition:width .5s}.flag-question{grid-column:1;grid-row:1 / span 3;align-self:center;border-radius:10px;overflow:hidden;padding:5px;border:1px solid #d7e3d72b;background:#e1e9db0d;transform:rotate(-3deg);box-shadow:0 6px 12px #0002}.flag-question img{display:block;width:77px;height:58px;object-fit:contain;border-radius:4px}.question-info.with-flag{display:grid;grid-template-columns:89px minmax(0,1fr);column-gap:16px;max-width:72%;align-items:start}.question-info.with-flag .question-label,.question-info.with-flag #question-title,.question-info.with-flag #question-instruction{grid-column:2}.question-info.with-flag #question-title{font-size:27px}.review-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#bfab7614;border:1px solid #d4c28a25;border-radius:9px;margin-top:12px;padding:7px 11px;font-size:10px;color:#c5c39c}.review-banner>span,.review-banner button{display:flex;align-items:center;gap:6px}.review-banner svg{height:14px;width:14px}.review-banner button{font-size:9px;color:#b7c8aa}
.restore-panel,.catalog-toggle{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;min-height:43px;border-radius:25px;font-size:12px;font-weight:800;color:#d3e7dd;z-index:12}.restore-panel:hover,.catalog-toggle:hover{transform:translateX(-50%) translateY(-2px);background:#335b6c80}.restore-panel svg,.catalog-toggle svg{height:17px;width:17px}.restore-panel>svg:last-child{transform:rotate(180deg);width:15px;height:15px}.is-focus .target-view,.is-focus .center-on-stage,.is-focus .scene-links,.is-focus .scene-hint{display:none}.is-focus .brand{opacity:.55}.is-focus .main-nav,.is-focus .passport-button,.is-focus .sound-toggle{visibility:hidden;pointer-events:none}.is-focus .globe-toolbar{opacity:.4}.is-focus .globe-toolbar:hover,.is-focus .globe-toolbar:focus-within{opacity:1}
.explore-panel{position:fixed;left:24px;top:95px;bottom:24px;width:330px;z-index:10;border-radius:22px;padding:23px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#152f45d9,#0c2136c9);border-color:#c0dfe02b}.close-catalog{position:absolute;right:14px;top:14px;width:29px;height:29px;border:1px solid #c7dfe425;background:#d8e9ec08}.close-catalog svg{height:14px;width:14px}.explore-heading{display:flex;flex-direction:column;gap:19px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:800;color:#9bbcac;margin:0 0 10px}.explore-heading h2{font:500 29px/1.15 var(--display);letter-spacing:-.5px;margin:0 12px 10px 0;color:#e0eedd}.explore-heading p:not(.eyebrow){font-size:11px;color:#86a3ae;line-height:1.75;margin:0;max-width:255px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #c1dade2c;border-radius:11px;padding:10px 11px;min-height:42px;width:100%;background:#d1e4e508}.search-box svg{width:17px;height:17px;color:#8badb6}.search-box input{border:0;background:none;color:#d7e6de;outline:none;width:100%;min-width:0;font-size:12px}.search-box input::placeholder{color:#6f929e}.filter-chips{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0 13px}.filter-chips button{background:#d9ebe808;color:#8caeb3;padding:7px 10px;min-height:29px;border-radius:20px;font-size:9px;font-weight:800}.filter-chips button.active{color:#d9edcb;background:#bad3a61b;box-shadow:inset 0 0 0 1px #c0e5ab21}.country-results-head{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#7f9fa8;margin:0 0 13px}.country-results-head label{display:flex;align-items:center;gap:5px;font-size:9px}.country-results-head input{accent-color:#9cbf9c;margin:0}.country-list{display:grid;grid-template-columns:1fr;gap:6px;min-height:0;flex:1;overflow:auto;align-content:start;scrollbar-width:thin;scrollbar-color:#466776 #10283c;padding:2px;overscroll-behavior:contain}.country-item{display:flex;align-items:center;gap:11px;padding:11px 12px;text-align:left;min-height:53px;border-radius:10px;border:1px solid #d7e7df12;background:#cee5df03;font-size:12px;font-weight:800;color:#bcd5ce}.country-item:hover,.country-item.selected{background:#c1deba13;border-color:#bcdabf39;color:#e2eed5}.country-item small{display:block;margin-top:3px;font-size:9px;font-weight:500;color:#6d939f}.country-flag{display:block;width:28px;height:21px;object-fit:contain;flex-shrink:0;border-radius:2px;filter:drop-shadow(0 1px 3px #0003)}.empty-results{font-size:11px;color:#88a3ab;text-align:center;padding:25px 10px;line-height:1.8}.country-popover{position:fixed;right:89px;top:114px;width:230px;padding:22px;z-index:9;border-radius:20px;background:linear-gradient(145deg,#26445ac7,#10253cd6);max-height:calc(var(--view-height,100dvh) - 138px);overflow:auto;overscroll-behavior:contain}.close-popover{position:absolute;right:10px;top:10px;display:grid;place-items:center;padding:5px;color:#86a7b6}.close-popover svg{width:14px;height:14px}.popover-flag{display:block;margin-bottom:12px}.popover-flag .country-flag{width:55px;height:41px}.country-popover h3{font:500 28px/1.1 var(--display);margin:0 0 7px;letter-spacing:-.5px;color:#edf0d9}.country-popover p{font-size:11px;color:#92b0b7;line-height:1.65;margin:4px 0}.popover-capital{display:flex;align-items:center;gap:9px;border-top:1px solid #d8e7dc1c;padding-top:13px;margin-top:14px!important}.popover-capital svg{width:19px;height:19px;color:#b0c5b6}.popover-capital strong{display:block;font-size:14px;color:#d5e0c9}.speak-button{display:flex;justify-content:center;align-items:center;gap:7px;background:#bed9b317;border:1px solid #d7e4b71c;border-radius:9px;padding:9px;min-height:36px;width:100%;margin-top:14px;font-size:10px;font-weight:800;color:#c4d4b0}.speak-button svg{width:15px;height:15px}.speak-button:hover{background:#d8e4be25}
 dialog{color-scheme:dark;border:1px solid #d4e8df30;background:linear-gradient(140deg,#193147f5,#0d1d33fa);color:#d7e5dc;border-radius:24px;padding:24px;width:min(560px,calc(100% - 30px));max-height:88dvh;box-shadow:0 30px 100px #01061199;scrollbar-width:thin;scrollbar-color:#577479 #14283a;overscroll-behavior:contain}dialog::backdrop{background:#01081788;backdrop-filter:blur(8px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-kicker{font-size:7px;letter-spacing:1.4px;font-weight:800;color:#7297a2}.modal-top .icon-button{width:31px;height:31px;background:#d5e8e50c;border:1px solid #d8e7de1a}.modal-top svg{width:14px;height:14px}#modal-content{padding:12px 6px 3px}#modal-title{font:500 32px/1.15 var(--display);letter-spacing:-.6px;color:#e7eddb;margin:6px 0 14px}#modal-content p{font-size:12px;line-height:1.85;color:#9ab1b6}#modal-content h3{font-size:15px;color:#c5d8be;margin:21px 0 8px}.help-steps{display:grid;gap:10px;margin:22px 0}.help-step{display:flex;gap:12px;padding:13px;background:#cfe2d607;border:1px solid #dae7d612;border-radius:12px;font-size:11px;line-height:1.8;color:#92aeb7}.help-step>span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:9px;background:#cee4bd14;border:1px solid #cfe5bd1a;color:#b6caa3;font-weight:800}.help-step strong{color:#d0ddc5}.modal-action{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;width:100%;margin-top:20px;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:800;color:#28483f;background:linear-gradient(130deg,#dfd5af,#b8d0b6);border:1px solid #d5e3ba44}.modal-action:hover{background:#d5e4c3}.modal-action svg{width:17px;height:17px}.passport-cover{margin:17px 0;border:1px solid #b3d4b128;background:linear-gradient(140deg,#2d615b55,#17383491);border-radius:17px;padding:25px;text-align:center;box-shadow:inset 0 0 0 4px #bad7ad05}.passport-cover>svg{width:55px;height:55px;stroke-width:1;color:#d2cc9d;margin:10px 0}.passport-cover .eyebrow{color:#a5ba9e;font-size:7px}.passport-cover h3{font:500 26px var(--display);color:#e6e1be!important;margin:0!important}.passport-cover p{font-size:10px!important;color:#9bb3a2!important;margin:8px 0}.passport-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.passport-stat{border:1px solid #bed4ca14;border-radius:12px;background:#d6e6d505;padding:15px 9px;text-align:center}.passport-stat strong{display:block;font:500 26px var(--display);color:#bed1ac}.passport-stat span{font-size:8px;color:#74939c}.badge-row{display:flex;gap:9px;margin:20px 0}.badge{flex:1;padding:13px 7px;border-radius:12px;background:#d4e3cd05;opacity:.4;text-align:center;border:1px solid #d5e5d010}.badge.unlocked{opacity:1;background:#d6c18d0c;border-color:#d3c29922}.badge>svg{width:26px;height:26px;color:#baa979;margin-bottom:6px}.badge strong{display:block;font-size:9px;color:#c5d3b4}.badge small{font-size:7px;color:#7f9ba1}.stamp-list{display:flex;flex-wrap:wrap;gap:7px;max-height:180px;overflow:auto}.stamp{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px dashed #bdd4b734;border-radius:8px;background:#c3d4ad08;font-size:10px;color:#bbccb0}.stamp .country-flag{width:21px;height:16px}.result-medal{display:block;font-size:65px;text-align:center;margin:9px 0}.result-title{text-align:center}.result-score{display:flex;justify-content:center;text-align:center;gap:37px;margin:23px 0}.result-score strong{display:block;font:500 32px var(--display);color:#c0d3ad}.result-score>div>span{font-size:9px;color:#7b9da4}.result-score strong span{font-size:13px;color:#718f9b}.result-review{background:#d6c28a08;border:1px solid #d7d4ae18;border-radius:15px;padding:16px;margin:19px 0}.result-review h3{font:500 21px var(--display);margin:0!important}.result-review>p{font-size:10px!important;margin:6px 0 12px}.review-list{display:grid;gap:8px;max-height:220px;overflow:auto;scrollbar-width:thin;scrollbar-color:#506e75 #193043;padding-right:3px}.review-row{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #cee2d317;border-radius:10px;background:#d5e8d704}.review-row>.country-flag{width:35px;height:26px}.review-row>div{flex:1;min-width:0}.review-row strong{display:block;font-size:12px;color:#c6d8b8}.review-row span{display:block;font-size:10px;color:#9cb7a2;margin-top:3px}.review-row small{display:block;font-size:9px;color:#7c9599;margin-top:3px}.review-row>svg{height:17px;width:17px;color:#b1ac80}.review-action{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;padding:10px 13px;margin-top:14px;border-radius:10px;border:1px solid #b5d1a43b;background:#bfd3a612;color:#c4d6b5;font-size:11px;font-weight:800}.review-action:hover{background:#cee3b222}.review-action svg{width:16px;height:16px}.perfect-round{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:11px;background:#c5dba70b;color:#bfd5aa!important;font-size:11px!important;border:1px solid #c7dda719}.perfect-round svg{width:17px;height:17px}.sources{font-size:9px!important;border-top:1px solid #d8e8dd17;padding-top:14px}.sources a{color:#c0d2bc;text-decoration:underline;text-underline-offset:2px}.toast{position:fixed;left:50%;top:82px;transform:translate(-50%,-10px);padding:12px 20px;border:1px solid #c7ddd42e;background:#173348ef;backdrop-filter:blur(15px);border-radius:13px;box-shadow:0 8px 30px #0003;color:#e4e9d4;font-size:12px;text-align:center;width:max-content;max-width:calc(100% - 32px);z-index:50;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:80}.confetti-piece{position:absolute;top:-20px;width:7px;height:11px;animation:fall 1.8s cubic-bezier(.2,.6,.5,1) forwards}@keyframes fall{to{transform:translate(var(--drift),100dvh) rotate(700deg);opacity:0}}.noscript{position:fixed;left:20px;right:20px;top:100px;padding:20px;background:#384938;border:1px solid #f2d3a3;border-radius:15px;color:#fff0cf;z-index:90;text-align:center}
@media(max-width:1280px){.scene-hint{display:none}.quiz-panel{width:min(1000px,calc(100% - 100px))}.topbar{left:24px;right:24px}.brand{font-size:24px}.nav-item{font-size:11px;padding:9px 14px}.passport-button{padding:8px 12px}.passport-total{display:none}.scene-links{right:24px}.question-side{gap:13px}.answer{font-size:12px}.question-info.with-flag #question-title{font-size:25px}}
@media(max-width:1000px){.topbar{left:22px;right:22px;gap:15px}.brand{font-size:23px}.brand-planet{margin-right:6px;width:27px}.brand-planet svg{width:26px;height:26px}.top-actions{gap:6px}.icon-button{height:38px;width:38px}.passport-button{min-height:38px;padding:8px 11px;gap:7px}.main-nav{padding:4px}.nav-item{font-size:10px;padding:9px 12px;gap:6px;min-height:33px}.nav-item svg{width:15px;height:15px}.quiz-panel{width:calc(100% - 84px);padding:0 20px}.question-side{gap:10px}.round-score div>span{max-width:44px;white-space:normal;font-size:7px;line-height:1.45;display:block}.round-score strong{font-size:23px}.score-star{width:30px;height:30px;font-size:22px}.question-info{max-width:66%}#question-title{font-size:28px}.answers{gap:8px}.answer{padding:11px 12px;font-size:12px;gap:8px}.question-info.with-flag{grid-template-columns:75px minmax(0,1fr);column-gap:13px;max-width:67%}.flag-question img{width:63px;height:47px}.question-info.with-flag #question-title{font-size:24px}.question-info.with-flag #question-instruction{font-size:9px}.center-in-quiz{font-size:9px}.center-in-quiz svg{width:15px;height:15px}.feedback{font-size:9px}.globe-toolbar{right:18px}.scene-links{right:22px;top:83px}.explore-panel{left:20px;width:310px}.country-popover{right:78px}}
@media(max-width:760px){.topbar{top:max(16px,env(safe-area-inset-top));left:18px;right:18px;height:40px}.brand{font-size:24px}.brand-planet{width:28px}.top-actions{gap:6px}.passport-button{padding:8px;min-height:37px;width:37px;justify-content:center}.passport-button>span{display:none}.icon-button{width:37px;height:37px}.icon-button svg{height:17px;width:17px}.main-nav{top:56px;min-width:234px}.nav-item{flex:1;min-height:32px;font-size:11px;padding:8px 12px;gap:6px}.scene-links{top:78px;left:18px;right:18px;justify-content:space-between;pointer-events:none}.scene-links .icon-button{height:32px;width:32px;pointer-events:auto;background:#112b4055}.target-view{top:123px;letter-spacing:1.3px;font-size:6px}.quiz-panel{width:calc(100% - 30px);bottom:max(16px,env(safe-area-inset-bottom));border-radius:21px;padding:0 19px;max-height:56dvh}.quiz-tabs{gap:21px}.quiz-tab{min-height:45px;font-size:10px;gap:6px}.small-new{display:none}.question-main{margin:15px 0 14px;gap:12px}.question-info{max-width:72%}#question-title{font-size:27px}#question-instruction{font-size:10px;line-height:1.6}.question-label{font-size:6px;margin-bottom:6px;letter-spacing:1px}.question-separator,#question-region{display:none}.question-side{flex-direction:column;align-items:flex-end;gap:9px}.round-score{gap:6px}.round-score div{display:flex;align-items:baseline;gap:6px}.round-score strong{font-size:23px}.round-score div>span{font-size:6px;max-width:43px;line-height:1.4}.score-star{height:26px;width:26px;font-size:21px;border-radius:9px}.center-in-quiz{font-size:9px;padding:6px 9px;min-height:30px;gap:5px}.center-in-quiz svg{width:14px;height:14px}.answers{gap:8px}.answer{font-size:12px;min-height:57px;padding:11px 10px;gap:7px}.answer-key{width:23px;height:23px;font-size:9px;border-radius:7px}.quiz-bottom{min-height:52px;gap:10px}.feedback{font-size:9px;max-width:70%;line-height:1.6;gap:5px}.feedback svg{width:13px;height:13px}.next-button{font-size:10px;min-height:35px;padding:8px 12px;gap:6px}.quiz-bottom>.text-button{font-size:10px;gap:5px}.quiz-settings{gap:12px;padding:11px 0}.scope-setting>span,.difficulty>span,.round-description{display:none}.scope-setting select,.difficulty select{font-size:10px;min-height:35px;padding:7px 8px}.scope-setting>svg{width:14px;height:14px}.scope-setting{gap:6px}.question-info.with-flag{grid-template-columns:72px minmax(0,1fr);column-gap:12px;max-width:73%}.flag-question img{width:60px;height:45px}.question-info.with-flag #question-title{font-size:24px}.question-info.with-flag #question-instruction{font-size:9px}.globe-toolbar{top:auto;bottom:calc(var(--hud-height) + 18px);right:17px;transform:none;flex-direction:row;gap:1px;padding:4px;border-radius:24px}.globe-toolbar button{height:30px;width:30px;font-size:23px}.globe-toolbar button svg{width:16px;height:16px}.globe-toolbar>span{display:none}.globe-toolbar #globe-reset{display:none}.center-on-stage{bottom:calc(var(--hud-height) + 18px);left:17px;transform:none;min-height:40px;padding:9px 13px;font-size:10px;gap:6px}.center-on-stage:hover{transform:translateY(-2px)}.center-on-stage:active{transform:translateY(1px)}.center-on-stage kbd{display:none}.center-on-stage svg{width:16px;height:16px}.restore-panel,.catalog-toggle{bottom:max(20px,env(safe-area-inset-bottom));font-size:11px}.is-focus .globe-toolbar{bottom:85px}.explore-panel{left:15px;right:15px;bottom:max(16px,env(safe-area-inset-bottom));top:auto;width:auto;max-height:45dvh;padding:20px;border-radius:20px}.explore-heading{gap:13px}.explore-heading .eyebrow,.explore-heading p:not(.eyebrow){display:none}.explore-heading h2{font-size:25px;margin:0 28px 0 0}.search-box{min-height:38px;padding:9px 11px}.search-box input{font-size:11px}.filter-chips{margin:12px 0 10px;gap:5px}.filter-chips button{font-size:9px;padding:6px 9px;min-height:27px}.country-results-head{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;font-size:9px;margin-bottom:10px}.country-results-head label{font-size:8px}.country-list{grid-template-columns:repeat(2,minmax(0,1fr));min-height:80px;flex:1;max-height:180px;gap:6px}.country-item{font-size:10px;padding:10px;gap:8px;min-height:48px}.country-item small{font-size:8px}.country-flag{width:25px;height:19px}.country-popover{left:17px;right:auto;top:153px;width:196px;padding:18px;border-radius:17px}.country-popover h3{font-size:25px}.country-popover p{font-size:10px}.popover-flag .country-flag{width:45px;height:34px}.popover-capital strong{font-size:13px}.speak-button{font-size:10px;min-height:34px;margin-top:11px}.toast{top:121px;font-size:11px;padding:11px 16px}.review-banner{font-size:9px;padding:7px 9px}.review-banner button{font-size:8px}}
@media(max-width:520px){.topbar{left:16px;right:16px}.brand{font-size:22px;letter-spacing:-.6px}.brand-planet{width:26px;margin-right:5px}.brand-planet svg{width:25px;height:25px}.top-actions{gap:5px}.icon-button,.passport-button{width:34px;height:34px;min-height:34px}.icon-button svg,.passport-button svg{height:16px;width:16px}.main-nav{top:54px;min-width:222px;padding:4px}.nav-item{min-height:30px;font-size:10px;gap:5px;padding:8px 11px}.nav-item svg{height:15px;width:15px}.scene-links{left:16px;right:16px;top:76px}.scene-links .icon-button{width:29px;height:29px}.scene-links svg{height:14px;width:14px}.target-view{top:119px;font-size:6px}.quiz-panel{width:calc(100% - 26px);padding:0 15px;border-radius:20px;max-height:57dvh}.quiz-tabs{gap:18px}.quiz-tab{font-size:9px;gap:5px;min-height:42px}.quiz-tab svg{height:14px;width:14px}.settings-toggle{width:28px;height:28px}.settings-toggle svg{width:16px;height:16px}.quiz-topline{gap:9px}.question-main{margin:13px 0 13px;gap:10px}.question-label{font-size:6px;letter-spacing:.8px;margin-bottom:6px}#question-title{font-size:25px;line-height:1.15;margin-bottom:4px}#question-instruction{font-size:9px;line-height:1.6}.question-info{max-width:70%}.question-side{gap:9px}.center-in-quiz{font-size:8px;padding:6px 8px;min-height:28px;gap:4px}.center-in-quiz svg{width:13px;height:13px}.score-star{height:23px;width:23px;font-size:18px;border-radius:8px}.round-score{gap:5px}.round-score strong{font-size:21px}.round-score div{gap:4px}.round-score div>span{font-size:6px;max-width:36px;line-height:1.35}.answers{gap:7px}.answer{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;padding:10px 7px;min-height:75px;border-radius:11px;font-size:11px;position:relative}.answer-key{height:20px;width:20px;font-size:8px;border-radius:6px}.answer-text{line-height:1.4}.answer>svg{position:absolute;right:5px;top:5px;width:13px;height:13px;margin:0}.answers[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.answers[data-count="4"] .answer{flex-direction:row;text-align:left;justify-content:flex-start;min-height:48px;gap:8px;padding:10px 12px}.answers[data-count="6"] .answer{min-height:63px;padding:8px 6px;gap:4px}.quiz-bottom{min-height:55px;gap:8px}.feedback{font-size:8px;line-height:1.65;max-width:66%;gap:5px}.feedback svg{height:12px;width:12px}.quiz-bottom>.text-button{font-size:9px;gap:4px;min-height:35px}.quiz-bottom>.text-button svg{width:13px;height:13px}.next-button{font-size:9px;min-height:34px;padding:8px 10px;gap:5px;border-radius:9px}.next-button svg{width:12px;height:12px}.question-info.with-flag{grid-template-columns:61px minmax(0,1fr);column-gap:10px;max-width:73%}.flag-question{padding:4px;border-radius:8px}.flag-question img{width:51px;height:39px}.question-info.with-flag #question-title{font-size:22px;line-height:1.15}.question-info.with-flag #question-instruction{font-size:8px;line-height:1.6}.question-info.with-flag .question-label{font-size:5px;letter-spacing:.5px}.globe-toolbar{right:15px;bottom:calc(var(--hud-height) + 16px);padding:4px}.globe-toolbar button{height:28px;width:28px;font-size:22px}.globe-toolbar button svg{height:15px;width:15px}.center-on-stage{left:15px;bottom:calc(var(--hud-height) + 16px);font-size:10px;padding:9px 12px;min-height:38px}.scope-setting select{max-width:153px;font-size:10px}.difficulty select{max-width:110px;font-size:10px}.scope-setting svg{width:13px;height:13px}.quiz-settings{padding:10px 0;gap:8px}.review-banner{font-size:8px;gap:7px;padding:7px 8px}.review-banner button{font-size:8px;gap:3px}.review-banner svg{width:12px;height:12px}.explore-panel{padding:18px 16px;left:13px;right:13px}.explore-heading h2{font-size:24px}.filter-chips button{font-size:8px;padding:6px 8px}.country-results-head{font-size:8px}.country-results-head label{font-size:7px}.country-popover{top:145px;left:15px;width:180px;padding:16px}.country-popover h3{font-size:23px}.popover-flag{margin-bottom:10px}.popover-capital{padding-top:10px;margin-top:10px!important}.country-popover .speak-button{font-size:9px;padding:7px}.popover-capital strong{font-size:12px}dialog{padding:19px;max-height:90dvh;border-radius:21px}.modal-kicker{font-size:6px}#modal-content{padding:12px 2px 3px}#modal-title{font-size:29px}#modal-content p{font-size:11px}.help-step{font-size:10px;padding:11px;gap:10px}.passport-cover{padding:20px}.passport-cover h3{font-size:24px}.passport-cover p{font-size:9px!important}.passport-stat strong{font-size:24px}.passport-stat span{font-size:7px}.badge{padding:11px 5px}.badge strong{font-size:8px}.badge small{font-size:6px}.result-medal{font-size:57px}.result-score{gap:28px;margin:20px 0}.result-score strong{font-size:29px}.result-score>div>span{font-size:8px}.result-review{padding:13px}.result-review h3{font-size:19px}.review-row{padding:10px;gap:10px}.review-row strong{font-size:11px}.review-row span{font-size:10px}.review-row small{font-size:8px}.review-action{font-size:10px}.modal-action{font-size:11px}.perfect-round{font-size:10px!important}}
@media(max-width:360px){.topbar{left:13px;right:13px}.brand{font-size:20px}.brand-planet{width:23px;margin-right:4px}.brand-planet svg{width:23px;height:23px}.top-actions{gap:4px}.icon-button,.passport-button{width:31px;height:31px;min-height:31px}.main-nav{min-width:209px}.nav-item{font-size:9px;padding:8px 9px}.scene-links{left:13px;right:13px}.scene-links .icon-button{height:27px;width:27px}.quiz-panel{padding:0 12px;width:calc(100% - 22px)}.quiz-tabs{gap:14px}.quiz-tab{font-size:8px;gap:4px}.quiz-tab svg{height:13px;width:13px}.question-info{max-width:69%}#question-title{font-size:24px}#question-instruction{font-size:8px}.round-score div>span{display:none}.center-in-quiz{font-size:8px;padding:6px;gap:3px}.answer{font-size:10px;padding:9px 5px;min-height:73px}.answer-key{height:19px;width:19px}.feedback{font-size:8px;max-width:61%}.next-button{font-size:8px;padding:8px}.quiz-bottom>.text-button{font-size:8px}.center-on-stage{left:13px;font-size:9px;padding:9px 11px}.globe-toolbar{right:13px}.globe-toolbar button{width:27px;height:27px}.scope-setting select{max-width:135px;font-size:9px}.difficulty select{max-width:97px;font-size:9px}.question-info.with-flag{grid-template-columns:54px minmax(0,1fr);column-gap:8px}.flag-question img{width:44px;height:34px}.question-info.with-flag #question-title{font-size:21px}.question-info.with-flag #question-instruction{font-size:7px}.review-banner{font-size:7px}.review-banner button{font-size:7px}}
@media(max-height:600px) and (min-width:761px){.topbar{top:15px;height:36px}.brand{font-size:22px}.icon-button,.passport-button{height:34px;min-height:34px}.main-nav{padding:3px}.nav-item{min-height:29px;padding:7px 12px;font-size:10px}.target-view{top:68px;font-size:6px}.scene-links{top:65px}.scene-links .icon-button{width:28px;height:28px}.quiz-panel{bottom:14px;padding:0 18px;max-height:53dvh;width:min(940px,calc(100% - 120px));border-radius:18px}.quiz-tab{min-height:34px;font-size:9px}.quiz-tab svg{width:13px;height:13px}.question-main{margin:10px 0 10px}#question-title{font-size:24px}#question-instruction{font-size:9px}.question-label{font-size:6px;margin-bottom:3px}.answer{min-height:42px;padding:9px 12px;font-size:11px}.answer-key{height:22px;width:22px;font-size:8px}.quiz-bottom{min-height:39px}.feedback,.quiz-bottom>.text-button{font-size:9px}.next-button{min-height:29px;padding:6px 12px;font-size:9px}.center-on-stage{min-height:34px;padding:8px 13px;font-size:10px;bottom:calc(var(--hud-height) + 13px)}.globe-toolbar{right:18px;top:43%;padding:4px}.globe-toolbar button{height:28px;width:28px;font-size:21px}.question-info.with-flag{grid-template-columns:59px minmax(0,1fr);column-gap:10px}.flag-question img{width:47px;height:36px}.question-info.with-flag #question-title{font-size:22px}.quiz-settings{padding:7px 0}.scope-setting select,.difficulty select{min-height:29px;font-size:10px;padding:5px 8px}.explore-panel{top:71px;bottom:15px}.explore-heading h2{font-size:24px}.explore-heading p:not(.eyebrow){display:none}.explore-heading{gap:12px}.filter-chips{margin:12px 0}.country-popover{top:80px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.catalog-closed .center-on-stage{bottom:82px}
@media(max-width:520px){.answer{font-size:12px}}
@media(max-width:360px){.answer{font-size:11px}}
/* The Sun is a quiet, distant light source behind the interactive planet. */
.distant-sun{position:absolute;left:84%;top:18%;width:clamp(24px,3vw,43px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.sun-disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 42% 42%,#fffef1 0%,#fff7c1 43%,#ffd77b 75%,#f9a94f 100%);box-shadow:0 0 16px 6px #ffeabf77,0 0 54px 18px #ffb24d29}.sun-corona{position:absolute;inset:-280%;border-radius:50%;background:radial-gradient(circle,#ffe1a32b, #f6b57913 24%,#efb36a07 43%,transparent 68%)}.sun-flare{position:absolute;left:-280%;right:-280%;top:48%;height:2px;background:linear-gradient(90deg,transparent,#ffdca13d 40%,#fff1c397 50%,#ffdca13d 60%,transparent);filter:blur(1px)}.globe-gpu{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#globe{position:relative;z-index:1}.globe-loading{z-index:2}.quiz-settings{flex-wrap:wrap;column-gap:15px;row-gap:12px}.render-settings{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #d3e4e317;padding-top:12px}.graphics-setting{display:flex;align-items:center;gap:10px;font-size:10px;color:#9bb6be}.graphics-setting select{font:700 11px var(--font);color:#dfebe3;background:#162e43;border:1px solid #b8d4d52e;border-radius:9px;min-height:35px;padding:7px 10px;cursor:pointer;max-width:190px}.inertia-setting{position:relative;display:flex;align-items:center;gap:9px;font-size:10px;color:#b1c9cc;cursor:pointer}.inertia-setting input{position:absolute;left:0;opacity:0;width:34px;height:22px;margin:0}.switch-track{display:block;width:32px;height:19px;border-radius:20px;background:#30495a;border:1px solid #9fbdc52b;transition:background .2s;flex-shrink:0}.switch-track:after{content:'';display:block;width:13px;height:13px;margin:2px;border-radius:50%;background:#d4e2dc;transition:transform .2s}.inertia-setting input:checked+.switch-track{background:#6f9d8b}.inertia-setting input:checked+.switch-track:after{transform:translateX(12px);background:#f5f2d8}.inertia-setting input:focus-visible+.switch-track{outline:2px solid #ffd5a1;outline-offset:4px}.render-status{font-size:9px;color:#7e9eac;margin-left:auto}.low-effects .glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#10283de8}.low-effects .space-nebula,.low-effects .sun-corona,.low-effects .sun-flare{display:none}.low-effects .star:nth-child(n+50){display:none}.low-effects .star{box-shadow:none}.low-effects .sun-disc{box-shadow:0 0 20px #ffdba05c}.low-effects .answer,.low-effects .quiz-panel,.low-effects .main-nav{box-shadow:none}.low-effects .quiz-panel{background:#132c41ed}
@media(max-width:760px){.render-settings{gap:13px 18px;padding-top:11px}.graphics-setting{gap:8px;font-size:10px}.graphics-setting select{font-size:10px;min-height:33px;padding:7px 8px;max-width:174px}.inertia-setting{font-size:10px}.render-status{flex-basis:100%;margin-left:0;font-size:8px}.distant-sun{width:25px}}
@media(max-width:360px){.graphics-setting{font-size:9px}.graphics-setting select{font-size:9px;max-width:158px}.inertia-setting{font-size:9px}}
/* Illustrated wonders share the same quiet atlas palette as the globe. */
.topic-short{display:none}.collection-tabs{display:flex;gap:5px;background:#071d2e45;border:1px solid #c4ded51a;padding:4px;border-radius:11px}.collection-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:32px;padding:7px 9px;border-radius:8px;font-size:11px;color:#8baeb5;font-weight:800}.collection-tabs svg{width:15px;height:15px}.collection-tabs button.active{background:#cce3c318;color:#e3eacc}.landmark-thumb{width:62px;height:44px;object-fit:cover;border-radius:7px;flex-shrink:0;border:1px solid #c5dec224}.landmark-catalog .country-item{padding:8px;gap:11px}.landmark-catalog .country-item>span{line-height:1.35}.landmark-catalog .country-item small{margin-top:5px}.landmark-question{grid-column:1;grid-row:1 / span 3;align-self:center;border:1px solid #d4e8d63b;border-radius:13px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 8px 18px #0002;background:#abc8b8}.landmark-question img{display:block;object-fit:cover;width:126px;height:86px}.question-info.with-landmark{display:grid;grid-template-columns:128px minmax(0,1fr);column-gap:18px;max-width:75%;align-items:center}.question-info.with-landmark .question-label,.question-info.with-landmark #question-title,.question-info.with-landmark #question-instruction{grid-column:2}.question-info.with-landmark #question-title{font-size:27px}.question-info.with-landmark #question-instruction{max-width:300px}.landmark-reveal{display:grid;grid-template-columns:minmax(130px,.8fr) 2fr auto;align-items:center;gap:15px;padding:13px 15px;margin:12px 0 0;border:1px solid #bed7aa25;border-radius:11px;background:#a5c3a00c}.landmark-reveal strong{font:500 19px/1.2 var(--display);color:#dce9cf;display:block}.landmark-reveal span{display:block;font-size:8px;color:#829eab;margin-top:4px}.landmark-reveal p{font-size:10px;color:#a8c0bc;margin:0;line-height:1.65}.landmark-reveal a{font-size:9px;white-space:nowrap;color:#dac89b}.landmark-reveal a:hover,.landmark-source:hover{color:#fff0ca;text-decoration:underline}.landmark-popover{width:260px;padding:20px;max-height:calc(100dvh - 155px);overflow:auto;scrollbar-width:thin;scrollbar-color:#729b94 #173448}.landmark-postcard{width:100%;height:auto;display:block;border-radius:12px;margin:12px 0 16px;aspect-ratio:16/11;object-fit:cover}.landmark-popover .landmark-kind{font-size:7px;letter-spacing:1.2px;color:#d3bf91;text-transform:uppercase;margin:0 0 6px}.landmark-popover h3{font-size:27px}.landmark-popover .landmark-place{font-size:10px;color:#aac7c0}.landmark-popover .landmark-fact{font-size:11px;line-height:1.75;border-top:1px solid #d6e6cf22;padding-top:12px;margin-top:12px}.landmark-card-actions{display:flex;gap:7px}.landmark-card-actions .speak-button{font-size:9px;gap:5px;padding:8px 5px}.landmark-card-actions svg{width:13px;height:13px}.landmark-source{display:inline-block;margin-top:13px;font-size:9px;color:#c8c59e}.review-landmark{width:49px;height:35px;object-fit:cover;border-radius:6px}.wonder-passport{margin:24px 0;padding:17px;background:#c1d8b30b;border:1px solid #c7debd1c;border-radius:14px}.wonder-passport h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font:500 23px var(--display);color:#dfebce}.wonder-passport h3>span{font:800 12px var(--font);color:#adc0a6}.wonder-passport>p{margin:0!important;font-size:11px!important}.wonder-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wonder-stamps>div{border-radius:9px;overflow:hidden;background:#c5d8b70b;border:1px solid #c5d8b71a}.wonder-stamps img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover}.wonder-stamps span{display:block;text-align:center;font-size:9px;line-height:1.4;padding:8px 4px;color:#c8ddbf}
@media(max-width:1000px){.quiz-tabs{gap:17px}.quiz-tab{font-size:10px}.quiz-tab svg{width:14px;height:14px}.question-info.with-landmark{grid-template-columns:110px minmax(0,1fr);gap:0 15px;max-width:72%}.landmark-question img{width:108px;height:75px}.question-info.with-landmark #question-title{font-size:25px}.landmark-reveal{grid-template-columns:1fr 2fr;gap:9px 15px}.landmark-reveal a{grid-column:2}.landmark-reveal p{font-size:9px}}
@media(max-width:760px){.topic-long{display:none}.topic-short{display:inline}.quiz-tabs{gap:17px;min-width:0}.quiz-tab{font-size:10px;gap:5px}.quiz-tab svg{width:14px;height:14px}.question-info.with-landmark{grid-template-columns:89px minmax(0,1fr);column-gap:12px;max-width:76%}.landmark-question{border-radius:10px}.landmark-question img{width:87px;height:62px}.question-info.with-landmark #question-title{font-size:24px}.question-info.with-landmark #question-instruction{font-size:9px;line-height:1.5}.question-info.with-landmark .question-label{font-size:6px;letter-spacing:.5px}.landmark-reveal{padding:11px;grid-template-columns:1fr auto;gap:6px 12px;margin-top:9px}.landmark-reveal>div{grid-column:1}.landmark-reveal strong{font-size:18px}.landmark-reveal span{font-size:8px;margin-top:3px}.landmark-reveal p{grid-column:1 / -1;grid-row:2;font-size:9px;line-height:1.6}.landmark-reveal a{grid-column:2;grid-row:1;font-size:8px}.collection-tabs{padding:3px;gap:4px}.collection-tabs button{min-height:29px;font-size:10px;padding:6px 9px}.collection-tabs svg{width:14px;height:14px}.landmark-thumb{width:47px;height:34px}.landmark-catalog .country-item{padding:7px;gap:8px;min-height:49px;font-size:10px}.landmark-catalog .country-item small{font-size:8px;margin-top:3px}.landmark-popover{left:16px;right:16px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 65px));top:auto;width:auto;max-height:48dvh;padding:18px;display:grid;grid-template-columns:103px minmax(0,1fr);gap:0 15px;border-radius:19px;background:linear-gradient(140deg,#234a5ae8,#102b40ef);z-index:11}.landmark-postcard{grid-column:1;grid-row:1 / span 3;width:103px;height:77px;object-fit:cover;margin:0;align-self:center;border-radius:10px}.landmark-popover .landmark-kind{grid-column:2;grid-row:1;font-size:6px;margin:0 18px 6px 0;align-self:end}.landmark-popover h3{grid-column:2;grid-row:2;font-size:25px;margin:0 12px 4px 0}.landmark-popover .landmark-place{grid-column:2;grid-row:3;font-size:9px;margin:0}.landmark-popover .landmark-fact{grid-column:1 / -1;font-size:10px;line-height:1.65;padding-top:10px;margin-top:12px}.landmark-card-actions{grid-column:1 / -1;gap:8px}.landmark-card-actions .speak-button{margin-top:10px;font-size:10px;min-height:34px}.landmark-source{grid-column:1 / -1;font-size:8px;margin-top:10px}.wonder-passport{padding:13px;margin:20px 0}.wonder-passport h3{font-size:21px}.wonder-stamps{gap:7px}.wonder-stamps span{font-size:8px;padding:6px 4px}}
@media(max-width:520px){.quiz-tabs{gap:13px}.quiz-tab{font-size:9px;gap:4px}.quiz-tab svg{width:13px;height:13px}.question-info.with-landmark{grid-template-columns:72px minmax(0,1fr);column-gap:11px;max-width:76%}.landmark-question img{width:70px;height:52px}.question-info.with-landmark #question-title{font-size:22px;line-height:1.15}.question-info.with-landmark #question-instruction{font-size:8px;line-height:1.5}.question-info.with-landmark .question-label{font-size:5px;letter-spacing:.3px}.landmark-reveal strong{font-size:17px}.landmark-reveal span{font-size:7px}.landmark-reveal p{font-size:9px}.landmark-popover h3{font-size:23px}.landmark-popover .landmark-fact{font-size:10px}}
@media(max-width:360px){.quiz-tabs{gap:9px}.quiz-tab{font-size:8px;gap:4px}.quiz-tab svg{width:12px;height:12px}.question-info.with-landmark{grid-template-columns:61px minmax(0,1fr);column-gap:9px}.landmark-question img{width:59px;height:47px}.question-info.with-landmark #question-title{font-size:20px}.question-info.with-landmark #question-instruction{font-size:7px}.wonder-stamps{grid-template-columns:repeat(2,minmax(0,1fr))}.landmark-popover{left:13px;right:13px;padding:15px;grid-template-columns:88px 1fr;column-gap:12px}.landmark-postcard{width:88px;height:69px}.landmark-popover h3{font-size:22px}}
@media(max-height:600px) and (min-width:761px){.question-info.with-landmark{grid-template-columns:80px minmax(0,1fr);column-gap:13px}.landmark-question img{width:78px;height:53px}.question-info.with-landmark #question-title{font-size:23px}.landmark-reveal{padding:8px 12px;margin-top:8px}.landmark-reveal strong{font-size:17px}.landmark-popover{top:80px;max-height:calc(100dvh - 100px)}.landmark-postcard{margin:4px 0 10px;max-height:120px}.collection-tabs button{min-height:26px;padding:5px 8px}}

/* A shared reading view keeps the complete stories readable without covering the quiz permanently. */
.landmark-story-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid #d9e7ba42;border-radius:10px;background:#bed9b31c;color:#e2ebc8;font:800 11px var(--font);line-height:1.4;cursor:pointer}
.landmark-story-button svg{width:15px;height:15px;flex-shrink:0}.landmark-story-button:hover{background:#d8e4be30}.landmark-story-button:focus-visible{outline:2px solid #e8d6a6;outline-offset:3px}.landmark-popover>.landmark-story-button{width:100%;margin-top:12px;grid-column:1 / -1}
dialog.story-dialog{width:min(660px,calc(100% - 30px));max-height:88dvh;padding:24px}.story-dialog .modal-top{position:sticky;top:-24px;z-index:1;background:#142c41;padding:8px 0}.story-dialog .modal-top .icon-button{width:38px;height:38px;flex-shrink:0}
#modal-content .story-kicker{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#c8c596;margin:4px 0 10px}.landmark-story #modal-title{font-size:36px;line-height:1.15;margin-bottom:8px;overflow-wrap:anywhere}#modal-content .story-place{font-size:12px;color:#afc5bf;margin:0 0 22px}.story-postcard{float:right;width:180px;height:auto;margin:0 0 16px 22px;border-radius:15px;border:1px solid #cee2c522}
#modal-content .landmark-story h3{font-size:17px;line-height:1.4;color:#e0e9ca;margin:0 0 10px}#modal-content .landmark-story section>p,#modal-content .landmark-story aside>p{font-size:14px;line-height:1.85;color:#bfd0cc;margin:0;overflow-wrap:anywhere}.story-significance{clear:both;margin-top:24px;padding:19px;border-radius:14px;background:#bcd5a70e;border:1px solid #cce1b525}.story-notice{margin-top:22px;padding-left:17px;border-left:3px solid #cfba84}#modal-content .story-notice h3{font-size:13px;color:#e0d0a3}.landmark-story>.landmark-source{min-height:44px;display:inline-flex;align-items:center;font-size:12px;margin-top:17px;white-space:normal;line-height:1.5}
@media(max-width:1000px) and (min-width:761px){.landmark-reveal>.landmark-story-button{grid-column:2;justify-self:start}}
@media(max-width:760px){.landmark-reveal>.landmark-story-button{grid-column:1 / -1;grid-row:3;min-height:38px;margin-top:3px}.landmark-story #modal-title{font-size:30px}.story-postcard{float:none;display:block;width:100%;max-height:190px;object-fit:contain;background:#96bec010;margin:0 0 21px}.story-significance{padding:16px}.story-dialog #modal-content{padding-left:0;padding-right:0}dialog.story-dialog{padding:20px;max-height:90dvh}.story-dialog .modal-top{top:-20px}#modal-content .landmark-story section>p,#modal-content .landmark-story aside>p{font-size:14px}}

/* Two reading levels share one calm, readable story surface. */
dialog.story-dialog{width:min(780px,calc(100% - 28px));max-height:90dvh;padding:26px}.story-dialog .modal-top{top:0;z-index:3;padding:10px 0;background:#152d41}.story-dialog #modal-content{padding:15px 5px 8px}.reading-hero{display:grid;grid-template-columns:196px minmax(0,1fr);gap:23px;align-items:center;margin:4px 0 24px}.reading-hero .story-postcard{float:none;display:block;width:196px;height:auto;max-height:none;margin:0;object-fit:cover;box-shadow:0 14px 28px #0002;transform:rotate(-2deg)}.reading-hero #modal-title{font-size:36px;line-height:1.12;margin:0 0 10px;overflow-wrap:anywhere}#modal-content .reading-hero .story-kicker{font-size:9px;line-height:1.6;letter-spacing:1px;margin:0 0 9px}#modal-content .reading-hero .story-place{font-size:12px;line-height:1.6;margin:0;color:#b4cbc2}.reading-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border-radius:15px;background:#071b2b6b;border:1px solid #c6deca24;clear:both}.reading-tabs button{min-height:57px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font:800 14px var(--font);color:#9fb9bc;transition:background .15s,color .15s}.reading-tabs button>span{display:block;font-size:10px;font-weight:500;letter-spacing:.1px;margin-top:4px;color:#829da8}.reading-tabs button.active{background:#d0e2bb1d;border-color:#d7e8b94d;color:#e5edcc;box-shadow:0 3px 12px #00111a26}.reading-tabs button.active>span{color:#b5cba9}.reading-tabs button:hover{background:#cde4bf10}.reading-tabs button:focus-visible,.reading-audio button:focus-visible,.reading-back:focus-visible,.wonder-story-stamp:focus-visible,.reading-sources summary:focus-visible{outline:2px solid #efcf92;outline-offset:3px}#modal-content .reading-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;line-height:1.6;color:#95b3b3;margin:14px 0 24px}#modal-content .reading-meta>span{color:#a9b993}.reading-description{clear:both}#modal-content .landmark-story .reading-description h3{font:500 24px/1.2 var(--display);color:#e3eacc;margin:0 0 15px}#modal-content .landmark-story .reading-description p,#modal-content .landmark-story .story-significance p{font-size:16px;line-height:1.9;color:#c1d3cf;margin:0}#modal-content .landmark-story .reading-description p+p{margin-top:16px}.story-significance{margin-top:25px;padding:20px 22px;background:linear-gradient(125deg,#c9dda610,#78b5aa0b);border-color:#c6dfac2c}#modal-content .landmark-story .story-significance h3{font-size:15px;color:#d9e6bd;margin-bottom:10px}.story-notice{margin:23px 0 25px;padding:3px 0 3px 17px}#modal-content .landmark-story .story-notice p{font-size:15px;line-height:1.7;color:#dbcda9}.story-notice>span{display:block;font-size:10px;color:#98b0af;line-height:1.6;margin-top:8px}.reading-audio{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.reading-audio button,.reading-error button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:42px;border:1px solid #c9ddbe30;background:#cfe3b811;border-radius:10px;font:700 11px var(--font);color:#d5e1bd}.reading-audio button:hover{background:#d2e8bb26}.reading-audio svg{width:15px;height:15px}#modal-content .reading-audio-note{font-size:10px;line-height:1.7;color:#91abae;margin:9px 0 0}.reading-sources{margin-top:24px;border-top:1px solid #cadec522;padding-top:15px}.reading-sources summary{font-size:11px;font-weight:700;cursor:pointer;color:#c6cfb2;min-height:32px;line-height:2}.reading-sources summary>span{font-size:9px;margin-left:7px;padding:3px 6px;border-radius:6px;background:#e0e8c212;color:#b4c4a7}.reading-sources ul{padding-left:20px;margin:8px 0}.reading-sources li{font-size:12px;line-height:1.8;margin:5px 0;color:#9ebcb6}.reading-sources a{color:#c9d9be;text-underline-offset:3px;overflow-wrap:anywhere}.reading-sources a:hover{text-decoration:underline}.reading-back{padding:8px 0;margin:0 0 15px;min-height:36px;font:700 11px var(--font);color:#c5d3af}.wonder-story-stamp{display:block;width:100%;padding:0;text-align:center;border-radius:9px;overflow:hidden;background:#c5d8b70b;border:1px solid #c5d8b71a;cursor:pointer}.wonder-story-stamp:hover{background:#d7e7b81c;border-color:#e1e6bf55}.reading-error{clear:both;border-top:1px solid #d0dfbf26;padding-top:20px}.reading-error a{display:inline-flex;font-size:12px;margin-left:15px;color:#d6d5b0}#reading-loading{clear:both;min-height:80px;display:grid;place-items:center;font-size:13px;color:#b9cebd}
@media(max-width:760px){dialog.story-dialog{padding:20px;width:calc(100% - 22px);max-height:92dvh}.story-dialog .modal-top{top:0}.reading-hero{grid-template-columns:125px minmax(0,1fr);gap:17px;margin-bottom:22px}.reading-hero .story-postcard{width:125px;height:auto;margin:0}.reading-hero #modal-title{font-size:30px}#modal-content .reading-hero .story-place{font-size:11px}#modal-content .reading-hero .story-kicker{font-size:8px;line-height:1.5}.reading-tabs button{min-height:55px;font-size:13px;padding:10px}.reading-tabs button>span{font-size:10px}#modal-content .reading-meta{margin:12px 0 21px;font-size:10px;gap:3px}#modal-content .landmark-story .reading-description p,#modal-content .landmark-story .story-significance p{font-size:15px;line-height:1.85}.story-significance{padding:17px}#modal-content .landmark-story .reading-description h3{font-size:23px}.reading-audio button{font-size:11px}.story-dialog .modal-kicker{font-size:8px}}
@media(max-width:430px){.reading-hero{grid-template-columns:94px minmax(0,1fr);gap:14px}.reading-hero .story-postcard{width:94px}.reading-hero #modal-title{font-size:26px;line-height:1.16}#modal-content .reading-hero .story-kicker{font-size:7px;letter-spacing:.6px}#modal-content .reading-hero .story-place{font-size:10px}.story-dialog #modal-content{padding-top:15px}.reading-tabs button{padding:9px 7px;font-size:12px}.reading-tabs button>span{font-size:9px}.reading-audio{gap:7px}.reading-audio button{padding:9px 11px}.story-significance{padding:16px}.reading-back{font-size:10px}}

/* Finding mode keeps the globe open and the selection reversible until confirmation. */
.find-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #9edffb33;border-radius:15px;background:linear-gradient(110deg,#3a8aa11a,#17354c33)}.find-choice{display:flex;align-items:center;gap:13px;min-width:0}.find-choice>div{display:grid;gap:5px;min-width:0}.find-choice>div>span{font-size:8px;letter-spacing:1.6px;color:#8bbdcf}.find-choice strong{font-size:15px;font-weight:700;color:#def5fa;overflow-wrap:anywhere}.find-choice small{font-size:10px;color:#97b5bf}.guess-key,.solution-key{display:inline-block;width:10px;height:10px;border-radius:50%;background:#56caff;box-shadow:0 0 0 4px #56caff20;flex-shrink:0}.solution-key{background:#ffac67;box-shadow:0 0 0 4px #ffac6720}.find-actions{display:flex;align-items:center;gap:13px;flex-shrink:0}.find-center-pick{display:flex;align-items:center;gap:7px;min-height:42px;font-size:11px;color:#bbd9df;padding:9px 12px;border:1px solid #cae9f32b;border-radius:10px}.find-center-pick svg{width:16px;height:16px}.find-center-pick:hover{background:#c2ebff15;color:#fff}.find-actions .next-button{min-height:42px}.next-button:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.find-result{display:flex;align-items:center;justify-content:center;gap:11px;font-size:10px;color:#c3d9db;padding:10px 0 3px}.find-result .solution-key{margin-left:12px}.find-result strong{margin-left:auto;font-size:12px;color:#f7dfb7}.is-finding #question-title{font-size:32px;line-height:1.15;overflow-wrap:anywhere}.is-finding .question-info{max-width:78%}.is-finding #question-instruction{font-size:12px;line-height:1.6}.is-finding .feedback{font-size:11px;line-height:1.6}.is-finding .quiz-bottom{gap:14px;padding:11px 0}.is-finding .question-info.with-landmark{max-width:80%}
@media(min-width:761px) and (max-width:1100px){.main-nav{left:45%}.nav-item{padding-left:10px;padding-right:10px}.nav-item svg{display:none}.top-actions{gap:5px}.brand{font-size:21px}.find-controls{padding:12px}.find-actions{gap:8px}.find-center-pick{font-size:10px}.is-finding #question-title{font-size:28px}}
@media(max-width:760px){.main-nav{min-width:0;width:282px;gap:1px}.nav-item{padding:8px 10px;font-size:10px}.nav-item svg{width:14px;height:14px}.scene-links{top:116px}.is-finding #question-title{font-size:27px}.is-finding #question-instruction{font-size:11px}.is-finding .question-info,.is-finding .question-info.with-landmark{max-width:76%}.find-controls{gap:13px;padding:13px;flex-wrap:wrap}.find-choice{gap:12px;width:100%}.find-choice strong{font-size:13px}.find-choice small{font-size:10px}.find-actions{width:100%;justify-content:space-between;gap:10px}.find-center-pick{font-size:10px;padding:8px;min-height:38px}.find-actions .next-button{font-size:11px;min-height:38px;flex:1;justify-content:center}.find-result{font-size:9px;gap:8px;flex-wrap:wrap;justify-content:flex-start;padding-top:12px}.find-result strong{font-size:11px;margin-left:0;width:100%;padding:3px 0}.is-finding .feedback{font-size:10px;max-width:none;flex:1}.is-finding .quiz-bottom>.text-button,.is-finding .quiz-bottom>.next-button{font-size:10px}.is-finding .quiz-bottom{align-items:center;gap:10px}.find-topics{gap:16px!important}.find-topics .quiz-tab{font-size:10px}.is-finding .question-info.with-landmark #question-title{font-size:25px}.is-finding .question-info.with-landmark #question-instruction{font-size:10px}}
@media(max-width:360px){.main-nav{width:263px}.nav-item{padding:8px;font-size:9px;gap:4px}.find-actions{flex-wrap:wrap}.find-center-pick{flex:1;justify-content:center}.find-actions .next-button{flex-basis:100%}.find-topics{gap:11px!important}.find-topics .quiz-tab{font-size:9px}.is-finding #question-title{font-size:25px}.is-finding .question-info.with-landmark #question-title{font-size:22px}.is-finding .question-info{max-width:74%}.find-choice strong{font-size:12px}.is-finding .quiz-bottom>.next-button{font-size:9px}}
/* Curated journeys */
.expeditions-panel{position:fixed;left:50%;transform:translateX(-50%);top:110px;bottom:max(24px,env(safe-area-inset-bottom));width:min(1160px,calc(100% - 120px));padding:32px 34px 18px;z-index:11;border-radius:25px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d9492 #142d41;background:linear-gradient(125deg,#17394bea,#0b1d36e8)}.expeditions-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:28px}.expeditions-heading .eyebrow{font-size:9px;letter-spacing:2.3px;color:#a6c7c0;margin:0 0 13px}.expeditions-heading h1{font:500 41px/1.12 var(--display);letter-spacing:-1px;margin:0;color:#e6f0e7}.expeditions-heading h1 em{font-style:normal;color:#e5c69e}.expeditions-heading p:last-child{font-size:12px;line-height:1.8;max-width:590px;color:#a9c2c8;margin:13px 0 0}.expedition-pass{display:grid;justify-items:center;gap:6px;min-width:142px;padding:20px;border-radius:20px;border:1px dashed #c8e5c743;background:#c3dfce08;transform:rotate(3deg)}.expedition-pass>svg{width:43px;height:43px;stroke-width:1;color:#d2cb9e}.expedition-pass strong{font:500 28px var(--display);color:#dbdfb9}.expedition-pass>span{font-size:9px;color:#96b4b7}.expedition-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.expedition-card{--tour-color:#d8c18a;border:1px solid #c9e6dc22;border-radius:19px;overflow:hidden;background:#102b40cc;display:flex;flex-direction:column;box-shadow:0 10px 25px #020e201f}.tone-sand{--tour-color:#e5c48c}.tone-forest{--tour-color:#a3cd9b}.tone-lagoon{--tour-color:#85d9d2}.tone-copper{--tour-color:#e3a78a}.tone-ice{--tour-color:#b9dbea}.tone-blue{--tour-color:#8bbfe7}.tone-rose{--tour-color:#d5a6b7}.tone-violet{--tour-color:#bdb3e3}.expedition-art{position:relative;height:146px;overflow:hidden;background:radial-gradient(ellipse at 30% 80%,color-mix(in srgb,var(--tour-color) 25%,transparent),transparent 74%),linear-gradient(140deg,#1a3f51,#112d42)}.expedition-art:after{content:'';position:absolute;inset:0;border-bottom:1px solid #d2e9e91a;background:linear-gradient(0deg,#102b4077,transparent 42%);pointer-events:none}.expedition-art img{position:absolute;object-fit:cover;width:52%;height:105px;border-radius:10px;box-shadow:0 9px 20px #020d2744;border:2px solid #cbe6e433;transition:transform .3s}.expedition-art .tour-art-0{left:6%;top:40px;transform:rotate(-9deg);z-index:2}.expedition-art .tour-art-1{right:-7%;top:53px;width:48%;height:94px;transform:rotate(10deg);opacity:.8}.expedition-art .tour-art-2{right:10%;top:24px;width:43%;height:88px;transform:rotate(4deg);z-index:1}.expedition-card:hover .tour-art-0{transform:rotate(-5deg) translateY(-3px)}.expedition-card-number{position:absolute;left:17px;top:14px;font-size:7px;letter-spacing:1.8px;font-weight:800;color:var(--tour-color);z-index:3}.expedition-card-icon{position:absolute;bottom:12px;right:14px;border:1px solid #e8f1db44;border-radius:50%;background:#153245e6;width:32px;height:32px;display:grid;place-items:center;color:var(--tour-color);z-index:3}.expedition-card-icon svg{width:17px;height:17px}.expedition-card-body{padding:18px 18px 12px;display:flex;flex-direction:column;flex:1}.expedition-card-meta{font-size:8px!important;letter-spacing:.4px;color:#92b4ba!important;margin:0 0 10px!important}.expedition-card-meta>span{padding:0 5px}.expedition-card h2{font:500 23px/1.15 var(--display);letter-spacing:-.3px;margin:0 0 8px;color:#edf1df;overflow-wrap:anywhere}.expedition-card-body>p{font-size:11px;color:#9db9bf;line-height:1.6;margin:0 0 19px}.expedition-card-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #d7ece612;padding-top:9px;margin-top:auto}.expedition-card-status{display:flex;align-items:center;gap:5px;font-size:8px;color:#85a7ae}.expedition-card-status svg{width:12px;height:12px}.expedition-card-status.earned{color:#c5dba6}.expedition-card-foot>button{display:flex;align-items:center;gap:7px;min-height:37px;font-size:11px;font-weight:800;color:var(--tour-color);padding:8px 0 8px 8px}.expedition-card-foot>button svg{width:15px;height:15px}.expedition-storage-note{font-size:9px;line-height:1.8;color:#7397a5;margin:22px 0 0;text-align:center}.expedition-resume{display:flex;align-items:center;gap:17px;margin-bottom:24px;border-radius:16px;background:#d2e3be0d;border:1px solid #d0e2bc30;padding:16px 20px}.expedition-resume>svg{color:#d7c798;width:26px;height:26px}.expedition-resume>div{display:grid;gap:4px;flex:1}.expedition-resume>div>span{font-size:7px;letter-spacing:1.2px;color:#a4bcac}.expedition-resume strong{font:500 21px var(--display);color:#e0e7cc}.expedition-resume small{font-size:9px;color:#97b7be}.expedition-resume .next-button{min-height:39px;font-size:12px}.is-expedition-catalog .target-view,.is-expedition-catalog .scene-hint{display:none}.is-expedition-catalog .globe-toolbar{opacity:.35}.expedition-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 0}.expedition-bar>div{display:grid;gap:3px;flex:1;min-width:0}.expedition-bar>div>span{font-size:7px;letter-spacing:1.6px;color:#91b7b6}.expedition-bar strong{font:500 17px/1.2 var(--display);color:#dbe7ce}.expedition-bar #expedition-back{font-size:9px;color:#95b8bc;gap:6px}.expedition-bar #expedition-back svg{transform:rotate(180deg);width:13px;height:13px}.expedition-bar #expedition-route-button{font-size:10px;color:#c9d4b7}.expedition-steps{display:flex;list-style:none;gap:0;padding:0;margin:8px 0 2px;width:100%;align-items:center}.expedition-steps li{position:relative;flex:1;display:flex;justify-content:center}.expedition-steps li:before{content:'';position:absolute;height:1px;background:#a4ccc02b;top:50%;left:-50%;width:100%}.expedition-steps li:first-child:before{display:none}.expedition-steps li>span{position:relative;display:grid;place-items:center;width:20px;height:20px;font-size:8px;border-radius:50%;background:#193b4e;border:1px solid #afcfc04d;color:#7c9da8}.expedition-steps li>span svg{width:11px;height:11px}.expedition-steps li.visited>span{color:#caddb0;background:#527265;border-color:#91b997}.expedition-steps li.current>span{background:#f2c38e;color:#344c47;border-color:#f6dbb8;box-shadow:0 0 0 3px #f6cda519}.is-themed #quiz-topics,.is-themed #find-topics{display:none!important}.is-themed .quiz-topline{min-height:0;border:0;justify-content:flex-end;margin-top:-29px;margin-bottom:3px;padding:0 48px 0 0;pointer-events:none}.is-themed .quiz-topline>button{pointer-events:auto;width:27px;height:27px}.is-themed .quiz-settings{margin-top:8px}.is-themed #question-title{font-size:29px;overflow-wrap:anywhere}.is-themed .question-main{margin-top:12px}.is-journey .round-score{display:none}.is-journey #question-instruction{font-size:11px;line-height:1.7}.is-journey .landmark-reveal{margin-top:0}.is-journey .landmark-reveal p{font-size:12px;line-height:1.8}.is-journey .feedback{font-size:10px}.is-journey .question-info.with-landmark{max-width:84%}.is-journey .question-info.with-landmark #question-title{font-size:29px}.is-journey .landmark-reveal>div strong{font-size:19px}.is-journey .quiz-bottom{padding:9px 0}.is-journey .next-button{font-size:11px;min-height:38px}.tour-dialog{width:min(680px,calc(100% - 30px))}.tour-preview-kicker{font-size:8px!important;letter-spacing:1.5px;color:var(--tour-color,#d5ca99)!important;margin:5px 0 17px}.tour-preview-heading{display:flex;gap:20px;align-items:center}.tour-preview-heading>div{flex:1}.tour-preview-heading>img{width:180px;height:130px;object-fit:cover;border-radius:14px;border:1px solid #d1e8d433;transform:rotate(3deg)}.tour-preview-heading #modal-title{font-size:33px}.tour-preview-heading p{font-size:12px!important}.tour-mission{display:flex;align-items:flex-start;gap:13px;padding:13px 16px;background:#dbe3be08;border:1px solid #d6dfba20;border-radius:13px;margin:20px 0}.tour-mission>svg{width:18px;height:18px;margin-top:3px;color:var(--tour-color)}#modal-content .tour-mission p{font-size:11px;line-height:1.8;margin:0;color:#b6ccbf}.tour-start-options{border:1px solid #c8e7da22;border-radius:15px;padding:0 18px 14px;background:#a4c9bb07}.tour-start-options>.modal-action{margin-top:16px}.tour-start-options>p{font-size:10px!important;margin:9px 0 20px!important;text-align:center}.tour-quiz-start{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-size:12px;font-weight:800;padding:12px 16px;min-height:44px;border:1px solid #c9ded633;border-radius:12px;color:#c3d7c5;background:#c4e1d309;margin:12px 0 0}.tour-quiz-start svg{width:17px;height:17px}.tour-quiz-start:hover{background:#c8e4d91a}.tour-difficulty{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;color:#9ebcbf}.tour-difficulty select{border:1px solid #bdd9cd30;border-radius:8px;color:#d8e3d2;background:#173249;padding:8px;min-height:36px;font-size:11px}.tour-restart-options{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 20px;margin:14px 0 0}.tour-restart-options button{font-size:9px;color:#8faeac;padding:4px;text-decoration:underline;text-underline-offset:3px}.tour-preview-route{padding:0;list-style:none;margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tour-preview-route li{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 7px;border-top:1px solid #d9e6d819}.tour-preview-route li>span{font-size:9px;color:#a0b5a0;flex-shrink:0}.tour-preview-route img{width:54px;height:39px;object-fit:cover;border-radius:6px;flex-shrink:0}.tour-preview-route li>div{display:grid;gap:5px;min-width:0}.tour-preview-route strong{font-size:11px;line-height:1.4;color:#d4e2d0;overflow-wrap:anywhere}.tour-preview-route small{font-size:9px;line-height:1.4;color:#89a7ae}.tour-completion{text-align:center}.tour-completion .tour-preview-kicker{margin-top:20px}.tour-medal{display:grid;place-items:center;width:93px;height:93px;border:1px solid #dbe6b944;border-radius:50%;background:radial-gradient(circle,#d2d9ad25,#d2d9ad00);margin:16px auto;box-shadow:0 0 0 8px #cfdfb507,0 0 0 9px #dbe6b910;color:var(--tour-color)}.tour-medal>svg{width:49px;height:49px;stroke-width:1.1}.tour-earned-badge{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;color:#c6d8ac;border:1px dashed #d5e7c840;font-size:11px;margin-top:9px}.tour-earned-badge svg{width:17px;height:17px}.tour-completion .text-button{margin:12px auto 0}.tour-passport-badges{margin:22px 0;padding:15px;border:1px solid #bddabd22;border-radius:14px;background:#c5ddb405}.tour-passport-badges h3{margin:0 0 12px!important}.tour-passport-badges h3>span{font-size:10px;color:#92b7a1;margin-left:6px}.tour-passport-badges>div{display:flex;flex-wrap:wrap;gap:8px}.tour-passport-badges button{display:flex;align-items:center;gap:7px;border:1px dashed #cbd7ac44;border-radius:9px;padding:9px 10px;font-size:9px;color:#c5d9b6;background:#b6d2b009;line-height:1.5}.tour-passport-badges button svg{height:16px;width:16px}
@media(max-width:1100px){.main-nav{left:50%;top:56px;width:390px;min-width:0;gap:2px}.nav-item{font-size:11px;flex:1;padding:8px 11px;min-height:33px}.nav-item svg{display:none}.expeditions-panel{top:128px;width:calc(100% - 88px);padding:25px}.expedition-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.expedition-art{height:155px}.expedition-art .tour-art-0{height:115px}.expedition-art .tour-art-1{height:104px}.expedition-art .tour-art-2{height:100px}.expeditions-heading h1{font-size:36px}.expeditions-heading{gap:25px}.expedition-pass{min-width:122px;padding:17px}.target-view{top:116px}.scene-links{top:80px}}
@media(max-width:760px){.main-nav{top:56px;width:337px;gap:1px}.nav-item{font-size:10px;padding:8px;min-height:33px}.scene-links{top:116px}.target-view{top:123px}.expeditions-panel{top:137px;bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 30px);padding:22px 19px 18px;border-radius:21px}.expeditions-heading h1{font-size:32px;letter-spacing:-.7px}.expeditions-heading p:last-child{font-size:11px;line-height:1.8}.expeditions-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.expeditions-heading{gap:16px;margin-bottom:21px;align-items:flex-start}.expedition-pass{padding:13px;min-width:92px;border-radius:15px}.expedition-pass>svg{width:32px;height:32px}.expedition-pass strong{font-size:23px}.expedition-pass>span{font-size:7px;text-align:center}.expedition-card h2{font-size:22px}.expedition-card-body{padding:15px 14px 10px}.expedition-card-body>p{font-size:10px}.expedition-card-foot{flex-wrap:wrap;gap:0}.expedition-card-foot>button{margin-left:auto;font-size:11px}.expedition-card-status{font-size:8px}.expedition-art{height:139px}.expedition-art .tour-art-0{top:42px;height:98px}.expedition-art .tour-art-1{height:85px}.expedition-art .tour-art-2{height:82px;top:33px}.expedition-card-number{font-size:6px;left:14px}.expedition-cards{gap:13px}.expedition-resume{gap:11px;padding:13px;margin-bottom:19px;flex-wrap:wrap}.expedition-resume strong{font-size:20px}.expedition-resume>svg{width:21px;height:21px}.expedition-resume .next-button{margin-left:auto}.expedition-bar{gap:12px;padding-top:12px}.expedition-bar #expedition-back{font-size:8px}.expedition-bar strong{font-size:14px}.expedition-bar>div>span{font-size:6px;letter-spacing:.8px}.expedition-bar #expedition-route-button{font-size:9px}.expedition-steps{margin:10px 0 3px}.expedition-steps li>span{width:18px;height:18px;font-size:7px}.is-themed .quiz-topline{padding-right:42px;margin-top:-28px}.is-themed .question-info.with-landmark #question-title{font-size:25px}.is-journey .question-info.with-landmark{max-width:80%}.is-journey .question-info.with-landmark #question-instruction{font-size:10px}.is-journey .landmark-reveal p{font-size:11px;line-height:1.8}.is-journey .landmark-reveal .landmark-story-button{font-size:11px}.is-journey .next-button{font-size:10px}.is-journey .feedback{font-size:9px}.tour-preview-heading{gap:15px}.tour-preview-heading #modal-title{font-size:30px}.tour-preview-heading>img{width:136px;height:103px}.tour-preview-heading p{font-size:12px!important}.tour-preview-route{gap:8px}.tour-preview-route li{gap:8px}.tour-preview-route img{width:45px;height:33px}.tour-preview-route strong{font-size:10px}.tour-preview-route small{font-size:8px}}
@media(max-width:520px){.main-nav{width:319px}.nav-item{font-size:9px;padding:8px 7px}.expeditions-panel{width:calc(100% - 26px);padding:21px 16px 17px}.expeditions-heading h1{font-size:30px}.expeditions-heading{gap:10px}.expeditions-heading p:last-child{font-size:11px}.expedition-pass{min-width:69px;padding:10px 7px;gap:5px}.expedition-pass>svg{width:27px;height:27px}.expedition-pass strong{font-size:21px}.expedition-pass>span{font-size:6px;max-width:58px;line-height:1.5}.expedition-cards{grid-template-columns:minmax(0,1fr);gap:18px}.expedition-art{height:153px}.expedition-art .tour-art-0{width:51%;height:117px;left:7%;top:39px}.expedition-art .tour-art-1{width:46%;height:109px;right:-4%;top:53px}.expedition-art .tour-art-2{width:42%;height:102px;right:11%;top:27px}.expedition-card-body{padding:18px 18px 11px}.expedition-card h2{font-size:25px}.expedition-card-body>p{font-size:11px}.expedition-card-status{font-size:9px}.expedition-card-number{font-size:7px;letter-spacing:1.5px;left:18px}.expedition-card-foot>button{font-size:12px}.expedition-resume>div{flex-basis:calc(100% - 35px)}.expedition-resume .next-button{width:100%;margin-top:4px}.expedition-resume strong{font-size:21px}.expedition-bar{gap:10px}.expedition-bar strong{font-size:13px}.expedition-bar #expedition-back{max-width:63px;white-space:normal;text-align:left;line-height:1.4}.expedition-bar #expedition-route-button{font-size:8px;gap:4px}.expedition-bar #expedition-route-button svg{width:13px;height:13px}.is-themed .quiz-topline{padding-right:37px}.is-themed .question-info.with-landmark #question-title{font-size:23px}.is-journey .question-info.with-landmark #question-instruction{font-size:9px;line-height:1.65}.tour-preview-heading{display:block}.tour-preview-heading>img{width:100%;height:155px;object-fit:contain;transform:none;background:#a4d5ca0b;margin:10px 0 0}.tour-preview-heading #modal-title{font-size:30px}.tour-preview-route{grid-template-columns:minmax(0,1fr)}.tour-preview-route li{gap:12px;padding:10px 3px}.tour-preview-route img{width:63px;height:45px}.tour-preview-route strong{font-size:12px}.tour-preview-route small{font-size:10px}.tour-start-options{padding:0 13px 14px}.tour-difficulty{font-size:9px}.tour-difficulty select{font-size:10px}.tour-quiz-start{font-size:11px}.tour-start-options>.modal-action{font-size:12px;min-height:46px}.tour-preview-kicker{font-size:7px!important}.tour-earned-badge{font-size:10px}.tour-passport-badges button{font-size:10px}.is-journey .landmark-reveal>div strong{font-size:17px}}
@media(max-width:360px){.main-nav{width:calc(100vw - 26px)}.nav-item{font-size:8px;padding:8px 6px}.expeditions-heading h1{font-size:27px}.expeditions-heading p:last-child{font-size:10px}.expedition-pass{min-width:62px}.expeditions-panel{padding:18px 13px}.expedition-card h2{font-size:24px}.expedition-art{height:142px}.expedition-art .tour-art-0{height:105px}.expedition-art .tour-art-1{height:96px}.expedition-art .tour-art-2{height:90px}.is-themed .question-info.with-landmark #question-title{font-size:21px}.expedition-bar strong{font-size:12px}.expedition-bar{gap:8px}.is-journey .question-info.with-landmark #question-instruction{font-size:8px}}
@media(max-height:600px) and (min-width:761px){.expeditions-panel{top:112px;bottom:14px;padding:22px}.expeditions-heading h1{font-size:31px}.expeditions-heading{margin-bottom:20px}.expedition-pass{padding:12px;gap:3px}.expedition-pass>svg{width:30px;height:30px}.is-themed .question-main{margin-top:8px}.expedition-bar{padding-top:7px}.expedition-bar strong{font-size:14px}.expedition-steps{margin-top:6px}.is-journey .landmark-reveal p{font-size:10px}}

.is-themed .quiz-topline{padding:0!important;margin:0!important;height:0;min-height:0}.is-themed .quiz-topline>.settings-toggle{position:absolute;top:12px;right:24px;width:28px;height:28px}.is-themed .expedition-bar{padding-right:43px}
@media(max-width:760px){.is-themed .quiz-topline>.settings-toggle{right:19px;top:13px}.is-themed .expedition-bar{padding-right:38px}}
@media(max-width:520px){.is-themed .quiz-topline>.settings-toggle{right:15px}.is-themed .expedition-bar{padding-right:34px}}
/* Personal learning */
.learning-strip{display:flex;align-items:center;gap:15px;min-height:40px;padding:7px 0;border-bottom:1px solid #d8e8d91a}.learning-strip>button:first-child{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#c7dec4;min-height:27px;padding:4px 0}.learning-strip svg{width:14px;height:14px;color:#d9cf9f}.learning-strip>span{font-size:9px;color:#7eaaa9;flex:1;line-height:1.5}.learning-strip>button:last-child{min-height:29px;padding:6px 11px;border-radius:8px;border:1px solid #c9e3c72b;background:#c9e3c712;font-size:10px;font-weight:800;color:#d8e6bf}.learning-strip>button:last-child:hover{background:#c9e3c72b}.learning-strip #learning-count{font-size:8px;line-height:1;min-width:16px;padding:4px;text-align:center;background:#edc38e;color:#27463f;border-radius:7px}.learning-note{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0 5px;color:#a3c1b8;font-size:10px;line-height:1.7}.learning-note>span:before{content:'✦';margin-right:7px;color:#c9d6aa}.learning-note>button{font-size:9px;color:#a7c3be;border:1px dashed #b5d5ca3d;border-radius:8px;padding:7px 10px;min-height:32px;line-height:1.5;text-align:left;flex-shrink:0}.learning-note>button:hover{background:#b5d5ca14}.learning-note>button:disabled{opacity:.6}.is-studying #quiz-topics,.is-studying #find-topics{display:none!important}.is-studying .quiz-topline{min-height:0;border:0;height:0}.is-studying .quiz-topline>.settings-toggle{position:absolute;top:56px;right:24px;height:27px;width:27px}.is-studying .question-label{padding-right:34px}.is-studying .question-main{margin-top:14px}.is-studying .learning-strip>button:first-child{color:#f0d3a6}.learning-dialog{width:min(720px,calc(100% - 30px))}.learning-kicker{font-size:8px!important;letter-spacing:1.6px;color:#b3cba9!important;margin:8px 0 18px}.learning-heading{display:flex;justify-content:space-between;align-items:center;gap:30px}.learning-heading>div{flex:1}.learning-heading #modal-title{font-size:39px;line-height:1.12;margin-bottom:13px}.learning-heading #modal-title em{font-style:normal;color:#e4c69c}.learning-heading p{max-width:430px;font-size:12px!important;line-height:1.85!important}.learning-emblem{display:grid;place-items:center;width:88px;height:88px;border-radius:25px;background:radial-gradient(ellipse at 30% 20%,#d9d9a930,#9ac7b006);border:1px solid #c5dcb333;color:#e2d2a0;transform:rotate(8deg);flex-shrink:0;box-shadow:inset 0 0 0 5px #d8e0b705}.learning-emblem svg{width:46px;height:46px;stroke-width:1.1}.learning-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:25px 0}.learning-summary>div{padding:17px 12px;border:1px solid #cce3d022;border-radius:14px;background:#bad5c408;display:grid;gap:7px}.learning-summary>div:first-child{background:#d1b6870d;border-color:#e4c28d2b}.learning-summary strong{font:500 31px var(--display);color:#d6dfb7}.learning-summary>div:first-child strong{color:#efc99c}.learning-summary span{font-size:10px;color:#93b7b3;line-height:1.5}.learning-skill-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.learning-skill-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #cae0d52b;background:#bed7c906;border-radius:20px;min-height:35px;font-size:10px;padding:8px 12px;color:#a5c0bd}.learning-skill-tabs button svg{width:14px;height:14px}.learning-skill-tabs button.active{color:#dce7c3;border-color:#bdcfa35c;background:#bcd49f1c}.learning-skill-tabs button:hover{background:#bbd7c71c}.learning-options{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 0;border-top:1px solid #d0e2d11a;border-bottom:1px solid #d0e2d11a}.learning-options label{display:flex;align-items:center;gap:9px;color:#8faeae;font-size:10px;flex:1;white-space:nowrap}.learning-options select{border:1px solid #bfd6d13b;background:#142f45;color:#d5e4d4;border-radius:9px;padding:8px 9px;min-height:36px;font-size:11px;min-width:0;flex:1;cursor:pointer}.learning-start-box{margin:21px 0 26px;padding:0 17px 10px;background:#c2dac607;border:1px solid #b9d6be24;border-radius:15px}.learning-start-box .modal-action{margin-top:16px;font-size:13px;min-height:46px}.learning-start-box>.text-button{margin:9px auto 0}.learning-start-box>p{font-size:10px!important;line-height:1.8!important;text-align:center;margin:11px 0 4px}.learning-review-list h3{font:500 23px var(--display)!important;margin-bottom:15px!important}.learning-review-list h3>span{display:block;font:500 9px var(--font);color:#7d9eaa;letter-spacing:.3px;margin-top:7px}.learning-review-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #d5e3d518}.learning-review-row>img{width:51px;height:36px;object-fit:cover;border-radius:7px;border:1px solid #cde7ce30;flex-shrink:0}.learning-review-row>img.country-flag{width:30px;height:23px;border-radius:4px;object-fit:contain;border:0}.learning-review-row>div{display:grid;gap:5px;flex:1;min-width:0}.learning-review-row strong{font-size:12px;font-weight:800;line-height:1.5;color:#d4e3cc;overflow-wrap:anywhere}.learning-review-row span{font-size:9px;line-height:1.5;color:#96b7b3}.learning-review-row small{font-size:9px;color:#bcbf98}.learning-review-row>button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#b8d5b7;padding:8px;min-height:35px;flex-shrink:0;border:1px solid #b2d0bd25;border-radius:8px}.learning-review-row>button svg{width:13px;height:13px}.learning-review-row>button:hover{background:#c4dcc00e}.learning-explanation{padding:17px 0 0;margin:22px 0 0;border-top:1px solid #c9e0d21e}.learning-explanation summary{font-size:11px;font-weight:800;cursor:pointer;color:#bbd0bb;min-height:27px}.learning-explanation p{font-size:11px!important;line-height:1.9!important}.learning-empty{text-align:center;border:1px dashed #b8d2be2b;border-radius:15px;padding:25px 22px;background:#b6d3b905}.learning-empty>svg{width:37px;height:37px;stroke-width:1;color:#accbb9}.learning-empty h3{font:500 26px var(--display)!important;color:#c5d7bd!important;margin:15px 0 9px!important}.learning-empty p{font-size:12px!important;line-height:1.8!important;margin:0}.learning-results{text-align:center}.learning-results .learning-emblem{margin:17px auto 25px}.learning-results .result-review{text-align:left}.learning-results .review-row>div{flex:1}.learning-results .review-row small{display:block;margin-top:4px}.learning-results .learning-kicker{margin-top:22px}
@media(max-width:760px){.learning-strip{gap:10px;min-height:39px}.learning-strip>button:first-child{font-size:10px}.learning-strip>span{font-size:8px}.learning-strip>button:last-child{font-size:9px;padding:7px 9px}.learning-note{font-size:9px;padding-top:10px;gap:10px}.learning-note>button{font-size:8px;padding:7px 8px;max-width:126px;flex-shrink:1}.is-studying .quiz-topline>.settings-toggle{top:51px;right:19px;width:25px;height:25px}.learning-heading{gap:20px}.learning-heading #modal-title{font-size:35px}.learning-emblem{width:73px;height:73px;border-radius:21px}.learning-emblem svg{width:39px;height:39px}.learning-summary{gap:8px;margin:22px 0}.learning-summary>div{padding:14px 10px;border-radius:12px}.learning-summary strong{font-size:28px}.learning-summary span{font-size:9px}.learning-skill-tabs button{min-height:37px;font-size:10px;padding:9px 11px}.learning-options{gap:12px}.learning-options label{font-size:9px}.learning-options select{font-size:10px}.learning-start-box{padding:0 13px 10px}.learning-start-box .modal-action{font-size:12px}.learning-start-box>p{font-size:10px!important}.learning-review-row>button{font-size:10px}.learning-review-row strong{font-size:12px}.learning-review-row span,.learning-review-row small{font-size:10px}}
@media(max-width:520px){.learning-strip>span{display:none}.learning-strip>button:last-child{margin-left:auto;font-size:9px}.learning-strip>button:first-child{font-size:10px;gap:5px}.learning-strip{min-height:40px}.learning-note{gap:10px;font-size:9px;align-items:flex-start}.learning-note>button{max-width:122px;font-size:8px;min-height:35px}.learning-dialog{padding:19px;width:calc(100% - 22px);max-height:91dvh}.learning-heading{align-items:flex-start;gap:12px}.learning-heading #modal-title{font-size:32px}.learning-heading p{font-size:12px!important;line-height:1.8!important}.learning-emblem{width:57px;height:57px;border-radius:18px;margin-top:4px}.learning-emblem svg{width:30px;height:30px}.learning-kicker{font-size:7px!important;letter-spacing:1.3px;line-height:1.7}.learning-summary{gap:7px}.learning-summary>div{padding:13px 8px;gap:6px}.learning-summary strong{font-size:26px}.learning-summary span{font-size:9px;line-height:1.6}.learning-skill-tabs{gap:7px}.learning-skill-tabs button{font-size:10px;min-height:36px;padding:8px 10px}.learning-options{gap:12px;padding:13px 0}.learning-options label{flex-basis:100%;font-size:10px}.learning-options select{font-size:11px;min-height:38px;flex:1;max-width:65%}.learning-start-box .modal-action{min-height:45px;font-size:12px}.learning-start-box>p{font-size:10px!important}.learning-review-list h3{font-size:23px!important}.learning-review-row{gap:10px;padding:14px 0}.learning-review-row strong{font-size:12px}.learning-review-row>button{font-size:9px;gap:4px;padding:8px 6px}.learning-review-row>button svg{width:12px;height:12px}.learning-review-row>img{width:42px;height:31px}.learning-review-row>img.country-flag{width:25px;height:19px}.learning-review-row span,.learning-review-row small{font-size:9px}.learning-empty{padding:23px 16px}.learning-empty h3{font-size:24px!important}.is-studying .quiz-topline>.settings-toggle{right:15px;top:52px}.learning-explanation summary{font-size:11px;min-height:33px}.learning-results #modal-title{font-size:30px}}
@media(max-width:360px){.learning-heading #modal-title{font-size:29px}.learning-emblem{width:46px;height:46px;border-radius:15px}.learning-emblem svg{width:26px;height:26px}.learning-summary span{font-size:8px}.learning-skill-tabs button{font-size:9px;padding:8px 9px}.learning-review-row>button svg{display:none}.learning-note>button{max-width:110px}.learning-review-row strong{font-size:11px}.learning-review-row span,.learning-review-row small{font-size:8px}}

/* Individual illustrated passports. */
.passport-button{gap:8px;padding:4px 12px 4px 5px;min-height:43px}
#passport-avatar{width:33px;height:33px;flex-shrink:0}
.passport-button>.passport-header-details{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.3}
.passport-header-details>strong{font-size:10px;font-weight:800;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0e8d2}
.passport-header-details>span{font-size:8px;color:#94b0ac}
.passport-header-details b{font-size:9px}
.profiles-dialog{width:min(720px,calc(100% - 30px));padding:27px 29px;background:radial-gradient(ellipse at 85% 8%,#b6d6ac0b,transparent 45%),linear-gradient(140deg,#193147fa,#0d1d33fc)}
.profiles-heading{max-width:520px}
.profile-kicker{font-size:8px!important;font-weight:800;letter-spacing:1.7px;color:#c9b98d!important;margin:12px 0 13px!important}
.profiles-heading #modal-title{font-size:41px;max-width:470px;line-height:1.13;margin-bottom:14px}
.profiles-heading>p:last-child{font-size:13px!important;max-width:460px}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:26px 0 20px}
.profile-card{position:relative;min-width:0;text-align:center;padding:20px 17px 12px;border:1px solid #c8dbcb25;border-radius:19px;background:linear-gradient(145deg,#dbe3bb08,#88bba00a);box-shadow:inset 0 0 0 5px #d6e2c703}
.profile-card.is-current{border-color:#c7d8ae62;background:linear-gradient(145deg,#b9d1a31a,#6fae930c)}
.profile-current{display:block;font-size:6px;letter-spacing:1.4px;font-weight:800;line-height:1.6;color:#819f9f}
.is-current .profile-current{color:#bfd3a9}
.profile-card>img{width:94px;height:94px;margin:17px 0 0}
#modal-content .profile-card h3{font:500 26px/1.2 var(--display);margin:9px 0 6px;color:#e1e7c9;overflow-wrap:anywhere}
#modal-content .profile-card>p{font-size:10px;margin:5px 0 16px;color:#a7bcac}
.profile-card>p span{padding:0 5px;color:#65868b}
.profile-open{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:9px 8px;border-radius:11px;background:#c6dab61a;border:1px solid #c6dab625;color:#d7e3c8;font-size:11px;font-weight:800}
.profile-open svg{width:14px;height:14px}
.profile-open:hover{background:#c6dab62c;border-color:#c6dab64c}
.profile-edit{min-height:37px;margin-top:3px;font-size:9px;color:#91a9ac;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#91a9ac44}
.profile-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:271px;border:1px dashed #b6ceb641;border-radius:19px;background:#b8d0ab03;color:#c0d0b3}
.profile-add:hover{background:#b8d0ab0d;border-color:#c5d3ac77}
.profile-add>span{width:48px;height:48px;border:1px solid #b4cbaa39;border-radius:50%;font:300 29px/46px var(--display);color:#d2cfaa}
.profile-add>strong{font:500 23px var(--display)}
.profile-add>small{font-size:11px;line-height:1.8;color:#7e9da2}
.profile-storage{font-size:10px!important;line-height:1.8!important;color:#829fa5!important;margin:20px 0 12px}
.profile-storage.storage-unavailable{color:#e6bc90!important;padding:12px;border:1px solid #e7bd8b44;border-radius:10px;background:#e7bd8b09}
.profile-back{font-size:11px;color:#b6c7b4;min-height:40px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b6c7b444}
.profile-identity{display:flex;align-items:center;gap:22px;padding:19px 0 22px;margin-top:6px}
.profile-preview{width:108px;height:108px;flex-shrink:0}
.profile-identity label{display:flex;flex-direction:column;flex:1;gap:9px;font-size:11px;color:#cbd6bc;font-weight:800;min-width:0}
.profile-identity input{width:100%;min-width:0;background:#081c2d55;color:#ecedd5;border:1px solid #c6dbbf35;border-radius:12px;min-height:48px;padding:11px 13px;font-size:18px;font-weight:600}
.profile-identity input::placeholder{color:#6f909b;font-weight:500}
.profile-identity input[aria-invalid=true]{border-color:#e3aa88}
.profile-identity small{font-size:9px;line-height:1.5;color:#839fa3;font-weight:500}
.avatar-fieldset{border:0;border-top:1px solid #cbdcca19;padding:20px 0 0;margin:0;min-width:0}
.avatar-fieldset legend{padding:0 12px 0 0;font-size:11px;font-weight:800;color:#cbd6bc}
.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.avatar-grid>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;padding:10px 7px 11px;border-radius:15px;background:#c7d7bd05;border:1px solid #c8dbc11d}
.avatar-grid>button img{width:68px;height:68px;max-width:100%}
.avatar-grid>button span{font-size:10px;color:#b0c3af}
.avatar-grid>button b{display:none;position:absolute;right:6px;top:6px;align-items:center;justify-content:center;border-radius:50%;width:17px;height:17px;background:#ccdbb4;color:#365649;font-size:11px}
.avatar-grid>button[aria-pressed=true]{background:#abcda01c;border-color:#c8d7b177;box-shadow:0 0 20px #b2d0a008}
.avatar-grid>button[aria-pressed=true] b{display:flex}
.avatar-grid>button:hover{background:#c5d3b915}
#modal-content .profile-error{color:#edc39c;font-size:11px;background:#d9a47d0b;border-radius:9px;padding:10px 13px}
.passport-profile-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}
.passport-profile-tools>button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;min-height:37px;padding:8px 12px;border:1px solid #c7dcc325;border-radius:10px;color:#c4d3b7;background:#bed3ac08}
.passport-profile-tools svg{width:14px;height:14px}
.passport-cover{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 18%,#bfc88c12,transparent 60%),linear-gradient(140deg,#2d615b55,#17383491)}
.passport-cover:before,.passport-cover:after{content:'✧';position:absolute;font-size:32px;color:#d9c88a50;top:75px;left:12%}
.passport-cover:after{font-size:21px;left:auto;right:12%;top:110px}
.passport-cover-avatar{width:101px;height:101px;margin:10px auto 13px;display:block}
.passport-cover h3{overflow-wrap:anywhere}
.passport-owner-mark{display:block;font-size:6px;font-weight:800;letter-spacing:1.5px;color:#a6b797;margin-top:22px;padding-top:15px;border-top:1px solid #b7d0a824}
@media(max-width:760px){.passport-button{padding:3px;min-width:41px}.passport-button>.passport-header-details{display:none}.profiles-dialog{padding:22px;width:calc(100% - 24px)}.profiles-heading #modal-title{font-size:35px}.profile-grid{gap:12px}.profile-identity{gap:15px}.profile-preview{width:92px;height:92px}}
@media(max-width:520px){.profiles-dialog{padding:19px;max-height:91dvh}.profiles-heading #modal-title{font-size:32px}.profiles-heading>p:last-child{font-size:12px!important}.profile-grid{gap:10px;margin-top:21px}.profile-card{padding:15px 10px 9px;border-radius:15px}.profile-current{font-size:5px;letter-spacing:.7px;min-height:16px}.profile-card>img{width:77px;height:77px;margin-top:12px}#modal-content .profile-card h3{font-size:22px}#modal-content .profile-card>p{font-size:8px;margin-bottom:12px}.profile-open{font-size:9px;gap:5px;min-height:41px;padding:8px 4px}.profile-open svg{width:12px;height:12px}.profile-edit{font-size:8px;min-height:38px}.profile-add{min-height:242px;gap:11px}.profile-add>strong{font-size:20px}.profile-add>small{font-size:9px}.profile-add>span{width:41px;height:41px;font-size:26px;line-height:39px}.profile-preview{width:76px;height:76px}.profile-identity{gap:13px;padding:14px 0 24px}.profile-identity input{font-size:16px;padding:10px;min-height:44px}.profile-identity label{font-size:10px}.profile-identity small{font-size:8px}.avatar-grid{gap:8px}.avatar-grid>button{padding:8px 5px 10px;border-radius:12px}.avatar-grid>button img{width:53px;height:53px}.avatar-grid>button span{font-size:9px}.avatar-grid>button b{width:15px;height:15px;font-size:9px;right:3px;top:3px}.profile-storage{font-size:9px!important}.passport-profile-tools>button{font-size:10px;padding:8px 10px}.passport-cover-avatar{width:94px;height:94px}}
@media(max-width:360px){.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-card>img{width:88px;height:88px}.profile-current{font-size:6px}.profile-add{min-height:180px}.profile-card .profile-open{font-size:11px}.profile-card .profile-edit{font-size:9px}.avatar-grid>button span{font-size:8px}.profile-identity{align-items:flex-start;gap:10px}.profile-preview{width:62px;height:62px}.profiles-heading #modal-title{font-size:29px}}

.miniature-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;margin:12px 0 2px;padding:0 0 11px;border-bottom:1px solid #c3dec515}
.miniature-controls>button{font-size:10px;font-weight:800;min-height:34px;padding:8px 11px;border-radius:9px;border:1px solid #b7d2a434;color:#cdddaf;background:#b7d2a410}
.miniature-controls>button[aria-pressed=false]{background:#afcbd306;border-color:#afcbd321;color:#97b3ba}
.miniature-controls>span{font-size:9px;color:#94b1b2;line-height:1.7}
@media(max-width:760px){.miniature-controls{margin-top:9px;gap:6px 9px;padding-bottom:9px}.miniature-controls>button{min-height:33px;font-size:9px;padding:7px 10px}.miniature-controls>span{font-size:8px}}

/* An optional, quiet layer of life, with the same controls in every mode. */
.living-setting{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:12px 0 2px;border-top:1px solid #c6dcdf16}
.living-setting .inertia-setting{min-height:36px;font-size:12px;color:#d8e5d6}
.living-setting strong{display:block;font-weight:650;letter-spacing:.01em}
.living-setting small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:#9eb8ba}
#living-world-note{max-width:340px;font-size:10px;line-height:1.6;color:#9eb8ba}
#living-world-button[aria-pressed=true]{color:#cfdfa6;border-color:#bfd99c60;background:#2a4c416e;box-shadow:0 0 22px #9db77b16}
@media(max-width:760px){.living-setting{gap:5px 14px;padding-top:10px}.living-setting .inertia-setting{font-size:11px}#living-world-note{font-size:10px;flex-basis:100%;padding-left:41px}.scene-links{gap:7px}}
@media(max-width:760px){.scene-links #living-world-button{position:absolute;right:0;top:40px}}
/* Optional illustrated travel journal. */
.living-discover{padding:12px 0 0;border-top:1px solid #c5dcdb1b;margin-top:12px}.living-discover>button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;min-height:42px;border:1px solid #b9d1b52b;border-radius:10px;color:#d2dfb9;background:#9cbe9c0c;font-size:11px;font-weight:700}.living-discover svg{width:16px;height:16px}.living-discover svg:last-child{margin-left:auto}.living-discover small{display:block;font-size:10px;line-height:1.6;color:#9cb7b7;margin-top:7px}
dialog.scene-dialog{width:min(760px,calc(100% - 32px));padding:27px;border-color:#c9d9c047;background:linear-gradient(140deg,#e8eadb,#f0eadb);color:#324e4c;box-shadow:0 30px 90px #0007;max-height:91dvh}.scene-dialog .modal-top{border-bottom-color:#51796d25}.scene-dialog .modal-kicker{color:#6c8172;letter-spacing:1.5px}.scene-dialog .modal-top>.icon-button{background:#6a8a7712;color:#4b6b64;border-color:#5c817326}.scene-dialog .scene-heading #modal-title{font:500 40px/1.13 var(--display);letter-spacing:-.6px;color:#34534d;margin:5px 0 14px}.scene-kicker{font-size:9px!important;letter-spacing:1.5px;color:#7f8967!important;font-weight:750;margin:13px 0 9px!important}.scene-dialog .scene-heading>p:last-child{font-size:14px!important;line-height:1.8;color:#61766b!important;max-width:58ch}.living-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:25px}.living-scene-card{display:block;overflow:hidden;border-radius:14px;background:#f6f2e8;border:1px solid #8aab8b33;box-shadow:0 5px 18px #36534a0c;text-align:left;transition:transform .2s,border-color .2s}.living-scene-card:hover{transform:translateY(-3px);border-color:#7f987b}.living-scene-card>canvas{display:block;width:100%;height:auto;aspect-ratio:18/11}.living-scene-card>span{display:block;padding:13px 15px 15px}.living-scene-card small{display:block;font-size:9px;letter-spacing:.7px;color:#7a8a75}.living-scene-card strong{display:block;font:500 24px/1.2 var(--display);color:#3e5b50;margin:8px 0 12px}.living-scene-card em{display:flex;align-items:center;gap:7px;color:#718566;font-size:10px;font-style:normal}.living-scene-card em svg{width:14px;height:14px}.scene-back{display:inline-flex;align-items:center;gap:8px;color:#6f846d;font-size:12px;min-height:40px}.scene-hero{position:relative;margin:8px 0 23px;border-radius:16px;overflow:hidden;border:1px solid #a5b89a44}.scene-hero>canvas{display:block;width:100%;height:auto;aspect-ratio:24/11}.scene-place{position:absolute;left:17px;bottom:14px;color:#526d61;background:#f4f0dfdb;border:1px solid #edf0dc66;border-radius:20px;padding:7px 11px;font-size:10px;letter-spacing:.4px}.scene-observation{border:1px solid #9db18c55;border-radius:13px;background:#d9e1c638;padding:17px 19px;margin:22px 0 15px}.scene-observation>span{font-size:9px;letter-spacing:1.4px;font-weight:750;color:#7c8a65}.scene-dialog .scene-observation>p{font-size:14px!important;line-height:1.65;color:#4b685b!important;margin:9px 0 13px!important}.scene-observation summary{cursor:pointer;font-size:12px;color:#6c805e;min-height:28px}.scene-dialog .scene-observation details>p{font-size:13px!important;color:#617566!important;line-height:1.8;margin:8px 0 0!important}.scene-dialog .scene-motion-note{font-size:10px!important;color:#819079!important}.scene-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}.scene-actions .modal-action{width:auto;margin:0;background:#486d5b;color:#f0edda;font-size:12px;padding:12px 17px;min-height:44px}.scene-actions .scene-back svg{width:15px;height:15px}.scene-dialog button:focus-visible,.scene-dialog summary:focus-visible{outline:3px solid #a88c55;outline-offset:3px}
@media(max-width:600px){dialog.scene-dialog{padding:19px;width:calc(100% - 20px);max-height:92dvh}.scene-dialog .scene-heading #modal-title{font-size:32px}.living-scene-grid{gap:11px;margin-top:20px}.living-scene-card>span{padding:10px}.living-scene-card strong{font-size:20px}.living-scene-card small{font-size:8px}.living-scene-card em{font-size:9px}.scene-actions{flex-wrap:wrap;gap:5px}.scene-actions .modal-action{width:100%;justify-content:center}.scene-actions .scene-back{margin:0 auto}.scene-hero{margin-bottom:18px}.scene-place{left:11px;bottom:10px;font-size:9px;padding:5px 9px}.scene-observation{padding:14px}.scene-dialog .scene-heading>p:last-child{font-size:13px!important}}
@media(max-width:360px){.living-scene-grid{grid-template-columns:1fr}.living-scene-card strong{font-size:24px}}
#globe.over-living{cursor:pointer}#globe.over-living:active{cursor:grabbing}
#globe-tooltip{max-width:min(270px,calc(100vw - 24px));white-space:normal;line-height:1.5;font-weight:650}
.scene-pagebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.scene-pager{display:flex;align-items:center;gap:10px}.scene-pager>button{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:50%;background:#65866b0c;border:1px solid #8aa08045;color:#54745d}.scene-pager>button:hover{background:#b8c7a63b;border-color:#8fa37b}.scene-pager>button svg{width:16px;height:16px}.scene-pager>[data-scene-prev] svg{transform:rotate(180deg)}.scene-pager>span{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#879174;white-space:nowrap}
@media(max-width:520px){.scene-pager{gap:7px}.scene-pager>button{width:36px;height:36px;min-width:36px}.scene-pagebar{gap:8px}.scene-pagebar>.scene-back{font-size:11px}.scene-pager>span{font-size:9px}}

/* A daily atlas page: a short journey, then a postcard to keep. */
.daily-archive-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:37px;flex-shrink:0;color:#c7d4b2;font-size:9px;margin-left:auto}.daily-archive-link svg{width:13px;height:13px}.daily-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:24px}.daily-archive-grid>button{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #bacfa63b;border-radius:12px;background:#c3d2a609;padding:12px;text-align:left;color:#d4dfc2}.daily-archive-grid>button:hover{background:#c3d2a619;border-color:#d4d3a472}.daily-archive-grid img{width:100%;height:98px;object-fit:contain;display:block;margin-bottom:12px}.daily-archive-grid time{font-size:8px;color:#91b6a4;line-height:1.7}.daily-archive-grid strong{font:500 19px/1.3 var(--display);margin:7px 0 12px;overflow-wrap:anywhere}.daily-archive-grid span{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;color:#a5b78b}.daily-archive-grid svg{width:14px;height:14px}
.daily-nav{position:relative}.daily-nav-dot{width:4px;height:4px;border-radius:50%;background:#e0ba82;position:absolute;right:11px;top:7px;box-shadow:0 0 8px #e0ba8244}.daily-done .daily-nav-dot{background:#a2c8a6;box-shadow:none}
.daily-panel{position:fixed;left:50%;bottom:max(23px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(1000px,calc(100% - 120px));max-height:65dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#668782 #13283c;z-index:10;border-radius:24px;padding:23px 27px 20px;background:linear-gradient(128deg,#1b3b49e8,#10283bdb);border-color:#d6dfb83b;box-shadow:0 24px 80px #02091b66,inset 0 1px 0 #f1f4d614}
.daily-dateline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid #d6e5cd24;color:#a5bfb5;font-size:9px;line-height:1.6}.daily-dateline>span{display:flex;align-items:center;gap:8px;letter-spacing:1.8px;font-size:8px;font-weight:800;color:#e3d2a7}.daily-dateline svg{width:19px;height:19px}.daily-dateline time{font-variant-numeric:tabular-nums}
.daily-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:31px;padding-top:21px;align-items:center}.daily-eyebrow{font-size:8px;letter-spacing:1.3px;font-weight:800;color:#9bb49c;line-height:1.7;margin:0 0 10px}.daily-copy h1{font:500 clamp(30px,3vw,40px)/1.15 var(--display);letter-spacing:-.8px;color:#f1edda;margin:0 0 13px}.daily-description{font-size:12px;line-height:1.85;color:#aec4bf;max-width:53ch;margin:0 0 19px}.daily-itinerary{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.daily-itinerary li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-top:1px solid #d8dfbf30;padding:12px 0 0;font-size:9px;color:#abc1b4;line-height:1.4}.daily-itinerary svg{width:18px;height:18px;color:#d4c39b}.daily-itinerary small{position:absolute;top:15px;right:7px;font-size:8px;color:#688f91;font-variant-numeric:tabular-nums}.daily-itinerary .visited{border-color:#b6d59a88}.daily-itinerary .visited svg{color:#c9dda3}.daily-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.daily-actions>.next-button{font-size:12px;min-height:44px;padding:11px 18px;gap:10px;border-radius:12px}.daily-actions>.text-button{font-size:10px;min-height:40px}.daily-level{display:flex;gap:9px;align-items:center;font-size:10px;color:#a9bfb6}.daily-level select{font:700 11px var(--font);border:1px solid #c9dfc83d;border-radius:10px;background:#173748;color:#e0e9ce;min-height:42px;padding:8px 11px;max-width:145px;cursor:pointer}.daily-level select:disabled{opacity:.7;cursor:default}.daily-footnote{font-size:9px;line-height:1.7;color:#7fa39e;margin:12px 0 0}
.daily-postcard{position:relative;border-radius:14px;background:radial-gradient(ellipse at 70% 5%,#f2e6c3,#d3ddbd 58%,#b7cfba);border:1px solid #e3e6c980;min-height:270px;overflow:hidden;box-shadow:0 10px 35px #02121e38,inset 0 0 0 6px #e8ebcc22;display:flex;flex-direction:column;justify-content:center;isolation:isolate;transform:rotate(2deg)}.daily-postcard-orbits{position:absolute;inset:20px -35px;border:1px solid #436d6433;border-radius:50%;transform:rotate(-35deg);z-index:-1}.daily-postcard-orbits:after{content:'';position:absolute;inset:23px;border:1px dashed #436d642d;border-radius:50%}.daily-postcard-region{position:absolute;top:19px;left:19px;right:19px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.4px;font-weight:800;text-transform:uppercase;color:#5a796b}.daily-postcard-region>span{color:#8c9870}.daily-postcard>img{display:block;object-fit:contain;width:100%;height:190px;margin:31px 0 42px;mix-blend-mode:multiply}.daily-postcard-caption{position:absolute;bottom:19px;left:20px;right:64px;color:#3e6154;display:grid;gap:5px}.daily-postcard-caption>span{font-size:6px;letter-spacing:1.3px;font-weight:800}.daily-postcard-caption>strong{font:500 19px/1.25 var(--display);overflow-wrap:anywhere}.daily-postmark{position:absolute;bottom:17px;right:15px;width:44px;height:53px;border:1px solid #4c746674;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#567463;transform:rotate(-14deg);gap:2px}.daily-postmark svg{width:12px;height:12px;stroke-width:1.3}.daily-postmark b{font:500 17px/1 var(--display)}.daily-postmark small{font-size:5px;letter-spacing:.5px}.daily-postcard.is-earned{transform:rotate(-1.5deg)}
.daily-discoveries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0 0 20px}.daily-discoveries>div{display:flex;align-items:center;gap:9px;border-top:1px solid #c8dfbf22;padding-top:10px;min-width:0}.daily-discoveries svg{width:15px;height:15px;color:#c1cba2}.daily-discoveries span{display:grid;gap:4px;min-width:0}.daily-discoveries small{font-size:8px;color:#83a99d}.daily-discoveries strong{font-size:11px;line-height:1.5;font-weight:700;color:#dae4ce;overflow-wrap:anywhere}.daily-fact{display:flex;align-items:center;gap:12px;background:#c2d8b30b;border:1px solid #c6d9b124;border-radius:11px;padding:12px 15px;margin-top:21px}.daily-fact>svg{width:19px;height:19px;color:#d3c499}.daily-fact>p{margin:0;font-size:11px;line-height:1.8;color:#b4c8b7}
.daily-journal{display:flex;align-items:center;gap:24px;border-top:1px solid #c6d8bc24;padding-top:16px;margin-top:21px}.daily-journal>div:first-child{display:grid;gap:6px;flex-shrink:0}.daily-journal>div>span{font-size:7px;letter-spacing:1.2px;color:#8bad9e;font-weight:800}.daily-journal>div>strong{font:500 16px var(--display);color:#d4ddc0}.daily-stamps{display:flex;gap:9px;align-items:center;overflow-x:auto;padding:4px;scrollbar-width:thin}.daily-stamps>p{margin:0;color:#729d98;font-size:9px;line-height:1.7}.daily-stamps>button{flex-shrink:0;display:grid;place-items:center;gap:4px;border:1px solid #bcd1ab3b;border-radius:8px;padding:5px 7px;background:#bfd2a60a;min-width:59px;color:#bfd0b3;transform:rotate(-3deg)}.daily-stamps>button:nth-child(even){transform:rotate(2deg)}.daily-stamps>button:hover{transform:translateY(-2px);background:#bfd2a61a;border-color:#e2d4a76b}.daily-stamps img{width:52px;height:32px;object-fit:contain}.daily-stamps>button>span{font-size:8px;white-space:nowrap}.daily-pending{margin-top:18px;border:1px dashed #b3c7a645;border-radius:10px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a8bfae;font-size:10px;line-height:1.7}.daily-pending button{display:flex;align-items:center;gap:6px;color:#e0d6b4;font-weight:800;font-size:10px;min-height:34px}.daily-pending svg{width:14px;height:14px}
.daily-bar{display:flex;align-items:center;gap:18px;padding:15px 38px 14px 0;border-bottom:1px solid #cddfbd24}.daily-bar>button{gap:6px;font-size:10px;color:#b1c6ae}.daily-bar>button>svg{width:14px;height:14px;transform:rotate(180deg)}.daily-bar>div{display:grid;gap:4px;flex:1}.daily-bar>div>span{font-size:7px;letter-spacing:1px;color:#aeb996}.daily-bar strong{font:500 19px var(--display);color:#e6e8ce}.daily-bar>ol{display:flex;gap:7px;list-style:none;margin:0;padding:0}.daily-bar li{position:relative;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:1px solid #bed8bd2e;color:#6e9695}.daily-bar li>svg{width:13px;height:13px}.daily-bar li>span{position:absolute;inset:0;opacity:0;font-size:0}.daily-bar li.current{border-color:#e1c69c80;color:#f0d3a8;background:#dfc7960b}.daily-bar li.visited{color:#c1d6a6;border-color:#b1d19b77}.is-daily .quiz-topline{height:0;min-height:0;border:0}.is-daily .quiz-topline>.settings-toggle{position:absolute;right:24px;top:18px;height:27px;width:27px}.is-daily .scene-hint{display:none}.is-daily #next-button{min-height:40px}.daily-passport{margin-top:25px;padding:17px;background:#cbdba30b;border:1px solid #c8d6a82b;border-radius:13px;display:flex;align-items:center;gap:20px;justify-content:space-between}.daily-passport>div>span{font-size:8px;letter-spacing:1.3px;color:#b3bc8a}.daily-passport h3{font:500 23px var(--display)!important;color:#dee4c3!important;margin:7px 0!important}.daily-passport p{font-size:11px!important;margin:0!important}.daily-passport button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;border-radius:10px;padding:10px;min-height:42px;background:#c8d6a612;color:#dce3b8}.daily-passport button svg{width:15px;height:15px}
@media(min-width:761px) and (max-width:1250px){.main-nav{left:50%;top:56px;width:min(535px,calc(100vw - 300px));min-width:0;gap:3px}.nav-item{flex:1;padding:8px 12px;font-size:11px;min-height:35px}.nav-item svg{display:block;width:14px;height:14px}.target-view{top:128px}.scene-links{top:84px}.expeditions-panel{top:139px}.daily-panel{width:calc(100% - 100px)}}
@media(min-width:761px) and (max-width:1000px){.nav-wide{display:none}.nav-item{font-size:10px;padding:8px 9px;gap:6px}}
@media(max-width:760px){.main-nav{left:50%;top:56px;width:min(440px,calc(100vw - 32px));min-width:0;gap:2px;padding:4px}.nav-item{flex:1;flex-direction:column;gap:4px;min-height:43px;padding:6px 5px;font-size:9px;line-height:1.3}.nav-item svg{display:block;width:15px;height:15px}.nav-wide{display:none}.daily-nav-dot{right:13px;top:6px;width:3px;height:3px}.target-view{top:137px}.scene-links{top:133px}.expeditions-panel{top:153px}.daily-panel{bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 30px);padding:19px;max-height:65dvh;border-radius:21px}.daily-layout{gap:22px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.daily-copy h1{font-size:32px}.daily-description{font-size:11px;line-height:1.8}.daily-eyebrow{font-size:7px;letter-spacing:1px}.daily-postcard{min-height:239px}.daily-postcard>img{height:150px}.daily-postcard-region{font-size:6px;left:13px;top:16px;gap:5px}.daily-postcard-caption{left:14px;right:59px;bottom:16px}.daily-postcard-caption>strong{font-size:16px}.daily-postcard-caption>span{font-size:5px;letter-spacing:.7px}.daily-postmark{right:10px;bottom:14px;width:38px;height:48px}.daily-actions{gap:12px}.daily-actions>.next-button{font-size:11px;padding:10px 14px}.daily-journal{gap:16px}.daily-journal>div>strong{font-size:15px}.daily-bar{gap:12px;padding:13px 32px 12px 0}.daily-bar strong{font-size:16px}.daily-bar>div>span{font-size:6px;letter-spacing:.7px}.daily-bar>button{font-size:9px}.daily-bar>ol{gap:5px}.daily-bar li{width:25px;height:25px}.daily-bar li>svg{width:12px;height:12px}.is-daily .quiz-topline>.settings-toggle{right:18px;top:18px}.daily-discoveries strong{font-size:10px}}
@media(max-width:520px){.daily-panel{width:calc(100% - 26px);padding:18px 16px 15px;max-height:min(65dvh,calc(100dvh - 163px))}.daily-dateline{gap:7px;align-items:flex-start;padding-bottom:12px}.daily-dateline>span{font-size:7px;letter-spacing:.8px;gap:6px}.daily-dateline svg{width:16px;height:16px}.daily-dateline time{font-size:8px;text-align:right;max-width:140px;line-height:1.7}.daily-layout{display:flex;flex-direction:column-reverse;align-items:stretch;gap:17px;padding-top:17px}.daily-postcard{min-height:0;height:127px;transform:none!important;border-radius:11px;display:block}.daily-postcard>img{position:absolute;left:0;top:0;width:47%;height:127px;margin:0;object-fit:contain}.daily-postcard-region{left:48%;top:16px;font-size:6px;gap:5px}.daily-postcard-caption{left:48%;right:16px;top:39px;bottom:auto;gap:6px}.daily-postcard-caption>strong{font-size:17px;max-width:20ch}.daily-postcard-caption>span{font-size:5px;letter-spacing:.6px}.daily-postmark{right:12px;bottom:8px;width:28px;height:32px;gap:1px}.daily-postmark svg{width:8px;height:8px}.daily-postmark b{font-size:11px}.daily-postmark small{font-size:4px}.daily-copy h1{font-size:30px;margin-bottom:9px}.daily-description{font-size:11px;margin-bottom:15px}.daily-eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:8px}.daily-itinerary{gap:9px;margin-bottom:18px}.daily-itinerary li{font-size:8px;padding-top:10px;gap:6px}.daily-itinerary svg{width:16px;height:16px}.daily-itinerary small{font-size:6px;top:12px;right:3px}.daily-actions{justify-content:space-between;gap:9px}.daily-actions>.next-button{font-size:11px;min-height:43px;padding:11px 13px}.daily-actions>.text-button{font-size:10px;min-height:35px}.daily-level{gap:6px;font-size:9px}.daily-level select{font-size:10px;min-height:42px;padding:8px;max-width:119px}.daily-footnote{font-size:8px;margin-top:10px}.daily-journal{display:block;margin-top:17px;padding-top:14px}.daily-journal>div:first-child{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px}.daily-journal>div>span{font-size:6px;letter-spacing:.7px}.daily-journal>div>strong{font-size:13px}.daily-stamps{gap:9px}.daily-stamps>p{font-size:8px}.daily-discoveries{gap:9px 11px}.daily-discoveries strong{font-size:10px}.daily-discoveries small{font-size:7px}.daily-fact{margin-top:16px;padding:11px;gap:10px;align-items:flex-start}.daily-fact>p{font-size:10px;line-height:1.8}.daily-fact>svg{width:16px;height:16px;margin-top:2px}.daily-bar{gap:10px;padding-right:27px}.daily-bar strong{font-size:14px}.daily-bar>div>span{font-size:5px;letter-spacing:.6px}.daily-bar>button{font-size:8px}.daily-bar>button svg{width:12px;height:12px}.daily-bar>ol{gap:3px}.daily-bar li{width:21px;height:21px}.daily-bar li>svg{width:10px;height:10px}.is-daily .quiz-topline>.settings-toggle{right:14px;top:18px;width:23px;height:23px}.daily-pending{font-size:9px;padding:10px;gap:10px}.daily-pending button{font-size:9px;flex-shrink:0}.daily-passport{flex-wrap:wrap;gap:10px;padding:14px}.daily-passport button{width:100%;font-size:11px}.daily-passport h3{font-size:22px!important}}
@media(max-width:360px){.main-nav{width:calc(100vw - 26px)}.nav-item{font-size:8px;min-height:42px;padding:6px 3px}.daily-actions{gap:10px}.daily-level{width:100%;justify-content:space-between}.daily-level select{flex:1;max-width:72%}.daily-actions>.next-button{width:100%}.daily-copy h1{font-size:28px}.daily-journal>div:first-child{flex-wrap:wrap;gap:6px}.daily-bar>ol{gap:3px}.daily-bar li{width:17px;height:21px;border-radius:7px}.daily-bar>button{font-size:7px;gap:3px}.daily-bar strong{font-size:12px}.daily-bar{gap:8px}.daily-bar>div>span{font-size:5px;letter-spacing:.3px}}
@media(max-width:760px){.daily-journal:has(.daily-archive-link){flex-wrap:wrap}.daily-archive-link{min-height:35px;font-size:9px}.daily-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.daily-archive-grid>button{padding:10px}.daily-archive-grid strong{font-size:18px}.daily-archive-grid time{font-size:7px}}
@media(max-height:600px) and (min-width:761px){.daily-panel{bottom:14px;padding:16px 20px;max-height:62dvh}.daily-layout{gap:25px;padding-top:15px}.daily-copy h1{font-size:30px}.daily-description{font-size:11px;margin-bottom:14px}.daily-postcard{min-height:225px}.daily-postcard>img{height:145px}.daily-dateline{padding-bottom:10px}.daily-itinerary{margin-bottom:14px}.daily-journal{margin-top:15px;padding-top:12px}.daily-bar{padding-top:10px;padding-bottom:10px}.daily-bar strong{font-size:16px}.is-daily .quiz-topline>.settings-toggle{top:12px}.daily-fact{margin-top:16px}}

/* Real viewport dimensions include browser chrome, keyboard and safe areas. */
.is-focus .globe-toolbar{bottom:auto}
.quiz-panel{max-height:min(calc(var(--view-height,100vh)*.61),520px)}
.daily-panel{max-height:calc(var(--view-height,100vh)*.65)}
dialog[open]{position:fixed;left:calc(var(--view-left,0px) + var(--view-width,100vw)/2 + (env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))/2);top:calc(var(--view-top,0px) + var(--view-height,100vh)/2 + (env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))/2);right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);max-width:calc(var(--view-width,100vw) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px);max-height:min(91vh,calc(var(--view-height,100vh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.quiz-panel,.daily-panel,.explore-panel,.expeditions-panel,.country-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.topbar{left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right))}
.keyboard-open .quiz-panel,.keyboard-open .daily-panel{bottom:calc(var(--view-bottom,0px) + 12px);max-height:calc(var(--view-height,100dvh) - 24px)}
.keyboard-open .explore-panel{top:calc(var(--view-top,0px) + 12px);bottom:calc(var(--view-bottom,0px) + 12px);max-height:calc(var(--view-height,100dvh) - 24px)}
.keyboard-open .topbar,.keyboard-open .scene-links,.keyboard-open .target-view,.keyboard-open .globe-toolbar,.keyboard-open .center-on-stage{visibility:hidden;pointer-events:none}
@media(any-pointer:coarse){
  button:hover{transform:none}
  .icon-button,.scene-links .icon-button,.globe-toolbar button{width:44px;height:44px;min-width:44px;min-height:44px}
  .top-actions{gap:4px}.top-actions .passport-button{min-width:44px;min-height:44px;padding:4px 12px 4px 5px}.top-actions #passport-avatar{width:33px;height:33px}
  .nav-item,.settings-toggle,.next-button,.text-button,.modal-action,.close-popover,.center-country,.close-catalog,.reading-tabs>button,.scene-pager>button,.filter-chips>button,.collection-tabs>button,.learning-skill-tabs>button,.learning-review-row>button,.scene-back{min-height:44px}
  .scene-pager>button{width:44px;min-width:44px}.close-popover{min-width:44px}
  .filter-chips{gap:7px}.filter-chips>button{padding:9px 13px}
  .is-daily .daily-bar,.is-themed .expedition-bar{padding-right:51px}
  .is-daily .quiz-topline>.settings-toggle,.is-themed .quiz-topline>.settings-toggle{width:44px;height:44px;right:10px;top:10px}
  .is-studying .quiz-topline>.settings-toggle{width:40px;height:40px;right:12px;top:49px}
  .is-studying .question-label{padding-right:44px}
  .learning-note>button,.learning-strip>button,.daily-archive-link,.daily-pending button,.speak-button{min-height:40px}
  input[type=search],input[type=text],textarea,select{font-size:16px!important}
  .daily-level select{max-width:165px}.daily-actions{gap:12px}
}
@media(max-width:760px){
  .topbar{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}
  .quiz-panel,.daily-panel{bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--view-bottom,0px))}
  .quiz-panel{max-height:calc(var(--view-height,100vh)*.57)}
  .country-popover{max-height:calc(var(--view-height,100dvh) - 170px);overflow:auto}
  .keyboard-open .country-popover{display:none}
}
@media(max-width:760px) and (any-pointer:coarse){
  .topbar{height:44px}.top-actions .passport-button{width:44px;padding:0;justify-content:center}.passport-header-details{display:none!important}.brand{font-size:21px}.brand-planet{width:26px;margin-right:5px}.brand-planet svg{width:26px;height:26px}
  .main-nav{top:58px}.nav-item{min-height:46px}
  .scene-links{top:calc(var(--header-bottom,126px) + 8px);left:auto;right:max(12px,env(safe-area-inset-right));gap:4px;justify-content:flex-end;pointer-events:auto}
  .target-view{left:max(16px,env(safe-area-inset-left));top:calc(var(--header-bottom,126px) + 27px);transform:none;max-width:calc(100vw - 184px);white-space:normal;font-size:6px;line-height:1.7;letter-spacing:.8px}
  .globe-toolbar{top:calc(var(--header-bottom,126px) + 72px);right:max(12px,env(safe-area-inset-right));padding:4px;gap:0}
  .short-globe .globe-toolbar{top:auto;bottom:calc(var(--hud-height) + 12px);display:flex;flex-direction:row;align-items:center}
  .short-globe .globe-toolbar>span{height:22px;width:1px;margin:0 3px}
  .short-globe .center-on-stage{display:none}
  .cramped-globe .scene-links{display:none}.cramped-globe .target-view{top:calc(var(--header-bottom,126px) + 12px);max-width:calc(100vw - 32px)}
  body[data-screen=explore]:not(.catalog-closed):not(.compact-landscape) .scene-links,body[data-screen=explore]:not(.catalog-closed):not(.compact-landscape) .globe-toolbar,body[data-screen=explore]:not(.catalog-closed):not(.compact-landscape) .target-view{visibility:hidden;pointer-events:none}
  .is-focus .scene-links{top:calc(var(--header-bottom,70px) + 8px)}
  .daily-actions>.next-button{flex:1;white-space:normal;line-height:1.5}.daily-level{flex-wrap:wrap;gap:6px}.daily-level select{min-height:44px;max-width:150px}
  .quiz-settings{gap:14px 10px}.scope-setting,.difficulty{flex-wrap:wrap;gap:7px}.scope-setting select{max-width:200px}.difficulty select{max-width:155px}
  .search-box{min-height:46px}.search-box input{min-width:0}
  .render-settings{gap:12px 18px}.graphics-setting{width:100%;flex-wrap:wrap}.graphics-setting select{max-width:100%;flex:1;min-height:44px}
  .is-focus .restore-panel{min-height:44px}
}
@media(max-width:420px) and (any-pointer:coarse){
  .brand{font-size:0;letter-spacing:0}.brand-dot{display:none}.brand-planet{width:34px;margin:0}.brand-planet svg{width:30px;height:30px}.topbar{gap:10px}.top-actions{gap:5px}
  .daily-actions{align-items:stretch}.daily-level{width:100%;display:flex;align-items:center;justify-content:space-between}.daily-level select{max-width:75%;flex:1}.daily-actions>.next-button{width:100%;flex-basis:100%}
}
.compact-landscape .topbar{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));height:44px}
.compact-landscape .brand{font-size:0;letter-spacing:0}.compact-landscape .brand-dot{display:none}.compact-landscape .brand-planet{width:34px;margin:0}.compact-landscape .brand-planet svg{width:29px;height:29px}
.compact-landscape .main-nav{position:static;left:auto;top:auto;transform:none;width:100%;min-width:0;gap:2px;padding:3px;border-radius:16px}.compact-landscape .nav-item{flex-direction:row;min-height:36px;padding:7px 5px;font-size:9px}.compact-landscape .nav-item svg,.compact-landscape .nav-wide{display:none}.compact-landscape .top-actions{gap:4px}.compact-landscape .top-actions>.icon-button,.compact-landscape .top-actions>.passport-button{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}.compact-landscape .passport-header-details{display:none!important}
.compact-landscape .quiz-panel,.compact-landscape .daily-panel{left:auto;right:max(12px,env(safe-area-inset-right));top:calc(var(--header-bottom,52px) + 16px);bottom:max(10px,env(safe-area-inset-bottom));transform:none;width:min(460px,51vw);max-height:none;padding-left:17px;padding-right:17px;border-radius:17px}
.compact-landscape .explore-panel{left:max(12px,env(safe-area-inset-left));top:calc(var(--header-bottom,52px) + 16px);bottom:max(10px,env(safe-area-inset-bottom));width:min(340px,46vw);max-height:none;border-radius:17px}
.compact-landscape .expeditions-panel{top:calc(var(--header-bottom,52px) + 16px);bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 32px);padding:19px}.compact-landscape .expeditions-heading h1{font-size:28px}.compact-landscape .expeditions-heading{margin-bottom:16px}.compact-landscape .expedition-pass{min-width:86px;padding:12px}.compact-landscape .expedition-pass>svg{width:28px;height:28px}
.compact-landscape .globe-toolbar{left:max(12px,env(safe-area-inset-left));right:auto;top:calc(var(--header-bottom,52px) + 71px);bottom:auto;padding:3px}.compact-landscape .globe-toolbar button{width:40px;height:40px;min-width:40px;min-height:40px}.compact-landscape .scene-links{top:calc(var(--header-bottom,52px) + 16px);left:max(12px,env(safe-area-inset-left));right:auto;gap:5px;justify-content:flex-start}.compact-landscape .scene-links .icon-button{width:40px;height:40px;min-width:40px;min-height:40px}
.compact-landscape .target-view{display:none;left:calc((100vw - var(--side-width,51vw))/2);top:calc(var(--header-bottom,52px) + 19px);transform:translateX(-50%);max-width:190px;font-size:6px;letter-spacing:.5px;white-space:normal;text-align:center}.compact-landscape .center-on-stage{left:calc((100vw - var(--side-width,51vw))/2);bottom:12px;transform:translateX(-50%);min-height:38px;padding:8px 11px;font-size:9px}.compact-landscape .center-on-stage kbd{display:none}
.compact-landscape[data-screen=explore] .globe-toolbar{left:auto;right:max(12px,env(safe-area-inset-right))}.compact-landscape[data-screen=explore] .scene-links{left:auto;right:max(12px,env(safe-area-inset-right))}.compact-landscape[data-screen=explore] .center-on-stage{left:calc(var(--side-width,46vw) + (100vw - var(--side-width,46vw))/2)}
.compact-landscape .quiz-topics{gap:12px}.compact-landscape .quiz-tab{font-size:8px;gap:5px;min-height:40px}.compact-landscape .quiz-tab svg,.compact-landscape .small-new,.compact-landscape .topic-long{display:none}.compact-landscape .topic-short{display:inline}.compact-landscape .question-main{gap:9px;margin:12px 0}.compact-landscape .question-info{max-width:74%}.compact-landscape #question-title{font-size:24px}.compact-landscape #question-instruction{font-size:10px}.compact-landscape .question-side{flex-direction:column;gap:7px;align-items:flex-end}.compact-landscape .score-star{display:none}.compact-landscape .round-score div>span{display:none}.compact-landscape .round-score strong{font-size:21px}.compact-landscape .answers{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-landscape .answer{min-height:47px;padding:9px;font-size:11px;gap:7px;flex-direction:row;text-align:left}.compact-landscape .answer-key{width:21px;height:21px;font-size:8px}.compact-landscape .quiz-bottom{position:sticky;bottom:0;z-index:3;padding:8px 0;background:#142e40f5;gap:8px}.compact-landscape .feedback{font-size:9px;max-width:none;flex:1}.compact-landscape .quiz-panel{scroll-padding-bottom:72px}.compact-landscape #next-button{font-size:9px;white-space:normal;max-width:54%;line-height:1.4}
.compact-landscape .learning-strip>span{display:none}.compact-landscape .learning-strip>button:last-child{margin-left:auto}.compact-landscape .learning-note{font-size:9px;gap:9px}.compact-landscape .daily-bar{gap:9px}.compact-landscape .daily-bar strong{font-size:14px}.compact-landscape .daily-bar>div>span{font-size:5px}.compact-landscape .daily-bar li{width:20px;height:22px}.compact-landscape .daily-bar>ol{gap:3px}.compact-landscape .daily-bar li>svg{width:11px;height:11px}
.compact-landscape .daily-panel{padding-top:17px;padding-bottom:15px}.compact-landscape .daily-layout{display:flex;flex-direction:column-reverse;gap:17px}.compact-landscape .daily-postcard{min-height:0;height:130px;transform:none}.compact-landscape .daily-postcard>img{position:absolute;left:0;top:0;width:46%;height:130px;margin:0}.compact-landscape .daily-postcard-region{left:48%;top:16px;font-size:6px}.compact-landscape .daily-postcard-caption{left:48%;right:15px;top:40px;bottom:auto}.compact-landscape .daily-postcard-caption>strong{font-size:17px}.compact-landscape .daily-postcard-caption>span{font-size:5px;letter-spacing:.5px}.compact-landscape .daily-postmark{width:28px;height:34px;right:10px;bottom:9px}.compact-landscape .daily-postmark b{font-size:11px}.compact-landscape .daily-postmark svg{width:9px;height:9px}.compact-landscape .daily-postmark small{font-size:4px}.compact-landscape .daily-copy h1{font-size:29px}.compact-landscape .daily-description{font-size:11px}.compact-landscape .daily-journal{display:block}.compact-landscape .daily-stamps{margin-top:10px}.compact-landscape .daily-dateline{font-size:8px;gap:8px}.compact-landscape .daily-dateline>span{font-size:7px;letter-spacing:.6px}
.compact-landscape .country-popover{left:auto;right:max(67px,env(safe-area-inset-right));top:calc(var(--header-bottom,52px) + 16px);width:min(290px,calc(100vw - var(--side-width,46vw) - 80px));max-height:calc(var(--view-height,100dvh) - 85px);overflow:auto}.compact-landscape .landmark-postcard{max-height:115px;object-fit:contain}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}.daily-postcard{transform:none}}
/* Biographical collection: engraved initials and a discipline emblem. */
.quiz-topline>.quiz-tabs{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:22px;overscroll-behavior-x:contain}
.quiz-topline>.quiz-tabs::-webkit-scrollbar{display:none}.quiz-tab{flex-shrink:0}.settings-toggle{flex-shrink:0}
.person-badge{--person-ink:#9bc4d6;display:inline-grid;place-items:center;position:relative;isolation:isolate;flex-shrink:0;width:66px;height:72px;border:1px solid color-mix(in srgb,var(--person-ink) 40%,transparent);border-radius:17px 17px 23px 7px;overflow:hidden;background:radial-gradient(ellipse at 10% 15%,color-mix(in srgb,var(--person-ink) 20%,transparent),transparent 70%),#152e43;box-shadow:inset 0 0 0 4px #0c203627,0 6px 20px #00101a22;color:var(--person-ink)}
.person-tone-art{--person-ink:#d7ab9c}.person-tone-music{--person-ink:#c0b2df}.person-tone-sport{--person-ink:#afc994}.person-tone-books{--person-ink:#dec791}.person-tone-society{--person-ink:#87cbbb}
.person-badge:before{content:'';position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--person-ink) 15%,transparent);border-radius:11px 11px 17px 2px;z-index:-1}.person-badge>b{font:500 29px/1 var(--display);letter-spacing:-1.5px;transform:translateY(-4px);text-shadow:0 2px 12px #0003}.person-orbit{position:absolute;width:97px;height:48px;border:1px solid color-mix(in srgb,var(--person-ink) 24%,transparent);border-radius:50%;transform:rotate(-42deg);z-index:-1}.person-field-symbol{position:absolute;right:4px;bottom:4px;border-radius:50%;background:#173149;padding:4px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--person-ink) 25%,transparent)}.person-field-symbol svg{width:15px;height:15px;stroke-width:1.5}
.question-info.with-person{display:grid;grid-template-columns:76px minmax(0,1fr);gap:3px 16px;max-width:78%;align-items:start}.person-question{grid-column:1;grid-row:1 / span 3;align-self:center}.with-person .question-label,.with-person #question-title,.with-person #question-instruction{grid-column:2}.with-person #question-title{font-size:30px;line-height:1.1}.with-person #question-instruction{font-size:11px;color:#b9ced0}.person-clue{display:flex;align-items:center;gap:13px;margin:-4px 0 14px;padding:10px 13px;border-left:2px solid #b3cccb55;border-radius:0 9px 9px 0;background:#afcbd508}.person-clue>span{font-size:9px;color:#d8caa8;flex-shrink:0;max-width:37%;line-height:1.5}.person-clue>p{margin:0;color:#93b1bc;font-size:10px;line-height:1.65}.person-reveal{margin-top:12px;padding:12px 15px;border:1px solid #b5d2c432;border-radius:13px;background:linear-gradient(110deg,#94bda112,#162e4203)}.person-reveal>div{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.person-reveal strong{font:500 18px/1.4 var(--display);color:#e2e7cd}.person-reveal>div>span{font-size:9px;color:#a0b8b7}.person-reveal p{margin:8px 0;color:#9bb8be;font-size:11px;line-height:1.7}.person-reveal .landmark-story-button{margin-top:6px}
.people-catalog .person-badge{width:45px;height:50px;border-radius:11px 11px 16px 5px}.people-catalog .person-badge>b{font-size:23px}.people-catalog .person-field-symbol{padding:2px;right:1px;bottom:1px}.people-catalog .person-field-symbol svg{width:11px;height:11px}.people-catalog .country-item{gap:13px;min-height:73px}.people-catalog .country-item>span:last-child{min-width:0;line-height:1.4}.people-catalog .country-item small{white-space:normal;line-height:1.6}.collection-tabs{gap:4px}.collection-tabs>button{min-width:0;flex:1;font-size:9px;padding-left:5px;padding-right:5px;gap:5px;white-space:nowrap}.collection-tabs>button svg{width:14px;height:14px;flex-shrink:0}
.person-popover-identity{display:flex;align-items:flex-end;gap:13px;margin:3px 0 15px}.person-popover-identity>span:last-child{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#9bb9bf;margin-bottom:4px}.person-popover .person-badge{width:76px;height:86px}.person-popover .person-badge>b{font-size:37px}.person-popover h3{margin-top:0}.person-birth{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px;border:1px solid #b7c9ca29;border-radius:12px;background:#88a9ae0a}.person-birth .country-flag{width:34px;height:26px;object-fit:contain;flex-shrink:0}.person-birth>div{display:grid;gap:6px}.person-birth span{font-size:7px;letter-spacing:1.2px;color:#89a6ae}.person-birth strong{font-size:12px;line-height:1.5;color:#d2dfda}.person-birth small{font-size:10px;color:#8da8ad}.person-popover .person-birth{padding:10px;gap:9px}.person-popover .person-birth strong{font-size:11px}.person-popover .speak-button{margin-top:12px}
.person-story-hero{display:flex;align-items:center;gap:24px;margin:16px 0 25px}.person-story-hero>.person-badge{width:116px;height:133px;border-radius:28px 28px 39px 12px}.person-story-hero .person-badge>b{font-size:56px}.person-story-hero .person-field-symbol{padding:7px;right:7px;bottom:7px}.person-story-hero .person-field-symbol svg{width:22px;height:22px}.person-story-hero .person-orbit{width:177px;height:90px}.person-story-hero>div{min-width:0}.person-story-hero #modal-title{margin:8px 0 9px;font-size:38px;line-height:1.12;overflow-wrap:anywhere}.person-story-hero>div>p:last-child{margin:0;font-size:12px!important;color:#9bb5bd}.person-geography-note{font-size:10px!important;line-height:1.75!important;color:#8ba7af!important;margin-bottom:25px!important}.person-did-you-know{margin:25px 0;padding:18px;border-radius:13px;background:#d2c39a09;border:1px solid #d2c39a24}.person-did-you-know>span{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;color:#c5bc98}.person-did-you-know svg{height:16px;width:16px}.person-did-you-know p{margin-bottom:0!important;font-size:12px!important;line-height:1.8!important;color:#bbccc6!important}
.people-passport{padding:18px;margin:25px 0;border:1px solid #b2cdc82a;border-radius:16px;background:linear-gradient(130deg,#83b5c50b,#b3a2c107)}.people-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.people-section-heading>svg{width:29px;height:29px;color:#b7c6be}.people-section-heading p{font-size:7px!important;letter-spacing:1.5px;color:#94b3ba!important;margin:0 0 7px!important}.people-section-heading h3{margin:0!important}.people-section-heading h3>span{font-size:11px;color:#8fafb3;margin-left:5px}.people-passport>p{font-size:11px!important}.people-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:17px 0}.people-stamps>button{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #b9d3c826;border-radius:11px;background:#9bb8be07;text-align:left;color:#d7e2d6}.people-stamps>button:hover{border-color:#c9d8bb70;background:#a9c5bc10}.people-stamps .person-badge{width:38px;height:43px;border-radius:9px 9px 12px 3px}.people-stamps .person-badge>b{font-size:18px}.people-stamps .person-field-symbol{display:none}.people-stamps>button>span:last-child{font-size:10px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.people-stamps small{display:block;color:#8da8ae;font-size:8px}.learning-review-row>.person-badge,.review-row>.person-badge{width:45px;height:51px}.learning-review-row>.person-badge>b,.review-row>.person-badge>b{font-size:23px}
@media(max-width:760px){.quiz-topline>.quiz-tabs{gap:16px}.quiz-tab{font-size:10px}.quiz-tab svg{display:none}.question-info.with-person{grid-template-columns:55px minmax(0,1fr);gap:3px 11px;max-width:80%}.person-question .person-badge{width:51px;height:60px;border-radius:13px 13px 18px 5px}.person-question .person-badge>b{font-size:25px}.person-question .person-field-symbol svg{width:12px;height:12px}.with-person #question-title{font-size:25px}.with-person #question-instruction{font-size:10px;line-height:1.6}.person-clue{display:block;margin-bottom:12px;padding:8px 10px}.person-clue>span{max-width:none;font-size:8px}.person-clue>p{font-size:10px;line-height:1.6;margin-top:4px}.person-reveal{padding:11px}.person-reveal strong{font-size:17px}.person-reveal>div>span{font-size:8px}.person-story-hero{gap:16px}.person-story-hero>.person-badge{width:83px;height:101px;border-radius:20px 20px 29px 8px}.person-story-hero .person-badge>b{font-size:40px}.person-story-hero #modal-title{font-size:30px}.person-story-hero .story-kicker{font-size:8px!important}.people-stamps{grid-template-columns:repeat(2,minmax(0,1fr))}.people-passport{padding:14px}.person-birth strong{font-size:11px}}
@media(max-width:390px){.quiz-topline>.quiz-tabs{gap:14px}.quiz-tab{font-size:9px}.with-person #question-title{font-size:22px}.question-info.with-person{grid-template-columns:45px minmax(0,1fr);gap:3px 9px;max-width:82%}.person-question .person-badge{width:42px;height:52px}.person-question .person-badge>b{font-size:21px}.person-story-hero{gap:12px}.person-story-hero #modal-title{font-size:27px}.person-story-hero>.person-badge{width:70px;height:87px}.people-stamps>button{padding:7px;gap:6px}.people-stamps .person-badge{width:30px;height:37px}.people-stamps>button>span:last-child{font-size:9px}}

.country-people{margin:14px 0;padding-top:12px;border-top:1px solid #b8d1cd22}.country-people h4{font-size:9px;color:#91b1b9;margin:0 0 8px}.country-people>button{display:flex;align-items:center;gap:7px;width:100%;font-size:11px;color:#d2ddcf;padding:7px 0;min-height:36px;text-align:left}.country-people>button>svg{width:14px;height:14px;flex-shrink:0}.country-people>button>svg:last-child{margin-left:auto;color:#8cafb7}.country-people>button:hover{color:#f5d9b1}
.person-intro{display:grid;gap:5px;flex-shrink:0;max-width:37%;min-width:110px}.person-intro>span{font-size:6px;letter-spacing:1.3px;color:#8faeb6}.person-intro>strong{font-size:10px;line-height:1.5;font-weight:700;color:#d8caa8}.person-summary{margin:15px 0 12px;padding-top:13px;border-top:1px solid #aecac625}.person-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.person-summary-heading h3{margin:0;color:#d1dfd5;font:500 17px/1.4 var(--display)}.person-summary-tabs{display:flex;border:1px solid #bed2cb26;border-radius:8px;padding:3px;background:#081d2929;flex-shrink:0}.person-summary-tabs>button{padding:6px 9px;min-height:32px;border-radius:5px;font-size:9px;color:#90aeb7;white-space:nowrap}.person-summary-tabs>button[aria-pressed="true"]{color:#e3e9d4;background:#b8d1b520;box-shadow:inset 0 0 0 1px #bfd1b71a}.person-summary-tabs>button:hover{color:#f5dfb7}.person-reveal #person-summary-text{font-size:12px;line-height:1.85;color:#b5cbd0;margin:12px 0 0}.person-reveal .person-summary-fact{display:flex;align-items:flex-start;gap:8px;color:#a7bfae;font-size:10px;margin:12px 0 9px}.person-summary-fact>svg{height:15px;width:15px;flex-shrink:0;margin-top:2px;color:#c2c298}
@media(max-width:760px){.person-intro{max-width:none;min-width:0;gap:4px;margin-bottom:5px}.person-intro>span{font-size:6px}.person-intro>strong{font-size:10px}.person-summary-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.person-summary-heading h3{font-size:17px}.person-summary-tabs>button{min-height:36px}.person-reveal #person-summary-text{font-size:11px;line-height:1.8}.person-reveal .person-summary-fact{font-size:10px}}
@media(pointer:coarse){.person-summary-tabs>button{min-height:44px;padding-left:11px;padding-right:11px}}
/* Personal atlas, saved discoveries and the mixed world quiz. */
.save-item{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 11px;margin:10px 0;border:1px solid #c2d2b930;border-radius:9px;background:#a4c0af09;color:#a4bdb3;font-size:10px;line-height:1.5;text-align:left}.save-item>svg{height:15px;width:15px;flex-shrink:0}.save-item:hover{border-color:#d8c18d80;color:#f1dcb1;background:#cfc2950d}.save-item.is-saved{color:#e1c891;border-color:#d4bf843e;background:#c6aa6510}.save-item.is-saved>svg{fill:#d2b6753b}.quiz-collection{display:flex;justify-content:flex-end;margin:4px 0 -3px}.quiz-collection .save-item{margin:5px 0;min-height:32px;font-size:9px}.catalog-tools{padding:0 0 10px;flex-shrink:0}.catalog-filters{display:flex;gap:8px}.catalog-filters>label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.catalog-filters label>span{font-size:6px;letter-spacing:1.1px;color:#86a8b3;white-space:nowrap}.catalog-filters select{width:100%;min-width:0;min-height:36px;border-radius:8px;padding:8px;border:1px solid #adcbd430;background:#112b40;color:#c9ded7;font-size:10px;font-weight:700;cursor:pointer}.catalog-filters select option{background:#142d41;color:#d3e3dc}.catalog-actions{display:flex;gap:8px;margin-top:9px}.catalog-actions>button{display:flex;align-items:center;gap:7px;min-height:37px;border:1px solid #b4c7ad38;border-radius:9px;padding:8px 11px;font-size:10px;color:#d4dfc5;background:linear-gradient(110deg,#b7c7a614,#8db5b50c)}.catalog-actions>button:hover{border-color:#d9c59673;color:#f5dfb7}.catalog-actions svg{height:14px;width:14px;flex-shrink:0}#catalog-surprise{flex:1;justify-content:flex-start}#catalog-surprise>svg:last-child{margin-left:auto}#catalog-surprise:disabled{opacity:.45;cursor:default}#catalog-clear{border-color:#b6cdd024;color:#93b1b9;background:none;font-size:9px}#catalog-filter-note{font-size:8px;line-height:1.65;color:#7f9fa9;margin:8px 0 0}.country-item>.catalog-saved-mark{height:13px;width:13px;flex-shrink:0;margin-left:auto;color:#d8c18d;fill:#ceb47526}.country-item>span:not(.person-badge){min-width:0}.empty-results>svg{height:29px;width:29px;margin:8px auto 12px;color:#a3bfb9}.empty-results>strong{display:block;font:500 18px/1.4 var(--display);color:#bdcfc7}.empty-results>p{font-size:10px;line-height:1.8;color:#829fa8}.empty-results>.text-button{margin:12px auto 0}
.atlas-progress,.atlas-favorites{margin:27px 0;padding:19px;border:1px solid #aec6bf29;border-radius:17px;background:radial-gradient(ellipse at 0 0,#94c5b608,transparent 80%),#9ebfc205}.atlas-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.atlas-section-title>div>p{margin:0 0 7px!important;font-size:7px!important;letter-spacing:1.7px;color:#8cafb5!important}.atlas-section-title h3{margin:0!important;font:500 24px/1.2 var(--display)!important;color:#dce8d9!important}.atlas-section-title h3>span{font:700 13px var(--font);color:#aec5b2;margin-left:7px}.atlas-section-title>span{font:500 27px var(--display);color:#d4dfbd;white-space:nowrap}.atlas-section-title>span>small{display:block;font:400 9px/1.8 var(--font);color:#8ba8ac}.atlas-section-title>svg{height:25px;width:25px;color:#cbbb8e;fill:#d8c98a19}.atlas-progress-note{font-size:10px!important;line-height:1.7!important;color:#8daab0!important;margin:10px 0!important}.atlas-regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:17px 0}.atlas-regions>button{padding:13px;border-radius:11px;text-align:left;border:1px solid #a4c0c02b;background:linear-gradient(130deg,#b7d8c607,#111e2c0a);min-width:0}.atlas-regions>button:last-child{grid-column:1 / -1}.atlas-regions>button:hover{border-color:#d5d5a76b;background:#bfd0aa0c;transform:translateY(-1px)}.atlas-region-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.atlas-region-title>strong{font:500 18px var(--display);color:#cfdfd5}.atlas-region-title>span{display:flex;align-items:center;gap:4px;font-size:12px;color:#c1d2b4}.atlas-region-title small{font-size:9px;color:#88a7ae}.atlas-region-title svg{height:13px;width:13px;margin-left:6px;color:#95b5b2}.atlas-progress-track{display:block;height:4px;border-radius:5px;overflow:hidden;background:#86a8b11c;margin:11px 0}.atlas-progress-track>span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#86b6b0,#d5d0a0)}.atlas-region-counts{display:flex;justify-content:space-between;gap:7px;font-size:7px;color:#83a2aa}.atlas-region-counts b{font-weight:600;color:#adc5be}.atlas-saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.atlas-saved-grid>button{display:flex;align-items:center;gap:10px;border:1px solid #b7c4b524;border-radius:10px;padding:10px;text-align:left;min-width:0;background:#a2bdb706}.atlas-saved-grid>button:hover{border-color:#c8c5a660;background:#bdcdb00b}.atlas-saved-grid>button>img:not(.country-flag){width:44px;height:34px;object-fit:cover;border-radius:5px}.atlas-saved-grid>button>span:not(.person-badge){display:grid;gap:4px;min-width:0}.atlas-saved-grid strong{font-size:11px;line-height:1.5;font-weight:700;color:#d0ded3;overflow-wrap:anywhere}.atlas-saved-grid small{font-size:8px;color:#8aa7ae}.atlas-saved-grid>button>svg{margin-left:auto;width:12px;height:12px;flex-shrink:0;color:#8caeae}.atlas-saved-grid .person-badge{width:39px;height:45px;border-radius:10px 10px 14px 4px}.atlas-saved-grid .person-badge>b{font-size:20px}.atlas-saved-grid .person-field-symbol{display:none}.atlas-favorites>p{font-size:11px!important;color:#8caab1!important;line-height:1.8!important}.atlas-favorite-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.atlas-favorite-links>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:37px;padding:8px 10px;border:1px solid #b6cbb32b;border-radius:8px;color:#b6cbb8;font-size:9px;flex:1;white-space:nowrap}.atlas-favorite-links>button>span{color:#d4d9b8}.atlas-favorite-links svg{height:12px;width:12px}.atlas-favorite-links>button:hover{border-color:#d9c59670;color:#e9d9b8}
@media(max-width:760px){.explore-panel{max-height:calc(var(--view-height,100vh)*.68);overflow-y:auto}.explore-heading{gap:10px}.explore-heading>div:first-child>p:last-child{display:none}.explore-heading h2{font-size:22px}.filter-chips{flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;scrollbar-width:none;padding-bottom:2px}.filter-chips>button{flex-shrink:0}.catalog-tools{padding-bottom:9px}.catalog-filters select{min-height:40px;font-size:12px}.catalog-filters label>span{font-size:6px}.catalog-actions>button{min-height:40px;font-size:11px}#catalog-filter-note{display:none}.country-results-head{flex-shrink:0;margin-bottom:8px}.country-list{flex:1 0 110px;min-height:110px;max-height:220px}.catalog-tools+.country-results-head{font-size:9px}.atlas-progress,.atlas-favorites{padding:14px;margin:23px 0}.atlas-section-title h3{font-size:22px!important}.atlas-section-title>span{font-size:24px}.atlas-region-title>strong{font-size:18px}.atlas-regions{gap:8px}.atlas-regions>button{padding:11px}.atlas-region-counts{font-size:7px;gap:5px;flex-wrap:wrap;justify-content:flex-start}.atlas-saved-grid{grid-template-columns:minmax(0,1fr)}.atlas-saved-grid>button{min-height:59px}.save-item{min-height:40px;font-size:11px}.quiz-collection .save-item{min-height:36px}.atlas-favorite-links>button{min-height:42px}}
@media(max-width:760px) and (max-height:650px){.explore-heading>div:first-child{display:none}.explore-panel{max-height:calc(var(--view-height,100vh)*.72)}}
@media(max-width:400px){.atlas-regions{grid-template-columns:minmax(0,1fr)}.atlas-regions>button:last-child{grid-column:auto}.atlas-region-counts{justify-content:space-between}.atlas-section-title>span{font-size:23px}.atlas-favorite-links>button{flex-basis:100%;font-size:11px}}
.compact-landscape .explore-panel{overflow-y:auto}.compact-landscape .explore-heading>div:first-child{display:none}.compact-landscape .explore-heading{gap:8px}.compact-landscape .filter-chips{flex-wrap:nowrap;overflow:auto;flex-shrink:0;scrollbar-width:none;margin:9px 0}.compact-landscape .filter-chips>button{flex-shrink:0;min-height:32px}.compact-landscape .catalog-filters select{min-height:36px;font-size:10px}.compact-landscape .catalog-actions>button{min-height:36px;font-size:10px}.compact-landscape #catalog-filter-note{display:none}.compact-landscape .country-list{min-height:100px;flex:1 0 100px;max-height:none}.compact-landscape .catalog-tools{padding-bottom:8px}
@media(pointer:coarse){.save-item,.catalog-actions>button,.atlas-favorite-links>button{min-height:44px}.catalog-filters select{font-size:16px;min-height:44px}}

.explore-panel{overflow-y:auto}.country-list{flex:1 0 120px;min-height:120px}
/* A permanent glass layer and the live incoming panel prevent a snapshot handoff flash. */
.main-nav{isolation:isolate}.main-nav.menu-docked{position:fixed;transform:translateX(-50%);margin:0;z-index:16;will-change:transform}
.nav-indicator{display:block;position:absolute;top:0;left:0;z-index:0;border-radius:24px;background:linear-gradient(120deg,#d3e8d12e,#a8d9d01c);box-shadow:inset 0 0 0 1px #def5dc30,0 4px 15px #06192116;pointer-events:none;will-change:transform,width,height}
.main-nav.nav-enhanced .nav-item{position:relative;z-index:1}.main-nav.nav-enhanced .nav-item.active{background:transparent;box-shadow:none}.menu-motion-off .nav-indicator{transition:none}
.menu-surface{will-change:transform,opacity,clip-path;backface-visibility:hidden;clip-path:inset(0 round 23px);background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.menu-live{pointer-events:none!important;will-change:transform,opacity,clip-path}.menu-chrome-live{transition:none!important;will-change:transform,opacity}.menu-chrome-outgoing{pointer-events:none!important}
.menu-glass{position:fixed;left:0;top:0;z-index:9;border-radius:23px;overflow:hidden;isolation:isolate;contain:layout paint style;pointer-events:none;user-select:none;background:linear-gradient(128deg,#183448c2,#0e213ab8);box-shadow:0 25px 75px #01071359,inset 0 0 0 1px #c9e3e630;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}
.menu-glass{will-change:transform,width,height}
.globe-toolbar,.scene-links,.target-view,.scene-hint,.center-on-stage{will-change:transform,opacity;backface-visibility:hidden}
.low-effects .menu-glass,.menu-glass-lite{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 12px 36px #01071345,inset 0 0 0 1px #c9e3e630}
.menu-ghost{box-sizing:border-box!important;pointer-events:none!important;user-select:none;visibility:visible!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scrollbar-width:none;will-change:transform,opacity;backface-visibility:hidden}
.menu-ghost,.menu-ghost *{pointer-events:none!important;transition:none!important;animation:none!important}.menu-ghost::-webkit-scrollbar{display:none}
@media(prefers-reduced-motion:reduce){.nav-indicator{transition:none}}
/* Optional orbital imagery; the country game remains the default view. */
.scene-links .earth-view-button{width:auto;min-width:44px;padding:0 12px;gap:7px;display:flex;font-size:10px;font-weight:650;letter-spacing:.2px}
.earth-view-button svg{width:17px;height:17px}.earth-view-button.is-photographic{background:#173c4ed9;border-color:#93c7cb70;color:#dfebd8}
.earth-settings-button{display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;min-height:43px;border:1px solid #c7dfd02c;border-radius:10px;background:#acc9b807;color:#c8dcd1;text-align:left;font-size:11px}.earth-settings-button svg{width:16px;height:16px}.earth-settings-button strong{margin-left:auto;font-size:10px;color:#b4ceb0;font-weight:550}
.surface-credit{position:fixed;bottom:8px;left:20px;z-index:2;pointer-events:none;user-select:none;font-size:7px;font-weight:550;letter-spacing:1.1px;color:#a6c9d171;text-shadow:0 1px 5px #001122}
dialog.earth-dialog{width:min(790px,calc(100% - 32px));padding:27px;background:linear-gradient(135deg,#193342f7,#0c1c2ffb);border:1px solid #bddbd739;box-shadow:0 35px 120px #0009;max-height:91dvh;border-radius:24px}
.earth-dialog .modal-kicker{color:#91bdb8;font-size:8px;letter-spacing:1.7px}.earth-dialog .modal-top{margin-bottom:21px;border-bottom-color:#cee3d91c}
.earth-heading .earth-eyebrow{font-size:8px!important;letter-spacing:2.1px;color:#a4c4a9!important;margin:0 0 9px!important}.earth-heading #modal-title{font:500 37px/1.15 var(--display);letter-spacing:-.8px;color:#e2eada;margin:0 0 11px}.earth-heading>p:last-child{color:#a9c2c2!important;font-size:12px!important;line-height:1.75;margin:0 0 24px!important;max-width:53ch}
.earth-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.earth-choice{position:relative;min-width:0;padding:0;border:1px solid #c3dcd52a;border-radius:15px;overflow:hidden;background:#132c3b;text-align:left;transition:background .2s,border-color .2s,box-shadow .2s}.earth-choice>img,.earth-preview{display:block;width:100%;height:130px;object-fit:cover;background:#071623}.earth-choice>span:last-of-type{display:grid;gap:6px;padding:15px 14px 17px}.earth-choice strong{font:500 22px/1.1 var(--display);color:#e1ead5}.earth-choice small{color:#9cb6b6;font-size:9px;line-height:1.5}.earth-choice>i{display:grid;place-items:center;position:absolute;right:10px;top:10px;width:23px;height:23px;border:1px solid #dae8d234;border-radius:50%;background:#102a3c91;color:transparent;font-style:normal;font-size:12px}.earth-choice[aria-pressed=true]{border-color:#bfd9b1;background:#294336;box-shadow:0 0 0 2px #bfd9b114}.earth-choice[aria-pressed=true]>i{background:#cbddb6;color:#29493c;border-color:#dbeac9}.earth-preview-map{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 120%,#5d909f,#12273d 80%)}.earth-preview-map svg{width:88px;height:88px;border-radius:50%;fill:#c6d89d;stroke:#416d68;stroke-width:.7;background:#9fc4b4;box-shadow:0 0 24px #7cbbbf22}
.earth-options{margin-top:23px;border-top:1px solid #c5dbda20}.earth-options>label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;border-bottom:1px solid #c5dbda14;cursor:pointer}.earth-options>label>span{display:flex;align-items:center;gap:13px}.earth-options svg{width:19px;height:19px;color:#8badb1}.earth-options strong{display:block;font-size:12px;font-weight:600;color:#ccddd2}.earth-options small{display:block;font-size:10px;color:#8daeb2;margin-top:4px}.earth-options input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:38px;height:23px;border:1px solid #8cafaa59;border-radius:20px;background:#0e2435;cursor:pointer;position:relative;transition:background .2s}.earth-options input:after{content:'';position:absolute;width:15px;height:15px;top:3px;left:3px;border-radius:50%;background:#93b6b5;transition:transform .2s}.earth-options input:checked{background:#91b698;border-color:#b2cfa6}.earth-options input:checked:after{background:#f1f0df;transform:translateX(15px)}.earth-options input:disabled{opacity:.3;cursor:default}.earth-options label:has(input:disabled)>span{opacity:.5}
#modal-content .earth-status{min-height:35px;margin:13px 0 8px;font-size:10px;color:#b1c4a9;line-height:1.7}.earth-footer{display:flex;gap:22px;align-items:center;justify-content:space-between}.earth-footer>p{max-width:36ch;font-size:9px!important;line-height:1.75!important;color:#86a4ad!important;margin:0!important}.earth-footer .modal-action{margin:0;width:auto;min-height:43px;padding:12px 17px;white-space:nowrap;font-size:11px;display:flex;align-items:center;gap:9px;background:#c9dbb7;color:#28483c}.earth-footer .modal-action svg{width:16px;height:16px}.earth-details{margin-top:20px;border-top:1px solid #bad8d318;padding-top:12px;color:#8aa6af;font-size:9px;line-height:1.8}.earth-details summary{cursor:pointer;min-height:25px}.earth-details p{font-size:10px!important;color:#93afb5!important;line-height:1.8!important}.earth-details a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.scene-links .earth-view-button{padding:0;width:40px;height:40px;min-width:40px}.earth-view-button>span{display:none}.surface-credit{left:13px;bottom:5px;font-size:5px;letter-spacing:.7px}dialog.earth-dialog{padding:19px;width:calc(100% - 22px);border-radius:20px;max-height:92dvh}.earth-heading #modal-title{font-size:30px}.earth-choices{gap:8px}.earth-choice>img,.earth-preview{height:105px}.earth-choice>span:last-of-type{padding:12px 10px}.earth-choice strong{font-size:20px}.earth-choice small{font-size:8px}.earth-preview-map svg{width:69px;height:69px}.earth-footer{gap:15px}.earth-footer>p{font-size:8px!important}.earth-footer .modal-action{font-size:10px;padding:11px 12px}}
@media(max-width:420px){.earth-choice>img,.earth-preview{height:84px}.earth-choice strong{font-size:18px}.earth-choice small{min-height:25px}.earth-options small{font-size:9px}.earth-choice>i{width:20px;height:20px;right:6px;top:6px}.earth-footer{align-items:stretch;flex-direction:column}.earth-footer>p{max-width:none}.earth-footer .modal-action{justify-content:center}}
/* Wildlife field journal: natural photographs, quiet colours, clear reading. */
.collection-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.collection-tabs>button{min-width:0;font-size:9px;padding-left:5px;padding-right:5px;white-space:normal;line-height:1.5}
.animal-intro{position:relative;display:flex;min-height:126px;gap:10px;align-items:center;overflow:hidden;margin-top:15px;padding:15px;border:1px solid #c1d7ad29;border-radius:13px;background:linear-gradient(125deg,#3553436e,#18374865)}.animal-intro>div:first-child{position:relative;z-index:1;flex:1;min-width:0}.animal-intro p{margin:0 0 7px;font-size:6px;letter-spacing:1.6px;color:#a9c39a}.animal-intro h3{font:500 24px/1.12 var(--display);color:#e0e7c9;max-width:10ch;margin:0 0 8px}.animal-intro span{font-size:8px;color:#9eb4a7}.animal-intro button{display:flex;align-items:center;gap:6px;text-align:left;font-size:8px;line-height:1.6;color:#d0dfa8;padding:10px 0 0}.animal-intro button svg{width:12px;height:12px}.animal-intro-mosaic{position:relative;flex:0 0 80px;height:100px}.animal-intro-mosaic img{position:absolute;width:58px;height:65px;object-fit:cover;border:3px solid #d9dfc7;border-radius:5px;box-shadow:0 3px 12px #0003}.animal-intro-mosaic img:nth-child(1){left:-7px;top:4px;transform:rotate(-9deg)}.animal-intro-mosaic img:nth-child(2){left:29px;top:11px;transform:rotate(9deg)}.animal-intro-mosaic img:nth-child(3){left:10px;top:39px;transform:rotate(-3deg)}
.country-list.animal-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:start;padding-top:8px}.animal-catalog .country-item{position:relative;display:block;min-width:0;padding:0 0 12px;overflow:hidden;border:1px solid #a8c2a926;border-radius:11px;background:#8fb59c08;text-align:left;min-height:0}.animal-catalog .country-item.selected{border-color:#d4dca5;background:#a7c6a31c}.animal-catalog .animal-thumb{display:block;width:100%;height:100px;object-fit:cover;border-radius:0}.animal-catalog .country-item>span{display:block;padding:11px 10px 0;font-size:12px;line-height:1.3;color:#dde5cb;font-weight:650}.animal-catalog .country-item small{display:block;font-size:8px;line-height:1.6;color:#94b4ac;margin-top:6px;white-space:normal}.animal-catalog .catalog-saved-mark{position:absolute;right:7px;top:7px;background:#173b42bd;color:#f0e0a8;border-radius:50%;padding:4px;width:24px;height:24px}
.animal-postcard{height:177px!important;object-fit:cover!important;background:#1f3c35!important}.animal-popover .animal-scientific{color:#99afa8;font-size:10px;font-style:italic;line-height:1.6;margin-top:-3px}.animal-location-note{font-size:9px!important;line-height:1.8!important;color:#93aaa5!important;margin:14px 0!important}.animal-photo-credit{border-top:1px solid #91b2a82e;padding-top:10px;font-size:9px;color:#91aaa6;line-height:1.8;margin-top:15px}.animal-photo-credit summary{min-height:28px;cursor:pointer}.animal-photo-credit p{font-size:9px!important;line-height:1.9!important;color:#99b0a8!important;overflow-wrap:anywhere}.animal-photo-credit a{text-decoration:underline;text-underline-offset:3px}
.question-info.with-animal{display:grid;grid-template-columns:145px minmax(0,1fr);column-gap:20px;max-width:82%;align-content:center;min-height:113px}.animal-question{grid-column:1;grid-row:1/4;align-self:center}.animal-question img{width:145px;height:110px;object-fit:cover;border-radius:12px;border:1px solid #b6d6b233}.with-animal>.question-label,.with-animal>#question-title,.with-animal>#question-instruction{grid-column:2}.is-animals #question-title{font-size:30px;line-height:1.15}.is-animals #question-instruction{max-width:42ch;font-size:11px}.is-animals .answer{min-height:58px;font-size:12px;line-height:1.5;text-align:left}.is-animals .orange-dot{background:#bed3a2;box-shadow:0 0 10px #bdd7a32a}.animal-reveal{border-top:1px solid #b5d0b52a;padding:16px 0 2px}.animal-reveal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.animal-reveal-heading>span{display:flex;align-items:center;gap:7px;color:#a8be92;letter-spacing:1px;font-size:7px}.animal-reveal-heading svg{width:15px;height:15px}.animal-reveal-heading strong{font-size:12px;color:#d7e2c1}.animal-reveal>p{font-size:10px;color:#9ab5aa;line-height:1.8;margin:8px 0}.animal-reveal .animal-summary{font-size:12px;color:#c5d4be;line-height:1.85}.animal-reveal .landmark-story-button{margin-top:6px}
dialog.animal-dialog{width:min(820px,calc(100% - 32px));padding:28px;border-radius:24px;background:linear-gradient(135deg,#18383bf8,#102b37fc);border:1px solid #b9d1b73b;box-shadow:0 35px 120px #0009;max-height:92dvh}.animal-dialog .modal-kicker{color:#9fbea1;letter-spacing:1.5px;font-size:8px}.animal-dialog .modal-top{border-bottom-color:#c1d6b722;margin-bottom:24px}.animal-story-hero{display:grid;grid-template-columns:245px minmax(0,1fr);gap:26px;align-items:center}.animal-story-hero>img{display:block;width:245px;height:205px;object-fit:cover;border-radius:15px;border:1px solid #d2dfba35}.animal-story-hero .animal-eyebrow{font-size:8px!important;color:#b1c89a!important;letter-spacing:1.6px;margin:0 0 13px!important}.animal-story-hero #modal-title{font:500 40px/1.08 var(--display);letter-spacing:-.8px;color:#e7ebd5;margin:0 0 12px}.animal-story-hero .animal-scientific{font-size:12px!important;font-style:italic;color:#92b2a7!important;margin:0 0 14px!important}.animal-story-hero .animal-place{font-size:12px!important;color:#bfd0b7!important;line-height:1.8!important;margin:0!important}.animal-reading-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid #bbd5bd26;padding:22px 0 15px;margin-bottom:18px}.animal-reading-tabs button{min-height:40px;padding:9px 13px;border:1px solid transparent;border-radius:9px;font-size:11px;color:#9ab6a9}.animal-reading-tabs button[aria-pressed=true]{border-color:#c5d4a841;background:#b8c9a814;color:#dbe6bd}.animal-reading-tabs button:last-child{display:flex;align-items:center;gap:7px;margin-left:auto}.animal-reading-tabs svg{width:15px;height:15px}.animal-traits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 21px}.animal-traits>span{position:relative;display:block;padding:12px 13px 12px 40px;font-size:10px;line-height:1.7;color:#afc4ac;background:#acc5b109;border:1px solid #b5ceb321;border-radius:10px}.animal-traits svg{position:absolute;left:13px;top:15px;width:16px;height:16px;color:#91b29a}.animal-traits strong{display:block;font-size:7px;font-weight:550;letter-spacing:1.1px;text-transform:uppercase;color:#91aca1;margin-bottom:3px}.animal-reading-text>p{font-size:14px!important;line-height:1.95!important;color:#c9d6c3!important;margin:0 0 17px!important}.animal-field-note{display:flex;align-items:flex-start;gap:12px;padding:17px 18px;border:1px solid #c1d5a733;border-radius:12px;background:#a6bf8d0d;margin:23px 0 18px}.animal-field-note>svg{width:19px;height:19px;color:#b9ca96;margin-top:2px}.animal-field-note span{display:block;font-size:7px;letter-spacing:1.4px;color:#b3c695;margin-bottom:8px}.animal-field-note p{font-size:12px!important;line-height:1.8!important;color:#d2ddbd!important;margin:0!important}.animal-story-actions{display:flex;align-items:center;gap:20px;margin:22px 0 15px}.animal-story-actions .modal-action{margin:0;display:flex;align-items:center;gap:8px;width:auto;min-height:44px;padding:12px 16px;font-size:11px;background:#c4d5af;color:#294b3c}.animal-story-actions .text-button{font-size:10px}.animal-story-actions svg{width:16px;height:16px}
.animal-passport{margin:27px 0;padding-top:21px;border-top:1px solid #bed5b528}.animal-passport>p{font-size:11px;line-height:1.9;color:#9eb8aa}.animal-passport>.text-button{font-size:11px;margin-top:12px}.animal-stamps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.animal-stamps>button{display:block;min-width:0;overflow:hidden;border:1px solid #b9cfae2b;border-radius:10px;background:#a7be9809;padding:0 0 10px}.animal-stamps img{display:block;width:100%;height:82px;object-fit:cover}.animal-stamps span{display:block;padding:8px 8px 0;font-size:10px;line-height:1.5;color:#c5d5b9}.atlas-region-counts{flex-wrap:wrap}
@media(max-width:760px){.question-info.with-animal{grid-template-columns:100px minmax(0,1fr);column-gap:13px;min-height:96px;max-width:78%}.animal-question img{width:100px;height:90px}.is-animals #question-title{font-size:24px}.is-animals #question-instruction{font-size:10px}.is-animals .answer{font-size:11px;min-height:61px}.animal-story-hero{grid-template-columns:150px minmax(0,1fr);gap:18px}.animal-story-hero>img{width:150px;height:166px}.animal-story-hero #modal-title{font-size:30px}.animal-story-hero .animal-eyebrow{font-size:7px!important;letter-spacing:1px}.animal-story-hero .animal-place{font-size:10px!important}dialog.animal-dialog{padding:20px;width:calc(100% - 22px)}.animal-reading-text>p{font-size:13px!important}.animal-story-actions{gap:14px;align-items:stretch;flex-direction:column}.animal-story-actions .modal-action{justify-content:center}.animal-stamps{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-tabs>button{font-size:9px;min-height:46px}.animal-catalog .animal-thumb{height:115px}}
@media(max-width:420px){.question-info.with-animal{grid-template-columns:82px minmax(0,1fr);column-gap:11px;max-width:77%}.animal-question img{width:82px;height:84px}.is-animals #question-title{font-size:21px}.is-animals #question-instruction{font-size:9px;line-height:1.7}.animal-story-hero{grid-template-columns:1fr;gap:17px}.animal-story-hero>img{width:100%;height:180px}.animal-story-hero #modal-title{font-size:32px}.animal-reading-tabs{gap:3px}.animal-reading-tabs button{font-size:10px;padding:9px 10px}.animal-traits{gap:9px}.animal-traits>span{padding:12px;font-size:10px}.animal-traits svg{display:none}.animal-intro h3{max-width:none}.animal-reveal-heading strong{font-size:11px}}
.compact-landscape .question-info.with-animal{grid-template-columns:80px minmax(0,1fr);gap:10px}.compact-landscape .animal-question img{width:80px;height:78px}.compact-landscape.is-animals #question-title{font-size:22px}.compact-landscape.is-animals .answer{font-size:10px;min-height:47px}.compact-landscape .animal-intro{min-height:110px}.compact-landscape .animal-catalog .animal-thumb{height:85px}
/* Shared play: quiet invitations, personal turns, no countdown. */
.quiz-play-modes{display:flex;gap:9px;align-items:stretch;margin:0 0 15px;flex-wrap:wrap}.quiz-play-modes>button{display:grid;grid-template-columns:25px auto;column-gap:8px;text-align:left;padding:10px 13px;min-height:48px;border:1px solid #b7d2b430;border-radius:12px;background:#afccb309;color:#d7e4c4;font-size:11px}.quiz-play-modes>button svg{grid-row:1/3;width:21px;height:21px;align-self:center;color:#abc99b}.quiz-play-modes small{font-size:8px;color:#91afa6;margin-top:3px}.quiz-play-modes>button:hover{background:#c2d9b719;border-color:#c3d8a961}.quiz-play-modes #family-resume{display:flex;align-items:center;gap:8px;margin-left:auto;color:#e0d6ac;font-size:10px}.quiz-play-modes #family-resume[hidden]{display:none}.animal-mode-switch{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}.animal-mode-switch button{min-height:44px;padding:8px 12px;border:1px solid #b9cfba28;border-radius:9px;font-size:10px;color:#9db8a6}.animal-mode-switch button[aria-pressed=true]{background:#bed3aa19;border-color:#c5d7a866;color:#e1e8c1}.recognition-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 17px;color:#9fbaa9;font-size:10px}.recognition-tools button{display:flex;align-items:center;gap:7px;min-height:44px;border:1px solid #c2d2a94d;border-radius:9px;padding:7px 12px;color:#e0e6bc;font-size:10px}.recognition-tools svg{width:15px;height:15px}.is-recognition .question-info.with-animal{grid-template-columns:210px minmax(0,1fr);min-height:155px;max-width:84%}.is-recognition .animal-question{border-radius:13px;background:#071e29;overflow:hidden;box-shadow:inset 0 0 0 1px #c2d4b12b}.is-recognition .animal-question img{display:block;width:210px;height:155px;object-fit:contain;border:0;border-radius:0;transition:clip-path .45s ease}.is-recognition #question-title{font-size:32px}.family-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:0 0 14px;border-bottom:1px solid #b5cfad28;margin-bottom:17px}.family-player-score{display:grid;grid-template-columns:25px auto;column-gap:8px;min-width:95px;padding:8px 10px;border:1px solid transparent;border-radius:10px;color:#9ab4a8;font-size:10px}.family-player-score b{grid-row:1/3;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;background:#c2d3ae19;color:#dbdfb5}.family-player-score strong{font-weight:500;color:#ccdbbd}.family-player-score small{font-size:8px;margin-top:3px}.family-player-score.is-turn{background:#b7d5aa14;border-color:#d1d4a747}.family-bar .text-button{margin-left:auto;min-height:44px}.family-handoff{text-align:center;padding:20px 15px 27px;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center}.family-handoff>svg{width:36px;height:36px;color:#c9d6ab;margin-bottom:15px}.family-handoff .eyebrow{color:#a4bbaa;font-size:8px;letter-spacing:1.3px}.family-handoff h2{font:500 37px/1.15 var(--display);color:#e2e8c9;margin:8px 0 12px;overflow-wrap:anywhere}.family-handoff p{font-size:11px;line-height:1.8;color:#a5bdaf;max-width:45ch}.family-handoff .next-button{min-height:46px;margin-top:12px;padding:10px 25px;font-size:12px}.family-handoff-active .quiz-topline,.family-handoff-active .quiz-settings,.family-handoff-active .review-banner,.family-handoff-active .question-main,.family-handoff-active #answers,.family-handoff-active #person-clue,.family-handoff-active #find-controls,.family-handoff-active #find-result,.family-handoff-active #animal-reveal,.family-handoff-active #person-reveal,.family-handoff-active #landmark-reveal,.family-handoff-active #quiz-collection,.family-handoff-active .quiz-bottom,.family-handoff-active .round-progress,.family-handoff-active .recognition-tools,.family-handoff-active .learning-note{display:none!important}.is-family .quiz-topline{display:none}.family-setup>p,.family-result>p{font-size:12px;line-height:1.8;color:#aac0ae}.family-setup h2,.family-result h2{font:500 34px/1.15 var(--display);color:#e3e9cd;margin:6px 0 15px}.family-config{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.family-config label,.family-player-row label{display:flex;flex-direction:column;gap:8px;font-size:9px;color:#acc4ac}.family-config select,.family-player-row input,.family-player-row select{font:inherit;font-size:12px;color:#e2e6c9;width:100%;min-height:45px;border:1px solid #bdd0a93b;border-radius:9px;background:#112c34;padding:10px}.family-config label:last-child{grid-column:1/-1}.family-player-rows{display:grid;gap:10px}.family-player-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:13px;background:#adc7b008;border:1px solid #b7cfa51c;border-radius:12px;padding:12px}.family-note{font-size:10px!important;line-height:1.8;color:#94afa2}.family-error{font-size:11px;color:#f0baa4;padding:10px;background:#c1846815;border-radius:9px}.family-resume-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;border-radius:12px;background:#b9ccaa11;margin:17px 0;font-size:11px;color:#d9e0ba}.family-resume-card button{min-height:44px;white-space:nowrap;color:#e3d0a4}.family-result-list{display:grid;gap:10px;margin:20px 0}.family-result-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:15px;border:1px solid #afcba732;border-radius:13px;background:#b0c9a40b}.family-result-row>svg{width:25px;height:25px;color:#d9d2a4}.family-result-row strong{display:block;color:#dce7c5;overflow-wrap:anywhere}.family-result-row small{font-size:10px;color:#9fb8a8}.family-result-row>b{color:#e4d7a5;font-size:20px}.family-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.family-result-actions button{min-height:44px}.family-result .modal-action{margin:0}.family-result .text-button{white-space:normal}.family-resume-card small{display:block;color:#95af9f;margin-top:5px}#animal-identify-start{margin-top:9px}
@media(max-width:760px){.quiz-play-modes{gap:6px;margin-bottom:11px}.quiz-play-modes>button{padding:8px 10px;font-size:10px;flex:1;min-width:132px}.quiz-play-modes small{font-size:7px}.quiz-play-modes #family-resume{margin-left:0;justify-content:center}.is-recognition .question-info.with-animal{grid-template-columns:125px minmax(0,1fr);max-width:81%;column-gap:13px;min-height:130px}.is-recognition .animal-question img{width:125px;height:130px}.is-recognition #question-title{font-size:24px}.family-player-score{min-width:80px;padding:6px}.family-bar{gap:3px}.family-handoff h2{font-size:30px}.family-player-row{grid-template-columns:minmax(0,1fr) 110px;gap:9px}.family-config{gap:10px}.family-result h2,.family-setup h2{font-size:29px}}
@media(max-width:420px){.is-recognition .question-info.with-animal{grid-template-columns:105px minmax(0,1fr);max-width:79%;gap:10px}.is-recognition .animal-question img{width:105px;height:120px}.is-recognition #question-title{font-size:22px}.family-player-row{grid-template-columns:1fr}.family-result-row{padding:12px;grid-template-columns:25px minmax(0,1fr) auto}.family-config{grid-template-columns:1fr}.family-config label:last-child{grid-column:auto}}
.compact-landscape.is-recognition .question-info.with-animal{grid-template-columns:100px minmax(0,1fr)}.compact-landscape.is-recognition .animal-question img{width:100px;height:100px}.compact-landscape .family-handoff{padding:8px;min-height:180px}.compact-landscape .quiz-play-modes{gap:5px;margin-bottom:9px}.compact-landscape .quiz-play-modes>button{min-height:44px;padding:7px}.compact-landscape .quiz-play-modes small{display:none}@media(prefers-reduced-motion:reduce){.is-recognition .animal-question img{transition:none}}

/* Personal collections and nature routes */
.quiz-play-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.favorites-kind-counts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.favorites-kind-counts span{background:#b9ccaa11;border:1px solid #bdd0a93b;border-radius:12px;padding:9px 12px;color:#c2d1b8;font-size:12px}.favorites-kind-counts b{margin-left:6px}.favorites-setup>.tour-difficulty{margin:20px 0;max-width:260px}.favorites-setup>.text-button{margin:15px auto}.tour-sources{margin:20px 0;color:#afc4a7;font-size:12px}.tour-sources summary{cursor:pointer;font-weight:700}.tour-sources a{color:inherit}.atlas-favorites>.tour-quiz-start{margin:18px 0}#catalog-favorites-quiz{margin:8px 0 14px;width:100%}@media(max-width:520px){.quiz-play-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-play-modes>[data-favorites-quiz]{grid-column:1 / -1}}

.favorites-setup>p{font-size:12px;line-height:1.8;color:#aac0ae}.favorites-setup h2{font:500 34px/1.15 var(--display);color:#e3e9cd;margin:6px 0 15px}

.favorites-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 13px;border:1px solid #b7d2b430;border-radius:12px;background:#b9ccaa0a;font-size:9px;color:#bed0b1}.favorites-bar button{display:flex;align-items:center;gap:8px;min-height:44px;color:#e4d7a5;font-size:11px}.favorites-bar svg{width:15px;height:15px}.favorites-setup .tour-difficulty select{min-height:44px}

/* Two-animal field notebook */
.animal-compare-button,.compare-back{display:flex;align-items:center;gap:8px;color:#d3dfb7;font-size:11px;min-height:44px;padding:9px 0}.animal-compare-button svg,.compare-card-actions svg,.compare-toolbar svg{width:16px;height:16px;flex-shrink:0}.compare-back{margin-bottom:14px}dialog.animal-compare-dialog{width:min(1020px,calc(100% - 28px));padding:28px;max-height:92dvh;border-radius:24px;background:linear-gradient(135deg,#18383bfc,#102b37fc);border:1px solid #b9d1b73b}.animal-comparison h2{font:500 37px/1.15 var(--display);color:#e7ebd5;margin:10px 0}.animal-comparison .eyebrow{font-size:8px;color:#acc39d;letter-spacing:1.4px}.animal-comparison .compare-intro{color:#b5c9b5;line-height:1.8;font-size:12px}.compare-presets{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.compare-presets button{padding:9px 12px;min-height:44px;border:1px solid #b9cda733;border-radius:22px;font-size:10px;color:#c3d4b4;background:#b6d1ad09}.compare-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0}.compare-pickers>div{min-width:0}.compare-pickers label{display:block;color:#bcd0ac;font-size:9px;letter-spacing:1px;margin-bottom:9px}.compare-pickers .compare-select-label{font-size:10px;letter-spacing:0;margin:13px 0 7px;color:#9bb7a9}.compare-pickers input,.compare-pickers select{display:block;width:100%;min-width:0;min-height:44px;padding:11px;border:1px solid #bdd0a93b;background:#102c34;color:#e0e7ce;border-radius:9px;font:inherit;font-size:12px}.compare-pickers input::placeholder{color:#91ada1}.compare-pickers p{font-size:9px!important;line-height:1.6!important;color:#9ab5a7!important;margin:7px 0 0!important}.compare-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.compare-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.compare-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #bdd0a92b;border-radius:9px;font-size:10px;color:#b9cdb1}.compare-toolbar [aria-pressed=true]{color:#e3e9c5;background:#bccb9f1c;border-color:#c2d0a667}.compare-common{padding:16px 18px;border:1px solid #c1d5a733;border-radius:14px;background:#acc59609;margin-bottom:22px}.compare-common h3{color:#dce5c2;margin:0 0 9px;font-size:14px}.compare-common ul{padding-left:18px;margin:0;color:#c4d3ba;font-size:12px;line-height:1.9}.compare-common p{font-size:10px!important;line-height:1.7!important;color:#9db8a9!important;margin-bottom:0!important}.animal-compare-table{width:100%;table-layout:fixed;border-collapse:collapse;color:#c9d8c1}.animal-compare-table caption{caption-side:top;text-align:left;font-size:10px;color:#9db7aa;padding:0 0 12px}.animal-compare-table .compare-label-col{width:19%}.animal-compare-table th,.animal-compare-table td{padding:17px 14px;border-bottom:1px solid #bcd0ad26;vertical-align:top;text-align:left;overflow-wrap:anywhere;font-size:12px;line-height:1.85}.animal-compare-table thead th{font-size:10px;color:#9eb9a9}.animal-compare-table thead img{display:block;width:100%;height:185px;object-fit:cover;border-radius:12px;margin:0 0 14px;border:1px solid #c1d4b633}.animal-compare-table thead strong{display:block;color:#e1e9cf;font:500 25px/1.2 var(--display)}.animal-compare-table thead em{display:block;color:#9cb6aa;font-size:10px;font-weight:400;margin-top:7px}.animal-compare-table tbody th{color:#acc49d;font-size:10px;font-weight:600}.animal-compare-table tbody th small{display:block;font-size:8px;letter-spacing:0;color:#d3bd8c;font-weight:400;margin-top:7px}.animal-compare-table td+td{border-left:1px solid #bcd0ad18}.animal-compare-table .compare-different{background:#c1c89805}.animal-compare-table td p{margin:0 0 13px;font-size:12px!important;line-height:1.9!important;color:#c9d8c1!important}.compare-card-actions{display:grid;gap:10px}.compare-card-actions button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:10px;text-align:left;color:#cfdbb8;white-space:normal}.compare-card-actions .save-item{width:100%;padding:9px;align-items:flex-start}.animal-compare-table .animal-photo-credit{margin:0}.animal-compare-table .animal-photo-credit summary{font-size:10px;min-height:44px}.animal-compare-table .animal-photo-credit p{font-size:10px!important}.animal-comparison>.text-button{margin:22px auto 0}.compare-pickers input:focus-visible,.compare-pickers select:focus-visible,.animal-comparison button:focus-visible{outline:2px solid #d8dca9;outline-offset:3px}
@media(max-width:600px){dialog.animal-compare-dialog{padding:17px 12px;width:calc(100% - 14px);max-height:94dvh}.animal-comparison h2{font-size:28px}.compare-pickers{gap:10px;padding:12px 0}.compare-pickers input,.compare-pickers select{font-size:16px;padding:9px 7px}.compare-pickers input::placeholder{font-size:10px}.compare-toolbar{gap:8px}.compare-toolbar button{font-size:9px;padding:8px 10px}.compare-common{padding:13px}.compare-common ul{font-size:11px}.animal-compare-table .compare-label-col{width:21%}.animal-compare-table th,.animal-compare-table td{padding:13px 7px;font-size:11px;line-height:1.8}.animal-compare-table thead img{height:105px;border-radius:8px}.animal-compare-table thead strong{font-size:18px}.animal-compare-table thead em{font-size:9px}.animal-compare-table tbody th{font-size:9px}.animal-compare-table td p{font-size:11px!important}.compare-card-actions button{font-size:9px}.compare-card-actions .save-item{padding:6px}.compare-presets{gap:6px}.compare-presets button{font-size:9px;padding:8px 10px}}

dialog.animal-compare-dialog{overflow-y:auto}.compare-card-actions button span{min-width:0;overflow-wrap:anywhere}
/* Measured field notebook and pair practice */
.compare-practice-invite{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;border:1px solid #c8d5a83d;border-radius:15px;background:#bfd1980c;margin:10px 0 20px}.compare-practice-invite span{display:block;font-size:8px;letter-spacing:1.6px;color:#d4c18e}.compare-practice-invite strong{display:block;font:500 21px/1.3 var(--display);color:#e0e8c8;margin:7px 0}.compare-practice-invite p{font-size:11px!important;line-height:1.6!important;color:#a9c0ac!important;margin:0!important}.compare-practice-invite .tour-quiz-start{margin:0;flex-shrink:0;min-height:44px}.compare-size{border:1px solid #b8d1ae30;border-radius:15px;margin:0 0 22px;padding:18px;background:#102e330f}.compare-size>summary{font:500 22px/1.4 var(--display);color:#dce6c5;cursor:pointer;min-height:44px}.compare-height-control{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.compare-height-control label{font-size:11px;color:#b9cfb1}.compare-height-control select{min-height:44px;border:1px solid #b8cfae3a;border-radius:8px;background:#102c34;color:#e1e7cc;padding:10px;font:inherit;font-size:12px}.compare-height-control .text-button{margin-left:auto;white-space:normal;min-height:44px;font-size:10px}.compare-measure-coverage{font-size:10px!important;line-height:1.6!important;color:#9db7a6!important}.compare-size-plot svg{width:100%;height:auto;display:block;max-height:360px}.compare-measure-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.compare-measure-cards>section{border:1px solid #bdd2b126;border-radius:12px;padding:15px;min-width:0}.compare-measure-cards>section>span{font-size:7px;letter-spacing:1.5px;color:#99b5a2}.compare-measure-cards h4{font:500 19px/1.3 var(--display);color:#d7e2c3;margin:7px 0;overflow-wrap:anywhere}.compare-measure-cards strong{display:block;color:#e0d2a9;font-size:23px;font-weight:500;line-height:1.3;margin:10px 0}.compare-measure-cards p{font-size:11px!important;line-height:1.7!important;color:#bacdb7!important;margin:8px 0!important}.compare-measure-cards small{display:block;font-size:10px;color:#9fbba8;line-height:1.7}.compare-measure-cards details{margin-top:12px}.compare-measure-cards summary{font-size:10px;color:#bad0ae;cursor:pointer;min-height:44px;padding:8px 0}.compare-measure-cards a{color:#d4dfbb;overflow-wrap:anywhere}.compare-size .compare-size-note{font-size:10px!important;line-height:1.8!important;color:#9db8a8!important;margin:16px 0 0!important}dialog.compare-practice-dialog{width:min(760px,calc(100% - 24px));padding:27px;max-height:92dvh;overflow-y:auto;border-radius:24px;background:linear-gradient(135deg,#18383bfc,#102b37fc);border:1px solid #b9d1b73b}.comparison-practice h2{font:500 36px/1.2 var(--display);color:#e5ebd1;margin:10px 0 20px}.comparison-practice .eyebrow{font-size:8px;letter-spacing:1.6px;color:#a6c29c}.comparison-practice .compare-back{margin:0 0 12px}.practice-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:15px 0 24px}.practice-pair>div{display:flex;align-items:center;gap:12px;min-width:0}.practice-pair img{display:block;width:70px;height:65px;object-fit:cover;border-radius:10px;flex-shrink:0;border:1px solid #bfd3af40}.practice-pair strong{font-size:12px;line-height:1.6;color:#cddaBC;overflow-wrap:anywhere}.practice-progress{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;color:#aac4a7;margin:15px 0 10px}.practice-track{height:3px;background:#b9cdaa19;border-radius:2px}.practice-track>span{height:100%;display:block;background:#c2d4a5}.comparison-practice #compare-practice-question{font:500 25px/1.45 var(--display);color:#e2e8cd;margin:22px 0 12px;outline-offset:5px}.practice-instruction{font-size:11px!important;line-height:1.8!important;color:#a0bca9!important}.practice-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.practice-answers>button{display:flex;gap:11px;align-items:center;min-height:64px;padding:13px;text-align:left;font-size:12px;line-height:1.7;border:1px solid #b8cfa23a;border-radius:12px;background:#bed1a308;color:#d0ddbf;overflow-wrap:anywhere}.practice-answers>button>span{display:flex;justify-content:center;align-items:center;flex:0 0 25px;height:25px;border:1px solid #b7cc9d32;border-radius:50%;font-size:9px;color:#a6c397}.practice-answers svg{height:18px;width:18px;margin-left:auto;flex-shrink:0}.practice-answers>button.correct{background:#a8cb9f20;border-color:#b6d7a3;color:#e4ecd1}.practice-answers>button.wrong{background:#ce977617;border-color:#d0a082;color:#e1c3ab}.practice-answers>button:disabled{cursor:default;opacity:1}.practice-feedback{padding:16px;border:1px solid #b4cea33f;border-radius:12px;margin:14px 0;color:#c7dbb8}.practice-feedback strong{font-size:12px;line-height:1.8}.practice-feedback p{font-size:11px!important;line-height:1.9!important;color:#b2c9ae!important;margin:9px 0 0!important}.comparison-practice .modal-action{margin:18px 0 0;min-height:44px}.practice-result>h3{font:500 25px/1.3 var(--display);color:#dae4c5}.practice-result>strong{display:block;font:500 57px/1.2 var(--display);color:#e3d8ac;margin:20px 0 6px}.practice-result>strong>span{font-size:24px;color:#98b59f}.practice-result>p{font-size:12px!important;color:#adc5ab!important;line-height:1.8!important}.practice-review{padding:16px;border:1px solid #bbd2ab2b;border-radius:12px}.practice-review h4{color:#d5dfbe;margin:0 0 14px;font-size:13px}.practice-review>p{font-size:11px!important;line-height:1.85!important;color:#c1d1b9!important;border-bottom:1px solid #bed1aa22;padding-bottom:14px}.practice-review>p:last-child{border:0;margin-bottom:0!important;padding-bottom:0}.practice-review small{font-size:10px;color:#9ab69f}.practice-result>.text-button{margin:15px auto;min-height:44px}.comparison-practice button:focus-visible,.compare-height-control select:focus-visible{outline:2px solid #d8dca9;outline-offset:3px}
@media(max-width:600px){.compare-practice-invite{align-items:stretch;flex-direction:column;padding:14px;gap:10px}.compare-practice-invite .tour-quiz-start{width:100%;justify-content:center}.compare-size{padding:12px}.compare-size>summary{font-size:20px}.compare-height-control{gap:8px}.compare-height-control select{font-size:16px}.compare-height-control .text-button{margin-left:0;width:100%;justify-content:flex-start}.compare-measure-cards{gap:8px}.compare-measure-cards>section{padding:10px}.compare-measure-cards h4{font-size:16px}.compare-measure-cards strong{font-size:20px}.compare-measure-cards p{font-size:10px!important}.compare-measure-cards small{font-size:9px}.compare-size-plot svg{min-height:160px}.compare-measure-cards summary{font-size:9px}dialog.compare-practice-dialog{padding:18px 14px;width:calc(100% - 14px);max-height:94dvh}.comparison-practice h2{font-size:30px}.practice-pair{gap:10px;margin-bottom:18px}.practice-pair>div{align-items:flex-start;flex-direction:column;gap:8px}.practice-pair img{width:100%;height:100px}.practice-pair strong{font-size:11px}.comparison-practice #compare-practice-question{font-size:22px}.practice-answers{gap:8px}.practice-answers>button{padding:10px;gap:7px;font-size:11px;min-height:76px}.practice-answers>button>span{flex-basis:21px;height:21px}.practice-feedback{padding:12px}.practice-result>h3{font-size:22px}}
/* Linked discoveries on animal stories */
.animal-related{margin:28px 0 22px;padding-top:23px;border-top:1px solid #b9d0b12b}.animal-related-heading>p{font-size:7px!important;letter-spacing:1.5px;color:#a5bf9b!important;margin:0 0 9px!important}.animal-related-heading h3{font:500 26px/1.25 var(--display);color:#e0e8ca;margin:0 0 9px}.animal-related-heading>span{display:block;color:#a7bea9;font-size:11px;line-height:1.8}.animal-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.animal-related-grid>button{display:flex;align-items:flex-start;gap:14px;min-width:0;min-height:118px;padding:13px;border:1px solid #b8cfa331;border-radius:13px;background:#b6cda809;text-align:left;transition:background .18s,border-color .18s}.animal-related-grid>button:hover{background:#bdd2a811;border-color:#cfdaa55c}.animal-related-grid>button:focus-visible{outline:2px solid #d8dca9;outline-offset:3px}.animal-related-grid img{width:80px;height:86px;flex-shrink:0;object-fit:cover;border-radius:9px}.animal-related-grid>button>span{display:block;min-width:0}.animal-related-grid strong{display:block;color:#dbe6c6;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.animal-related-grid small{display:block;color:#a9c09f;font-size:9px;line-height:1.8;margin-top:5px}.animal-related-grid em{display:block;font-style:normal;color:#c5be97;font-size:8px;line-height:1.8;margin-top:5px}.animal-related-grid b{display:flex;align-items:center;gap:7px;color:#d7dcb3;font-size:9px;font-weight:500;margin-top:8px}.animal-related-grid svg{height:14px;width:14px}.animal-related-note{font-size:10px!important;line-height:1.85!important;color:#94b09f!important;margin:14px 0!important}@media(max-width:600px){.animal-related-grid{grid-template-columns:minmax(0,1fr);gap:9px}.animal-related-grid>button{padding:11px;min-height:110px;gap:12px}.animal-related-grid img{width:74px;height:80px}.animal-related-heading h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.animal-related-grid>button{transition:none}}
.compare-measured-filter{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#c3d2b1;min-height:44px;margin:14px 0 0;cursor:pointer}.compare-measured-filter input{width:18px;height:18px;accent-color:#b3c99c;flex-shrink:0}.compare-measured-filter small{font-size:9px;color:#95afa0;margin-left:auto;line-height:1.8}@media(max-width:600px){.compare-measured-filter{font-size:10px}.compare-measured-filter small{margin-left:27px;width:100%}}
/* Shared and exclusive card metadata, kept readable before the full table. */
.capital-context{padding:13px 15px;margin:15px 0;border:1px solid #b9cba730;border-radius:12px;background:#b2c6a00a;min-width:0}.capital-context>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;color:#c7c59f}.capital-context>span svg{width:16px;height:16px;flex-shrink:0}.capital-context p{font-size:11px!important;line-height:1.85!important;color:#b8cbb2!important;margin:9px 0!important;overflow-wrap:anywhere}.capital-context summary{font-size:10px;line-height:1.8;color:#c5d1af;cursor:pointer;min-height:44px;padding:11px 0}.capital-context summary:focus-visible,.capital-play:focus-visible{outline:2px solid #d8dca9;outline-offset:3px}.capital-context ul{padding-left:15px;margin:0 0 8px}.capital-context li{font-size:10px;line-height:1.8;color:#9fb8a7;margin:6px 0}.capital-context a{color:#d0d7b5;overflow-wrap:anywhere}.capital-context small{font-size:9px;color:#94ac9f}.capital-play{display:flex;align-items:center;gap:9px;min-height:44px;margin:12px 0;padding:10px;border:1px solid #c0d0a83d;border-radius:9px;background:#b0c8a10a;color:#d6dfbc;font-size:11px;line-height:1.6;text-align:left;width:100%;overflow-wrap:anywhere}.capital-play svg{width:16px;height:16px;flex-shrink:0}.capital-play svg:last-child{margin-left:auto}.family-handoff-active #capital-reveal{display:none!important}@media(max-width:600px){.capital-context{padding:11px}.capital-context p{font-size:10px!important}}
.compare-common.compare-overview{margin:18px 0 22px;padding:20px;border-radius:16px;background:#b0c79b08;border:1px solid #b7cea52d}.compare-overview>.eyebrow{font-size:8px!important;letter-spacing:1.6px;color:#c4c79d!important;margin:0 0 8px!important}.compare-overview>h3{font:500 25px/1.3 var(--display);color:#e0e7c9;margin:0 0 16px}.compare-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compare-overview-grid>section{min-width:0;padding:15px;border:1px solid #bad0ab25;border-radius:12px;background:#b8cda105}.compare-overview-grid>.compare-shared{background:#bdd59e0d;border-color:#c4d7a545}.compare-overview-grid>section>span{font-size:7px;letter-spacing:1.2px;color:#9fb797;line-height:1.7}.compare-overview-grid h4{font:500 20px/1.3 var(--display);color:#dce5c6;margin:8px 0 12px;overflow-wrap:anywhere}.compare-overview-grid ul{margin:0;padding-left:16px}.compare-overview-grid li{font-size:11px;line-height:1.85;color:#c3d2b7;padding:0 0 7px;overflow-wrap:anywhere}.compare-overview .compare-overview-note,.compare-overview .compare-overview-empty,.compare-overview .compare-groups-note{font-size:10px!important;line-height:1.8!important;color:#a0b99f!important;margin:12px 0 0!important}.compare-overview .compare-groups-note{margin:0 0 14px!important}.compare-overview .compare-overview-empty{margin:0!important}.compare-table-filter{margin:20px 0 12px}.compare-table-filter label{display:flex;align-items:center;gap:10px;min-height:44px;color:#c8d6b6;font-size:12px;cursor:pointer}.compare-table-filter input{width:18px;height:18px;accent-color:#b3c99c;flex-shrink:0}.compare-table-filter input:focus-visible{outline:2px solid #d8dca9;outline-offset:4px}.compare-table-filter p{font-size:10px!important;line-height:1.8!important;color:#9fb69f!important;margin:3px 0 12px!important}.animal-compare-table tr[hidden]{display:none}
@media(max-width:760px){.compare-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-overview-grid>.compare-shared{grid-column:1/-1}.compare-common.compare-overview{padding:14px}.compare-overview>h3{font-size:23px}.compare-overview-grid>section{padding:12px}.compare-overview-grid h4{font-size:18px}}@media(max-width:420px){.compare-overview-grid{grid-template-columns:minmax(0,1fr)}.compare-overview-grid>.compare-shared{grid-column:auto}.compare-table-filter label{font-size:11px}}

.quiz-settings>.difficulty-note{flex:1 0 100%;margin:0;font-size:10px;line-height:1.7;color:#adc4b0}.quiz-settings>.difficulty-note[hidden]{display:none}
/* Evidence shown only after a wrong answer. */
.choice-insight{margin:16px 0;padding:16px;border:1px solid #c7c99e36;border-radius:13px;background:#bccb9c08}.choice-insight h3{font:500 21px/1.3 var(--display);color:#e0e7c8;margin:0 0 14px}.choice-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-insight-grid>section{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0;border:1px solid #b9cda326;border-radius:10px;padding:11px}.choice-insight-grid>section>span{width:100%;font-size:7px;letter-spacing:1.3px;color:#a7be9c}.choice-insight-grid>section>strong{font-size:12px;line-height:1.6;color:#d8e3c6;overflow-wrap:anywhere;min-width:0;flex:1}.choice-insight-grid img{width:76px;height:65px;border-radius:7px;object-fit:cover;flex-shrink:0}.choice-insight-grid img.country-flag{width:36px;height:27px;object-fit:contain}.choice-insight-grid small{width:100%;font-size:9px;color:#9db6a2;line-height:1.8;overflow-wrap:anywhere}.choice-insight-grid svg{width:22px;height:22px;color:#a6c19b;flex-shrink:0}.choice-insight>p{font-size:11px;line-height:1.85;color:#b2c7ac;margin:13px 0 0}.family-handoff-active #choice-insight{display:none!important}@media(max-width:420px){.choice-insight{padding:12px}.choice-insight-grid{gap:8px}.choice-insight-grid>section{padding:9px}.choice-insight-grid img:not(.country-flag){width:100%;height:90px}.choice-insight-grid>section>strong{font-size:11px}.choice-insight>p{font-size:10px}}

.learning-confusions{margin:0 0 25px;padding:18px;border:1px solid #d9bf8d30;border-radius:14px;background:#d9bf8d08;min-width:0}.learning-confusions h3{font:500 23px var(--display);color:#dfd5ae;margin:0 0 8px}.learning-confusions h3 span{font:700 11px var(--font);display:inline-block;vertical-align:middle;min-width:24px;padding:5px;text-align:center;border:1px solid #d9bf8d30;border-radius:9px}.learning-confusions p{font-size:11px!important;line-height:1.8!important;overflow-wrap:anywhere}.learning-confusions>.tour-quiz-start{width:100%;white-space:normal;min-height:44px;line-height:1.6;margin:12px 0 0}.learning-confusions>p{font-size:10px!important;margin:12px 0 0}

.study-recovered{text-align:left;margin:20px 0;padding:17px;border:1px solid #b9d6be36;border-radius:14px;background:#b9d6be09}.study-recovered h3{font:500 23px var(--display);color:#d5dfb5;margin:0 0 9px}.study-recovered p{font-size:11px!important;line-height:1.8!important}.study-recovered ul{list-style:none;padding:0;margin:12px 0 0}.study-recovered li{padding:10px 0;border-top:1px solid #b9d6be24;display:grid;gap:5px;overflow-wrap:anywhere}.study-recovered strong{font-size:12px;color:#d5dfbd}.study-recovered span{font-size:10px;color:#99b5a6}

.real-sun .distant-sun{display:none}.sky-panel{position:fixed;top:85px;left:25px;width:225px;border-radius:15px;z-index:12;background:#10283de8;color:#cbdbce;max-height:calc(100dvh - 180px);overflow:auto}.sky-panel summary{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:48px;padding:9px 12px;list-style:none}.sky-panel summary::-webkit-details-marker{display:none}#sky-moon-icon{width:29px;height:29px;flex-shrink:0}#sky-moon-icon svg{display:block;width:100%;height:100%}.sky-panel summary>span:nth-child(2){flex:1;min-width:0}.sky-panel summary strong{font-size:11px;display:block}.sky-panel summary small{font-size:9px;line-height:1.6;color:#a9bfbd;display:block}.sky-panel summary>span:last-child{color:#b6c4a9}.sky-panel[open] summary{border-bottom:1px solid #b5cdbd29}.sky-panel summary:focus-visible{outline:2px solid #e7d09e;outline-offset:-3px;border-radius:14px}#sky-content{padding:0 13px 12px}#sky-content p{font-size:10px;line-height:1.7}#sky-content .sky-place{color:#9cbab9}#sky-content .sky-place strong{color:#d2dcc8;font-weight:600}#sky-content dl{margin:12px 0}#sky-content dl>div{padding:7px 0;border-top:1px solid #c7d7bd1e}#sky-content dt{font-size:9px;color:#9eb7aa}#sky-content dd{font-size:11px;margin:3px 0 0;line-height:1.5;color:#e6dfbf}#sky-content .sky-note{font-size:9px;color:#a1b5b4}#sky-content time{font-size:9px;color:#bfcba7}.sky-legend{color:#dfc998}
@media(max-width:1250px){.sky-panel{top:140px;left:22px;width:205px}}@media(max-width:760px){.sky-panel{top:145px;left:16px;width:190px;max-height:52dvh}.sky-panel summary{padding:8px 10px}.sky-panel summary strong{font-size:10px}.sky-panel summary small{font-size:8px}.sky-panel:not([open]){width:170px}.short-globe .sky-panel:not([open]){width:47px}.short-globe .sky-panel:not([open]) summary>span:not(:first-child){display:none}.compact-landscape .sky-panel{top:65px;left:12px;max-height:calc(100dvh - 95px)}.compact-landscape .sky-panel:not([open]){width:47px}.compact-landscape .sky-panel:not([open]) summary>span:not(:first-child){display:none}}

/* Result from the previous question lives in the existing footer; answers stay interactive. */
.answer-notice{display:flex;align-items:center;gap:9px;flex:1;min-width:0;min-height:49px;color:#bddbaf;animation:notice-arrive .22s ease-out both}.answer-notice.is-wrong{color:#edbea8}.notice-symbol{width:32px;height:32px;stroke-width:1.8;flex-shrink:0;overflow:visible}.notice-ring{fill:currentColor;fill-opacity:.08;stroke-opacity:.45;stroke-dasharray:1;stroke-dashoffset:1;animation:notice-draw .36s ease-out forwards;transform-origin:center;transform:rotate(-90deg)}.notice-mark{stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;animation:notice-draw .3s .15s ease-out forwards}.notice-cross{animation-delay:.29s}.notice-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.notice-copy strong{font-size:12px;line-height:1.4;font-weight:800;white-space:nowrap}.notice-copy strong small{font-size:8px;font-weight:600;opacity:.65}.notice-copy>span{font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#adc1b8}.is-wrong .notice-copy>span{color:#c9b5ac}.answer-notice>button{display:grid;place-items:center;flex-shrink:0;min-width:32px;min-height:36px;border:1px solid currentColor;border-color:#c9dfbd2b;border-radius:10px;margin-left:3px;background:#bfd9b508;color:inherit}.answer-notice>button svg{width:15px;height:15px}.notice-detail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.notice-detail-actions .landmark-story-button{margin:0}
@keyframes notice-arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes notice-draw{to{stroke-dashoffset:0}}
@media(max-width:760px){.answer-notice{gap:6px;min-height:47px}.notice-symbol{width:28px;height:28px}.notice-copy strong{font-size:11px}.notice-copy strong small{display:none}.notice-copy>span{font-size:9px}.answer-notice>button{min-width:30px;min-height:36px;margin-left:0}.quiz-bottom:has(.answer-notice:not([hidden])){gap:8px}.quiz-bottom:has(.answer-notice:not([hidden]))>#hint-button{font-size:9px;gap:4px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.answer-notice{animation:none}.notice-ring,.notice-mark{animation:none;stroke-dashoffset:0}}
/* One brief badge flourish keeps the result readable while the next answer is ready. */
.notice-symbol{width:36px;height:36px;filter:drop-shadow(0 2px 5px #8fc68121)}.notice-disc{fill:currentColor;fill-opacity:.15;stroke:none;transform-origin:center;animation:notice-stamp .5s cubic-bezier(.2,.85,.3,1) both}.notice-ring{fill:none;stroke-opacity:.65;animation-duration:.42s}.notice-mark{stroke-width:2.7;animation-duration:.3s;animation-delay:.18s}.notice-cross{animation-delay:.3s}.notice-halo{fill:none;stroke:currentColor;stroke-opacity:.5;transform-origin:center;animation:notice-ripple .8s .2s ease-out both}.notice-sparks{fill:currentColor;stroke:none;transform-origin:center;animation:notice-spark .75s .22s ease-out both}.is-wrong .notice-symbol{filter:drop-shadow(0 2px 5px #e2a18618);animation:notice-settle .48s ease-out both}
@keyframes notice-stamp{0%{transform:scale(.65);fill-opacity:0}65%{transform:scale(1.09);fill-opacity:.22}100%{transform:scale(1);fill-opacity:.15}}@keyframes notice-ripple{0%{transform:scale(.8);opacity:0}20%{opacity:.65}100%{transform:scale(1.35);opacity:0}}@keyframes notice-spark{0%{transform:scale(.65);opacity:0}25%{opacity:.9}100%{transform:scale(1.2);opacity:0}}@keyframes notice-settle{0%{transform:scale(.85) rotate(-6deg)}65%{transform:scale(1.04) rotate(2deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:760px){.notice-symbol{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.notice-disc,.notice-halo,.notice-sparks,.is-wrong .notice-symbol{animation:none;transform:none}.notice-halo,.notice-sparks{display:none}.notice-ring,.notice-mark{animation:none;stroke-dashoffset:0}}

/* Detective case files and brief, actionable mistake coaching. */
.detective-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #d4c79b32;color:#e5d4a3}.detective-bar>span{display:flex;gap:8px;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.5px}.detective-bar svg{width:18px;height:18px}.detective-bar>button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:11px;color:#b5c5b3}.detective-intro h2,.detective-results h2{font:500 40px/1.1 var(--display);color:#eee3bd;margin:12px 0}.detective-intro>p,.detective-results>p{font-size:12px;line-height:1.9;color:#b8cabb}.detective-seal{display:grid;place-items:center;width:68px;height:68px;border:1px solid #e4cb8659;border-radius:50%;color:#ead49a;background:radial-gradient(circle,#d5b96e1c,transparent 70%);box-shadow:0 0 0 7px #ddc98c05}.detective-seal svg{width:30px;height:30px}.detective-intro>.eyebrow,.detective-results>.eyebrow{font-size:9px;letter-spacing:1.7px;color:#d6c596;margin-top:23px}.detective-rewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #cbbc8f2c;border-radius:14px;overflow:hidden;margin:23px 0}.detective-rewards>span{padding:15px 8px;display:flex;flex-direction:column;gap:4px;text-align:center;font-size:10px;color:#a8bdac;background:#cfc19309}.detective-rewards>span+span{border-left:1px solid #cbbc8f2c}.detective-rewards b{color:#e2d9ad;font-size:24px}.detective-intro>.tour-difficulty{margin:18px 0}.detective-clues{border:1px solid #dcc58a3d;border-radius:14px;padding:13px 15px;margin:4px 0 17px;background:linear-gradient(125deg,#dfca8e0a,#91bfbc05)}.detective-case-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.detective-case-head>span{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:1.7px;color:#cfbf91}.detective-case-head svg{width:16px;height:16px}.detective-case-head>strong{font-size:11px;color:#e5d5a4;font-weight:600}.detective-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detective-clue{display:flex;gap:9px;align-items:flex-start;border:1px solid #c6d1b51b;border-radius:10px;padding:10px;background:#06252a40;animation:clue-arrive .32s ease-out both;min-width:0}.detective-clue>b{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border:1px solid #d9ca9d45;border-radius:50%;font-size:9px;font-weight:600;color:#d8cba1}.detective-clue>div{min-width:0}.detective-clue span{display:block;color:#9cb5a7;font-size:8px;letter-spacing:.5px}.detective-clue p{font-size:12px;line-height:1.6;color:#dce3c8;margin:4px 0 0;overflow-wrap:anywhere}.detective-clue img{display:block;object-fit:contain;margin-top:7px;border-radius:3px}.detective-clue a{display:inline-block;font-size:8px;color:#9aaf9f;text-underline-offset:3px;margin-top:5px;min-height:20px}.detective-clue-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.detective-clue-footer>span{display:flex;gap:4px;align-items:center}.detective-clue-footer i{width:7px;height:7px;border-radius:50%;border:1px solid #cfc29163}.detective-clue-footer i.is-open{background:#d7c58c}.detective-clue-footer small{font-size:9px;color:#9fb7a7;margin-left:6px}.detective-clue-footer button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:11px;padding:7px 10px;color:#ebd9a0;border:1px solid #d4bf7f57;border-radius:9px;background:#d4bf7f0b}.detective-clue-footer button svg{width:15px;height:15px}.detective-clue-footer button:disabled{opacity:.55;cursor:default}.detective-result-list{display:grid;gap:9px;margin:22px 0}.detective-result-list>div{display:flex;align-items:center;gap:13px;border:1px solid #becba52a;border-radius:12px;padding:13px;background:#c6cda509}.detective-result-list>div>span{flex:1;min-width:0}.detective-result-list strong{display:block;color:#dae4c7;font-size:13px}.detective-result-list small{display:block;font-size:10px;color:#9eb6a5;margin-top:5px;overflow-wrap:anywhere}.detective-result-list b{font-size:15px;color:#e4d9a9}.detective-result-list svg{width:19px;height:19px;color:#adc39b}.detective-results>.text-button{margin:14px auto;min-height:44px}.is-detective .quiz-topline{justify-content:flex-end}.is-detective .question-main{margin-top:0}.is-detective #question-title{color:#eee1b7}.is-detective .question-label .orange-dot{background:#dcc58e;box-shadow:0 0 12px #dcc58e44}
.coach-flag{position:relative;display:inline-block;width:104px;height:78px;flex:0 0 auto;overflow:visible;isolation:isolate}.choice-insight-grid>section>.coach-flag{width:104px;height:78px;margin:4px 4px 7px 0}.choice-insight-grid .coach-flag img.country-flag,.coach-flag img.country-flag{display:block;width:100%;height:100%;border-radius:4px;object-fit:fill}.coach-focus{position:absolute;display:block;box-shadow:inset 0 0 0 2px #fff5b9,0 0 0 2px #102a32;border-radius:2px;pointer-events:none;animation:coach-highlight 1.2s ease-in-out 2}.choice-insight .coach-key{display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:9px;background:#d4c6870c;color:#e3d9b0;font-weight:600}.coach-key>svg{width:17px;height:17px;flex-shrink:0;margin-top:2px}.coach-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.coach-facts>div{padding:11px;border:1px solid #c8c99e2d;border-radius:9px;background:#c8c99e06}.coach-facts span{display:block;font-size:7px;letter-spacing:.8px;color:#a0baa5;line-height:1.5}.coach-facts strong{display:block;font-size:11px;color:#dfe5c7;line-height:1.7;margin-top:5px}.coach-source{font-size:10px;color:#a9c0a8;text-underline-offset:3px;display:inline-block;min-height:30px}.notice-comparison{display:flex;gap:4px;align-items:center;flex-shrink:0;width:72px}.notice-comparison>span{position:relative;display:grid;place-items:center;width:34px;height:32px;min-width:0;border-radius:5px}.notice-comparison img,.notice-comparison .coach-flag.is-mini{display:block;width:32px;height:25px;object-fit:cover;border-radius:3px}.notice-comparison>span>svg{width:21px;height:21px}.notice-comparison b{position:absolute;bottom:-2px;right:-1px;display:grid;place-items:center;background:#15382e;color:#c9e4ab;border:1px solid #a5c88f6b;border-radius:50%;width:12px;height:12px;font-size:9px;z-index:2}.notice-comparison .coach-wrong b{background:#442f2b;color:#f0c0a8;border-color:#c8907459}.notice-comparison .coach-focus{box-shadow:inset 0 0 0 1px #fff4ac,0 0 0 1px #122831}.notice-copy .notice-lesson{font-size:9px;line-height:1.45;color:#bdcdb8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400;max-width:55ch}.answer-notice:has(.notice-comparison){min-height:64px}.answer-notice:has(.notice-comparison) .notice-copy{flex:1}.answer-notice:has(.notice-comparison) .notice-copy>span{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@keyframes clue-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes coach-highlight{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:760px){.detective-bar{margin-bottom:9px;padding-bottom:5px}.detective-bar>span{font-size:8px;letter-spacing:1px}.detective-clues{padding:10px;margin-bottom:12px}.detective-case-head{gap:8px;margin-bottom:8px}.detective-case-head>strong{font-size:10px}.detective-case-head>span{font-size:8px}.detective-evidence{gap:6px}.detective-clue{padding:8px;gap:6px}.detective-clue>b{width:18px;height:18px;font-size:8px}.detective-clue p{font-size:10px;line-height:1.5}.detective-clue span{font-size:7px}.detective-clue img{width:48px;height:36px}.detective-clue-footer{gap:6px}.detective-clue-footer>span{gap:3px}.detective-clue-footer small{font-size:8px;margin-left:3px}.detective-clue-footer button{font-size:9px;padding:7px 8px}.detective-intro h2,.detective-results h2{font-size:32px}.is-detective #question-title{font-size:25px}.is-detective .question-instruction{font-size:10px}.coach-facts{grid-template-columns:1fr}.coach-facts>div{padding:9px}.coach-facts strong{margin-top:3px}.choice-insight-grid>section>.coach-flag{width:80px;height:60px}.notice-comparison{width:59px;gap:3px}.notice-comparison>span{width:28px;height:28px}.notice-comparison img,.notice-comparison .coach-flag.is-mini{width:27px;height:21px}.notice-copy .notice-lesson{font-size:8px;line-height:1.4}.answer-notice:has(.notice-comparison){min-height:68px}.answer-notice:has(.notice-comparison) .notice-copy strong{font-size:10px}.answer-notice:has(.notice-comparison) .notice-copy>span{font-size:8px}}
.compact-landscape .detective-clues{padding:9px;margin-bottom:10px}.compact-landscape .detective-clue{padding:7px}.compact-landscape .detective-clue p{font-size:10px}.compact-landscape .detective-bar{margin-bottom:5px;padding-bottom:4px}
@media(prefers-reduced-motion:reduce){.detective-clue,.coach-focus{animation:none}}
/* One piece of evidence at a time keeps every answer close on small screens. */
.detective-clue-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 8px}.detective-clue-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;border:1px solid #c8c59b2b;border-radius:8px;color:#acc0ab;font-size:10px;background:#c8c59b05}.detective-clue-tabs svg{width:13px;height:13px}.detective-clue-tabs button[aria-pressed=true]{color:#eee0ad;border-color:#d4bf7f70;background:#d4bf7f16}.detective-clue-tabs button:disabled{opacity:.4;cursor:default}.detective-evidence{grid-template-columns:minmax(0,1fr)}.detective-evidence .detective-clue{min-height:65px}.detective-clue-footer{flex-wrap:wrap}.is-detective .quiz-topline{height:0;min-height:0;border:0}.is-detective .quiz-topline>.settings-toggle{position:absolute;top:12px;right:22px}.is-detective .detective-bar{padding-right:42px;margin-bottom:10px}.is-detective .question-main{margin-bottom:12px}.detective-clue-footer>span>small{margin-left:0}
@media(max-width:760px){.detective-clue-tabs button{min-height:40px;font-size:9px;gap:4px}.detective-clue-tabs svg{width:12px;height:12px}.detective-evidence .detective-clue{min-height:57px}.is-detective .detective-bar{padding-right:35px}.is-detective .quiz-topline>.settings-toggle{right:15px;top:14px}.detective-clue-footer>span>small{font-size:8px}.is-detective #question-region{display:none}.is-detective .question-instruction{font-size:9px}.is-detective .question-side{gap:8px}.is-detective .question-main{gap:10px}}

/* A finished round becomes a small, local travel memory. */
.trip-result-invite{display:flex;align-items:center;gap:15px;padding:18px;margin:23px 0 12px;border:1px solid #d5c68b3d;border-radius:15px;background:linear-gradient(120deg,#cfc18d0e,#91bdb708)}.trip-result-invite>span{width:43px;height:43px;border-radius:50%;border:1px solid #d5c68b45;display:grid;place-items:center;flex-shrink:0;color:#d7d6a6}.trip-result-invite>span>svg{width:24px;height:24px}.trip-result-invite>div{flex:1;min-width:0}.trip-result-invite p{font-size:8px;letter-spacing:1.6px;color:#c1be92;margin:0 0 7px}.trip-result-invite strong{font:500 20px/1.3 var(--display);display:block;color:#e4e6c5}.trip-result-invite small{display:block;font-size:10px;color:#a0bbac;line-height:1.6;margin-top:5px}.trip-result-invite>button{min-height:44px;display:flex;gap:7px;align-items:center;color:#e3d5a3;border:1px solid #d1c2874d;border-radius:9px;background:#d1c28709;padding:9px 12px;font-size:11px;white-space:nowrap}.trip-result-invite>button svg{width:16px;height:16px}.travel-passport-button{display:flex;gap:9px;align-items:center;width:100%;min-height:54px;padding:12px 16px;border:1px solid #bacfa233;border-radius:12px;margin:20px 0;color:#d3dfbd;background:#b9d3a70b;font-size:13px}.travel-passport-button>svg{width:23px;height:23px}.travel-passport-button>span{margin-left:auto;font-size:10px;color:#a3b9a1}.travel-journal h2,.trip-card h2{font:500 36px/1.15 var(--display);color:#e6e6c5;margin:9px 0 12px}.travel-journal>p,.trip-card>p{color:#a7c1b1;font-size:12px;line-height:1.8}.travel-journal>.eyebrow,.trip-card>.eyebrow{font-size:8px;letter-spacing:1.7px;color:#c4c392}.travel-journal-list{display:grid;gap:10px;margin:22px 0}.travel-journal-list>button{display:flex;align-items:center;gap:13px;min-height:78px;border:1px solid #bad0a22f;border-radius:13px;background:linear-gradient(110deg,#bfd1a50b,#8fbab708);padding:14px;text-align:left;color:#dce2bd}.travel-journal-list>button>span{flex:1;min-width:0}.travel-journal-list strong{display:block;font-size:13px;line-height:1.5}.travel-journal-list small{display:block;font-size:10px;color:#9ab8a7;margin-top:5px}.travel-journal-list svg{width:25px;height:25px;flex-shrink:0;color:#c1ca9f}.travel-journal-list svg:last-child{width:16px;height:16px}.trip-postcard{border-radius:13px;overflow:hidden;border:1px solid #b7c89b38;margin:20px 0;background:#102a37}.trip-postcard canvas{display:block;width:100%;height:auto;aspect-ratio:8/5}.trip-postcard p{padding:12px;color:#d4c7a0;font-size:11px;line-height:1.7;margin:0}.trip-card-toolbar{display:flex;flex-direction:column;gap:14px}.trip-card-toolbar>label{display:flex;align-items:center;gap:9px;min-height:40px;font-size:11px;color:#afc1ac}.trip-card-toolbar input{width:18px;height:18px;accent-color:#bcd1a5}.trip-card-toolbar>div{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.trip-card-toolbar .modal-action{margin:0;flex:1}.trip-card-toolbar .tour-quiz-start{flex:1;justify-content:center;margin:0;min-height:46px}.trip-card-toolbar button:disabled{opacity:.5;cursor:default}.trip-accessible-stops{margin:20px 0;color:#bdd0b3;font-size:11px}.trip-accessible-stops summary{cursor:pointer;min-height:36px;padding:8px 0}.trip-accessible-stops ol{display:grid;gap:10px;padding-left:23px;line-height:1.6}.trip-accessible-stops li span{display:block;color:#9eb8a5;font-size:10px}.trip-card .trip-note{font-size:10px;color:#95b1a2}.trip-card>.text-button,.travel-journal>.text-button{margin:15px auto 0;min-height:44px}.trip-dialog{width:min(1100px,calc(100vw - 40px))}
.trip-replay{position:fixed;left:50%;bottom:max(23px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(710px,calc(100% - 40px));padding:16px 21px 13px;border-radius:19px;z-index:25;background:linear-gradient(130deg,#173c48ef,#102b3bec);border-color:#d3d1a044;box-shadow:0 20px 60px #020c1e70;overflow:hidden}.trip-replay-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.trip-replay-heading>span{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.7px;color:#c4c59c}.trip-replay-heading svg{width:17px;height:17px}.trip-replay-heading>button{display:grid;place-items:center;width:36px;height:36px;color:#b9cbb1}.trip-replay-place{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:3px 0 13px}.trip-replay-place>div{min-width:0}.trip-replay-place h2{font:500 28px/1.15 var(--display);color:#e7e8c9;margin:0;overflow-wrap:anywhere}.trip-replay-place p{font-size:10px;line-height:1.6;color:#9dbbab;margin:5px 0 0}.trip-replay-place>strong{font-size:10px;white-space:nowrap;color:#dcbda6}.trip-replay-place>strong.is-right{color:#c3d8a8}.trip-replay-controls{display:flex;gap:8px;align-items:stretch}.trip-replay-controls button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:44px;border:1px solid #bdd0a236;border-radius:9px;padding:8px 12px;font-size:11px;color:#d9dfbc;background:#bdd0a208;flex:1}.trip-replay-controls button svg{width:15px;height:15px}.trip-replay-controls button:disabled{opacity:.35;cursor:default}.trip-replay-controls #trip-replay-toggle{border-color:#d9cc8d66;background:#d9cc8d12;color:#e7d8a6}.trip-replay-controls #trip-replay-prev svg{transform:rotate(180deg)}.trip-replay-progress{height:2px;position:absolute;bottom:0;left:0;width:100%;background:#aacbb51a}.trip-replay-progress span{display:block;height:100%;background:#d5d9a6;transition:width .35s ease}.is-trip-replay #quiz-panel,.is-trip-replay #daily-panel,.is-trip-replay #explore-panel,.is-trip-replay #expeditions-panel,.is-trip-replay .main-nav,.is-trip-replay #country-popover,.is-trip-replay #target-view,.is-trip-replay #restore-panel,.is-trip-replay #catalog-toggle,.is-trip-replay #center-country,.is-trip-replay .scene-hint{display:none!important}
@media(max-width:760px){.trip-result-invite{padding:14px;gap:11px;flex-wrap:wrap}.trip-result-invite strong{font-size:19px}.trip-result-invite>button{width:100%;justify-content:center}.trip-card h2,.travel-journal h2{font-size:29px}.trip-dialog{width:calc(100vw - 22px)}.trip-card-toolbar>div{gap:9px}.trip-card-toolbar .modal-action,.trip-card-toolbar .tour-quiz-start{flex-basis:100%;min-height:46px}.trip-card-toolbar>label{font-size:10px;line-height:1.5}.travel-passport-button{font-size:11px}.travel-passport-button>span{font-size:9px}.trip-replay{width:calc(100% - 26px);bottom:max(14px,env(safe-area-inset-bottom));padding:12px 14px}.trip-replay-heading>span{font-size:7px;letter-spacing:1.1px}.trip-replay-place h2{font-size:24px}.trip-replay-place{align-items:flex-start;gap:8px;margin-bottom:11px}.trip-replay-place>strong{font-size:9px;padding-top:4px}.trip-replay-place p{font-size:9px}.trip-replay-controls{gap:6px;flex-wrap:wrap}.trip-replay-controls button{font-size:10px;padding:7px 8px;min-width:calc(33.33% - 6px);min-height:44px}.trip-replay-controls #trip-replay-card{flex-basis:100%;min-height:38px}.trip-replay-heading>button{min-width:40px;min-height:40px}}
.compact-landscape .trip-replay{width:min(650px,calc(100% - 34px));padding:8px 13px;bottom:10px}.compact-landscape .trip-replay-place{margin-bottom:8px}.compact-landscape .trip-replay-place h2{font-size:21px}.compact-landscape .trip-replay-controls{flex-wrap:nowrap}.compact-landscape .trip-replay-controls button{min-width:0}.compact-landscape .trip-replay-controls #trip-replay-card{flex-basis:auto;min-height:44px}.compact-landscape .trip-replay-heading>button{height:30px;min-height:30px}.compact-landscape .trip-replay-place p{margin:3px 0 0}
@media(prefers-reduced-motion:reduce){.trip-replay-progress span{transition:none}}

/* Two movable outlines share an area scale; zoom never rescales one alone. */
.country-scale-launch,.country-scale-card-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #c5c99a3f;border-radius:10px;padding:9px 12px;font-size:11px;color:#d9ddb4;background:linear-gradient(110deg,#d8c88a0b,#8fc9c50b);width:100%;margin:12px 0}.country-scale-launch svg,.country-scale-card-button svg{width:17px;height:17px;flex-shrink:0}.country-scale-launch svg:last-child{margin-left:auto}.country-scale-dialog{width:min(1160px,calc(100vw - 40px))}.country-scale h2,.country-scale-loading h2{font:500 38px/1.1 var(--display);color:#e8e7c8;margin:9px 0 14px}.country-scale>.eyebrow,.country-scale-loading>.eyebrow{font-size:8px;color:#d7c796;letter-spacing:1.6px}.country-scale-lead,.country-scale-loading>p{font-size:12px;line-height:1.8;color:#a6c0b0}.country-scale-presets{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.country-scale-presets button{border:1px solid #baceaa2b;border-radius:20px;padding:8px 12px;min-height:38px;color:#bbcbb0;font-size:10px;background:#baceaa05}.country-scale-pickers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.country-scale-pickers>div{padding:15px;border:1px solid color-mix(in srgb,var(--country-color) 30%,transparent);border-radius:13px;background:#b2cbb306;min-width:0}.country-scale-pickers label{display:block;font-size:8px;letter-spacing:1px;color:var(--country-color);margin-bottom:7px}.country-scale-pickers .scale-select-label{font-size:9px;letter-spacing:0;color:#a5bca7;margin:12px 0 6px}.country-scale-pickers input,.country-scale-pickers select{display:block;width:100%;min-width:0;min-height:43px;border:1px solid #bccca533;border-radius:9px;background:#102d3c;color:#d9e2c7;padding:10px 11px;font:inherit;font-size:12px}.country-scale-pickers>div>span{display:block;min-height:18px;font-size:9px;line-height:1.5;color:#8fae9e;margin:7px 0 10px}.country-scale-pickers strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--country-color);line-height:1.5}.country-scale-pickers strong small{display:block;width:100%;color:#bdcdb4;font-size:16px;margin-top:2px}.country-scale-pickers .country-flag{width:27px;height:20px}.country-scale-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 0 9px}.country-scale-summary>span{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1.2px;color:#99b2a4}.country-scale-summary>span>svg{width:15px;height:15px}.country-scale-summary>strong{font-size:15px;color:#e4dfb5;font-weight:600}.country-scale-summary>button{display:flex;gap:7px;align-items:center;min-height:40px;margin-left:auto;font-size:10px;color:#c7d1ac}.country-scale-summary button svg{width:15px;height:15px}.country-scale-instruction{color:#96b5a6;font-size:10px;line-height:1.8;margin:4px 0 13px}.country-scale-stage{position:relative;overflow:hidden;border:1px solid #bed0ae3b;border-radius:15px;background:#0d2939}.country-scale-stage>svg{display:block;width:100%;height:clamp(300px,48dvh,520px);touch-action:none;cursor:grab;user-select:none;outline-offset:-4px}.country-scale-stage>svg:active{cursor:grabbing}.country-scale-stage [data-scale-drag]{cursor:grab}.scale-stage-label{position:absolute;top:12px;font-size:10px;font-weight:700;padding:7px 10px;border:1px solid currentColor;border-radius:8px;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#102a38de}.scale-stage-label-a{left:12px;color:#e8bd77}.scale-stage-label-b{right:12px;color:#86d4d5}.country-scale-tiny{font-size:10px;line-height:1.7;color:#d0c49c;padding:9px 11px;margin:10px 0 0;background:#d0c49c09;border:1px dashed #d0c49c35;border-radius:8px}.country-scale-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0}.country-scale-toolbar>div:first-child{display:flex;gap:7px}.country-scale-toolbar button,.scale-nudge button{min-height:44px;padding:8px 12px;border:1px solid #b9cea536;border-radius:9px;color:#ccd9b8;background:#b9cea508;font-size:11px}.scale-zoom-controls{display:flex;align-items:center;gap:8px}.scale-zoom-controls button{font-size:18px;min-width:43px;padding:4px 9px}.scale-zoom-controls label{display:flex;flex-direction:column;gap:5px;color:#a8bda7;font-size:8px}.scale-zoom-controls input{width:145px;accent-color:#cbd2a6;min-height:24px;cursor:pointer}.scale-zoom-controls>span{min-width:49px;font-size:10px;color:#b5c5ac}.scale-nudge{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 20px}.scale-nudge>div{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.scale-nudge>div:first-child{flex:1}.scale-nudge button .country-flag{width:22px;height:17px}.scale-nudge button[id^=scale-active]{display:flex;align-items:center;gap:7px;max-width:100%;overflow-wrap:anywhere;min-width:0}.scale-nudge button[aria-pressed=true]{color:var(--country-color);border-color:var(--country-color)}.scale-nudge [data-scale-move]{font-size:18px;min-width:44px;padding:6px}.country-scale-sources{margin:18px 0;color:#a4bda7;font-size:11px;line-height:1.9}.country-scale-sources summary{cursor:pointer;min-height:40px;padding:8px 0;color:#cfdbb6}.country-scale-sources ul{padding-left:20px}.country-scale-sources li{margin:8px 0;overflow-wrap:anywhere}.country-scale-sources a{color:inherit;text-underline-offset:3px}.country-scale>.text-button{margin:15px auto 0;min-height:44px}
@media(max-width:760px){.country-scale-dialog{width:calc(100vw - 20px)}.country-scale h2,.country-scale-loading h2{font-size:29px}.country-scale-lead{font-size:11px}.country-scale-presets{margin:15px 0;gap:6px}.country-scale-presets button{font-size:9px;min-height:40px;padding:7px 10px}.country-scale-pickers{gap:9px}.country-scale-pickers>div{padding:10px}.country-scale-pickers input,.country-scale-pickers select{font-size:16px;padding:9px 7px;min-height:44px}.country-scale-pickers label{font-size:7px;letter-spacing:.7px}.country-scale-pickers strong{font-size:11px;gap:5px}.country-scale-pickers strong small{font-size:13px}.country-scale-pickers>div>span{font-size:8px}.country-scale-summary{gap:7px;padding-top:12px}.country-scale-summary>strong{font-size:13px;line-height:1.6;flex-basis:100%}.country-scale-summary>button{margin-left:0;min-height:38px}.country-scale-instruction{font-size:9px}.country-scale-stage>svg{height:300px}.scale-stage-label{font-size:8px;padding:6px;max-width:43%;top:9px}.scale-stage-label-a{left:8px}.scale-stage-label-b{right:8px}.country-scale-toolbar{gap:10px}.country-scale-toolbar>div:first-child{width:100%}.country-scale-toolbar>div:first-child>button{flex:1;font-size:10px;padding:8px}.scale-zoom-controls{width:100%;gap:6px}.scale-zoom-controls label{flex:1;min-width:0}.scale-zoom-controls input{width:100%}.scale-zoom-controls>span{min-width:37px;font-size:9px}.scale-nudge>div:first-child{flex-basis:100%;flex-wrap:nowrap;align-items:stretch}.scale-nudge button[id^=scale-active]{font-size:9px;flex:1;padding:8px;line-height:1.6;flex-wrap:wrap}.scale-nudge>div:last-child{justify-content:center;width:100%}.country-scale-sources{font-size:10px}.country-scale-card-button,.country-scale-launch{font-size:10px;line-height:1.6}}
.compact-landscape .country-scale-stage>svg{height:280px}.compact-landscape .country-scale-pickers{gap:12px}.compact-landscape .country-scale-pickers>div{padding:10px}.compact-landscape .country-scale-pickers input,.compact-landscape .country-scale-pickers select{min-height:40px}

/* Welcome: a deliberate gesture opens the globe and prepares speech. */
.is-at-entrance #game-world{visibility:hidden}
.entrance{position:fixed;inset:0;z-index:100;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 78% 45%,#144053 0%,#0a2134 28%,#050e1c 72%);padding:max(30px,env(safe-area-inset-top)) clamp(22px,5vw,80px) max(25px,env(safe-area-inset-bottom));transition:opacity .4s,transform .4s}
.entrance:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#b7d8e166 1px,transparent 1.5px),radial-gradient(circle,#d8e9dd44 1px,transparent 1.5px);background-size:173px 197px,271px 237px;background-position:36px 47px,104px 131px;opacity:.45}
.entrance-shell{position:relative;max-width:1240px;margin:0 auto;min-height:calc(100svh - 60px);display:flex;flex-direction:column}.entrance-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.entrance-brand{display:flex;align-items:center;gap:10px;font:500 28px var(--display);letter-spacing:-1px;color:#e8f1e9}.entrance-brand svg{width:29px;height:29px;transform:rotate(-17deg);color:#bbd7ce}.entrance-brand>span{color:var(--warm);margin-left:-8px}.entrance-edition{font-size:9px;letter-spacing:2px;color:#829fae;font-weight:900}
.entrance-layout{flex:1;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:28px;padding:65px 0 45px}.entrance-copy{position:relative;z-index:2}.entrance-kicker{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2.4px;font-weight:900;color:#bdd6c8;margin:0 0 21px}.entrance-kicker>span{width:6px;height:6px;background:#d3dbae;border-radius:50%;box-shadow:0 0 0 5px #d3dbae0d}
.entrance h1{font:500 clamp(40px,4.9vw,66px)/1.06 var(--display);letter-spacing:-2.5px;margin:0;color:#f3f4e9}.entrance h1 em{font-style:normal;color:#f6ce9f}.entrance-description{font-size:15px;line-height:1.8;color:#9fb8c2;margin:24px 0 26px}.entrance-discoveries{display:flex;gap:30px;margin-bottom:31px}.entrance-discoveries>span{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#94afb7}.entrance-discoveries strong{font:500 29px var(--display);color:#d5e6dc;letter-spacing:-.8px}.entrance-discoveries>span+span{border-left:1px solid #a8c8cd24;padding-left:30px}
.entrance-enter{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:61px;width:min(100%,350px);padding:16px 24px;border-radius:16px;background:#f5cb9c;color:#173340;font-weight:900;font-size:16px;box-shadow:0 12px 40px #eab16e18,inset 0 1px 0 #fff6}.entrance-enter:hover{background:#ffddb2;box-shadow:0 12px 38px #eab16e30}.entrance-enter:disabled{opacity:.65}.entrance-enter svg{width:22px;height:22px}
.entrance-audio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-top:15px}.entrance-sound{display:inline-flex;align-items:center;gap:9px;cursor:pointer;min-height:44px;font-size:11px;color:#c1d6ce}.entrance-sound input{width:18px;height:18px;accent-color:#f6c995;margin:0}.welcome-preview{display:flex;gap:6px;align-items:center;min-height:44px;padding:8px 0;font-size:10px;color:#b9ceca}.welcome-preview svg{width:16px;height:16px}.welcome-preview:hover{color:#ffe0b8}.welcome-preview:disabled{opacity:.35}.entrance-audio-note{margin:0;color:#86a2b0;font-size:10px;line-height:1.7;max-width:380px;min-height:17px}.entrance-status{color:#f5d8b2;font-size:12px;line-height:1.6;margin:8px 0 0;min-height:20px}
.entrance-visual{position:relative;isolation:isolate;aspect-ratio:1;min-width:0}.entrance-planet{position:absolute;inset:4%;filter:drop-shadow(0 0 26px #70c8ec20);animation:entrance-float 9s ease-in-out infinite}.entrance-planet img{display:block;width:100%;height:100%;object-fit:contain}.entrance-planet:after{content:'';position:absolute;inset:1%;border-radius:50%;box-shadow:inset 0 0 26px #7de3ff18,0 0 2px #8bdbf966;pointer-events:none}.entrance-orbit{position:absolute;inset:12% -7%;border:1px solid #9ccacc32;border-radius:50%;transform:rotate(-29deg);pointer-events:none}.orbit-back{inset:0 7%;transform:rotate(27deg);z-index:-1;border-color:#9ccacc13}.orbit-front:after{content:'';position:absolute;left:12%;bottom:9%;width:7px;height:7px;border-radius:50%;background:#f6ce9f;box-shadow:0 0 18px #f6ce9f77}.entrance-coordinate{position:absolute;top:0;right:4%;color:#adced3;font:500 11px var(--display);letter-spacing:1px}.entrance-coordinate span{display:block;margin-top:5px;font:800 7px var(--font);letter-spacing:1.5px;color:#799aa9}.entrance-world-tag{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 17px;border:1px solid #a7c5cb26;border-radius:14px;background:#102b3ce8;box-shadow:0 12px 28px #0209163d;font-size:11px;color:#d9e4d8}.entrance-world-tag small{display:block;margin-top:4px;color:#8aa8b1;font-size:9px}.entrance-world-tag svg{color:#e8c99e;width:24px;height:24px}.tag-discover{left:-5%;top:31%;transform:rotate(-5deg)}.tag-wonder{right:-2%;bottom:14%;transform:rotate(4deg)}.entrance-tag-star{font-size:28px;line-height:1;color:#f0d2a9}.entrance-image-credit{position:absolute;bottom:-7%;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1px;color:#728c9c}
.entrance-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid #b0cbd01c;padding-top:21px;margin-top:auto}.entrance-language-heading{flex-shrink:0}.entrance-language-heading>span{font-size:8px;letter-spacing:1.5px;color:#c5d6d0;font-weight:900}.entrance-language-heading small{display:block;margin-top:5px;font-size:9px;color:#819ca9}.entrance-languages{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.entrance-languages button{min-height:40px;border:1px solid transparent;border-radius:10px;padding:9px 12px;font-size:11px;white-space:nowrap}.entrance-languages .is-selected{background:#d3e9da0d;border-color:#c2dccc35;color:#e3ecdb;display:flex;align-items:center;gap:12px}.entrance-languages .is-selected span{color:#cce3ba}.entrance-languages button:disabled{color:#7b929f;opacity:.48;cursor:not-allowed}
.entrance.is-leaving{opacity:0;transform:scale(1.015);pointer-events:none}@keyframes entrance-float{50%{transform:translateY(-8px)}}
@media(min-width:1450px){.entrance-layout{gap:70px}}
@media(max-width:1000px){.entrance-layout{gap:15px;padding-top:55px;padding-bottom:40px}.entrance h1{font-size:clamp(38px,5.1vw,52px)}.entrance-description{font-size:13px}.entrance-discoveries{gap:19px}.entrance-discoveries>span+span{padding-left:19px}.entrance-world-tag{padding:9px 12px}.entrance-visual{margin-right:10px}.tag-discover{left:-2%;top:23%}.tag-wonder{right:-2%;bottom:8%}.entrance-footer{gap:12px}.entrance-languages{gap:2px}.entrance-languages button{padding:8px 9px}}
@media(max-width:700px){.entrance{padding-top:max(23px,env(safe-area-inset-top))}.entrance-shell{min-height:calc(100svh - 48px)}.entrance-brand{font-size:24px}.entrance-edition{display:none}.entrance-layout{display:flex;flex-direction:column-reverse;gap:18px;padding:22px 0 18px}.entrance-visual{width:min(62vw,250px);margin:0 auto 6px;align-self:center;flex-shrink:0}.entrance-coordinate{display:none}.entrance-world-tag{padding:7px 10px;font-size:9px;border-radius:11px;gap:7px}.entrance-world-tag small{font-size:7px;margin-top:2px}.entrance-world-tag svg{width:17px;height:17px}.entrance-tag-star{font-size:20px}.tag-discover{left:-14%;top:22%}.tag-wonder{right:-14%;bottom:8%}.entrance-image-credit{bottom:-6%;font-size:5px}.entrance-copy{width:100%;text-align:center}.entrance-kicker{justify-content:center;font-size:8px;margin-bottom:13px;letter-spacing:1.7px}.entrance h1{font-size:clamp(34px,8.8vw,48px);letter-spacing:-1.5px}.entrance-description{margin:16px 0 19px;font-size:12px;line-height:1.7}.entrance-discoveries{justify-content:center;margin-bottom:22px;gap:24px}.entrance-discoveries>span+span{padding-left:24px}.entrance-discoveries strong{font-size:25px}.entrance-discoveries>span{font-size:10px}.entrance-enter{margin:0 auto;min-height:57px;max-width:350px}.entrance-audio-controls{justify-content:center;margin-top:9px;gap:0 13px}.entrance-audio-note{margin:0 auto;font-size:9px;max-width:350px}.entrance-status{margin-top:5px;min-height:0}.entrance-footer{justify-content:center;gap:12px;padding-top:17px;text-align:center}.entrance-language-heading{width:100%}.entrance-language-heading small{display:inline;margin-left:7px}.entrance-languages{justify-content:center}.entrance-languages button{font-size:10px;padding:7px 9px;min-height:38px}}
@media(max-height:600px) and (min-width:701px){.entrance{padding-top:22px;padding-bottom:18px}.entrance-shell{min-height:calc(100svh - 40px)}.entrance-layout{padding-top:25px;padding-bottom:20px}.entrance h1{font-size:40px}.entrance-description{margin:14px 0}.entrance-discoveries{margin-bottom:18px}.entrance-visual{width:min(100%,340px);justify-self:center}.entrance-footer{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.entrance,.entrance-planet{animation:none;transition:none}}

@media(max-width:700px) and (max-height:760px){.entrance-visual{width:min(48vw,175px)}.entrance-layout{padding-top:16px;gap:16px}.entrance-description{margin:12px 0 15px}.entrance-discoveries{margin-bottom:18px}.entrance-kicker{font-size:7px}}

/* Portable personal progress, with an explicit preview before importing. */
.passport-transfer{max-width:100%;min-width:0}.transfer-panel{border:1px solid #bcd8c62a;border-radius:16px;background:#cee6c409;padding:18px;margin:20px 0}.transfer-profile{display:flex;align-items:center;gap:14px;min-width:0}.transfer-profile img{width:62px;height:62px;flex-shrink:0}.transfer-profile div{min-width:0}.transfer-profile h3,#modal-content .transfer-profile h3{margin:0;overflow-wrap:anywhere;font-size:19px}.transfer-profile strong{font-size:16px;overflow-wrap:anywhere}.transfer-profile p,#modal-content .transfer-profile p{margin:5px 0 0;font-size:11px}.transfer-profile span{display:block;margin-top:6px;font-size:11px;color:#acbfc2}.transfer-panel>.modal-action{margin-top:15px}.transfer-file,.transfer-name{display:block;margin:18px 0 7px;font-size:12px;line-height:1.7;font-weight:800;color:#d9e7d2}.transfer-file input{display:block;width:100%;min-width:0;margin-top:8px;padding:11px;border:1px dashed #c3d6ba72;border-radius:10px;background:#d2e4d208;font:12px var(--font);color:#bfd0cc}.transfer-file input::file-selector-button{border:0;border-radius:7px;padding:8px 10px;margin-right:10px;background:#c9dbb6;color:#203c36;font:800 11px var(--font);cursor:pointer}.transfer-name input{display:block;width:100%;margin-top:7px;padding:12px;border-radius:10px;border:1px solid #b8d1c35c;background:#071a2d;color:#e4ebdb;font:14px var(--font)}.transfer-name input[aria-invalid=true]{border-color:#f0b8a0}.transfer-panel small{font-size:10px;color:#91b0b8}.transfer-file input:focus-visible,.transfer-name input:focus-visible{outline:2px solid #ecd397;outline-offset:3px}.transfer-preview{margin-top:20px;padding-top:18px;border-top:1px solid #bfdbbd26}.transfer-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0}.transfer-counts>div{padding:10px;border-radius:9px;background:#bdd6c00a}.transfer-counts dt{font-size:11px;color:#a8bebf}.transfer-counts dd{font:500 24px var(--display);margin:5px 0 0;color:#e0ebc9}.transfer-status{min-height:22px;overflow-wrap:anywhere}#modal-content .transfer-status.is-error{color:#f1bfac}.transfer-download-link{display:block;overflow-wrap:anywhere;color:#e9d29d;font-size:12px;line-height:1.8;margin-top:15px;min-height:35px}.transfer-download-link[hidden]{display:none}#modal-content .transfer-note{font-size:11px;line-height:1.8}.transfer-contents{font-size:11px;color:#c3d4ba;line-height:1.8}.transfer-contents summary{cursor:pointer;padding:8px 0}.transfer-contents summary:focus-visible{outline:2px solid #ecd397;outline-offset:3px}#modal-content .transfer-contents p{font-size:11px}.passport-transfer [hidden]{display:none!important}@media(max-width:520px){.transfer-panel{padding:14px}.transfer-profile img{width:49px;height:49px}.transfer-profile{gap:10px}.transfer-file input{padding:8px}.transfer-file input::file-selector-button{display:block;margin:0 0 9px;min-height:36px}.transfer-counts{gap:7px}.transfer-profile strong{font-size:15px}}

.round-resume-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;margin:12px 0;border:1px solid #c6dabb30;border-radius:10px;background:#b9d7ae10;color:#c6d8c3;font:11px/1.6 var(--font)}.round-resume-banner>span{display:flex;align-items:center;gap:7px}.round-resume-banner svg{width:15px;height:15px;flex-shrink:0}.round-resume-banner button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;border-radius:8px;border:1px solid #c6dabb40;color:#e3e8ca;font-size:11px;font-weight:800;white-space:nowrap}.round-resume-banner button:hover{background:#c5dcbb20}.round-resume-banner button:focus-visible{outline:2px solid #e9d29a;outline-offset:2px}.round-resume-banner[hidden]{display:none!important}@media(max-width:520px){.round-resume-banner{font-size:10px;padding:7px 9px;gap:8px}.round-resume-banner button{font-size:10px;padding:6px 8px}}

/* Read-only, per-skill learning atlas; the list provides an equivalent keyboard route. */
.knowledge-launch{display:flex;align-items:center;gap:13px;width:100%;padding:15px 17px;margin:18px 0;border:1px solid #d3dfb943;border-radius:13px;background:linear-gradient(125deg,#bdd8b51c,#98c3c10a);color:#dce8ce;text-align:left}.knowledge-launch>svg{width:23px;height:23px;flex-shrink:0}.knowledge-launch>svg:last-child{width:17px;margin-left:auto}.knowledge-launch strong{display:block;font-size:14px;line-height:1.5}.knowledge-launch small{display:block;font-size:10px;line-height:1.7;color:#a7c1bc;margin-top:2px}.knowledge-launch:hover{background:#c3dab82b}.knowledge-launch:focus-visible{outline:2px solid #e8d4a0;outline-offset:3px}
dialog.knowledge-dialog{width:min(980px,calc(100% - 26px));padding:25px}.knowledge-panel{min-width:0}.knowledge-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0 16px}.knowledge-controls label,.knowledge-search{font-size:11px;font-weight:800;line-height:1.8;color:#c7d8ce}.knowledge-controls select,.knowledge-search input{display:block;width:100%;min-width:0;border:1px solid #bbd3c440;border-radius:9px;background:#0e263b;color:#dbe8d3;padding:11px;font:12px var(--font);margin-top:6px}.knowledge-controls select:focus-visible,.knowledge-search input:focus-visible{outline:2px solid #e8d4a0;outline-offset:3px}.knowledge-map-frame{background:radial-gradient(ellipse at center,#244653 0,#112c40 70%);border:1px solid #c6dcb028;border-radius:17px;overflow:hidden}.knowledge-map-frame svg{display:block;width:100%;height:auto;max-height:370px}.knowledge-ocean{fill:#17384c;stroke:#b9d6d524;stroke-width:1}.knowledge-land{fill:#536e85;stroke:#10283c;stroke-width:.55;stroke-linejoin:round;vector-effect:non-scaling-stroke}.knowledge-marker{fill:#536e85;stroke:#d2e0cd;stroke-width:.6;vector-effect:non-scaling-stroke}.knowledge-map-frame [data-state=new]{fill:#536e85}.knowledge-map-frame [data-state=repeat]{fill:#df9e8a}.knowledge-map-frame [data-state=growing]{fill:#d9c37a}.knowledge-map-frame [data-state=strong]{fill:#80c5a1}.knowledge-map-frame [data-state=unavailable]{fill:#304559}.knowledge-map-frame [data-dim=true]{opacity:.24;pointer-events:none}.knowledge-map-frame [data-knowledge-country][data-dim=false]{cursor:pointer}.knowledge-map-frame [data-knowledge-country][data-dim=false]:hover{stroke:#fff5d1;stroke-width:1.5}.knowledge-map-frame [data-selected=true]{stroke:#fff5d1;stroke-width:2}.knowledge-map-frame .knowledge-marker[data-selected=true]{r:4}.knowledge-map-frame .knowledge-map-fallback{padding:25px}.knowledge-map-note,#modal-content .knowledge-map-note{font-size:10px;line-height:1.7;margin:10px 0 16px;color:#a5bfc4}
.knowledge-filters{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 24px}.knowledge-filters button{display:flex;align-items:center;gap:7px;padding:9px 11px;min-height:38px;border:1px solid #bcd6c426;border-radius:10px;background:#c7ddc607;font-size:11px;line-height:1.5;color:#c6d7cf}.knowledge-filters button[aria-pressed=true]{border-color:#dfdab47a;background:#d2dfbe19;color:#f1efdb}.knowledge-filters button:focus-visible,.knowledge-list button:focus-visible,.knowledge-skill-details button:focus-visible{outline:2px solid #e8d4a0;outline-offset:2px}.knowledge-filters strong{font-size:11px;color:#e1e8cc}.knowledge-dot{display:block;width:9px;height:9px;border-radius:50%;background:#536e85;flex-shrink:0}.knowledge-dot.state-repeat{background:#df9e8a}.knowledge-dot.state-growing{background:#d9c37a}.knowledge-dot.state-strong{background:#80c5a1}.knowledge-dot.state-due{background:transparent;border:2px solid #e6d9ae}.knowledge-dot.state-all{background:linear-gradient(120deg,#536e85,#80c5a1)}
.knowledge-browser{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.knowledge-directory{min-width:0}.knowledge-list{padding:3px;list-style:none;margin:10px 0 0;max-height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#78938e #11283b}.knowledge-list li+li{margin-top:6px}.knowledge-list button{display:flex;align-items:center;gap:10px;min-height:55px;padding:9px 11px;width:100%;border:1px solid #c6d8c019;border-radius:10px;text-align:left;color:#d6e3d0;background:#bad8c305}.knowledge-list button[data-selected=true]{border-color:#e0dab477;background:#ceddc41b}.knowledge-list button>span{min-width:0;flex:1}.knowledge-list strong{display:block;font-size:12px;line-height:1.5}.knowledge-list small{display:block;font-size:10px;color:#a5bdbd;line-height:1.6;margin-top:2px}.knowledge-list .country-flag{width:29px;height:22px}.knowledge-directory #knowledge-match-count{font-size:10px;line-height:1.6;color:#a4bdc3;margin:10px 0}.knowledge-no-results{font-size:12px;line-height:1.8;color:#b6c9c3;padding:20px 5px}.knowledge-details{min-width:0;border:1px solid #bcd8bd29;background:#c4d9b809;border-radius:15px;padding:18px}.knowledge-country-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.knowledge-country-heading .country-flag{width:40px;height:30px}.knowledge-country-heading h3,#modal-content .knowledge-country-heading h3{font:500 25px/1.2 var(--display);margin:0;color:#e5ebd4;overflow-wrap:anywhere}.knowledge-country-heading span{display:block;font-size:11px;color:#a2bebd;margin-top:6px}.knowledge-skill-details{display:grid;gap:9px}.knowledge-skill-details section{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:11px;border-radius:10px;background:#0d263741;border-left:3px solid #536e85}.knowledge-skill-details section.state-repeat{border-left-color:#df9e8a}.knowledge-skill-details section.state-growing{border-left-color:#d9c37a}.knowledge-skill-details section.state-strong{border-left-color:#80c5a1}.knowledge-skill-details section.state-unavailable{border-left-color:#304559}.knowledge-skill-details h4{margin:0 0 5px;font-size:12px;line-height:1.5;color:#d8e4ce}.knowledge-skill-details section>div{min-width:0}.knowledge-skill-details span{display:block;font-size:11px;line-height:1.6;color:#c1d2c6}.knowledge-skill-details small{display:block;font-size:9px;line-height:1.6;color:#91afb7;margin-top:3px}.knowledge-skill-details button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;border:1px solid #c5d8b635;border-radius:9px;padding:7px 8px;color:#dfe8c9;font-size:10px;font-weight:800;flex-shrink:0}.knowledge-skill-details button svg{width:13px;height:13px}.knowledge-details>.text-button{margin-top:13px}.knowledge-empty{padding:22px 2px;text-align:center}.knowledge-empty>svg{width:36px;height:36px;color:#b9d3bc;margin-bottom:10px}#modal-content .knowledge-empty h3{font-size:18px;line-height:1.5;margin:4px 0 9px}#modal-content .knowledge-empty p{font-size:12px;line-height:1.85;margin:0}.knowledge-explanation{margin:22px 0 8px;padding-top:15px;border-top:1px solid #b6d4c127}.knowledge-explanation summary{font-size:12px;line-height:1.8;color:#c8d9c5;cursor:pointer}.knowledge-explanation .landmark-source{font-size:11px}
@media(max-width:760px){dialog.knowledge-dialog{padding:19px}.knowledge-browser{grid-template-columns:1fr;gap:18px}.knowledge-details{grid-row:1;padding:15px}.knowledge-list{max-height:270px}.knowledge-controls{gap:10px;margin-top:18px}.knowledge-map-frame svg{max-height:none}.knowledge-filters{gap:6px;margin-bottom:18px}.knowledge-filters button{font-size:10px;padding:8px 9px;min-height:38px}.knowledge-country-heading h3,#modal-content .knowledge-country-heading h3{font-size:24px}.knowledge-launch{padding:12px}.knowledge-launch strong{font-size:13px}.knowledge-launch small{font-size:10px}}@media(max-width:380px){.knowledge-controls{grid-template-columns:1fr}.knowledge-filters{display:grid;grid-template-columns:1fr 1fr}.knowledge-filters button{justify-content:flex-start}.knowledge-filters strong{margin-left:auto}.knowledge-details{padding:12px}.knowledge-skill-details section{padding:9px}.knowledge-skill-details h4{font-size:11px}}

/* Personal comparison notebook */
.confusion-notebook-launch{display:flex;align-items:center;gap:9px;margin:-8px 0 25px;min-height:44px;white-space:normal;text-align:left}.confusion-notebook-launch svg{width:17px;height:17px;flex-shrink:0}.confusion-notebook>h2{font:500 clamp(30px,5vw,44px)/1.12 var(--display);color:#e6e8cc;margin:10px 0 16px}.confusion-notebook>p{color:#afc3ae;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.confusion-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 16px}.confusion-filters label,.confusion-search{display:grid;gap:8px;font-size:10px;color:#c4cfb5;min-width:0}.confusion-filters select,.confusion-search input{width:100%;min-width:0;min-height:44px;padding:11px;border:1px solid #b3c49b36;border-radius:8px;background:#112d29;color:#e3e6ca;font:12px var(--font)}.confusion-search{margin-bottom:12px}.confusion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.confusion-list>button{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;min-height:142px;text-align:left;border:1px solid #bdc79632;border-radius:12px;padding:15px;background:#c4ce9a08;color:#e0e6c7;font:12px var(--font);cursor:pointer}.confusion-list>button:hover{background:#c4ce9a12;border-color:#c8d09b70}.confusion-notebook :is(button,input,select):focus-visible{outline:2px solid #e5d299;outline-offset:3px}.confusion-list strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.confusion-topic{color:#b8b68f;font-size:9px;line-height:1.7;letter-spacing:.3px}.confusion-pair{display:flex;align-items:center;gap:10px;color:#b1c3ac;line-height:1.65;overflow-wrap:anywhere}.confusion-pair>span{min-width:0}.confusion-open-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#d3d1a2;margin-top:auto}.confusion-open-label svg{width:16px;height:16px}.confusion-list-heading{font:500 20px var(--display);color:#d6dec0;margin:18px 0 13px}.confusion-detail-title{font:500 28px/1.3 var(--display);color:#e2e7c7;overflow-wrap:anywhere;margin:10px 0 15px}.confusion-notebook .confusion-explanation,.confusion-practice-note{font-size:10px;line-height:1.9;color:#9cb59e;margin:20px 0}.confusion-empty{padding:20px;border:1px dashed #a5bd9436;border-radius:12px;margin:20px 0;color:#b7c9ae}.confusion-empty h3{font:500 22px/1.4 var(--display);margin:0 0 10px}.confusion-empty p{font-size:12px;line-height:1.8}.confusion-notebook .modal-action{white-space:normal;min-height:44px;line-height:1.5}.confusion-notebook .text-button{min-height:44px;white-space:normal;text-align:left}.confusion-notebook #confusion-more{margin-top:10px}
@media(max-width:600px){.confusion-filters{grid-template-columns:1fr;gap:12px}.confusion-list{grid-template-columns:1fr}.confusion-list>button{min-height:130px}.confusion-notebook .choice-insight-grid{grid-template-columns:1fr}.confusion-notebook .choice-insight-grid img:not(.country-flag){width:100%;height:auto;max-height:210px;object-fit:contain}.confusion-notebook .choice-insight-grid>section>.coach-flag{width:104px;height:78px}}

/* Keep narration controls together when story tabs wrap on narrow screens. */
.animal-reading-tabs{flex-wrap:wrap}.animal-reading-audio{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.animal-reading-tabs .animal-reading-audio button{display:inline-flex;align-items:center;gap:7px;margin-left:0}
/* v80 country stories, currencies and the former-states collection */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.country-story-button{margin-top:10px}
.reading-hero.country-hero{grid-template-columns:128px minmax(0,1fr)}
.country-story-flag{display:block;width:128px;height:auto;border-radius:8px;box-shadow:0 12px 26px #0004;transform:rotate(-2deg)}
.country-highlights{margin:22px 0 0}
.country-highlights h3,.country-currency h3,.country-history h3,.history-territory h3{font-size:13px;color:#e0d0a3;margin:0 0 10px;display:flex;align-items:center;gap:7px}
.country-highlights ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.country-highlights li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.6;color:#dbe4d6}
.country-highlights li svg,.country-currency h3 svg{flex:none;width:16px;height:16px;margin-top:3px;stroke:#e9c98a;fill:none;stroke-width:2}
.country-currency{margin:22px 0 0;padding:15px 16px;border-radius:14px;background:#e9d7a80f;border:1px solid #e9d7a826}
.currency-cards{display:flex;flex-wrap:wrap;gap:10px}
.currency-card{display:flex;align-items:center;gap:11px;min-width:0;padding:8px 13px 8px 9px;border-radius:12px;background:#0d1f3366;border:1px solid #cee5ef1f}
.currency-card strong{display:grid;place-items:center;min-width:38px;height:38px;padding:0 6px;border-radius:50%;background:#e9c98a;color:#1b2b33;font:700 15px/1 var(--display)}
.currency-card b{display:block;font-size:14px;color:#f1ead6;text-transform:none}
.currency-card span{display:block;font-size:11px;color:#a8bdb9;letter-spacing:.3px}
.country-currency p{font-size:13px;line-height:1.6;color:#c9d5cc;margin:11px 0 0}
.country-history{margin:20px 0 0}
.country-history p{font-size:13px;color:#b4cbc2;margin:0 0 9px}
.country-history h4{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#d6c79c;margin:14px 0 8px}
.history-chips{display:flex;flex-wrap:wrap;gap:7px}
.history-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid #e9d7a833;background:#e9d7a812;color:#efe6cf;font:600 12px/1.3 var(--font);cursor:pointer;text-align:left}
.history-chip svg{flex:none;width:14px;height:14px;stroke:#e9c98a;fill:none;stroke-width:2}
.history-chip small{display:block;font-size:10px;font-weight:500;color:#a9bcb6}
.history-chip:hover,.history-item:hover,.history-countries button:hover{border-color:#efcf9277;background:#e9d7a81f}
.history-chip:focus-visible,.history-item:focus-visible,.history-countries button:focus-visible,.history-eras button:focus-visible{outline:2px solid #ffd5a1;outline-offset:2px}
.history-intro{font-size:14px;line-height:1.65;color:#c9d5cc;margin:4px 0 16px}
.history-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.history-eras{display:flex;flex-wrap:wrap;gap:6px}
.history-eras button{padding:6px 11px;border-radius:999px;border:1px solid #cee5ef2b;background:transparent;color:#cdd9d1;font:600 12px var(--font);cursor:pointer}
.history-eras button[aria-pressed="true"]{background:#e9c98a;color:#1b2b33;border-color:#e9c98a}
.history-search{flex:1 1 210px;min-width:0}
.history-search input,.history-filters select{width:100%;min-height:36px;padding:7px 12px;border-radius:10px;border:1px solid #cee5ef2b;background:#0d1f33aa;color:#edf5f1;font:500 13px var(--font)}
.history-filters select{width:auto;flex:0 1 160px}
.history-count{font-size:12px;color:#a8bdb9;margin:4px 0 10px}
.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}
.history-item{display:grid;gap:3px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid #cee5ef22;background:#0d1f3355;color:#edf5f1;cursor:pointer;min-width:0}
.history-item strong{font:600 15px/1.3 var(--display);overflow-wrap:anywhere}
.history-item small{font-size:11px;line-height:1.5;color:#a9bcb6;overflow-wrap:anywhere}
.history-period{font-size:10px;font-weight:700;letter-spacing:.6px;color:#e9c98a;font-variant-numeric:tabular-nums}
.reading-hero.history-hero{grid-template-columns:150px minmax(0,1fr)}
.history-flags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:12px;border-radius:14px;background:#e9d7a80f;border:1px solid #e9d7a822}
.history-flags .country-flag{width:40px;height:30px;border-radius:4px}
.history-flags small{flex-basis:100%;text-align:center;font-size:.72rem;letter-spacing:.03em;color:#e9d7a8b3}
.history-territory{margin:20px 0 0}
.history-countries{display:flex;flex-wrap:wrap;gap:7px}
.history-countries button{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 7px;border-radius:999px;border:1px solid #cee5ef2b;background:#0d1f3355;color:#edf5f1;font:600 12px var(--font);cursor:pointer}
.history-countries .country-flag{width:22px;height:16px;border-radius:3px}
.history-successors,.history-note{font-size:12px;line-height:1.6;color:#b4cbc2;margin:10px 0 0}
.history-territory .modal-action{margin-top:14px}
@media (max-width:520px){.reading-hero.country-hero,.reading-hero.history-hero{grid-template-columns:minmax(0,1fr)}.country-story-flag{width:110px}.history-flags{justify-content:flex-start}.history-list{grid-template-columns:minmax(0,1fr)}.history-filters select{flex:1 1 100%}}
/* Katalog životinja: retci po sadržaju (overflow:hidden inače stisne kartice na traku) i vidljiv prozor popisa */
.country-list.animal-catalog{grid-auto-rows:max-content;flex:0 0 auto;height:420px;height:clamp(260px,52dvh,470px);min-height:0;max-height:none}
@media(max-width:760px){.country-list.animal-catalog{height:360px;height:clamp(240px,46dvh,400px);max-height:none}}
.compact-landscape .country-list.animal-catalog{height:clamp(190px,58dvh,340px)}
.animal-aliases{font-size:11px;line-height:1.5;color:#b9cdb8;margin:-8px 0 10px}
.animal-known-in{font-size:10px;line-height:1.6;color:#d6c79c;margin:0 0 9px}
.country-animals{margin:14px 0;padding-top:12px;border-top:1px solid #b8d1cd22}
.country-animals h4{font-size:9px;color:#91b1b9;margin:0 0 8px}
.country-animals h3{font-size:13px;color:#e0d0a3;margin:20px 0 10px}
.country-animals>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.country-animals button{display:flex;flex-direction:column;min-width:0;padding:0 0 7px;border-radius:10px;overflow:hidden;border:1px solid #a8c2a926;background:#8fb59c0d;text-align:left;cursor:pointer}
.country-animals button:hover,.country-animals button:focus-visible{border-color:#d4dca5}
.country-animals img{display:block;width:100%;height:52px;object-fit:cover}
.country-animals span{display:block;padding:5px 6px 0;font-size:9px;line-height:1.3;font-weight:650;color:#dde5cb;overflow-wrap:anywhere}
.landmark-story .country-animals>div{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.landmark-story .country-animals img{height:84px}
.landmark-story .country-animals span{font-size:12px}
.country-landmarks{margin:14px 0;padding-top:12px;border-top:1px solid #b8d1cd22}
.country-landmarks h4{font-size:9px;color:#91b1b9;margin:0 0 8px}
.country-landmarks h3,.landmark-story .country-people h3{font-size:13px;color:#e0d0a3;margin:20px 0 10px}
.country-landmarks>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.country-landmarks button:not(.country-more){display:flex;flex-direction:column;min-width:0;padding:0 0 7px;border-radius:10px;overflow:hidden;border:1px solid #e9d7a826;background:#e9d7a80d;text-align:left;cursor:pointer}
.country-landmarks button:not(.country-more):hover,.country-landmarks button:not(.country-more):focus-visible{border-color:#efcf92}
.country-landmarks img{display:block;width:100%;height:52px;object-fit:cover;background:#96bec0}
.country-landmarks span{display:block;padding:5px 6px 0;font-size:9px;line-height:1.3;font-weight:650;color:#efe6cf;overflow-wrap:anywhere}
.country-landmarks small{display:block;margin-top:2px;font-weight:500;color:#a9bcb6}
.landmark-story .country-landmarks>div{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
.landmark-story .country-landmarks img{height:90px}
.landmark-story .country-landmarks span{font-size:12px}
.landmark-story .country-people{margin:20px 0 0}
.landmark-story .country-people>button:not(.country-more){font-size:13px}
.country-people>.country-more,.country-more{display:inline-flex;align-items:center;width:auto;min-height:32px;margin:8px 0 0;padding:5px 13px;border-radius:999px;border:1px solid #cee5ef33;background:#0d1f3355;color:#cfe3df;font:600 11px var(--font);cursor:pointer}
.country-landmarks .country-more{grid-column:1/-1;justify-self:start;margin:2px 0 0}
.history-chips .country-more{margin:0}
.country-more:hover,.country-more:focus-visible{border-color:#efcf9277;color:#f5d9b1}
.country-link{display:flex;align-items:center;gap:9px;width:100%;margin:10px 0;padding:8px 10px;border-radius:12px;border:1px solid #cee5ef2b;background:#0d1f3355;color:#edf5f1;font:600 12px/1.3 var(--font);cursor:pointer;text-align:left}
.country-link .country-flag{flex:none;width:24px;height:18px;border-radius:3px}
.country-link span{flex:1;min-width:0;overflow-wrap:anywhere}
.country-link small{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#97a087;font-weight:600}
.country-link>svg:last-child{flex:none;width:14px;height:14px;color:#8cafb7}
.country-link:hover,.country-link:focus-visible{border-color:#efcf9277}
.reading-hero .country-link,.person-story .country-link{display:inline-flex;width:auto;max-width:100%}
.animal-known-in{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.animal-known-in>span{flex-basis:100%}
.animal-known-in button:not(.country-more){min-height:26px;padding:3px 9px;border-radius:999px;border:1px solid #e9d7a833;background:#e9d7a812;color:#efe6cf;font:600 10px/1.3 var(--font);cursor:pointer}
.animal-known-in button:not(.country-more):hover,.animal-known-in button:not(.country-more):focus-visible{border-color:#efcf9277}
.animal-known-in .country-more{min-height:26px;margin:0;padding:3px 9px;font-size:10px}
.history-partial-title{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#d6c79c;margin:14px 0 8px}
.quiz-panel,.quiz-tab{--topic:#f8ce9b}
.quiz-tab[data-topic="countries"],.quiz-panel[data-quiz-topic="countries"]{--topic:#67c3d6}
.quiz-tab[data-topic="cities"],.quiz-panel[data-quiz-topic="cities"]{--topic:#8fa8f5}
.quiz-tab[data-topic="flags"],.quiz-panel[data-quiz-topic="flags"]{--topic:#f08c8c}
.quiz-tab[data-topic="landmarks"],.quiz-panel[data-quiz-topic="landmarks"]{--topic:#e6c46e}
.quiz-tab[data-topic="people"],.quiz-panel[data-quiz-topic="people"]{--topic:#c49af0}
.quiz-tab[data-topic="animals"],.quiz-panel[data-quiz-topic="animals"]{--topic:#8fd18a}
.quiz-tab[data-topic] svg{color:var(--topic)}
.quiz-tab[data-topic]:not(.active) svg{opacity:.75}
.quiz-tab[data-topic].active:after{background:var(--topic);box-shadow:0 0 12px color-mix(in srgb,var(--topic) 35%,transparent)}
.quiz-panel .question-label{color:color-mix(in srgb,var(--topic) 60%,#d8d2bd)}
.quiz-panel .round-progress>span{background:var(--topic)}
.quiz-panel .answer:not(.correct):not(.wrong){background:#d5efdf12;border-color:#d4e5e538}
.quiz-panel .answer:hover:enabled{border-color:color-mix(in srgb,var(--topic) 70%,transparent)}
.quiz-play-modes>button{min-height:40px;padding:7px 12px;align-items:center}
.quiz-play-modes>button svg{width:18px;height:18px}
.quiz-play-modes small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quiz-play-modes>button{position:relative;grid-template-columns:20px auto}
.round-summary{display:none;align-items:center;gap:10px;min-width:0;flex:1;min-height:47px}
.round-focus .round-summary{display:flex}
.round-focus #quiz-topics,.round-focus #quiz-play-modes,.round-focus #learning-strip,.round-focus #animal-mode-switch{display:none!important}
.round-topic{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:6px 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--topic) 55%,transparent);background:color-mix(in srgb,var(--topic) 13%,transparent);color:var(--topic);font-size:11px;font-weight:800;white-space:nowrap}
.round-topic span{overflow:hidden;text-overflow:ellipsis}
.round-topic svg{flex:none;width:15px;height:15px}
#round-menu{flex:none;min-height:34px;padding:6px 13px;border-radius:999px;border:1px solid #cee5ef2b;color:#a9bfc4;font-size:11px;font-weight:700;white-space:nowrap}
#round-menu:hover,#round-menu:focus-visible{color:#fff0d5;border-color:color-mix(in srgb,var(--topic) 60%,transparent)}
@media(max-width:760px){.round-summary{min-height:44px;gap:8px}.round-topic,#round-menu{font-size:10px;padding:5px 11px}#round-menu{min-height:38px;padding:5px 14px}}
img[src*="/assets/landmarks/photos/"]{object-fit:cover;aspect-ratio:320/220;background:#0d1d33}
.landmark-photo-credit{margin:8px 0 0;font-size:10px;line-height:1.5;color:#97a8a4;overflow-wrap:anywhere}
.landmark-photo-credit a{color:#cfe0dc}
.landmark-story .landmark-photo-credit,.landmark-reveal .landmark-photo-credit{font-size:12px}
.fact-listen{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;min-height:26px;margin:2px 0 2px 4px;padding:3px 9px;border:1px solid #d9e7ba42;border-radius:999px;background:#bed9b31c;color:#e2ebc8;font:800 10px var(--font);line-height:1.2;white-space:nowrap;cursor:pointer}
.fact-listen svg{width:12px;height:12px;flex-shrink:0}.fact-listen:hover{background:#d8e4be30}.fact-listen:focus-visible{outline:2px solid #e8d6a6;outline-offset:2px}
.notice-fact{margin:12px 0 0;line-height:1.7}
@media(max-width:760px){.landmark-reveal>.landmark-photo-credit{grid-row:4;margin-top:0}}

/* Uvodni let iz svemira (intro-flight.js): pokriva ulaz dok se svijet učitava; pri predaji postaje proziran, ispod pravi globus doleti do pregleda, a sučelje se pojavi tek nakon slijetanja. */
.intro-flight{position:fixed;inset:0;z-index:120;background:#02060e;overflow:hidden;cursor:pointer;animation:intro-in .38s ease-out both;-webkit-tap-highlight-color:transparent}
.intro-flight canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.intro-flight.is-landing{background:transparent}
.intro-title{position:absolute;left:50%;top:31%;margin:0;transform:translate(-50%,-50%);font:800 clamp(34px,5.4vw,72px)/1 var(--display);letter-spacing:-1.6px;color:#eef6f3;text-shadow:0 6px 40px #020812;white-space:nowrap;pointer-events:none;animation:intro-title 2.3s ease .2s both}
.intro-title span{color:var(--warm)}
.intro-caption{position:absolute;left:0;right:0;bottom:max(64px,calc(env(safe-area-inset-bottom) + 48px));margin:0;text-align:center;color:#b5cbd1;font:800 12px var(--font);letter-spacing:2.6px;text-transform:uppercase;opacity:0;transition:opacity .45s;pointer-events:none}
.intro-flight.is-waiting .intro-caption{opacity:1}
.intro-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));min-height:44px;padding:0 20px;border-radius:999px;border:1px solid #d6ecf233;background:#0b1d33b8;color:#e3eef0;font:800 14px var(--font);cursor:pointer;backdrop-filter:blur(8px);transition:opacity .3s,background .2s}
.intro-skip:hover{background:#17324ec9}.intro-skip:focus-visible{outline:2px solid var(--warm);outline-offset:3px}
.intro-flight.is-landing .intro-skip{opacity:0;pointer-events:none}
.is-landing #game-world>:not(.space-stage),.is-landing .target-view,.is-landing .center-on-stage,.is-landing .scene-hint,.is-landing #country-popover{opacity:0!important;pointer-events:none!important}
.is-arriving #game-world>:not(.space-stage):not(.edge-drawer),.is-arriving .target-view,.is-arriving .center-on-stage{animation:hud-arrive .8s ease both}
@keyframes hud-arrive{from{opacity:0}to{opacity:1}}
.is-arriving .edge-handle-left{animation:hud-arrive .8s ease both,handle-peek-left 1.1s ease 1s 2}
.is-arriving .edge-handle-right{animation:hud-arrive .8s ease both,handle-peek-right 1.1s ease 1s 2}
@keyframes handle-peek-left{0%,100%{transform:translateY(-50%)}45%{transform:translate(7px,-50%)}}
@keyframes handle-peek-right{0%,100%{transform:translateY(-50%)}45%{transform:translate(-7px,-50%)}}
@keyframes intro-in{from{opacity:0}to{opacity:1}}
@keyframes intro-title{0%{opacity:0;transform:translate(-50%,-44%) scale(.95)}22%{opacity:1;transform:translate(-50%,-50%) scale(1)}62%{opacity:1}100%{opacity:0;transform:translate(-50%,-58%) scale(1.08)}}
@media(max-width:520px){.intro-skip{min-height:42px;padding:0 16px;font-size:13px}.intro-caption{font-size:11px;letter-spacing:2px}}

/* Ladice uz rub (edge-drawers.js): „Igre i teme” lijevo, „Alati” desno. Na mobitelu igre su donja ploča, a alati padajući izbornik. */
.edge-drawer{--drawer-width:300px;position:fixed;top:50%;z-index:30;width:min(calc(var(--drawer-width) * var(--hud-zoom,1)),calc(100vw - 32px));max-height:calc(var(--view-height,100vh) - 140px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#53747e transparent;padding:16px 14px 16px 16px;border-radius:22px;background:linear-gradient(150deg,#173349f5,#0b1c33f2);border:1px solid #cfe6f02e;box-shadow:0 24px 70px #01081499;opacity:0;visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility 0s linear .32s}
.edge-left{left:16px;transform:translate(calc(-100% - 30px),-50%)}
.edge-right{right:16px;transform:translate(calc(100% + 30px),-50%)}
.edge-drawer.is-open{opacity:1;visibility:visible;transform:translate(0,-50%);transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility 0s}
#tools-drawer{--drawer-width:250px}
.edge-drawer [hidden]{display:none!important}
.edge-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 4px}
.edge-drawer-head strong{font:800 18px/1.2 var(--display);letter-spacing:-.2px;color:var(--ink)}
.edge-drawer .edge-close{width:34px;height:34px;flex:none;background:#ffffff0d;border:1px solid #cfe6f01f;color:#b9ccd2;box-shadow:none}
.edge-drawer .edge-close svg{width:16px;height:16px}
.edge-drawer-label{margin:14px 0 7px;font:800 10px/1.2 var(--font);letter-spacing:1.6px;text-transform:uppercase;color:#8fa9b2}
.edge-drawer-label:has(+ [hidden]){display:none}
.edge-drawer button{font-family:var(--font)}
#games-drawer .quiz-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;overflow:visible;border:0;padding:0;margin:0}
#games-drawer .quiz-tabs[hidden]{display:none!important}
#games-drawer .quiz-tab{justify-content:flex-start;gap:9px;min-height:44px;padding:8px 11px;border-radius:13px;border:1px solid #cfe6f01c;background:#0d223a8c;color:#c4d6da;font-size:13px!important;line-height:1.2;text-align:left;white-space:normal}
#games-drawer .quiz-tab svg{display:block!important;width:18px!important;height:18px!important;flex:none;color:var(--topic,var(--warm))}
#games-drawer .quiz-tab:after{display:none}
#games-drawer .quiz-tab:hover{background:#17324ed0;color:#fff}
#games-drawer .quiz-tab.active{background:color-mix(in srgb,var(--topic,var(--warm)) 20%,#0d223a);border-color:color-mix(in srgb,var(--topic,var(--warm)) 62%,transparent);color:#fff}
#games-drawer .quiz-tab[data-topic="mixed"]{grid-column:1/-1}
#games-drawer .find-topics{grid-template-columns:1fr}
#games-drawer .topic-long{display:inline!important}#games-drawer .topic-short{display:none!important}
#games-drawer .animal-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0;padding:0;border:0;background:none}
#games-drawer .animal-mode-switch button{min-height:40px;padding:7px 10px;border-radius:12px;font-size:12px!important;white-space:normal;line-height:1.2}
#games-drawer .quiz-play-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;border:0}
#games-drawer .quiz-play-modes button{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;justify-items:start;min-height:56px;padding:8px 11px;border-radius:13px;border:1px solid #cfe6f01c;background:#0d223a8c;color:#dfeaea;text-align:left;font-size:13px!important;font-weight:800;line-height:1.2;width:auto;margin:0}
#games-drawer .quiz-play-modes button svg{grid-row:1/3;width:19px;height:19px;color:#e6c46e}
#games-drawer .quiz-play-modes button small{grid-column:2;font-size:11px!important;font-weight:700;color:#93abb2;white-space:normal}
#games-drawer .quiz-play-modes button:hover{background:#17324ed0}
#games-drawer #family-resume{grid-column:1/-1;display:flex;justify-content:center;gap:8px;min-height:44px}
#games-drawer #family-resume svg{grid-row:auto;width:15px;height:15px}
.drawer-learning{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6px;margin-top:6px}
.drawer-learning button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;align-items:center;text-align:left;min-height:50px;padding:8px 11px;border-radius:13px;border:1px solid #c9e3c72b;background:#c9e3c712;color:#e2ecd2;font:800 13px/1.2 var(--font);cursor:pointer}
.drawer-learning button:hover{background:#c9e3c72b}
.drawer-learning svg{grid-row:1/3;width:18px;height:18px;color:#d9cf9f}
.drawer-learning small{grid-column:2;font-size:11px;font-weight:700;color:#9fb9a8}
.drawer-learning b{grid-row:1/3;grid-column:3;min-width:20px;padding:3px 6px;border-radius:8px;background:#edc38e;color:#27463f;font-size:11px;text-align:center}
.edge-drawer-settings{margin-top:14px;padding-top:12px;border-top:1px solid #cfe6f01c}
#games-drawer .settings-toggle{position:static!important;display:flex;align-items:center;gap:10px;width:100%!important;height:auto!important;min-height:44px;padding:8px 12px;border-radius:13px;border:1px solid #cfe6f01c;background:#0d223a8c;color:#d6e5e8;font:800 13px var(--font);text-align:left}
#games-drawer .settings-toggle svg{width:18px!important;height:18px!important;flex:none}
#games-drawer .settings-toggle .edge-chevron{margin-left:auto;width:15px!important;height:15px!important;transition:transform .2s}
#games-drawer .settings-toggle[aria-expanded=true] .edge-chevron{transform:rotate(180deg)}
#games-drawer .quiz-settings{margin-top:10px;padding:0;border:0;display:flex;flex-direction:column;align-items:stretch;gap:10px}
#games-drawer .quiz-settings[hidden]{display:none!important}
#games-drawer .quiz-settings select{font-size:13px!important;min-height:38px}
#games-drawer .quiz-settings .render-settings{display:grid;grid-template-columns:1fr;gap:10px}
#games-drawer .quiz-settings .inertia-setting,#games-drawer .quiz-settings .graphics-setting,#games-drawer .quiz-settings .scope-setting,#games-drawer .quiz-settings .difficulty{font-size:12px!important}
#games-drawer .quiz-settings small{font-size:11px!important}
#tools-drawer .globe-toolbar{position:static!important;transform:none!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0;margin:0;border:0;border-radius:0;background:none!important;box-shadow:none;backdrop-filter:none;opacity:1!important}
#tools-drawer .globe-toolbar>span{display:none!important}
#tools-drawer .globe-toolbar button{display:flex!important;align-items:center;gap:8px;width:auto!important;height:44px!important;padding:0 11px;border-radius:13px;border:1px solid #cfe6f01c;background:#0d223a8c;color:#d6e5e8;font-size:22px!important;line-height:1}
#tools-drawer .globe-toolbar button:after{content:attr(data-label);font:800 12px/1.15 var(--font);text-align:left;white-space:normal}
#tools-drawer .globe-toolbar button svg{width:18px!important;height:18px!important}
#tools-drawer .scene-links,#tools-drawer .drawer-view-actions{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:1fr;gap:6px;pointer-events:auto!important;margin:0}
#tools-drawer .drawer-view-actions{margin-top:6px}
#tools-drawer .scene-links .icon-button,#tools-drawer .drawer-view-actions .icon-button{position:static!important;display:flex!important;align-items:center;gap:10px;width:100%!important;height:auto!important;min-height:44px;padding:8px 12px;border-radius:13px;border:1px solid #cfe6f01c;background:#0d223a8c;color:#d6e5e8;font:800 13px/1.2 var(--font);text-align:left;box-shadow:none;pointer-events:auto!important}
#tools-drawer .icon-button svg{width:18px!important;height:18px!important;flex:none}
#tools-drawer .icon-button[aria-pressed=true]{background:#d8f3e91f;color:#ffe0b5;border-color:#ffe0b545}
#tools-drawer .scene-links .icon-button:not(.earth-view-button):after,#tools-drawer .drawer-view-actions .icon-button:after{content:attr(title)}
#tools-drawer .earth-view-button:before{content:attr(title);order:1}
#tools-drawer .earth-view-button svg{order:0}
#tools-drawer .earth-view-button span{order:2;margin-left:auto;padding:3px 8px;border-radius:999px;background:#ffffff12;font-size:11px;color:#b9d0d6}
.edge-drawer button:focus-visible,.edge-handle:focus-visible{outline:2px solid var(--warm);outline-offset:2px}
.edge-handle{position:fixed;top:50%;z-index:29;display:flex;flex-direction:column;align-items:center;gap:7px;width:30px;padding:13px 0;border:1px solid #cfe6f026;background:#0f2640c7;color:#c9dbe0;font:800 10px var(--font);letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,opacity .2s,width .2s}
.edge-handle span{writing-mode:vertical-rl}
.edge-handle svg{width:15px;height:15px}
.edge-handle-left{left:0;border-left:0;border-radius:0 14px 14px 0;transform:translateY(-50%)}
.edge-handle-left span{transform:rotate(180deg)}
.edge-handle-right{right:0;border-right:0;border-radius:14px 0 0 14px;transform:translateY(-50%)}
.edge-handle:hover{background:#18365ad9;color:#fff;width:34px}
.edge-handle[aria-expanded=true]{background:#d8f3e926;color:#ffe0b5;border-color:#ffe0b545}
.edge-handle[hidden],.is-focus .edge-handle-left{display:none}
.tools-button svg{width:18px;height:18px}
.tools-button[aria-expanded=true]{background:#d8f3e924;color:#ffe0b5}
/* Kartica kviza: zaglavlje s temom i „Promijeni”; prazan red se ne vidi. Traka učenja u kartici samo kao zaglavlje osobne vježbe. */
.quiz-panel:not(.round-focus) .quiz-topline{display:none}
body:not(.is-studying) #quiz-panel>.learning-strip{display:none!important}
.round-summary #round-menu{display:inline-flex;align-items:center;gap:6px}
.round-summary #round-menu svg{width:14px;height:14px}
.round-summary #round-menu[aria-expanded=true] svg{transform:rotate(180deg)}

/* Veće sučelje na velikim zaslonima: sadržaj ploča i gumba raste s --hud-zoom; položaji ostaju u pikselima zaslona. */
:root{--hud-zoom:1}
@media(min-width:1281px) and (min-height:700px){:root{--hud-zoom:1.08}}
@media(min-width:1500px) and (min-height:820px){:root{--hud-zoom:1.18}}
@media(min-width:1800px) and (min-height:960px){:root{--hud-zoom:1.26}}
@media(min-width:2300px) and (min-height:1250px){:root{--hud-zoom:1.5}}
@media(min-width:3000px) and (min-height:1650px){:root{--hud-zoom:1.85}}
.quiz-panel>*,.daily-panel>*,.explore-panel>*,.expeditions-panel>*,.trip-replay>*,.edge-drawer>*,.topbar>.brand,.top-actions,.main-nav>.nav-item,.center-on-stage>*,.target-view>*,.country-popover>*,.restore-panel>*,.catalog-toggle>*,.scene-hint>*,.edge-handle>*{zoom:var(--hud-zoom)}
@media(min-width:1281px){
.quiz-panel{width:min(calc(1040px * var(--hud-zoom)),calc(100% - 120px));max-height:min(calc(var(--view-height,100vh) * .62),calc(520px * var(--hud-zoom)))}
.daily-panel{width:min(calc(1000px * var(--hud-zoom)),calc(100% - 120px))}
.explore-panel{width:calc(330px * var(--hud-zoom))}
.expeditions-panel{width:min(calc(1160px * var(--hud-zoom)),calc(100% - 120px))}
.trip-replay{width:min(calc(710px * var(--hud-zoom)),calc(100% - 40px))}
}
@media(max-width:760px){
.edge-handle{display:none!important}
.edge-drawer{max-height:none}
#games-drawer{top:auto;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-height:min(80dvh,calc(var(--view-height,100vh) - 90px));border-radius:22px;transform:translateY(calc(100% + 24px))}
#games-drawer.is-open{transform:translateY(0)}
#tools-drawer{top:calc(var(--view-top,0px) + max(64px,calc(env(safe-area-inset-top) + 52px)));right:10px;width:min(270px,calc(100vw - 20px));max-height:calc(var(--view-height,100vh) - 90px);transform:translateY(-14px);transform-origin:top right}
#tools-drawer.is-open{transform:translateY(0)}
#games-drawer .quiz-tab,#games-drawer .quiz-play-modes button,.drawer-learning button,#tools-drawer .icon-button{min-height:46px}
}
#games-drawer .quiz-play-modes>button{position:relative;grid-column:auto!important;flex:initial;min-width:0}
#games-drawer .quiz-play-modes small{position:static!important;display:block!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;margin-top:2px}
#games-drawer .quiz-play-modes>#family-resume{grid-column:1/-1!important}
#tools-drawer .earth-view-button span{display:inline-block!important}
.quiz-panel.round-focus .quiz-topline{border-bottom:0;padding-top:12px;margin-bottom:-4px}
.quiz-panel.round-focus .round-summary{min-height:38px}
/* Prozori na velikim zaslonima rastu s --hud-zoom; položaj i granice dijeljeni su zoomom jer ih zoom ponovno množi. */
@media(min-width:1281px) and (min-height:700px){
dialog[open]{zoom:var(--hud-zoom);left:calc((var(--view-left,0px) + var(--view-width,100vw)/2)/var(--hud-zoom));top:calc((var(--view-top,0px) + var(--view-height,100vh)/2)/var(--hud-zoom));max-width:calc((var(--view-width,100vw) - 24px)/var(--hud-zoom));max-height:min(calc(91vh/var(--hud-zoom)),calc((var(--view-height,100vh) - 28px)/var(--hud-zoom)))}
}

/* Prekidač slike znamenitosti (fotografija je početna, ilustracija na jedan klik). */
.art-switch{display:inline-flex;gap:2px;padding:3px;margin:8px 0 4px;border-radius:999px;background:#0b1d33b3;border:1px solid #cfe6f026}
.art-switch button{min-height:32px;padding:4px 12px;border:0;border-radius:999px;background:none;color:#a9c0c6;font:800 12px var(--font);cursor:pointer}
.art-switch button:hover{color:#fff}
.art-switch button[aria-pressed=true]{background:#e6c46e30;color:#ffe7b0}
.art-switch button:focus-visible{outline:2px solid var(--warm);outline-offset:1px}
.reading-hero .art-switch{display:flex;width:max-content;margin:10px 0 2px}
#tools-drawer .art-view-button[hidden]{display:none!important}

/* Boje s namjenom (setTone u app.js): --tone je boja teme, kontinenta ili staništa, --tone-ink tamni tekst na njoj, --diet boja prehrane.
   Isti noćni stil, ali svaki prozor i kartica dobiva svoju boju; naslov dijaloga nema okvir fokusa (fokus je programski, radi čitača). */
#modal-title:focus,#modal-title:focus-visible{outline:none}
dialog.toned{background:radial-gradient(115% 75% at 0% 0%,color-mix(in srgb,var(--tone) 32%,transparent),transparent 62%),radial-gradient(85% 60% at 100% 100%,color-mix(in srgb,var(--tone) 14%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--tone-ink) 92%,#081624),#0a1626 78%)!important;border-color:color-mix(in srgb,var(--tone) 55%,transparent)!important}
dialog.toned .modal-kicker{color:color-mix(in srgb,var(--tone) 70%,#fff)!important}
dialog.toned #modal-title{color:#fff!important;text-shadow:0 3px 24px color-mix(in srgb,var(--tone) 45%,transparent)}
dialog.toned .story-kicker,dialog.toned .animal-story-hero .animal-eyebrow{display:inline-flex!important;align-items:center;gap:7px;width:max-content;max-width:100%;padding:6px 12px!important;border-radius:999px;background:color-mix(in srgb,var(--tone) 22%,transparent);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent);color:color-mix(in srgb,var(--tone) 75%,#fff)!important;font-size:11px!important;font-weight:800!important;letter-spacing:1.4px!important;margin:0 0 12px!important}
dialog.toned .story-place,dialog.toned .animal-story-hero .animal-place{color:#e4ecea!important;font-size:15px!important}
dialog.toned .story-postcard,dialog.toned .animal-story-hero>img{border-radius:20px!important;border:3px solid color-mix(in srgb,var(--tone) 70%,#fff)!important;box-shadow:0 18px 40px #0009,0 0 0 7px color-mix(in srgb,var(--tone) 20%,transparent)!important;transform:rotate(-2deg)}
dialog.toned .reading-tabs{background:color-mix(in srgb,var(--tone) 10%,#071b2b);border-color:color-mix(in srgb,var(--tone) 30%,transparent)}
dialog.toned .reading-tabs button{color:#d7e3e0}
dialog.toned .reading-tabs button.active{background:var(--tone);border-color:var(--tone);color:var(--tone-ink);box-shadow:0 8px 22px color-mix(in srgb,var(--tone) 30%,transparent)}
dialog.toned .reading-tabs button.active>span{color:color-mix(in srgb,var(--tone-ink) 75%,var(--tone))}
dialog.toned .reading-audio button,dialog.toned .animal-reading-audio button{color:color-mix(in srgb,var(--tone) 65%,#fff)!important;border:1px solid color-mix(in srgb,var(--tone) 38%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--tone) 10%,transparent)!important}
dialog.toned .reading-description h3,dialog.toned .story-significance h3{color:color-mix(in srgb,var(--tone) 70%,#fff)!important}
dialog.toned .story-significance{background:color-mix(in srgb,var(--tone) 12%,#0b1828)!important;border:1px solid color-mix(in srgb,var(--tone) 38%,transparent)!important;border-radius:18px!important}
dialog.toned .country-link,dialog.toned .save-item,dialog.toned .animal-compare-button{border-color:color-mix(in srgb,var(--tone) 40%,transparent)!important;background:color-mix(in srgb,var(--tone) 12%,#0b1828)!important;color:#f0f5f3!important}
dialog.toned .country-link small{color:color-mix(in srgb,var(--tone) 70%,#fff)!important}
dialog.toned .save-item.is-saved{background:color-mix(in srgb,var(--tone) 30%,#0b1828)!important}
dialog.toned .modal-action{background:var(--tone)!important;border-color:var(--tone)!important;color:var(--tone-ink)!important;font-weight:800;box-shadow:0 10px 26px color-mix(in srgb,var(--tone) 30%,transparent)}
dialog.toned .text-button{color:color-mix(in srgb,var(--tone) 65%,#fff)}
dialog.toned .animal-field-note,dialog.toned .person-did-you-know{position:relative;background:#f8e9a8!important;border:0!important;border-radius:6px 6px 18px 6px!important;color:#3b3214!important;transform:rotate(-.6deg);box-shadow:0 14px 30px #0007;padding:20px 22px!important}
dialog.toned .animal-field-note>svg{width:26px;height:26px;padding:5px;border-radius:50%;background:#f2c94c;color:#5b4507!important}
dialog.toned .animal-field-note span,dialog.toned .person-did-you-know>span{font-size:11px!important;font-weight:800;color:#8a6a12!important;letter-spacing:1.3px}
dialog.toned .animal-field-note p,dialog.toned .person-did-you-know p{font-size:16px!important;color:#3b3214!important;font-weight:700}
dialog.toned .country-flag{border-radius:3px;box-shadow:0 0 0 1px #0004}
/* Priča o životinji: stanište i prehrana. */
dialog.animal-dialog.toned #modal-title{font-size:clamp(32px,4.2vw,46px);line-height:1.05;margin:0 0 8px}
dialog.animal-dialog.toned .animal-story-hero .animal-scientific{display:inline-block;padding:3px 10px;border-radius:8px;background:#ffffff10;color:color-mix(in srgb,var(--tone) 55%,#fff)!important;font-size:13px!important;margin:0 0 12px!important}
dialog.toned .animal-known-in{margin-top:10px;color:color-mix(in srgb,var(--tone) 65%,#fff);font-size:12px;font-weight:700}
dialog.toned .animal-known-in>span{width:100%;margin-bottom:2px}
dialog.toned .animal-known-in button{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 7px;border-radius:999px;background:color-mix(in srgb,var(--tone) 14%,#0c1a2a);border:1px solid color-mix(in srgb,var(--tone) 42%,transparent);color:#f2f6f4;font-size:13px;font-weight:800}
dialog.toned .animal-known-in button:hover{background:color-mix(in srgb,var(--tone) 30%,#0c1a2a)}
dialog.toned .animal-known-in .country-flag{width:22px;height:15px;object-fit:cover}
dialog.animal-dialog.toned .animal-reading-tabs{border-bottom-color:color-mix(in srgb,var(--tone) 25%,transparent)}
dialog.animal-dialog.toned .animal-reading-tabs>button{font-size:14px;font-weight:800;color:#d7e3e0;border-radius:999px;padding:9px 18px}
dialog.animal-dialog.toned .animal-reading-tabs>button[aria-pressed=true]{background:var(--tone);border-color:var(--tone);color:var(--tone-ink)}
dialog.animal-dialog.toned .animal-reading-audio button{font-size:13px;font-weight:800;padding:8px 14px}
dialog.animal-dialog.toned .animal-traits>span{padding:14px 16px 14px 62px;font-size:15px;font-weight:800;color:#f1f5f3;background:color-mix(in srgb,var(--tone) 11%,#0b1828);border-color:color-mix(in srgb,var(--tone) 32%,transparent);border-radius:16px}
dialog.animal-dialog.toned .animal-traits svg{display:block!important;left:14px;top:50%;width:34px;height:34px;padding:8px;margin-top:-17px;border-radius:50%;color:var(--tone-ink);background:var(--tone)}
dialog.animal-dialog.toned .animal-traits>span:last-child svg{background:var(--diet,var(--tone));color:#1c1c1c}
dialog.animal-dialog.toned .animal-traits strong{font-size:11px;font-weight:800;color:color-mix(in srgb,var(--tone) 70%,#fff)}
dialog.animal-dialog.toned .animal-traits>span:last-child strong{color:color-mix(in srgb,var(--diet,var(--tone)) 75%,#fff)}
dialog.animal-dialog.toned .animal-reading-text>p{font-size:17px!important;line-height:1.8!important;color:#edf3f0!important}
dialog.animal-dialog.toned .animal-story-actions .modal-action{font-size:15px}
/* Kartica na globusu: država (kontinent), znamenitost, osoba, životinja (stanište). */
.country-popover.toned{background:radial-gradient(120% 60% at 0% 0%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 65%),linear-gradient(165deg,color-mix(in srgb,var(--tone-ink) 90%,#081624),#0b1828 80%)!important;border-color:color-mix(in srgb,var(--tone) 55%,transparent)!important}
.country-popover.toned h3{color:#fff!important}
.country-popover.toned .landmark-kind,.country-popover.toned .popover-region,.country-popover.toned .animal-eyebrow{color:color-mix(in srgb,var(--tone) 75%,#fff)!important}
.country-popover.toned .landmark-postcard{border:3px solid color-mix(in srgb,var(--tone) 65%,#fff);border-radius:16px}
.country-popover.toned .landmark-story-button,.country-popover.toned .country-link,.country-popover.toned .save-item{border-color:color-mix(in srgb,var(--tone) 42%,transparent)!important;background:color-mix(in srgb,var(--tone) 14%,#0b1828)!important;color:#f0f5f3!important}
.country-popover.toned .landmark-story-button{background:var(--tone)!important;border-color:var(--tone)!important;color:var(--tone-ink)!important}
.country-popover.toned .art-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--tone) 32%,transparent);color:#fff}
/* Katalog istraživanja u boji zbirke. */
.explore-panel[data-kind]{--tone:#67c3d6}.explore-panel[data-kind=landmarks]{--tone:#e6c46e}.explore-panel[data-kind=people]{--tone:#c49af0}.explore-panel[data-kind=animals]{--tone:#8fd18a}
.explore-panel[data-kind]{background:radial-gradient(120% 50% at 0% 0%,color-mix(in srgb,var(--tone) 22%,transparent),transparent 65%),linear-gradient(145deg,#152f45e6,#0c2136d9)!important;border-color:color-mix(in srgb,var(--tone) 38%,transparent)!important}
.explore-panel[data-kind] .eyebrow{color:color-mix(in srgb,var(--tone) 75%,#fff)}
/* Kartica kviza nosi boju teme pitanja. */
.quiz-panel[data-quiz-topic]{background:radial-gradient(70% 140% at 0% 0%,color-mix(in srgb,var(--topic,#f8ce9b) 18%,transparent),transparent 65%),radial-gradient(60% 120% at 100% 100%,color-mix(in srgb,var(--topic,#f8ce9b) 9%,transparent),transparent 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--topic,#f8ce9b) 30%,transparent)}
.quiz-panel[data-quiz-topic] #question-title{color:#fff}
.quiz-panel[data-quiz-topic] .round-topic{background:color-mix(in srgb,var(--topic,#f8ce9b) 22%,transparent);border-color:color-mix(in srgb,var(--topic,#f8ce9b) 55%,transparent);color:color-mix(in srgb,var(--topic,#f8ce9b) 70%,#fff)}
.quiz-panel[data-quiz-topic] #answers .answer{border-color:color-mix(in srgb,var(--topic,#f8ce9b) 26%,#cfe6f022);background:color-mix(in srgb,var(--topic,#f8ce9b) 6%,#0c1d31cc)}
.quiz-panel[data-quiz-topic] #answers .answer:hover:not(:disabled){background:color-mix(in srgb,var(--topic,#f8ce9b) 18%,#0c1d31);border-color:color-mix(in srgb,var(--topic,#f8ce9b) 65%,transparent)}
/* Dnevna pustolovina: topla jutarnja boja. */
.daily-panel{background:radial-gradient(90% 70% at 0% 0%,#f2a35c33,transparent 62%),radial-gradient(70% 60% at 100% 100%,#f07a8a1f,transparent 70%),linear-gradient(160deg,#2b1f2ef2,#0c1a2c 80%)!important;border-color:#f2a35c55!important}
dialog.toned .modal-top{background:color-mix(in srgb,var(--tone-ink) 82%,#0a1626)!important;border-radius:14px}
.country-popover .animal-known-in{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.country-popover .animal-known-in>span{width:100%}
.country-popover .animal-known-in button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2;background:color-mix(in srgb,var(--tone,#8fd18a) 14%,#0c1a2a);border:1px solid color-mix(in srgb,var(--tone,#8fd18a) 40%,transparent);color:#f2f6f4}
.country-popover .animal-known-in .country-flag{width:18px;height:12px;object-fit:cover;border-radius:2px;flex:none}
.quiz-panel[data-quiz-topic]{background:radial-gradient(80% 150% at 0% 0%,color-mix(in srgb,var(--topic,#f8ce9b) 28%,transparent),transparent 62%),radial-gradient(60% 120% at 100% 100%,color-mix(in srgb,var(--topic,#f8ce9b) 12%,transparent),transparent 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--topic,#f8ce9b) 38%,transparent),inset 0 3px 0 color-mix(in srgb,var(--topic,#f8ce9b) 75%,transparent)}
.quiz-panel[data-quiz-topic] .answer-key{background:color-mix(in srgb,var(--topic,#f8ce9b) 24%,transparent);border-color:color-mix(in srgb,var(--topic,#f8ce9b) 55%,transparent);color:color-mix(in srgb,var(--topic,#f8ce9b) 70%,#fff)}
.explore-panel[data-kind]{background:radial-gradient(120% 50% at 0% 0%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 65%),linear-gradient(145deg,#152f45e6,#0c2136d9)!important}
/* Fluidni izbornici crtaju zajedničko staklo (.menu-glass) i ploče čine prozirnima; boja teme ide preko stakla. */
.quiz-panel.menu-surface[data-quiz-topic]{background:radial-gradient(80% 150% at 0% 0%,color-mix(in srgb,var(--topic,#f8ce9b) 26%,transparent),transparent 62%),radial-gradient(60% 120% at 100% 100%,color-mix(in srgb,var(--topic,#f8ce9b) 12%,transparent),transparent 70%)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--topic,#f8ce9b) 38%,transparent),inset 0 3px 0 color-mix(in srgb,var(--topic,#f8ce9b) 75%,transparent)!important}
.explore-panel.menu-surface[data-kind]{background:radial-gradient(120% 45% at 0% 0%,color-mix(in srgb,var(--tone) 30%,transparent),transparent 65%)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 38%,transparent),inset 0 3px 0 color-mix(in srgb,var(--tone) 70%,transparent)!important}

/* „Više ili manje?” (more-or-less.js): dvije kartice država, velika brojka, gumbi u boji brojke (--tone). */
.more-or-less .mol-body{display:grid;gap:16px;margin-top:6px}
.mol-progress{margin:0!important;font:800 12px var(--font);letter-spacing:1px;color:color-mix(in srgb,var(--tone,#a3b9f5) 70%,#fff)}
.mol-question{margin:0!important;font:800 clamp(19px,2.4vw,24px)/1.35 var(--display)!important;color:#f3f7f5!important}
.mol-cards{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.mol-card{display:grid;justify-items:center;gap:6px;padding:18px 14px;border-radius:20px;text-align:center;background:color-mix(in srgb,var(--tone,#a3b9f5) 13%,#0b1828);border:1px solid color-mix(in srgb,var(--tone,#a3b9f5) 40%,transparent)}
.mol-card .country-flag{width:64px;height:44px;object-fit:cover;border-radius:6px;box-shadow:0 6px 16px #0006}
.mol-card strong{font:800 18px/1.2 var(--display);color:#fff}
.mol-value{font:800 clamp(24px,3.4vw,34px)/1.1 var(--display);color:color-mix(in srgb,var(--tone,#a3b9f5) 60%,#fff)}
.mol-card small{font-size:12px;color:#b9cacd}
.mol-card.is-hidden{border-style:dashed}
.mol-card.is-hidden .mol-value{color:#ffffff80}
.mol-vs{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tone,#a3b9f5);color:var(--tone-ink,#1b2448);font:800 18px var(--font)}
.mol-choices{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
.mol-choice{min-height:58px;border-radius:999px;border:2px solid color-mix(in srgb,var(--tone,#a3b9f5) 70%,transparent);background:color-mix(in srgb,var(--tone,#a3b9f5) 18%,#0b1828);color:#fff;font:800 18px var(--font);cursor:pointer;transition:background .15s,transform .1s}
.mol-choice:hover{background:color-mix(in srgb,var(--tone,#a3b9f5) 34%,#0b1828)}
.mol-choice:active{transform:scale(.98)}
.mol-choice:focus-visible,#mol-next:focus-visible,#mol-again:focus-visible{outline:3px solid var(--warm);outline-offset:3px}
.mol-actions{display:flex;justify-content:center}
.mol-bars{display:grid;gap:8px}
.mol-bars span{display:block;width:var(--w);min-width:max-content;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--tone,#a3b9f5) 30%,#0b1828);color:#fff;font:800 13px var(--font);animation:mol-grow .6s ease both}
.mol-bars span.is-new{background:var(--tone,#a3b9f5);color:var(--tone-ink,#1b2448)}
@keyframes mol-grow{from{width:0}}
.mol-feedback{display:flex;align-items:flex-start;gap:9px;margin:0;padding:13px 16px;border-radius:16px;font-size:16px;line-height:1.5;color:#eef4f2;background:#ffffff0d}
.mol-feedback svg{width:20px;height:20px;flex:none;margin-top:2px}
.mol-feedback.is-right{background:#7ccf7f24;border:1px solid #7ccf7f66}.mol-feedback.is-right svg{color:#9fe3a2}
.mol-feedback.is-wrong{background:#ff8f7a1f;border:1px solid #ff8f7a55}.mol-feedback.is-wrong svg{color:#ffab9a}
.mol-result{display:grid;justify-items:center;gap:6px;padding:22px;border-radius:22px;background:color-mix(in srgb,var(--tone,#a3b9f5) 14%,#0b1828);text-align:center}
.mol-result strong{font:800 54px/1 var(--display);color:#fff}
.mol-result span{font-size:16px;color:#dfe8ea}.mol-result small{font-size:13px;color:#b9cacd}
.mol-source{margin:0;font-size:12px;color:#9fb3b8;text-align:center}.mol-source a{color:inherit}
@media(prefers-reduced-motion:reduce){.mol-bars span{animation:none}}
@media(max-width:520px){.mol-cards{grid-template-columns:1fr;gap:8px}.mol-vs{justify-self:center;width:36px;height:36px}.mol-card{padding:12px}.mol-card .country-flag{width:48px;height:33px}}

/* Težina na ulazu: tri gumba prije „Uđi u Zemljoteku”. */
.entrance-difficulty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.entrance-difficulty>span{font:800 12px var(--font);letter-spacing:1.4px;text-transform:uppercase;color:#a9c0c6;margin-right:4px}
.entrance-difficulty button{min-height:42px;padding:8px 16px;border-radius:999px;border:1px solid #d6ecf233;background:#0b1d3399;color:#dfeaec;font:800 14px var(--font);cursor:pointer;transition:background .15s,border-color .15s}
.entrance-difficulty button:hover{background:#17324ec9}
.entrance-difficulty button[aria-pressed=true]{background:var(--warm);border-color:var(--warm);color:#2a1a06}
.entrance-difficulty button:focus-visible{outline:2px solid var(--warm);outline-offset:3px}
@media(max-width:520px){.entrance-difficulty button{flex:1;padding:8px 10px;font-size:13px}.entrance-difficulty>span{width:100%}}