/* v0.4.9 — the illustrated game identity. White reading surfaces, teal actions,
   coral chapter markers, cream highlights. Room geometry stays in style.css. */
:root{--green:#086b5d;--muted:#57665f;--line:#cbdcd5;--pale:#f0f8f3;--gold:#9a641d;--coral:#c44932;--cream:#fff6e5;--rim:#b6d2c5;--panel-shadow:0 5px 0 #e6eee8}
body{font-size:15px;background:#fff;color:#111}
h1,h2,h3{letter-spacing:0;overflow-wrap:anywhere}h1{font-size:32px;line-height:1.5}h2{line-height:1.6}
button{min-height:44px;border-radius:14px}button.primary,.launch-primary{border:2px solid #07564a;background:var(--green);box-shadow:0 4px 0 #064c43;color:#fff;font-weight:700}
button.primary:not(:disabled):active,.launch-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #064c43}
button.secondary{border:2px solid var(--rim);box-shadow:0 2px 0 #e6eee8;background:#fff;color:var(--green)}
button.selected{border-color:var(--green);background:#eaf6ef;color:#074f45;font-weight:700}
button:disabled{opacity:1;background:#edf0ee!important;border-color:#d4dcd7!important;color:#66746c!important;box-shadow:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
button.text-button,.learn-link{font-size:14px;min-height:44px}small,.small,.footnote{font-size:13px;line-height:1.8}
header{padding:8px 32px;max-width:1344px;border-bottom:2px solid var(--line);gap:18px}
.brand{min-width:0}.game-header-logo{width:208px;height:104px;object-fit:contain}.header-right{gap:16px}.header-right button{font-size:13px}
.version{letter-spacing:0;font-size:12px;color:var(--muted)}
main{padding-top:32px}.heading{margin-bottom:28px}.heading h1{margin-bottom:10px}.heading p{font-size:15px;color:#394b43;max-width:850px}
.eyebrow{display:block;font-size:12px;letter-spacing:.04em;color:var(--green);font-weight:700;margin-bottom:10px}
.heading>.eyebrow,.pane-head>.eyebrow{width:fit-content;padding:5px 12px;border-radius:9px;background:var(--cream);color:#754721;border:1px solid #ead8b7}
.journey-ribbon{max-width:1280px;margin:18px auto 0;border:0;padding:6px 0 10px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:visible;white-space:normal}
.journey-ribbon span{font-size:13px;line-height:1.5;padding:10px 9px;border:1px solid var(--line);border-radius:14px;color:#59665e;background:#fff;min-width:0}
.journey-ribbon b{flex-shrink:0;width:27px;height:27px;background:#edf2ef;color:#4e6458;font-size:13px}
.journey-ribbon .active{background:var(--cream);border:2px solid #d69954;color:#653f1f;padding:9px 8px;box-shadow:0 3px 0 #efdfc8}
.journey-ribbon .active b{background:var(--coral);color:#fff}.journey-ribbon .done{border-color:#aacbb8;color:var(--green)}.journey-ribbon .done b{background:#e2f3e9;color:var(--green)}
.learning-strip{background:#fff;border:1px dashed #94b7a4;border-radius:14px;padding:10px 18px;margin-top:10px}.learning-strip>span{font-size:13px}.learning-strip .learn-link{font-size:14px}
.genre-card,.property-card,.station-card,.competitor,.forecast-card,.staff-card{border:2px solid var(--rim);border-radius:22px;box-shadow:var(--panel-shadow);background:#fff}
.genre-card{display:flex;flex-direction:column}.genre-card .card-body{display:flex;flex-direction:column;flex:1;padding:22px}.genre-card .guest-art{border-bottom:2px solid #d3e1d8}
.genre-card .eyebrow{font-size:13px;color:var(--coral)}.genre-card h2{font-size:21px;min-height:0}.genre-card p{font-size:14px;min-height:0;color:#394b43}.genre-spec{font-size:13px;gap:7px;margin:auto 0 20px;padding-top:8px}.genre-card button{font-size:15px}
.property-art{background:#fffaf0;border-bottom:1px solid #e8ddc5}.tag{font-size:12px;padding:4px 12px;border-color:#d6b980;color:#714c20}
.property-card .card-body{padding:22px}.area-line,.property-rent span,.cost-total,.station-card p,.station-card>small,.station-card details{font-size:13px}
.property-rent strong,.cost-total strong,.station-card>strong{font-variant-numeric:tabular-nums;color:var(--green)}
.station-card h2{font-size:25px}.station-card{padding:22px}.data-tag{font-size:12px}
.location-controls{padding:20px;border:1px solid var(--line);border-radius:18px;background:#f8fbf9}.location-controls label{font-size:13px}input,select{border:2px solid #b5cabe;border-radius:12px;min-height:46px}
.research-tabs{gap:10px}.research-tabs button{font-size:15px;border-radius:14px;min-height:62px}.research-tabs small{font-size:12px}
.guide-card{border:2px solid #6eaa8e;border-radius:22px;background:#f1f8f2;box-shadow:var(--panel-shadow);padding:24px}.guide-card .eyebrow{color:#965129}.guide-card h2{font-size:24px}.guide-card p{font-size:15px}.guide-card small{font-size:13px}
.guide-dock{border-radius:18px;border-color:#8cbaa1;box-shadow:0 5px 20px #134d2920}.guide-dock small{font-size:13px}
.inspection-task,.setup-task,.portal-setup>article,.note-box,.condition,.recovery,.investment-summary,.period-summary{border-color:var(--line);border-radius:18px}
.inspection-task{border-width:2px;background:#fff}.inspection-task h3{font-size:20px}.inspection-task p,.inspection-task small,.setup-task>small{font-size:13px}
.finding,.guide-success,.observation-result{background:#eaf6ee;color:#194f38}.lesson-card{border-left-color:#d69a55;background:var(--cream);border-radius:0 16px 16px 0}
.finance-stats{padding:18px 0;border:0;gap:12px}.finance-stats>div{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 0 #edf2ee;border-top:4px solid #89b59b;min-width:0}
.finance-stats>div:first-child{border-top-color:#d9974e}.finance-stats small{font-size:12px;color:#41554a;line-height:1.6}.finance-stats strong{font-size:clamp(19px,2vw,27px);font-variant-numeric:tabular-nums;margin-top:5px}.day-note{font-size:12px}
.management-grid{gap:28px}.room-heading h1{font-size:28px}.room-heading p{font-size:13px}
.room-stage{border:2px solid #d7e5db;border-radius:24px;background:#fff;overflow:hidden;padding:12px 8px}.room-caption{font-size:12px;padding:0 8px}
.room-layout-notes{font-size:13px}.recovery{border:2px solid #b8d4c1;background:#f7fbf8}.recovery strong{color:var(--green)}.recovery progress{height:16px;accent-color:var(--green)}
.control-column{border:2px solid var(--rim);border-radius:22px;padding:18px;background:white;box-shadow:var(--panel-shadow)}
.main-tabs{gap:7px;padding:0 0 12px;margin-bottom:22px;scrollbar-width:thin}.main-tabs button{flex:0 0 auto;font-size:13px;min-height:46px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}
.main-tabs button.selected{background:var(--green);color:#fff;border-color:#07564a;box-shadow:0 3px 0 #064c43}.pane-head p,.pane>p,.setup-task>p,.setup-choice b{font-size:14px}
.setup-choice{border:2px solid #d4e1d8;border-radius:14px;padding:15px}.setup-choice span,.setup-choice small{font-size:13px}.setup-task summary{font-size:16px}.setup-task summary small{font-size:13px}
.setup-choice.selected:disabled{background:#e8f4ec!important;color:#164c36!important;border-color:#6eaa8e!important}
.weekly-actions{border:2px solid #92bca2!important;border-radius:22px!important;background:#f3f9f4!important;box-shadow:var(--panel-shadow)}.weekly-actions h2{font-size:23px}.weekly-actions p{font-size:14px}.weekly-care-status{font-weight:700;color:#12523c}.mobile-week-bar{border-top:2px solid #a5c6b1!important;background:#fff!important}
.equipment-list{border:1px solid #bacfc1;border-radius:16px;scrollbar-width:thin;scrollbar-color:#91b49e #f2f7f3}.equipment-row{border-radius:0;min-height:105px}.equipment-row.owned{background:#f0f8f2}.equipment-description strong{font-size:15px}.equipment-description>span,.equipment-description small,.equipment-price{font-size:13px}.equipment-progress,.equipment-bundles>div{border-radius:14px}.shop-tabs{flex-wrap:wrap}.shop-tabs button{font-size:13px;min-height:40px}.equipment-scroll-hint{font-size:13px}
.ledger>div{font-size:14px}.ledger dt small{font-size:12px}.ledger dd{font-variant-numeric:tabular-nums}.ledger.compact>div{font-size:13px}.finance-heading{padding:16px;border-radius:16px;background:var(--cream)}
.staff-card p,.staff-price>span{font-size:13px}.staff-card h3 small{font-size:13px}.staff-price button{font-size:13px}.meter{font-size:12px;gap:8px}.meter>span{width:62px;font-size:12px}.meter small{font-size:11px}.meter i{height:9px}.meter i.on{background:var(--green)}
.modal{border:2px solid #a9caba;border-radius:26px;padding:34px;box-shadow:0 12px 0 #164b3018,0 22px 80px #10281d33}.modal-backdrop{background:#173c326e}.modal-close{background:#eef5f0;border-radius:50%;width:40px;height:40px;min-height:40px;top:10px;right:10px;line-height:1;padding:0;display:grid;place-items:center}
.modal h2{padding-right:18px}.modal>p,.modal li{font-size:15px}.modal>.eyebrow{padding-right:35px}.choice-card,.competitor-choice{border:2px solid #c2d8c9;border-radius:15px}.decision-options .choice-card>span{font-size:14px}.decision-options .choice-card>b{background:var(--cream);color:#8c4c23}.agent-letter{background:var(--cream);border-color:#d69851}
.review-card,.unlock-banner,.waiting-scene{border:2px solid var(--rim);border-radius:22px}.review-card{background:#f4f9f4}.call-card{border:2px solid #d69755;border-radius:20px;background:var(--cream)}
.textbook-ad{border-radius:18px;background:#fffaf0;border-color:#e3d7be}.ad-label{font-size:12px}.textbook-ad p{font-size:14px}.book-link{background:var(--green);font-size:14px;border-radius:12px}.negative{color:#aa3026!important}footer{font-size:12px}

/* Title: the key visual is the game cover; the start/resume panel is always real UI. */
.game-launch{max-width:1440px;margin:auto;padding:0 32px}.game-launch .launch-top{padding:18px 0;min-height:0;border-bottom:0}.game-launch .launch-brand{font-size:13px;color:#304b3e;font-weight:700}.game-launch .launch-version{font-size:12px;color:#56675c}
.game-launch .launch-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:28px;align-items:center;padding:12px 0 34px;margin:0;max-width:none}
.launch-visual{min-width:0;border:2px solid #b8d3c3;border-radius:28px;overflow:hidden;background:var(--cream);box-shadow:0 7px 0 #e4eddf}
.game-launch h1.launch-logo{margin:0;line-height:0;font-size:inherit}.game-launch .launch-logo img{width:100%;max-width:none;height:auto;display:block;margin:0}
.launch-world-note{display:flex;justify-content:center;gap:14px;padding:13px 12px;border-top:1px solid #e6d8b9;font-size:12px;color:#6d4e24;font-weight:700;flex-wrap:wrap}
.game-launch .launch-copy{padding:24px 12px;text-align:left;min-width:0}.game-launch .launch-kicker{display:inline-block;font-size:13px;font-weight:700;color:var(--coral);margin:0 0 14px}.game-launch .launch-copy h2{font-size:clamp(24px,2.1vw,31px);line-height:1.7;margin:0 0 14px}
.game-launch .launch-lead{font-size:14px;line-height:1.8;color:#3d5144;margin:0 0 22px}.game-launch .launch-actions{max-width:none;gap:12px}.game-launch .launch-primary{font-size:19px;min-height:62px;border-radius:18px}.game-launch .launch-start-note{font-size:13px;color:#41594a;margin:4px 0 0}.game-launch .launch-secondary{border:2px solid #b8d2c2;border-radius:14px;font-size:14px}.game-launch .launch-help{font-size:14px;min-height:44px}.game-launch .launch-save{background:#f3f8f3;border:1px solid #b6d1bd;border-radius:16px;padding:16px}.game-launch .launch-save>strong{font-size:18px}.game-launch .launch-save-label{color:var(--green);font-size:12px}.game-launch .launch-save>div{font-size:13px;gap:8px;flex-wrap:wrap}
.game-launch .launch-path{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border:0;padding:18px 0 0;margin:0}.game-launch .launch-path>div{border-top:3px solid #b9d1bd;padding:18px 8px 0;align-items:flex-start;gap:12px}.game-launch .launch-path>div:last-child{border-top-color:#d9ac69}.game-launch .launch-path>div>span{width:40px;min-width:40px;height:40px;border-radius:14px;background:#e9f4ec;color:var(--green);font-size:14px;font-weight:700}.game-launch .launch-path>div:last-child>span{background:var(--cream);color:#8b5924;font-size:11px}.game-launch .launch-path b{font-size:18px;line-height:1.6;margin-bottom:5px}.game-launch .launch-path p{font-size:13px;line-height:1.8;color:#44574b}.game-launch .launch-genres{grid-column:1/-1;padding:18px 0 0;margin:0;gap:12px 24px;font-size:14px}.game-launch .launch-genres>b{border:1px solid #bcd5c6;border-radius:24px;padding:6px 15px;color:var(--green);background:#fff}.game-launch .launch-footer{padding:24px 0;margin:0;font-size:13px;gap:12px}.game-launch .launch-footer button{font-size:14px}
@media(max-width:1360px){.journey-ribbon{margin-left:35px;margin-right:35px}}
@media(max-width:1000px){.game-launch .launch-main{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:16px}.game-launch .launch-copy{padding:16px 0}.game-launch .launch-copy h2{font-size:24px}.journey-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}.genre-grid{gap:22px}.management-grid{gap:20px}.control-column{padding:16px}}
@media(max-width:849px){.control-column{padding:16px}.main-tabs{top:0;padding-top:10px}.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-stats .day-note{display:none}.game-launch .launch-main{grid-template-columns:1fr}.game-launch .launch-copy{padding:12px 20px;max-width:600px;width:100%;margin:auto;text-align:center}.game-launch .launch-copy h2{font-size:27px}.game-launch .launch-path{grid-template-columns:repeat(2,minmax(0,1fr))}.game-launch .launch-save{text-align:left}.game-launch .launch-footer{flex-direction:column;text-align:center}.game-header-logo{width:180px;height:90px}}
@media(max-width:600px){header{padding:6px 16px}.game-header-logo{width:156px;height:78px}.header-right button{font-size:12px;min-height:44px}.journey-ribbon{margin:12px 16px 0;gap:6px}.journey-ribbon span{font-size:11px;padding:8px 6px;gap:5px;border-radius:11px}.journey-ribbon .active{padding:7px 5px}.journey-ribbon b{width:22px;height:22px;font-size:11px}.learning-strip{padding:8px 12px}.learning-strip .learn-link{font-size:13px}main{padding-top:24px}h1{font-size:27px}.heading p{font-size:14px}.genre-card h2{font-size:23px}.genre-card p{font-size:14px}.genre-spec{font-size:13px}.location-controls{padding:14px;gap:12px}.location-controls label{font-size:13px}.station-grid{grid-template-columns:1fr}.research-tabs{gap:6px}.research-tabs button{flex-direction:column;align-items:center;justify-content:center;font-size:13px;padding:10px 5px;min-height:70px}.research-tabs small{font-size:11px}.guide-card{padding:18px}.guide-card h2{font-size:21px}.guide-card p{font-size:14px}.guide-card small{font-size:12px}.finance-stats>div{padding:11px 12px}.finance-stats small{font-size:12px}.finance-stats strong{font-size:20px}.room-heading h1{font-size:25px}.room-heading p{font-size:13px}.room-stage{margin:0}.room-caption{font-size:11px}.weekly-actions h2{font-size:20px}.weekly-actions p{font-size:13px}.control-column{padding:14px;border-radius:18px}.pane-head h2{font-size:22px}.main-tabs button{font-size:13px}.equipment-description strong{font-size:14px}.equipment-description>span,.equipment-description small{font-size:12px}.equipment-price{font-size:13px}.condition>div{font-size:12px}.condition{padding:12px;gap:12px}.condition b{font-size:14px}.condition meter{min-width:20px}.ledger>div{font-size:13px}.ledger.compact>div{font-size:12px}.staff-card{padding:14px;gap:12px}.staff-card .portrait{width:80px}.staff-card h3{font-size:20px}.staff-card p{font-size:13px}.meter>span{width:60px}.modal-backdrop{padding:14px}.modal{padding:28px 20px;border-radius:22px;max-height:90dvh}.modal h2{font-size:22px;padding-right:25px}.modal>p,.modal li{font-size:14px}.decision-options .choice-card>span{font-size:13px}.setup-task summary{font-size:15px}.setup-task summary small{font-size:12px}.goal-page h1{font-size:28px}.textbook-ad p{font-size:13px}
 .game-launch{padding:0 16px}.game-launch .launch-top{padding:14px 2px;gap:12px}.game-launch .launch-brand{font-size:11px;max-width:210px}.game-launch .launch-version{font-size:10px;max-width:90px;text-align:right}.game-launch .launch-main{padding-top:0;gap:18px}.launch-visual{border-radius:20px}.launch-world-note{gap:8px 12px;font-size:11px;padding:10px 8px}.game-launch .launch-copy{padding:12px 4px 0}.game-launch .launch-copy h2{font-size:24px;line-height:1.6;margin-bottom:12px}.game-launch .launch-kicker{font-size:12px;margin-bottom:8px}.game-launch .launch-lead{font-size:13px;margin-bottom:18px}.game-launch .launch-primary{font-size:19px;min-height:60px}.game-launch .launch-start-note{font-size:12px}.game-launch .launch-path{gap:20px 12px;padding-top:12px}.game-launch .launch-path>div{gap:9px;padding:14px 0 0}.game-launch .launch-path>div>span{min-width:32px;width:32px;height:32px;border-radius:11px;font-size:12px}.game-launch .launch-path>div:last-child>span{font-size:9px}.game-launch .launch-path b{font-size:16px}.game-launch .launch-path p{font-size:12px}.game-launch .launch-genres{gap:10px;font-size:13px}.game-launch .launch-genres>span{width:100%;text-align:center}.game-launch .launch-genres>b{padding:5px 12px}.game-launch .launch-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){button,.placed{transition:none!important}.launch-primary:active,button.primary:active{transform:none}}

.genre-card h2{text-wrap:balance}.genre-card p{text-wrap:pretty}

.game-launch .launch-version{white-space:normal;flex-shrink:0;line-height:1.6}
.main-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
.main-tabs button{min-width:0;white-space:normal;padding:9px 5px;line-height:1.5}

/* One question, one decision. Extra textbook notes are optional to open. */
.quiz-details{margin:20px 0;padding:14px 16px;border:1px solid #d6e4dc;border-radius:14px;background:#fff}
.quiz-details summary{cursor:pointer;color:#205e50;font-size:15px;font-weight:700;line-height:1.6}
.quiz-details[open] summary{margin-bottom:14px}
.quiz-takeaway{padding:18px;border-radius:14px;background:#f0f7ed;font-size:17px;line-height:1.8}

/* v052: Japan prefecture selection, with touch-size alternatives to small polygons. */
.japan-picker{border:2px solid #276759;border-radius:24px;padding:24px;margin:24px 0;background:#fff;box-shadow:0 5px 0 #d7e7e0}
.map-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.map-heading h2{font-size:26px;margin:6px 0;color:#163f36}.map-total{flex-shrink:0;background:#fff3cc;border:2px solid #d4aa43;border-radius:16px;padding:10px 16px;font-size:14px;text-align:center;color:#634713}.map-total b{display:block;font-size:23px}.map-help{font-size:15px;margin:12px 0 16px;color:#34574d}
.map-region-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.map-region-tabs button{min-height:44px;padding:8px 15px;border:2px solid #b4c9c2;border-radius:24px;background:#fff;font-size:14px;color:#153f35;box-shadow:0 2px 0 #dce9e5}.map-region-tabs button::before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--region-color,#168878);margin-right:6px}.map-region-tabs button[aria-pressed=true]{background:#e2f5ef;border-color:#168878;font-weight:800}
.map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:22px;align-items:start}.map-ocean{position:relative;overflow:hidden;min-width:0;border:2px solid #c0e4e8;border-radius:22px;background:radial-gradient(ellipse at 30% 20%,#fff9 0,transparent 45%),repeating-linear-gradient(0deg,transparent 0 39px,#b1d8e022 40px),#e7f6f9}.map-ocean-caption{position:absolute;top:15px;left:18px;color:#457b82;font-size:13px;letter-spacing:.06em;pointer-events:none}.japan-map{display:block;width:100%;height:auto;aspect-ratio:820/790;padding:16px 6px 0;box-sizing:border-box}.map-pref{fill:var(--pref-color);stroke:#729994;stroke-width:.8;vector-effect:non-scaling-stroke;cursor:pointer;stroke-linejoin:round;transition:fill .15s}.map-pref:hover{fill:#ffd574;stroke:#a76b20;stroke-width:2}.map-pref.is-selected{fill:#ffcc55;stroke:#835019;stroke-width:2.5}.map-marker{pointer-events:none}.map-marker circle{fill:#9a621a;stroke:white;stroke-width:3}.map-marker path{fill:#e77945;stroke:#fff;stroke-width:3}.map-marker text{fill:#fff;font-size:19px;font-weight:900}.map-marker rect{fill:white;stroke:#b47d29;stroke-width:1.5}.map-marker .map-marker-name{fill:#573f24;font-size:16px}.okinawa-inset{fill:#ffffff6b;stroke:#8ab9c2;stroke-dasharray:7 6;stroke-width:1.5}.inset-label{fill:#497b83;font-size:16px}
.map-choice{padding:20px;border-radius:20px;background:#f5faf6;border:1px solid #d4e6dc}.map-choice h3{font-size:23px;margin:5px 0 16px}.map-pref-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.map-pref-buttons button{min-height:46px;border:1.5px solid #b7cfc2;border-radius:12px;background:#fff;color:#244f40;font-size:16px;padding:9px 8px}.map-pref-buttons button[aria-pressed=true]{border:2px solid #aa6a18;background:#fff0be;color:#63410d;font-weight:800}.map-pref-buttons button[aria-pressed=true]::before{content:'✓ ';}.map-destination{margin:20px 0 12px;border-top:1px solid #d1e1d8;padding-top:18px}.map-destination small{font-size:13px}.map-destination strong{display:block;font-size:30px;color:#1f5948;margin-top:3px}.map-destination p{font-size:14px;margin:4px 0}.map-next{width:100%;min-height:52px;font-size:16px;white-space:normal;line-height:1.6}.map-next-note{font-size:13px;line-height:1.7;margin:12px 0 0;color:#51665c}.map-source{font-size:12px;margin-top:18px;color:#59726b}.map-source p{font-size:12px}.japan-picker button:focus-visible,.map-pref:focus-visible{outline:3px solid #a252c4;outline-offset:3px}
.station-browser{scroll-margin-top:20px}.station-browser>h2{font-size:24px}.station-browser:focus{outline:none}
@media(max-width:700px){.japan-picker{padding:16px;border-radius:20px;margin-top:18px}.map-heading h2{font-size:21px;line-height:1.6}.map-total{padding:8px;font-size:12px}.map-total b{font-size:18px}.map-layout{grid-template-columns:1fr;gap:16px}.map-region-tabs{gap:6px}.map-region-tabs button{padding:7px 11px;font-size:13px}.map-ocean-caption{font-size:11px;left:12px;top:10px}.map-choice{padding:16px}.map-pref-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.map-pref-buttons button{font-size:15px}.map-destination strong{font-size:26px}.map-help{font-size:14px}.map-marker .map-marker-name{font-size:19px}.map-next{font-size:16px}}
@media(prefers-reduced-motion:reduce){.map-pref{transition:none}}