:root{--color-ink: #28364f;--color-page: #f5f8ff;--color-surface: #fff;--color-border: #d6e1f0;--color-border-strong: #9ab4d4;--color-action: #2e72bd;--color-action-ink: #173e70;--color-action-soft: #eaf3ff;--color-map: #dce8f4;--color-map-background: #fff;--color-map-focus: #f5c85d;--color-answer-wrong: #ffd8bd;--color-answer-wrong-stroke: #b95d2c;--color-answer-correct: #c6efcf;--color-answer-correct-stroke: #2e8247;--color-focus-ring: #2e72bd;--shadow-panel: 0 10px 28px rgba(64, 95, 142, .1);--shadow-control: 0 3px 8px rgba(64, 95, 142, .1);--region-hokkaido-tohoku-0: #7cb8ec;--region-hokkaido-tohoku-1: #a2cff4;--region-hokkaido-tohoku-2: #c6e3f8;--region-hokkaido-tohoku-3: #e7f4fd;--region-kanto-0: #f299ab;--region-kanto-1: #f7b7c4;--region-kanto-2: #fbd2d9;--region-kanto-3: #fdeaed;--region-chubu-0: #7dd39d;--region-chubu-1: #a5e2b9;--region-chubu-2: #c8efd3;--region-chubu-3: #e6f8eb;--region-kinki-0: #b79fed;--region-kinki-1: #ccbbf2;--region-kinki-2: #e1d4f8;--region-kinki-3: #f1ebfc;--region-chugoku-0: #f6b56b;--region-chugoku-1: #f9cc94;--region-chugoku-2: #fce1b8;--region-chugoku-3: #fdf3df;--region-shikoku-0: #f2d872;--region-shikoku-1: #f7e59a;--region-shikoku-2: #fbf0c2;--region-shikoku-3: #fdf8e2;--region-kyushu-okinawa-0: #f090b8;--region-kyushu-okinawa-1: #f5b1cd;--region-kyushu-okinawa-2: #f9cfde;--region-kyushu-okinawa-3: #fde9ef;--region-map-stroke: #54779f;--radius: 20px;--radius-control: 16px;--radius-inset: 18px}.map-view .map-hit-area{pointer-events:all!important}.map-view .map-hit-area{fill:#000!important;fill-opacity:.001!important;pointer-events:all!important}.map-view.is-debug-hit-areas .map-hit-area{fill:#e048486b!important;fill-opacity:1!important;stroke:#b12626;stroke-width:.45}.map-view .map-inset-frame{fill:var(--color-map-background);fill-opacity:.96;stroke:var(--color-border-strong);stroke-width:.55;pointer-events:none}.map-view{position:relative}.map-view .map-inset{width:auto;height:auto;overflow:hidden}.map-view .map-inset-overlay{position:absolute;z-index:1;display:block;width:30%;height:auto!important;max-width:none;overflow:hidden;pointer-events:none;aspect-ratio:45 / 33;border-radius:var(--radius-inset)}.map-view .map-inset-overlay .map-inset-content{pointer-events:all}.map-view .prefecture.is-outside-map-view,.map-view .prefecture.is-inset-only{display:none}.map-feedback-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:12px auto 0;max-width:620px;font-weight:700}.map-feedback-legend__item{display:inline-flex;align-items:center;gap:7px}.map-feedback-swatch{width:20px;height:16px;border:2px solid;border-radius:3px;background:var(--color-answer-correct);border-color:var(--color-answer-correct-stroke)}.map-feedback-swatch--wrong{background:var(--color-answer-wrong);border-color:var(--color-answer-wrong-stroke);border-style:solid}.map-view .map-shape{stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}:root{font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;color:var(--color-ink);background:var(--color-page);line-height:1.6}*{box-sizing:border-box}body{margin:0;background:var(--color-page)}.app-shell{max-width:900px;margin:auto;padding:max(16px,env(safe-area-inset-top)) 16px 32px}.app-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.panel{background:var(--color-surface);padding:clamp(20px,5vw,40px);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.button,.choice{min-height:44px;border:1px solid var(--color-action);border-radius:var(--radius-control);background:var(--color-action-soft);box-shadow:var(--shadow-control);color:var(--color-action-ink);font:inherit;font-weight:700;cursor:pointer}.button{padding:10px 18px;margin:8px 8px 0 0}.button--secondary{background:var(--color-surface)}.text-button{border:0;background:transparent;color:var(--color-action-ink);font:inherit;font-weight:700;cursor:pointer}.navigation-back{min-width:44px;margin:0 0 12px}.text-button:focus-visible,.button:focus-visible,.choice:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.notice{padding:12px;background:#fff5d8;border:1px solid #dfaa55;border-radius:var(--radius-control)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{padding:14px}.map-view{max-width:620px;margin:0 auto}.map-view svg{display:block;width:100%;height:auto;background:var(--color-map-background)}.map-view .prefecture{outline:none}.map-view .map-shape{fill:var(--color-map);stroke:var(--color-action);stroke-width:.65}.map-view .map-hit-area{fill:transparent;stroke:none;pointer-events:fill}.map-view.is-debug-hit-areas .map-hit-area{fill:#e048486b;stroke:#b12626;stroke-width:.45;pointer-events:fill}.map-view[data-map-variant=learning]:not(.is-disabled) .prefecture[data-answer-state=default]:focus>.map-shape{fill:#c7e3ff}.map-view .prefecture.is-active .map-shape{fill:var(--color-map-focus);stroke-width:1.2}.map-view.is-disabled .prefecture{cursor:default;pointer-events:none}.feedback{margin-top:20px;padding:16px;background:#effbf1;border:1px solid #b9e4c3;border-left:5px solid var(--color-answer-correct-stroke);border-radius:var(--radius-control)}.progress,.muted{color:#52627a}.score{font-size:2rem;font-weight:700}.mastery-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.mastery-list li{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--color-border);border-radius:14px}fieldset{border:0;padding:0;margin:18px 0}legend{font-weight:700}label{display:inline-block;margin:6px 14px 6px 0}@media(max-width:480px){.choice-grid{grid-template-columns:1fr}.app-header{align-items:flex-start;flex-direction:column}}[data-practice-group=hokkaido-tohoku]{--region-hint-0:var(--region-hokkaido-tohoku-0);--region-hint-1:var(--region-hokkaido-tohoku-1);--region-hint-2:var(--region-hokkaido-tohoku-2);--region-hint-3:var(--region-hokkaido-tohoku-3)}[data-practice-group=kanto]{--region-hint-0:var(--region-kanto-0);--region-hint-1:var(--region-kanto-1);--region-hint-2:var(--region-kanto-2);--region-hint-3:var(--region-kanto-3)}[data-practice-group=chubu]{--region-hint-0:var(--region-chubu-0);--region-hint-1:var(--region-chubu-1);--region-hint-2:var(--region-chubu-2);--region-hint-3:var(--region-chubu-3)}[data-practice-group=kinki]{--region-hint-0:var(--region-kinki-0);--region-hint-1:var(--region-kinki-1);--region-hint-2:var(--region-kinki-2);--region-hint-3:var(--region-kinki-3)}[data-practice-group=chugoku]{--region-hint-0:var(--region-chugoku-0);--region-hint-1:var(--region-chugoku-1);--region-hint-2:var(--region-chugoku-2);--region-hint-3:var(--region-chugoku-3)}[data-practice-group=shikoku]{--region-hint-0:var(--region-shikoku-0);--region-hint-1:var(--region-shikoku-1);--region-hint-2:var(--region-shikoku-2);--region-hint-3:var(--region-shikoku-3)}[data-practice-group=kyushu-okinawa]{--region-hint-0:var(--region-kyushu-okinawa-0);--region-hint-1:var(--region-kyushu-okinawa-1);--region-hint-2:var(--region-kyushu-okinawa-2);--region-hint-3:var(--region-kyushu-okinawa-3)}[data-star-count="0"]{--region-hint-fill:var(--region-hint-0)}[data-star-count="1"]{--region-hint-fill:var(--region-hint-1)}[data-star-count="2"]{--region-hint-fill:var(--region-hint-2)}[data-star-count="3"]{--region-hint-fill:var(--region-hint-3)}.scope-options{display:flex;flex-wrap:wrap;gap:10px}.scope-option{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:8px 12px;border:2px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-control)}.scope-option--region{background:var(--region-hint-0);border-color:var(--region-map-stroke)}.mastery-hint-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px auto 20px}.mastery-hint-legend__item{min-width:64px;padding:6px 10px;border:1px solid var(--region-map-stroke);border-radius:14px;background:var(--region-hint-fill);text-align:center;font-weight:700}.mastery-list li[data-practice-group]{background:var(--region-hint-fill);border:1px solid var(--region-map-stroke);border-radius:14px}.map-view[data-map-variant=learning] .prefecture[data-practice-group][data-star-count]>.map-shape{fill:var(--region-hint-fill);stroke:var(--region-map-stroke)}.map-view[data-map-variant=assessment] .prefecture>.map-shape{fill:var(--color-map);stroke:var(--color-action)}.region-intro>h1{text-align:center;margin-top:0}.region-intro__map-frame{height:min(62dvh,560px);aspect-ratio:355 / 400;max-width:100%;margin-inline:auto;overflow:hidden}.region-intro__map-frame .map-view,.region-intro__map-frame .map-view svg{width:100%;height:100%;max-width:none}.region-intro .map-view .prefecture[data-region-intro-target=true]>.map-shape{fill:var(--region-hint-0);stroke:var(--region-map-stroke);stroke-width:1.1}.region-intro .map-view .prefecture:not([data-region-intro-target=true])>.map-shape{fill:var(--color-map);stroke:var(--color-action);fill-opacity:.38;stroke-opacity:.45}@media(hover:hover)and (pointer:fine){.map-view[data-map-variant=learning]:not(.is-disabled) .prefecture[data-answer-state=default]{cursor:pointer}.map-view[data-map-variant=learning]:not(.is-disabled) .prefecture[data-answer-state=default]>.map-shape{transition:fill .12s ease,stroke .12s ease,stroke-width .12s ease,filter .12s ease}.map-view[data-map-variant=learning]:not(.is-disabled) .prefecture[data-answer-state=default]:hover>.map-shape{filter:brightness(1.14);stroke:color-mix(in srgb,var(--region-map-stroke) 85%,var(--color-ink));stroke-width:1px}}.map-view[data-map-variant=learning] .prefecture[data-practice-group][data-star-count][data-answer-state=selected]>.map-shape{fill:var(--color-map-focus);stroke:var(--color-action);stroke-width:1.35}html[data-normal-mode=challenge] .game-layout:has(.choice-grid) .map-view[data-map-variant=learning] .prefecture[data-practice-group]:not([data-answer-state=selected]):not([data-answer-state=correct]):not([data-answer-state=wrong])>.map-shape{fill:var(--region-hint-0);stroke:var(--region-map-stroke)}html[data-normal-mode=challenge] .game-layout:has(.choice-grid) .map-view[data-map-variant=learning] .prefecture[data-practice-group][data-answer-state=selected]>.map-shape{fill:var(--color-map-focus);stroke:var(--color-action);stroke-width:1.35}.map-view[data-map-variant] .prefecture[data-answer-state=wrong]>.map-shape.is-answer-wrong{fill:var(--color-answer-wrong);stroke:var(--color-answer-wrong-stroke);stroke-width:1.35;stroke-dasharray:none}.map-view[data-map-variant] .prefecture[data-answer-state=correct]>.map-shape.is-answer-correct{fill:var(--color-answer-correct);stroke:var(--color-answer-correct-stroke);stroke-width:1.35;stroke-dasharray:none}.app-shell--answer{width:min(100%,1200px);max-width:1200px}.game-layout__map{min-width:0}@media(min-width:680px)and (min-height:620px){.app-shell--answer{min-height:100dvh;padding-bottom:16px}.game-panel{padding:clamp(16px,2.5vw,32px)}.game-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(18rem,2fr);gap:clamp(16px,2.5vw,32px);align-items:center}.game-layout__map{display:flex;flex-direction:column;justify-content:center}.game-layout__map .map-view{width:100%;max-width:none}.game-layout__map .map-view svg{width:auto;height:min(80dvh,calc(100dvh - 160px),720px);max-width:100%;margin-inline:auto}.game-layout__answer{min-width:0;align-self:start}.game-layout:has(>.game-layout__map .map-inset-overlay){grid-template-columns:minmax(0,1fr) minmax(16rem,.63fr)}.game-layout--national-map{display:block;position:relative}.game-layout--national-map .game-layout__map{display:block;min-height:0}.game-layout--national-map .game-layout__map .map-view{width:100%;max-width:none}.game-layout--national-map .game-layout__map .map-view svg{width:100%;height:auto;max-width:none;margin-left:auto;margin-right:0}.game-layout--national-map .game-layout__answer{position:absolute;z-index:1;top:clamp(180px,25%,280px);left:clamp(12px,2vw,28px);width:min(42%,340px);padding:clamp(12px,1.5vw,20px);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.game-layout--national-map .game-layout__answer h1{margin:4px 0 8px;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.35}.game-layout--national-name-map .game-layout__answer{top:clamp(150px,20%,220px);width:min(37%,280px)}.game-layout--national-feedback .game-layout__answer{top:clamp(100px,15%,160px)}.game-layout--national-map .map-feedback-legend{display:none}.game-layout--national-map .choice-grid{gap:8px}.game-layout--national-map .choice{padding:8px}.game-layout--national-map .game-layout__answer>.button,.game-layout--national-map .feedback .button{width:100%;margin-right:0}.game-layout--national-map .feedback{margin-top:12px;padding:12px}.game-layout--without-map{grid-template-columns:minmax(0,1fr)}.game-layout--without-map .game-layout__answer{grid-column:1/-1;width:100%;max-width:640px;margin-inline:auto}}@media(min-width:680px)and (max-width:899px)and (min-height:620px){.game-layout--national-map .game-layout__answer{left:clamp(70px,16.3vw,128px)}.game-layout--national-name-map .game-layout__answer{top:clamp(60px,12%,120px)}.game-layout--national-feedback .game-layout__answer{top:clamp(60px,13%,140px)}}@media(min-width:900px)and (min-height:620px){.game-layout--national-map .game-layout__answer{top:clamp(180px,30%,260px);left:auto;right:min(calc(76.3dvh - 99px),666px)}.game-layout--national-name-map .game-layout__answer{top:clamp(120px,20%,180px)}.game-layout--national-feedback .game-layout__answer{top:clamp(150px,25%,240px)}}@media(min-width:1440px)and (min-height:900px){.game-layout--national-map:not(.game-layout--national-name-map):not(.game-layout--national-feedback) .game-layout__answer{top:clamp(240px,43%,360px)}}