:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#122033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#eef5f7;min-height:100%;overflow-x:hidden}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#4682b42e,#0000 34rem),linear-gradient(#f8fbff 0%,#eef5f7 100%);min-width:320px;min-height:100%;margin:0;overflow-x:hidden}#root{min-height:100dvh;overflow-x:clip}button,select{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{width:min(1180px,100% - 32px);max-width:calc(100% - 32px);margin:0 auto;padding:32px 0 48px}.hero{color:#fff;background:linear-gradient(135deg,#15324a,#26617d 58%,#4e8f9b);border-radius:32px;margin-bottom:24px;padding:36px;box-shadow:0 24px 70px #112f483d}.hero h1{letter-spacing:-.06em;margin:0 0 12px;font-size:clamp(2rem,5vw,4.4rem);line-height:1}.hero p{color:#ffffffdb;max-width:680px;margin:0;font-size:1.05rem;line-height:1.8}.hero--slim{border-radius:18px;flex-direction:column;gap:6px;margin-bottom:14px;padding:16px 24px;display:flex}.brand-logo{align-items:center;gap:10px;width:fit-content;display:inline-flex}.brand-logo__mark{flex:none;width:42px;height:38px;display:inline-block;position:relative}.brand-logo__pole{background:#eaf8fb;border-radius:999px;width:4px;height:29px;position:absolute;top:5px;left:8px;box-shadow:0 0 0 1px #0a223314}.brand-logo__flag{background:linear-gradient(135deg,#f2d96c 0 48%,#53b894 48% 100%);border-radius:4px 9px 8px 4px;width:25px;height:17px;position:absolute;top:6px;left:12px;box-shadow:0 8px 16px #07192733}.brand-logo__flag:after{border-radius:inherit;content:"";background:linear-gradient(90deg,#ffffff61,#0000 42%);position:absolute;inset:0}.brand-logo__pin{background:#e86648;border:3px solid #fff;border-radius:999px 999px 999px 2px;width:13px;height:13px;position:absolute;top:18px;left:21px;transform:rotate(-45deg);box-shadow:0 8px 16px #07192738}.brand-logo__pin:after{content:"";background:#fff;border-radius:999px;position:absolute;inset:3px}.brand-logo__name{color:#f2fbff;text-shadow:0 1px 12px #091c2b47;font-size:1.08rem;font-weight:900;line-height:1}.hero--slim .eyebrow{color:#bde9f5;margin:0}.hero--slim h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.2}.eyebrow{color:#3b7891;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.hero .eyebrow{color:#bde9f5}.home-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.home-layout>*{align-self:start;min-width:0}.home-settings,.home-learning{width:100%}.panel,.question-card,.streetview-card,.result-map-card,.explanation-card,.result-panel,.summary-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #536f8424;box-shadow:0 18px 48px #12283814}.panel,.question-card,.result-panel,.summary-card{border-radius:28px;min-width:0;padding:24px}.panel h2,.question-card h2,.explanation-card h2{letter-spacing:-.03em;margin:0 0 16px;font-size:1.5rem}.setting-block{gap:10px;margin-bottom:22px;display:grid}.home-settings .setting-block{gap:8px;margin-bottom:16px}.setting-block label{color:#233449;font-weight:800}.segmented-control{background:#eef4f7;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;display:grid}.segmented-control.compact{grid-template-columns:repeat(4,1fr)}.segmented-control button,.chip,.ghost-button,.link-button{color:#365066;background:0 0;border:0;border-radius:14px;padding:9px 12px;font-weight:700}.segmented-control button.is-active,.chip.is-active{color:#15324a;background:#fff;box-shadow:0 10px 24px #2c53691f}.level-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.level-card{color:#365066;text-align:left;background:#eef4f7;border:1px solid #36506624;border-radius:14px;align-content:start;gap:4px;min-width:0;min-height:76px;padding:11px 12px;display:grid}.level-card strong{color:#15324a;font-size:.92rem;line-height:1.25}.level-card span{color:#5d7181;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.level-card.is-active{background:#fff;border-color:#2f8c7e61;box-shadow:0 14px 30px #2c536924}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#eef4f7}.primary-button{color:#fff;background:linear-gradient(135deg,#1e657d,#2f8c7e);border:0;border-radius:18px;width:100%;padding:13px 18px;font-weight:900;box-shadow:0 16px 34px #1f6a7d33}.ghost-button{background:#ffffffa3;border:1px solid #41627a29}.link-button{color:#1e657d;background:#e4f3f3;padding:6px 10px}.small-note,.question-help,.hint-box p,.distance-text,.region-name,.your-answer{color:#5d7181;line-height:1.7}.goal-list{gap:14px;display:grid}.goal-list div{background:#f4f8fa;border-radius:18px;gap:4px;padding:16px;display:grid}.goal-list strong{color:#1e657d;font-size:1.1rem}.goal-list span{color:#5d7181}.mini-map-wrap{border-radius:20px;max-width:760px;margin-top:18px;overflow:hidden}.home-settings--split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;margin-bottom:14px;padding:18px;display:grid}.home-settings__col{align-content:start;gap:14px;min-width:0;display:grid}.home-collapse{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;margin-bottom:12px;padding:0;overflow:hidden}.home-collapse>summary{letter-spacing:-.01em;color:#15324a;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;font-weight:900;list-style:none;display:flex}.home-collapse>summary::-webkit-details-marker{display:none}.home-collapse>summary:before{content:"＋";color:#1e657d;place-items:center;width:20px;height:20px;font-size:.9rem;display:inline-grid}.home-collapse[open]>summary:before{content:"−"}.home-collapse[open]>summary{border-bottom:1px solid #536f841f}.home-collapse .goal-list,.home-collapse .history-panel{padding:16px 20px 20px}.history-panel{gap:16px;display:grid}.history-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.history-stats div{text-align:center;background:#f4f8fa;border-radius:18px;min-width:0;padding:14px}.history-stats strong{font-size:1.5rem;display:block}.history-stats span{color:#6a7c8b;font-size:.85rem}.quiz-shell{width:100%;min-height:100dvh;padding:0;position:relative;overflow:hidden}.quiz-header{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #536f8424;border-radius:20px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin-bottom:0;padding:12px 14px;display:grid;position:absolute;top:16px;left:16px;right:16px;box-shadow:0 16px 48px #1228381f}.quiz-header__title{gap:2px;min-width:0;display:grid}.quiz-header__eyebrow-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz-header__eyebrow-row .eyebrow{letter-spacing:.08em;margin:0;font-size:1.15rem;line-height:1.2}.quiz-header__eyebrow-row .meta-row{gap:6px;margin:0}.quiz-header__eyebrow-row .meta-row span{padding:4px 10px;font-size:.82rem;line-height:1.3}.quiz-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.1rem,2vw,1.65rem)}.quiz-header__hint{justify-self:end;position:relative}.quiz-header__hint>summary{color:#4f5d22;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f5f8e9;border:1px solid #7e8b3e38;border-radius:999px;padding:10px 16px;font-size:.88rem;font-weight:900;list-style:none}.quiz-header__hint>summary::-webkit-details-marker{display:none}.quiz-header__hint[open]>summary{background:#e7efc9}.quiz-header__hint-panel{background:#fffffff7;border:1px solid #536f8429;border-radius:16px;gap:10px;width:280px;max-width:calc(100vw - 32px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0f223233}.quiz-header__hint-panel ul{color:#425466;overflow-wrap:anywhere;word-break:break-word;margin:0;padding-left:18px;font-size:.9rem;line-height:1.65}.quiz-header__hint-panel li{margin-bottom:4px}.score-pill{color:#fff;background:#14314a;border-radius:999px;padding:12px 18px;font-weight:900}.quiz-layout{position:absolute;inset:0}.streetview-card{border-radius:0;min-height:0;position:absolute;inset:0;overflow:hidden}.streetview-shell,.streetview-fallback{aspect-ratio:16/9;border:0;width:100%;max-height:650px;display:block}.streetview-frame{border:0;width:100%;height:100%;display:block}.streetview-shell{position:relative;overflow:hidden}.quiz-shell .streetview-shell,.quiz-shell .streetview-fallback{aspect-ratio:auto;width:100%;height:100dvh;max-height:none}.quiz-choices-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #536f8424;border-radius:20px;width:min(380px,100% - 32px);padding:18px;position:absolute;bottom:16px;left:16px;box-shadow:0 18px 48px #12283829}.quiz-choices-card h2{letter-spacing:-.02em;margin:0 0 12px;font-size:1.15rem}.floating-map{z-index:2;background:#fffffff0;border:1px solid #536f842e;border-radius:18px;width:260px;height:170px;transition:box-shadow .22s;position:absolute;bottom:16px;left:16px;overflow:hidden;box-shadow:0 18px 40px #0f223238}.floating-map.is-expanded{z-index:10;width:min(720px,100vw - 32px);height:min(520px,100vh - 140px);box-shadow:0 28px 64px #0f223257}.floating-map__trigger{z-index:3;cursor:zoom-in;background:0 0;border:0;position:absolute;inset:0}.floating-map.is-expanded .floating-map__trigger{display:none}.floating-map__hint{color:#fff;background:#14314aeb;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 6px 14px #0814223d}.floating-map__viewport{pointer-events:none;background:#dcecf3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.floating-map.is-expanded .floating-map__viewport{pointer-events:auto;overscroll-behavior:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;padding:12px 12px 84px;display:block;overflow:auto}.floating-map.is-expanded .floating-map__viewport:active{cursor:grabbing}.floating-map.is-expanded .floating-map__viewport::-webkit-scrollbar{display:none}.floating-map__zoom-surface{width:100%;min-width:100%;display:block}.floating-map.is-expanded .floating-map__zoom-surface{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.floating-map.is-expanded .floating-map__zoom-surface .world-map{width:100%;height:auto;max-height:none}.floating-map__viewport .world-map{border-radius:0;width:100%;height:100%}.floating-map.is-expanded .floating-map__viewport .world-map{border-radius:12px}.floating-map__zoom-controls{z-index:5;background:#fffffff5;border-radius:12px;gap:4px;padding:4px;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 8px 20px #0f22322e}.floating-map__zoom-btn{color:#16344a;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:1.15rem;font-weight:900;line-height:1;display:grid}.floating-map__zoom-btn:hover:not(:disabled){background:#eaf3f6}.floating-map__zoom-value{color:#415a6c;place-items:center;min-width:32px;font-size:.7rem;font-weight:900;display:grid}.floating-map__overlay{z-index:4;background:#fffffff5;border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 12px 28px #0f22322e}.floating-map__answer{background:#f4f8fa;border:1px solid #3650661f;border-radius:10px;flex:1;gap:2px;min-width:0;padding:6px 10px;display:grid}.floating-map__answer span{color:#5d7181;letter-spacing:.04em;font-size:.72rem;font-weight:800}.floating-map__answer strong{color:#7a8790;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.floating-map__answer.has-answer{background:#eef8f4;border-color:#2f8c7e52}.floating-map__answer.has-answer strong{color:#176a5d}.floating-map__submit{flex:none;width:auto;padding:11px 16px;font-size:.9rem}.floating-map__close{color:#fff;background:#14314aeb;border:0;border-radius:999px;place-items:center;width:34px;height:34px;font-size:1.1rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-42px;right:0;box-shadow:0 8px 18px #0814223d}.floating-map__close:hover{background:#12384d}.quiz-shell .choices{grid-template-columns:1fr 1fr}.quiz-shell .choices button{border-radius:14px;min-height:52px;padding:12px}.streetview-label-mask{width:100%;height:var(--streetview-mask-height,78px);pointer-events:auto;background:#eef7fa;position:absolute;top:0;left:0;box-shadow:0 8px 20px #0f223214}.streetview-blocked-message{z-index:2;color:#17314b;text-align:center;background:#ffffffeb;border:1px solid #536f842e;border-radius:18px;gap:8px;width:min(420px,100% - 32px);padding:16px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #1228381f}.streetview-blocked-message span{color:#5d7181;font-size:.92rem;line-height:1.5}.streetview-fallback{color:#17314b;background:linear-gradient(135deg,#1e657d2e,#2f8c7e2e),repeating-linear-gradient(45deg,#ffffff8f 0 10px,#fff3 10px 20px);align-content:center;justify-items:start;gap:12px;padding:36px;display:grid}.streetview-fallback h3{margin:0;font-size:1.7rem}.fallback-badge{background:#ffffffb8;border-radius:999px;padding:8px 12px;font-weight:900}.coordinate-preview,code{background:#ffffffb8;border-radius:10px;padding:3px 6px}.meta-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.meta-row span{color:#295267;background:#e9f2f5;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.hint-box{background:#f5f8e9;border:1px solid #7e8b3e29;border-radius:20px;margin:18px 0;padding:16px}.hint-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hint-box ul,.clue-list{color:#425466;margin:10px 0 0;padding-left:20px;line-height:1.7}.choices{gap:10px;display:grid}.choices button{color:#1c3144;text-align:left;background:#fff;border:1px solid #36506629;border-radius:18px;width:100%;padding:16px;font-weight:900;transition:transform .18s,box-shadow .18s}.choices button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1f394d1a}.map-answer-block{gap:14px;display:grid}.selected-answer{background:#f4f8fa;border:1px solid #36506624;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.selected-answer span{color:#5d7181;font-size:.82rem;font-weight:800}.selected-answer strong{color:#7a8790;font-size:.95rem}.selected-answer.has-answer{background:#eef8f4;border-color:#2f8c7e4d}.selected-answer.has-answer strong{color:#176a5d}.map-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button{color:#16344a;background:#fff;border:1px solid #36506629;border-radius:12px;place-items:center;min-width:40px;height:40px;font-weight:900;display:inline-grid;box-shadow:0 8px 18px #1f394d14}.icon-button:hover:not(:disabled){background:#f5fbf8;border-color:#2f8c7e6b}.icon-button.wide{width:auto;padding:0 12px}.map-zoom-value{color:#415a6c;text-align:center;min-width:58px;font-size:.88rem;font-weight:900}.world-map{aspect-ratio:900/460;border-radius:20px;width:100%;height:auto;display:block}.map-ocean{fill:#dcecf3}.country-path{fill:#eef1e4;stroke:#fff;stroke-width:.7px;transition:fill .16s,opacity .16s}.world-map--selectable .country-path{cursor:pointer}.world-map--selectable .country-path:hover{fill:#b9d7c6}.country-path.is-selected{fill:#f4c96d}.country-path.is-correct{fill:#41a988}.map-marker-correct circle:first-child{fill:#12384d}.map-marker-correct circle:last-child{fill:#0000;stroke:#12384d;stroke-width:3px;opacity:.5}.map-marker-answer circle{fill:#ef7e45;stroke:#fff;stroke-width:2px}.map-marker-answer path{fill:#ef7e4540;stroke:#ef7e45;stroke-width:2px}.result-panel{padding:20px}.result-notice{color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:18px 22px;display:flex}.result-notice--correct{background:linear-gradient(135deg,#2f8c7e,#1f6b84)}.result-notice--wrong{background:linear-gradient(135deg,#d05f43,#9f3e4c)}.result-notice span{font-size:1.4rem;font-weight:900}.result-notice strong{font-size:1.8rem}.result-grid{grid-template-columns:minmax(0,1fr) 430px;gap:18px;display:grid}.result-map-card,.explanation-card{border-radius:24px;padding:18px}.result-map-card{gap:12px;display:grid}.result-satellite-stack{border-radius:16px;position:relative;overflow:hidden}.google-satellite-frame{border:0;width:100%;display:block}.result-map-card .google-satellite-frame,.result-map-card .google-satellite-fallback{border-radius:16px;height:min(58dvh,620px);min-height:460px}.result-worldmap-inset{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #12384d24;border-radius:14px;width:min(300px,100% - 24px);padding:8px;position:absolute;top:12px;left:12px;box-shadow:0 14px 34px #1228382e}.result-worldmap-inset .world-map{border-radius:10px}.google-satellite-fallback{color:#365066;text-align:center;background:#e5eef2;border-radius:16px;place-content:center;gap:8px;min-height:320px;padding:24px;display:grid}.explanation-card h3{margin:18px 0 8px;font-size:1.05rem}.explanation-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.explanation-heading-row h3{margin:0}.explanation-level-toggle{flex:0 220px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(220px,100%)}.explanation-card p{line-height:1.8}.observation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.observation-item{background:#f4f8fa;border-radius:14px;gap:5px;padding:12px;display:grid}.observation-item strong{color:#1e657d;font-size:.92rem}.observation-item span{color:#425466;font-size:.92rem;line-height:1.55}.satellite-test-page{gap:16px}.satellite-test-hero{margin-bottom:0}.satellite-test-controls{grid-template-columns:minmax(0,1fr) 260px auto;align-items:end;gap:14px;display:grid}.satellite-test-controls label{color:#233449;gap:8px;min-width:0;font-weight:800;display:grid}.satellite-test-controls select,.satellite-test-controls input[type=range]{min-width:0}.satellite-test-controls select{color:#233449;width:100%;font:inherit;background:#fff;border:1px solid #3650662e;border-radius:14px;padding:11px 12px}.satellite-test-controls input[type=range]{accent-color:#2f8c7e;width:100%}.satellite-test-controls label:nth-child(2){grid-template-columns:1fr auto}.satellite-test-controls label:nth-child(2) span,.satellite-test-controls label:nth-child(2) input{grid-column:1/-1}.satellite-test-back{text-align:center;background:#eef4f7;text-decoration:none}.satellite-test-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.satellite-test-map{background:#dce8ed;border:1px solid #536f8424;border-radius:24px;min-height:min(68dvh,680px);overflow:hidden;box-shadow:0 18px 48px #12283814}.satellite-test-map iframe{border:0;width:100%;height:min(68dvh,680px);min-height:520px;display:block}.satellite-test-fallback{color:#365066;text-align:center;place-content:center;gap:8px;min-height:520px;padding:24px;display:grid}.satellite-test-detail{gap:12px;display:grid}.satellite-test-detail h2,.satellite-test-detail p{margin:0}.satellite-test-detail dl{gap:10px;margin:0;display:grid}.satellite-test-detail dl div{background:#f4f8fa;border-radius:14px;gap:3px;padding:12px;display:grid}.satellite-test-detail dt{color:#1e657d;font-size:.82rem;font-weight:900}.satellite-test-detail dd{color:#425466;margin:0}.term-list{flex-wrap:wrap;gap:8px;display:flex}.term-list span{color:#2e566c;background:#eef4f7;border-radius:999px;padding:8px 10px;font-size:.9rem;font-weight:800}.next-button{margin-top:18px}.summary-card{text-align:center;gap:14px;max-width:760px;margin:80px auto 0;display:grid}.summary-card h1{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.6rem)}.summary-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}@media (width<=1120px){.question-card{order:-1}}@media (width<=960px){.hero,.home-layout,.result-grid,.quiz-header{grid-template-columns:1fr}.home-settings--split{grid-template-columns:1fr;gap:14px}.quiz-header{align-items:stretch}.quiz-shell .quiz-header{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px}.quiz-shell .quiz-header__title{min-width:0}.quiz-shell .quiz-header h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;line-height:1.25;overflow:hidden}.quiz-shell .quiz-header__eyebrow-row{flex-wrap:nowrap;gap:6px;overflow:hidden}.quiz-shell .quiz-header__eyebrow-row .meta-row{flex-wrap:nowrap;gap:4px;overflow:hidden}.quiz-shell .quiz-header__eyebrow-row .eyebrow{font-size:1rem}.quiz-shell .quiz-header__eyebrow-row .meta-row span{white-space:nowrap;padding:3px 8px;font-size:.76rem}.quiz-shell .quiz-header__hint>summary{padding:8px 14px;font-size:.85rem}.quiz-shell .score-pill{padding:9px 14px;font-size:.88rem}.quiz-shell .ghost-button{padding:8px 12px;font-size:.85rem}.streetview-shell,.streetview-fallback{aspect-ratio:4/3;max-height:560px}}@media (width<=640px){.app-shell,.quiz-shell{width:min(1180px,100% - 20px);max-width:calc(100% - 20px);padding-top:16px}.quiz-shell{width:100%;min-height:100dvh;padding:0}.hero,.panel,.result-panel,.summary-card{border-radius:22px;padding:18px}.home-collapse{background:#fff;padding:0}.home-settings--split{background:#fff}.question-card{border-radius:22px;padding:18px}.quiz-shell .quiz-header{grid-template-columns:auto 1fr auto;gap:8px;padding:8px 10px;top:10px;left:10px;right:10px}.quiz-shell .quiz-header__title{order:-1;grid-column:1/-1;gap:1px}.quiz-shell .quiz-header__eyebrow-row{gap:6px}.quiz-shell .quiz-header__eyebrow-row .meta-row{gap:4px}.quiz-shell .quiz-header__eyebrow-row .eyebrow{font-size:.92rem;line-height:1.15}.quiz-shell .quiz-header__eyebrow-row .eyebrow__count{display:block}.quiz-shell .quiz-header__eyebrow-row .meta-row span{padding:2px 7px;font-size:.72rem}.quiz-shell .quiz-header h1{font-size:1.05rem;line-height:1.2}.quiz-shell .quiz-header__hint>summary{padding:7px 13px;font-size:.82rem}.quiz-shell .quiz-header__hint-panel{box-sizing:border-box;width:auto;max-width:none;padding:12px;position:fixed;inset:120px 10px auto}.quiz-shell .quiz-header__hint-panel ul{padding-left:16px;font-size:.85rem}.quiz-shell .score-pill{padding:8px 14px;font-size:.85rem}.quiz-choices-card{width:auto;padding:14px;bottom:10px;left:10px;right:10px}.floating-map{width:180px;height:124px;bottom:12px;left:12px}.floating-map.is-expanded{width:auto;height:min(72dvh,560px);left:12px;right:12px}.segmented-control,.segmented-control.compact,.summary-actions{grid-template-columns:1fr}.explanation-heading-row{flex-direction:column;align-items:stretch}.explanation-level-toggle{flex-basis:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.result-map-card .google-satellite-frame,.result-map-card .google-satellite-fallback{min-height:420px}.result-worldmap-inset{width:min(220px,100% - 20px);padding:6px;top:10px;left:10px}.satellite-test-controls,.satellite-test-layout{grid-template-columns:1fr}.satellite-test-map,.satellite-test-map iframe,.satellite-test-fallback{min-height:420px}.level-card-grid,.observation-grid{grid-template-columns:1fr}.history-stats{grid-template-columns:1fr 1fr 1fr;display:grid}.history-stats div{min-width:0;padding:10px 8px}.streetview-shell,.streetview-fallback{aspect-ratio:3/4;max-height:430px}}