:root{font-family:Noto Sans JP,Yu Gothic,Meiryo,system-ui,sans-serif;color:#263e39;background:#fafbf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green:#147a6c;--green-dark:#0b544b;--ink:#263e39;--muted:#72837d;--line:#dfe7e0;--orange:#c87b44;--m0:#d7e3d0;--m1:#b6d7be;--m2:#82bfa4;--m3:#48a487;--m4:#187c6a;--m5:#d5a454}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d59e52;outline-offset:4px}button,a,select{touch-action:manipulation}button{transition:background .15s,transform .15s,box-shadow .15s}button:not(:disabled):active{transform:translateY(1px)}a{color:var(--green)}h1,h2,h3,p{margin:0}small{font-weight:400}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.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}.app-shell{max-width:1320px;margin:auto;padding:0 48px}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;background:none;text-align:left;padding:0;font-size:20px;font-weight:700;letter-spacing:.025em}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:#83928b;margin-top:6px}.brand-mark{display:grid;place-items:center;border-radius:13px;width:43px;height:43px;background:var(--green);color:#fff}.brand-mark .icon{width:28px;height:28px}.national-status{display:flex;align-items:baseline;gap:12px;font-size:12px}.national-status>strong{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--green)}.national-status strong small{font-size:13px;margin-left:3px}.header-meter{display:block;width:84px;height:5px;background:#e2e8df;border-radius:4px;align-self:center;overflow:hidden}.header-meter>span{display:block;height:100%;background:var(--green)}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600;color:var(--muted)}.accent{color:var(--green)}.home-intro{display:flex;justify-content:space-between;align-items:center;margin:35px 0 24px}.home-intro h1{font-size:27px;letter-spacing:.05em;margin-top:10px;font-weight:600}.journey-caption{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.live-dot{width:6px;height:6px;background:#94ae88;border-radius:50%}.home-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:38px}.home-map-section{position:relative;border:1px solid #e0e8dc;border-radius:22px;background:#f2f6ef;background-image:radial-gradient(#ccd7c7 .65px,transparent .65px);background-size:17px 17px;overflow:hidden}.map-topline{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 6px;font-size:12px;font-weight:600}.map-tag{font-size:9px;font-weight:400;letter-spacing:.14em;color:#7c8e7d}.map-widget{position:relative;padding:4px 20px 0;isolation:isolate}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;position:relative;z-index:1}.map-region select{background:#fbfdf9e0;border:1px solid #dae3d6;color:#567360;font-size:11px;padding:8px 25px 8px 12px;border-radius:8px;min-height:36px;max-width:160px}.zoom-controls{display:flex;gap:5px}.zoom-controls button{background:#fbfdf9e0;border:1px solid #dae3d6;border-radius:8px;min-width:36px;height:36px;padding:0 10px;font-size:14px;color:#567360}.zoom-controls button:disabled{opacity:.4}.japan-map{display:block;width:100%;height:490px;overflow:hidden;filter:drop-shadow(0 4px 0 #5e806912)}.prefecture{stroke:#fff;stroke-width:1.25;stroke-linejoin:round;fill:var(--m0);transition:fill .2s,stroke .15s;outline:none}.prefecture.neutral{fill:#dce6da}.mastery-0{fill:var(--m0);background:var(--m0)}.mastery-1{fill:var(--m1);background:var(--m1)}.mastery-2{fill:var(--m2);background:var(--m2)}.mastery-3{fill:var(--m3);background:var(--m3)}.mastery-4{fill:var(--m4);background:var(--m4)}.mastery-5{fill:var(--m5);background:var(--m5)}.prefecture.interactive{cursor:pointer}.prefecture.interactive:hover,.prefecture.interactive:focus-visible{stroke:#325f4c;stroke-width:2.2;filter:brightness(.97)}.prefecture.interactive:focus-visible{stroke:#a0652c;stroke-width:3}.prefecture.selected{fill:#7cad9c;stroke:#164e43;stroke-width:2}.prefecture.highlighted{fill:#e1a75d;stroke:#ad712f;stroke-width:1.5}.map-caption{height:28px;display:flex;justify-content:center;gap:12px;align-items:center;font-size:11px;color:#799078}.map-caption strong{color:#3b6550}.map-caption>span{font-size:11px}.map-small-note{font-size:9px;text-align:center;color:#7c8e7d;margin:4px 0 12px;line-height:1.7}.text-button{background:none;color:var(--green);font-size:11px;padding:6px 8px;border-bottom:1px solid #a5bdb2}.map-legend{display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 10px 19px;font-size:9px;letter-spacing:.03em;color:#738870}.legend-swatches{display:flex;gap:4px}.swatch{height:9px;width:25px;border-radius:3px}.home-aside{padding:23px 0 0}.daily-panel{padding:0 0 24px}.daily-number{font-family:Georgia,Times New Roman,serif;font-size:78px;font-weight:400;line-height:1;margin:15px 0;letter-spacing:-.075em;color:var(--green-dark)}.daily-number>span{font-family:Yu Gothic,Meiryo,sans-serif;font-size:15px;letter-spacing:.03em;margin-left:18px;font-weight:500}.daily-panel h2{font-size:20px;font-weight:600;letter-spacing:.04em;margin-bottom:12px}.daily-panel p{font-size:12px;line-height:2.2;color:var(--muted)}.primary-button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;background:var(--green);color:#fff;border-radius:12px;font-weight:600;font-size:15px;min-height:56px;padding:15px 21px;box-shadow:0 5px 11px #0e725c12}.primary-button:hover:not(:disabled){background:var(--green-dark);box-shadow:0 5px 14px #0e725c20}.primary-button:disabled{background:#bac9bf;box-shadow:none;color:#f8faf6}.daily-start{margin-top:24px;min-height:62px}.daily-start>span{display:flex;align-items:center;gap:11px}.daily-note{display:block;text-align:center;font-size:10px;color:#86968b;margin-top:11px}.secondary-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.secondary-actions button{display:flex;align-items:center;gap:13px;width:100%;padding:16px 0;background:none;text-align:left}.secondary-actions button+button{border-top:1px solid var(--line)}.secondary-actions button>span:nth-child(2){flex:1}.secondary-actions strong{display:block;font-size:13px;font-weight:600}.secondary-actions small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.secondary-actions button>.icon{width:16px;color:#91a298}.secondary-actions button:hover{color:var(--green)}.menu-icon{width:38px;height:38px;border-radius:10px;background:#edf2e9;display:grid;place-items:center;color:#547765}.menu-icon>.icon{width:19px;height:19px}.journey-stats{display:flex;justify-content:space-between;padding:22px 0 16px;gap:10px}.journey-stats>div>span{font-size:9px;color:#839085}.journey-stats strong{display:block;font-size:23px;margin-top:8px;font-weight:500;font-variant-numeric:tabular-nums}.journey-stats small{font-size:10px;color:#839085;margin-left:2px}.aside-tip{display:flex;align-items:center;gap:10px;font-size:10px;color:#869486;line-height:1.8;padding-top:5px}.aside-tip>.icon{width:17px}.home-bottom{display:flex;justify-content:space-between;gap:12px;padding:21px 0 0;font-size:10px;color:#869486}.home-bottom>span:first-child{display:flex;align-items:center;gap:6px}.home-bottom .icon{width:14px;height:14px}.site-footer{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding:20px 0 25px;border-top:1px solid var(--line);color:#94a094;font-size:10px}.site-footer>a{font-size:9px;color:#7b8d7a;text-decoration:none}.storage-warning{padding:12px 16px;background:#fff0d7;border:1px solid #ecd4a8;border-radius:8px;margin-top:16px;font-size:12px;display:flex;justify-content:space-between;gap:12px}.storage-warning button{background:none}.back-button{display:inline-flex;align-items:center;gap:7px;background:none;padding:8px 0;font-size:12px;color:#6d8276;min-height:44px}.back-button .icon{width:17px;height:17px}.page-intro{margin:28px 0 36px}.page-intro h1{font-size:29px;margin:10px 0 12px}.page-intro p{font-size:13px;color:var(--muted)}.list-screen{max-width:1000px;margin:22px auto 50px}.region-section{margin-top:32px}.region-section h2{font-size:17px;display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.region-section h2 small{font-size:10px;color:var(--muted)}.prefecture-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.prefecture-list button{border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:11px;background:#fff;padding:17px 16px;font-size:14px;min-height:62px;text-align:left}.prefecture-list button:hover{background:#f0f6ec;border-color:#b3c9b5}.prefecture-list strong{margin-left:auto;font-size:17px;font-weight:500}.prefecture-list strong small{font-size:10px;margin-left:3px;color:var(--muted)}.prefecture-list .icon{width:13px;color:#98a694}.pref-dot{width:11px;height:11px;display:inline-block;flex-shrink:0;border-radius:4px}.tiny-master{color:#aa7c31;font-size:13px;margin-left:6px}.prefecture-dialog{border:0;border-radius:23px;width:calc(100% - 32px);max-width:470px;color:var(--ink);padding:0;box-shadow:0 20px 100px #17392d35;max-height:90dvh;overflow:auto;background:#fcfdf9}.prefecture-dialog::backdrop{background:#193a3052;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-content{padding:36px 32px 28px;position:relative}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:none;color:#7c8d80;border-radius:10px}.icon-button:hover{background:#edf2e7}.dialog-close{position:absolute;right:13px;top:13px}.dialog-content h2{font-size:31px;margin:16px 0 26px;line-height:1.3}.reading{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:8px;letter-spacing:.1em}.detail-score{display:flex;align-items:center;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--line)}.detail-score>span{font-size:12px}.detail-score>strong{font-size:37px;margin-left:auto;color:var(--green);line-height:1}.detail-score small{font-size:15px;margin-left:3px}.master-badge{background:#f5e8c5;color:#916a23;font-size:10px!important;border-radius:5px;padding:6px}.mastery-breakdown{margin:25px 0}.mastery-row{display:flex;align-items:center;gap:15px;margin:18px 0;font-size:12px}.mastery-row>span{width:75px}.meter{flex:1;height:6px;border-radius:5px;background:#e7ede1;overflow:hidden}.meter span{height:100%;background:#61a088;border-radius:5px;display:block}.mastery-row>strong{width:40px;text-align:right;font-weight:500}.mastery-row small{font-size:9px;margin-left:2px}.detail-fact{display:flex;gap:14px;background:#f0f5ea;border-radius:13px;padding:19px 18px;margin-bottom:23px}.detail-fact>.icon{width:19px;color:#819b76;margin-top:4px}.detail-fact div>span{font-size:10px;color:#829078;display:block;margin-bottom:4px}.detail-fact strong{font-size:15px}.detail-fact p{font-size:12px;line-height:1.9;margin-top:9px;color:#708167}.detail-hint{font-size:10px;text-align:center;margin-bottom:14px}.muted{color:var(--muted)}.quiz-screen{max-width:960px;margin:20px auto 70px}.quiz-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.quiz-top>strong{font-size:23px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.quiz-top small{font-size:13px;color:var(--muted)}.question-progress{display:flex;gap:5px;margin:13px 0 27px}.question-progress>span{height:4px;flex:1;background:#e4ebdf;border-radius:3px}.question-progress>.done{background:var(--green)}.question-progress>.current{background:#91b89e}.question-heading{margin:28px 0 27px}.question-tags{display:flex;gap:8px;margin-bottom:12px}.question-tags>span{font-size:10px;background:#eaf1e4;padding:5px 10px;border-radius:6px;color:#5b8069}.question-tags>.review-tag{background:#fcf0d9;color:#9c742f;display:flex;align-items:center;gap:5px}.review-tag .icon{width:11px;height:11px}.question-heading h1{font-size:24px;line-height:1.6;font-weight:600;outline:none}.question-heading p{font-size:11px;line-height:1.8;margin-top:9px;color:var(--muted)}.question-body.with-map{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:center}.quiz-map-container{border:1px solid var(--line);border-radius:17px;background:#f1f6ed;overflow:hidden}.map-compact{padding-top:12px}.map-compact .japan-map{height:370px}.quiz-location .map-compact .japan-map{height:470px}.quiz-location .quiz-map-container{max-width:760px;margin:auto}.choices{display:grid;grid-template-columns:1fr;gap:12px}.choice{display:flex;align-items:center;text-align:left;background:#fff;border:1.5px solid #dfe7db;min-height:67px;border-radius:12px;gap:14px;padding:14px 18px;font-size:16px;font-weight:500}.choice:hover:not(:disabled){border-color:#80ad97;background:#f4f8f0}.choice-marker{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:8px;font-size:12px;color:#90a18d;background:#f1f5ee;font-weight:500}.checkbox-marker{border:1.5px solid #bdccba;background:none;width:23px;height:23px;border-radius:5px}.choice.is-selected{border-color:#478f75;background:#f1f8ed}.choice.is-selected .checkbox-marker{color:#fff;background:var(--green);border-color:var(--green)}.choice.is-correct{border-color:#519980;background:#eff8ec;color:#276550}.choice.is-correct .choice-marker{background:#2f8868;border-color:#2f8868;color:#fff}.choice.is-incorrect{border-color:#d0a183;background:#fcf1e5;color:#9a6244}.choice.is-incorrect .choice-marker{background:#ce9271;border-color:#ce9271;color:#fff}.choice:disabled{opacity:1}.choice>small{font-size:10px;margin-left:auto;color:var(--green)}.quiz-capital .choices{max-width:640px;margin:35px auto;grid-template-columns:1fr 1fr}.multiple-choices{grid-template-columns:1fr 1fr;gap:10px}.multiple-choices .choice{font-size:14px;min-height:60px}.multiple-choices .choice:last-child{grid-column:1/-1}.quiz-neighbors .choices-container{max-width:730px;margin:auto}.confirm-answer{margin:18px 0 5px;display:flex;align-items:center;justify-content:space-between;gap:20px}.confirm-answer p{font-size:12px;color:var(--muted)}.confirm-answer .primary-button{max-width:250px}.answer-map-key{display:flex;justify-content:center;gap:15px;padding:0 14px 17px;font-size:11px;flex-wrap:wrap}.correct-key{color:#247757;font-weight:600}.incorrect-key{color:#a76646}.answer-feedback{margin:25px auto 0;max-width:760px;border-radius:17px;border:1px solid #d0e3cc;padding:24px;background:#f4f8ed;animation:appear .2s ease-out}.feedback-retry{background:#fcf7ec;border-color:#eadcc4}.feedback-top{display:flex;gap:14px;align-items:flex-start}.feedback-symbol{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#278364;color:#fff;display:grid;place-items:center;font-size:18px}.feedback-retry .feedback-symbol{background:#c28d50}.feedback-top h2{font-size:17px;color:#267052;font-weight:600}.feedback-retry h2{color:#986832}.feedback-top p{font-size:12px;line-height:1.9;margin-top:6px}.feedback-top .your-answer{color:#9a816a;font-size:11px}.score-change{font-size:9px;white-space:nowrap;color:#7a8b6c;margin-left:auto;text-align:right}.score-change strong{font-size:21px;display:block;line-height:1.3;color:#438366;margin-top:3px;font-weight:500}.score-change small{font-size:10px;margin-left:3px}.feedback-retry .score-change strong{color:#ad835a}.discovery{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #dce7d1;padding:17px 0 0;margin:20px 0}.feedback-retry .discovery{border-color:#e9dfcb}.discovery>.icon{width:19px;color:#a48445;margin-top:4px}.discovery span{font-size:10px;font-weight:600;letter-spacing:.06em;color:#9b7d48}.discovery p{font-size:13px;line-height:1.9;margin-top:4px}.next-button{margin:0 0 0 auto;max-width:270px;min-height:50px;font-size:14px}.exit-confirm{padding:16px;border:1px solid #e6d6b5;background:#fcf5e6;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:11px;flex-wrap:wrap}.exit-confirm>span{flex:1;min-width:240px}.exit-confirm button{border:1px solid #d5c6a3;background:#fff;border-radius:8px;padding:10px}.result-screen{max-width:600px;margin:50px auto 70px;text-align:center}.result-seal{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#edf2e4;color:#ad9557;margin:0 auto 22px;box-shadow:0 0 0 8px #f2f6ec}.result-seal .icon{width:34px;height:34px}.result-screen>.eyebrow{display:block;margin-bottom:16px}.result-screen h1{font-size:25px;font-weight:600;letter-spacing:.08em;line-height:1.8}.result-label{font-size:12px;color:var(--muted);margin-top:28px}.result-score{font-size:76px;font-weight:500;line-height:1.3;color:var(--green);font-variant-numeric:tabular-nums}.result-score>span{font-size:24px;color:#93a38d;font-weight:400}.result-score small{font-size:12px;margin-left:8px}.result-mastery{margin:22px 0 34px;padding:18px 25px;border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.result-mastery>span{font-size:12px;color:var(--muted)}.result-mastery>div{display:flex;align-items:center;gap:22px;font-size:25px;font-weight:400}.result-mastery>div>span{color:#9ba995}.result-mastery strong{font-weight:500;color:var(--green)}.result-mastery small{font-size:11px;margin-left:3px}.result-mastery .icon{width:20px;color:#8aa07d}.learned-prefectures{text-align:left}.learned-prefectures h2{font-size:14px;font-weight:500;display:flex;justify-content:space-between}.learned-prefectures h2>span{font-size:12px;color:var(--muted)}.learned-prefectures>p{font-size:10px;color:var(--muted);margin-top:8px}.learned-prefectures>div{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 25px}.learned-prefectures button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;font-size:12px;min-height:44px}.learned-prefectures .icon{width:11px;color:#8d9d85}.result-note{font-size:10px;line-height:1.8;display:flex;justify-content:center;gap:8px;align-items:center;margin-top:10px}.result-note .icon{width:14px}.result-actions{display:flex;gap:12px;margin-top:28px}.result-actions>button{flex:1}.secondary-button{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cdd9c6;border-radius:12px;font-size:14px;min-height:56px;padding:14px}.secondary-button:hover{background:#f0f5ea}.dev-tools{font-size:10px;color:var(--muted);margin:10px 0 20px}.dev-tools summary{cursor:pointer}.dev-tools p{margin-top:10px}.dev-tools button{background:#edf1e8;padding:8px;margin:8px 6px 0 0;border-radius:6px}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.home-layout{gap:50px}.japan-map{height:530px}.home-aside{padding-top:35px}}@media(max-width:1000px){.app-shell{padding:0 28px}.home-layout{gap:25px;grid-template-columns:minmax(0,1.45fr) minmax(265px,1fr)}.home-intro h1{font-size:24px}.journey-caption{display:none}.japan-map{height:480px}.daily-number{font-size:67px}.daily-number>span{font-size:13px;margin-left:13px}.daily-panel h2{font-size:18px}.home-aside{padding-top:15px}.map-widget{padding-inline:12px}.map-topline{padding-inline:19px}}@media(max-width:720px){.app-shell{padding:0 20px}.site-header{height:79px;gap:10px}.brand{font-size:15px;gap:9px;letter-spacing:0}.brand small{font-size:6px;letter-spacing:.06em;margin-top:5px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark .icon{width:23px;height:23px}.national-status{display:block;text-align:right;font-size:9px}.national-status>strong{font-size:21px;margin-top:2px;display:block;line-height:1.1}.national-status strong small{font-size:10px}.header-meter{display:none}.home-intro{margin:25px 0 18px}.home-intro h1{font-size:21px;letter-spacing:.02em;margin-top:8px}.eyebrow{font-size:9px}.home-layout{display:flex;flex-direction:column;gap:0}.home-map-section{border-radius:17px}.map-topline{padding:18px 17px 9px;font-size:11px}.map-tag{font-size:8px}.map-toolbar{gap:8px}.map-widget{padding:0 12px}.map-region select{min-height:40px;font-size:11px}.zoom-controls button{height:40px;min-width:40px}.japan-map{height:420px;margin-top:0}.map-caption{font-size:10px;height:27px}.map-small-note{font-size:8px;max-width:290px;margin:3px auto 10px}.map-legend{padding-bottom:17px}.swatch{width:22px}.home-aside{padding:25px 0 0}.daily-panel{position:relative;padding-bottom:20px}.daily-panel>.eyebrow{display:none}.daily-number{display:none}.daily-panel h2{font-size:17px;display:inline-block;margin-bottom:0}.daily-panel p{font-size:11px;line-height:1.8;margin-top:8px}.daily-panel p br{display:none}.daily-start{margin-top:16px;min-height:58px;font-size:16px;border-radius:12px}.daily-note{font-size:10px;margin-top:9px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;padding:5px 0;gap:16px}.secondary-actions button{padding:14px 0;gap:10px;min-width:0}.secondary-actions button+button{border:0}.secondary-actions button>.icon{display:none}.secondary-actions small{font-size:9px;line-height:1.7;margin-top:4px}.secondary-actions strong{font-size:12px}.menu-icon{width:32px;height:32px;flex-shrink:0}.journey-stats{padding:22px 2px 16px}.journey-stats>div>span{font-size:10px}.journey-stats strong{font-size:24px}.aside-tip{display:none}.home-bottom{padding-top:7px}.home-bottom>span:last-child{display:none}.site-footer{margin-top:24px;padding:18px 0 24px;font-size:9px}.site-footer a{font-size:8px}.list-screen{margin-top:14px}.page-intro{margin:18px 0 28px}.page-intro h1{font-size:25px}.prefecture-list{grid-template-columns:1fr 1fr;gap:8px}.prefecture-list button{padding:14px 10px;font-size:12px;gap:7px;min-height:57px}.prefecture-list strong{font-size:15px}.prefecture-list .icon{width:10px}.pref-dot{width:9px;height:9px;border-radius:3px}.region-section{margin-top:27px}.region-section h2{font-size:15px}.prefecture-dialog{margin:auto 0 0;width:100%;max-width:none;border-radius:23px 23px 0 0;max-height:92dvh}.dialog-content{padding:30px 26px calc(24px + env(safe-area-inset-bottom))}.dialog-content h2{font-size:28px;margin-top:16px;margin-bottom:22px}.detail-score{padding-bottom:20px}.detail-fact{margin-bottom:19px}.quiz-screen{margin:12px auto 40px}.question-progress{gap:4px;margin-top:9px;margin-bottom:22px}.question-heading{margin:20px 0 21px}.question-heading h1{font-size:20px;line-height:1.6}.question-heading p{font-size:10px}.question-body.with-map{display:flex;flex-direction:column;gap:16px}.question-body.with-map>div{width:100%}.map-compact{padding-top:10px}.map-compact .japan-map{height:330px}.quiz-location .map-compact .japan-map{height:405px}.map-compact .map-small-note{font-size:8px}.map-compact .map-caption{min-height:29px}.choices{gap:10px}.choice{min-height:58px;padding:12px 14px;font-size:15px;border-radius:11px}.quiz-name .choices{grid-template-columns:1fr 1fr}.quiz-name .choice{gap:8px;font-size:14px;padding:12px 10px}.choice-marker{width:25px;height:25px;font-size:11px}.quiz-capital .choices{grid-template-columns:1fr;margin:10px auto}.quiz-capital .choice{min-height:66px}.multiple-choices{gap:8px}.multiple-choices .choice{font-size:13px;min-height:58px;gap:8px;padding:12px 10px}.checkbox-marker{width:20px;height:20px}.choice>small{font-size:8px}.confirm-answer{flex-direction:column;gap:12px;margin-top:20px}.confirm-answer .primary-button{max-width:none}.confirm-answer p{font-size:11px}.answer-feedback{margin-top:20px;padding:19px 17px;border-radius:14px}.feedback-top{gap:10px;flex-wrap:wrap}.feedback-symbol{width:28px;height:28px;font-size:15px}.feedback-top>div{flex:1;min-width:180px}.feedback-top h2{font-size:15px}.feedback-top p{font-size:11px}.score-change{margin-left:38px;display:flex;align-items:baseline;gap:8px}.score-change strong{font-size:16px;display:inline}.discovery{margin:15px 0 18px;padding-top:15px;gap:9px}.discovery p{font-size:12px}.discovery span{font-size:9px}.next-button{max-width:none;min-height:53px}.answer-map-key{font-size:10px;gap:8px}.result-screen{margin:36px auto 48px}.result-screen h1{font-size:22px;line-height:1.8}.result-score{font-size:70px}.result-mastery{padding:18px 7px;margin:20px 0 29px}.result-mastery>div{font-size:24px;gap:15px}.result-mastery>span{font-size:11px}.learned-prefectures h2{font-size:13px}.learned-prefectures button{font-size:11px;padding:10px;gap:6px}.result-actions{flex-direction:column;gap:11px}.result-note{font-size:10px}.storage-warning{font-size:11px}.exit-confirm>span{min-width:100%;line-height:1.8}}@media(max-width:375px){.app-shell{padding-inline:15px}.home-intro h1{font-size:19px}.japan-map{height:385px}.brand{font-size:14px}.brand small{font-size:5.5px}.secondary-actions{gap:10px}.secondary-actions small{font-size:8px}.prefecture-list button{padding-inline:8px}.prefecture-list .icon{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.map-widget{padding:5px 12px 0}.map-toolbar{justify-content:flex-start;gap:7px;padding:0 5px 5px}.map-region{margin-right:auto;min-width:0}.map-region select{min-height:44px;font-size:12px;padding:8px 22px 8px 10px;max-width:170px}.zoom-controls{gap:4px}.zoom-controls button{min-width:44px;height:44px;font-size:18px}.map-reset{min-height:44px;padding:7px 11px;background:#fbfdf9;border:1px solid #bdcfb8;border-radius:8px;font-size:11px;color:#42694e;white-space:nowrap}.map-reset:disabled{color:#92a48d;border-color:#dfe6d9;background:#f4f7ef}.map-stage{position:relative;height:500px;overflow:hidden;border-radius:10px}.map-widget .map-stage .japan-map{width:100%;height:100%;margin:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;filter:none}.map-stage.is-dragging .japan-map,.map-stage.is-dragging .prefecture{cursor:grabbing}.japan-map:focus-visible{outline:2px solid #8fb497;outline-offset:-3px;border-radius:10px}.prefecture{stroke:#8fa889;stroke-width:.8;transition:fill .15s,stroke .15s}.prefecture.neutral{fill:#dce6d4}.prefecture.mastery-3,.prefecture.mastery-4{stroke:#f8fbf3}.prefecture.interactive:hover,.prefecture.interactive:focus-visible{stroke:#285f4c;stroke-width:1.7;filter:none}.prefecture.selected{fill:#93bca2;stroke:#145f4d;stroke-width:2}.prefecture.correct{fill:#228b70;stroke:#085a48;stroke-width:2}.prefecture.incorrect{fill:#d9a18a;stroke:#ad6245;stroke-width:2;stroke-dasharray:3 2}.map-selection-outline{fill:none;stroke:#125c47;stroke-width:2.1;stroke-linejoin:round;pointer-events:none}.okinawa-inset{position:absolute;top:9px;left:8px;width:120px;border:1px dashed #9db593;border-radius:11px;background:#f9fcf3f5;padding:8px 8px 3px;text-align:left;transition:border-color .15s,background .15s}.okinawa-inset>span{display:flex;flex-direction:column;font-size:12px;color:#456d4c;gap:2px}.okinawa-inset small{font-size:9px;color:#788e70}.okinawa-inset svg{width:100%;height:80px;display:block}.okinawa-inset.is-selected{border:2px solid #14674f;background:#eaf4df;padding:7px 7px 2px}.map-zoom-label{position:absolute;right:10px;bottom:8px;font-size:11px;padding:4px 7px;background:#f8fcf3dd;border-radius:6px;color:#61795e;pointer-events:none}.map-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:55px;padding:6px 10px;margin:1px 4px 5px;border-radius:10px}.map-selection-bar>div{display:flex;flex-direction:column;gap:3px;min-width:0}.map-selection-bar strong{font-size:12px;color:#53734f;font-weight:500}.map-selection-bar span{font-size:11px;color:#6c8467}.map-selection-bar.has-selection{background:#e5efdc;box-shadow:inset 0 0 0 1px #c4d5ba}.map-selection-bar.has-selection strong{color:#245c43;font-size:15px;font-weight:600}.map-confirm{display:flex;justify-content:center;align-items:center;gap:10px;flex-shrink:0;min-height:44px;padding:9px 13px;border-radius:9px;background:var(--green);color:#fff;font-size:12px;font-weight:600}.map-confirm>span{color:#fff;font-size:17px}.map-confirm:hover{background:var(--green-dark)}.map-small-note{font-size:10px;color:#6e8267;line-height:1.7;margin:0 0 9px;max-width:none}.map-legend{gap:13px;font-size:10px;padding:1px 12px 15px;color:#6f8168}.map-legend>span{text-align:center;line-height:1.4}.map-legend small{display:block;font-size:9px;margin-top:2px}.legend-track{display:flex;flex-direction:column;align-items:center;gap:5px}.legend-track>span{font-size:9px;letter-spacing:.04em}.map-compact .map-stage{height:380px}.quiz-location .map-stage{height:480px}.map-selection-bar .text-button{font-size:11px;min-height:44px;white-space:nowrap}@media(max-width:720px){.app-shell{padding-inline:16px}.site-header{height:72px}.home-intro{margin:17px 0 14px}.home-intro h1{margin-top:6px}.home-map-section .map-topline{padding:12px 13px 5px}.map-widget{padding:0 4px}.map-toolbar{padding:0 4px 3px;gap:5px}.map-region select{font-size:11px;max-width:138px;padding:8px 17px 8px 8px}.zoom-controls button{min-width:44px;height:44px;padding:0 8px}.map-reset{padding-inline:9px}.map-stage{height:clamp(337px,96vw,408px)}.map-compact .map-stage{height:clamp(320px,92vw,390px)}.quiz-location .map-stage{height:clamp(337px,96vw,408px)}.okinawa-inset{width:105px;top:9px;left:7px;padding:6px 6px 2px}.okinawa-inset svg{height:70px}.okinawa-inset>span{font-size:11px}.okinawa-inset.is-selected{padding:5px 5px 1px}.map-selection-bar{min-height:55px;margin:0 5px 3px;padding:5px 8px}.map-selection-bar strong{font-size:12px}.map-confirm{font-size:12px;padding-inline:12px}.map-small-note,.map-compact .map-small-note{font-size:10px;margin:0 3px 6px;max-width:none}.map-legend{padding:2px 10px 11px;gap:10px}.map-legend .swatch{width:22px}.home-aside{padding-top:12px}.daily-panel{padding-bottom:14px}.daily-panel h2,.daily-panel p{display:none}.daily-start{margin-top:0}.daily-note{margin-top:8px}}@media(max-width:375px){.app-shell{padding-inline:12px}.map-reset{padding-inline:7px}.map-region select{max-width:128px}.okinawa-inset{width:98px}.map-small-note,.map-compact .map-small-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.prefecture,.okinawa-inset{transition:none}}