:root{--ink:#173942;--paper:#f3ecd6;--paper-deep:#dfd1aa;--sea:#cfe3df;--sea-deep:#7baab0;--red:#a73b2b;--red-dark:#70291f;--gold:#d19b3b;--green:#557c57;--blue:#315f74;--shadow:rgba(23,57,66,.2);font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;color:var(--ink);background:#b9d3d1}
*{box-sizing:border-box}
html{min-width:0;background:#b9d3d1}
body{margin:0;min-width:0;overflow-x:hidden;background:radial-gradient(circle at 18% 3%,rgba(255,255,255,.64),transparent 28%),linear-gradient(#b8d3d2,#84aeb3);color:var(--ink)}
button,input{font:inherit}
button{color:inherit}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:50;left:1rem;top:-5rem;padding:.7rem 1rem;background:#fff;color:#111}.skip-link:focus{top:1rem}
.atlas-shell{width:min(1180px,100%);margin:auto;min-height:100vh;padding:18px clamp(12px,3vw,36px) 48px}
.atlas-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:3px double var(--ink);padding:6px 4px 17px}
.kicker,.map-number{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.kicker{margin:0 0 6px;font-size:.75rem}
h1{font-size:clamp(1.8rem,6vw,3.5rem);line-height:1.02;margin:0;letter-spacing:.02em}
.stamp-button,.map-button{min-height:44px;border:2px solid var(--ink);background:var(--paper);font-weight:800;padding:.55rem .9rem;box-shadow:3px 3px 0 var(--ink);cursor:pointer}
.stamp-button:active,.map-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.start-spread{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);min-height:640px;background:var(--paper);border:2px solid var(--ink);box-shadow:10px 12px 0 rgba(23,57,66,.2);margin-top:24px;overflow:hidden}
.start-copy{padding:clamp(24px,5vw,60px);position:relative;z-index:2;background:linear-gradient(90deg,rgba(243,236,214,.98),rgba(243,236,214,.92))}
.map-number{display:inline-block;border-top:2px solid currentColor;border-bottom:1px solid currentColor;padding:.22rem 0;font-size:.72rem;color:var(--red-dark)}
.start-copy h2{font-size:clamp(1.65rem,4vw,2.7rem);line-height:1.3;margin:1rem 0}
.start-copy p{font-size:1rem;line-height:1.9}
.model-note{border-left:6px solid var(--gold);padding:.65rem 1rem;background:#fff9e9}
.start-route{list-style:none;padding:0;margin:1.3rem 0;display:grid;gap:.55rem}
.start-route li{display:flex;align-items:center;gap:.8rem;border-bottom:1px dashed #998d6f;padding:.45rem 0}
.start-route b{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:#fff;border-radius:50%;font-family:ui-monospace,monospace}
.start-button,.weather-button{min-height:52px;border:0;background:var(--red);color:#fff;font-weight:900;padding:.8rem 1.35rem;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);cursor:pointer;filter:drop-shadow(4px 5px 0 var(--red-dark));letter-spacing:.05em}
.start-button:hover,.weather-button:hover{background:#bd4b36}
.start-button:active,.weather-button:active{transform:translate(2px,2px);filter:drop-shadow(2px 3px 0 var(--red-dark))}
.cover-map{position:relative;min-height:600px;background-color:var(--sea);background-image:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 20px,rgba(49,95,116,.12) 21px 22px,transparent 23px 42px);overflow:hidden}
.cover-island{position:absolute;background:#d8ca95;border:4px solid var(--ink);transform:rotate(-34deg);box-shadow:inset 0 0 0 6px rgba(255,255,255,.24)}
.island-1{width:120px;height:390px;border-radius:52% 42% 54% 44%;left:42%;top:8%}.island-2{width:82px;height:220px;border-radius:45%;left:25%;top:49%}.island-3{width:42px;height:110px;border-radius:48%;left:68%;top:70%}
.cover-mountain{position:absolute;left:32%;top:36%;font-size:2.5rem;color:var(--green);transform:rotate(-34deg);letter-spacing:-.32em;text-shadow:2px 2px #fff}
.cover-wind{position:absolute;font-family:ui-monospace,monospace;font-size:clamp(5rem,12vw,9rem);font-weight:900;color:var(--red);opacity:.8}.wind-a{left:2%;top:15%;transform:rotate(18deg)}.wind-b{right:-3%;bottom:12%;transform:rotate(-20deg)}
.cover-weather{position:absolute;display:grid;place-items:center;background:var(--paper);border:3px solid var(--ink);width:72px;height:72px;border-radius:50%;font-weight:900;font-size:2rem;box-shadow:4px 5px var(--ink)}.snow-mark{left:8%;top:9%}.rain-mark{right:6%;top:35%;font-size:1rem}.sun-mark{left:15%;bottom:10%;color:var(--red)}
.play-layout{margin-top:20px}
.top-ledger{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid var(--ink);background:var(--paper);box-shadow:6px 7px 0 var(--shadow)}
.top-ledger>div{padding:.55rem .7rem;border-right:1px solid var(--ink);min-width:0}.top-ledger>div:last-child{border-right:0}.top-ledger small{display:block;font-size:.72rem;letter-spacing:.06em}.top-ledger strong{font-family:ui-monospace,monospace;font-size:clamp(1.05rem,3vw,1.5rem)}
.forecast-strip{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(180px,.65fr);gap:18px;align-items:center;margin-top:18px;padding:14px 18px;background:#fff7dd;border-top:4px solid var(--red);border-bottom:2px solid var(--ink)}
.phase-seal{width:78px;height:78px;display:grid;place-items:center;text-align:center;border:3px double var(--red);border-radius:50%;font-family:ui-monospace,monospace;font-weight:900;color:var(--red);transform:rotate(-4deg)}
.forecast-strip h2{margin:.15rem 0;font-size:clamp(1.25rem,3vw,2rem)}.forecast-strip p{margin:.15rem 0;line-height:1.55}.forecast-strip>div:nth-child(2)>p:first-child{font-family:ui-monospace,monospace;font-weight:800;color:var(--red-dark)}
.hazard-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.hazard-tags span{background:var(--red-dark);color:#fff;padding:.4rem .55rem;border-left:6px solid var(--gold);font-weight:800;font-size:.82rem}
.climate-map{position:relative;min-height:720px;margin-top:18px;border:3px solid var(--ink);background:var(--sea);overflow:hidden;touch-action:pan-y;box-shadow:8px 9px 0 var(--shadow)}
.relief-layer{position:absolute;inset:0;width:100%;height:100%}.land-shape{fill:#d7c995;stroke:var(--ink);stroke-width:7}.mountain-spine{fill:none;stroke:var(--green);stroke-width:16;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.contour{fill:none;stroke:#927e4f;stroke-width:3;stroke-dasharray:8 9;opacity:.55}.wind-arrow-path{fill:none;stroke:var(--red);stroke-width:9;stroke-dasharray:18 10;opacity:.85}.wind-arrow-text{font:700 24px ui-monospace,monospace;fill:var(--red-dark)}
.region-pin{position:absolute;width:clamp(128px,17vw,185px);min-height:112px;padding:.5rem .55rem .6rem;border:3px solid var(--ink);background:#f7f0d9;text-align:left;cursor:pointer;box-shadow:5px 6px 0 var(--ink);z-index:3}.region-pin::after{content:"";position:absolute;left:25px;bottom:-18px;border:9px solid transparent;border-top-color:var(--ink)}.region-pin[data-alert="true"]{outline:6px double var(--red);animation:alertPulse 1.5s ease-in-out infinite}.region-pin[data-drop="true"]{transform:translateY(-4px);background:#fff2b9}.region-pin .pin-shape{position:absolute;right:5px;top:4px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--ink);color:#fff;font:700 .8rem ui-monospace,monospace}.region-pin strong,.region-pin small,.region-pin em{display:block}.region-pin strong{font-size:1rem;padding-right:24px}.region-pin small{margin:.08rem 0 .35rem}.region-pin em{font-style:normal;font-size:.72rem;font-weight:800;margin-top:.2rem}.life-bar{height:9px;display:block;border:1px solid var(--ink);background:#fff}.life-bar b{display:block;height:100%;background:var(--green);transition:width .35s ease}.buffer-list{display:flex;min-height:21px;gap:3px;flex-wrap:wrap;margin-top:.28rem}.buffer-list i{font-style:normal;font:700 .66rem ui-monospace,monospace;background:#d7e8e3;border:1px solid var(--ink);padding:1px 3px}
.snow-coast{left:19%;top:11%}.basin{left:42%;top:33%}.pacific{right:9%;top:53%}.inland-sea{left:19%;top:58%}.south{right:18%;bottom:4%}
.map-message{position:absolute;left:3%;bottom:3%;z-index:4;max-width:46%;background:rgba(23,57,66,.93);color:#fff;padding:.7rem 1rem;border-left:8px solid var(--gold);line-height:1.55;font-weight:700}
.supply-dock{background:var(--paper);border:3px solid var(--ink);border-top:0;padding:18px;box-shadow:8px 9px 0 var(--shadow)}
.dock-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:.5rem}.dock-heading span{font:700 .7rem ui-monospace,monospace}.dock-heading h2,.dock-heading p{margin:0}.selection-help{line-height:1.6;margin:.8rem 0;color:#284e55}
.prep-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.prep-token{min-height:78px;border:2px solid var(--ink);background:#fffaf0;display:flex;align-items:center;gap:.55rem;padding:.55rem;text-align:left;cursor:grab;box-shadow:3px 3px 0 #928765;touch-action:pan-y}.prep-token b{font-size:1.6rem;color:var(--red-dark)}.prep-token span{font-weight:900}.prep-token small{display:block;font-size:.69rem;font-weight:600;line-height:1.35;margin-top:.18rem}.prep-token[aria-pressed="true"],.prep-token.dragging{background:#fff0a9;outline:4px solid var(--red);transform:translateY(-3px)}
.boost-toggle{display:flex;gap:.7rem;align-items:flex-start;margin:14px 0;padding:.65rem;border:2px dashed var(--red-dark);background:#fff7dd;line-height:1.4}.boost-toggle input{width:24px;height:24px;flex:0 0 auto}.boost-toggle b{color:var(--red-dark)}
.turn-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}.turn-actions button{min-width:180px}.map-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.weather-button{min-width:230px}
.observation-log{margin:22px 0 0;padding:18px 22px;background:#e9dfc3;border-left:12px solid var(--gold);border-bottom:2px solid var(--ink)}.observation-log h2{margin:.5rem 0}.observation-log p{line-height:1.75;margin:.35rem 0}
.crisis-sheet,.quiz-sheet,.result-spread{margin:24px auto;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 12px 0 var(--shadow)}
.crisis-sheet,.quiz-sheet{max-width:780px;padding:clamp(24px,5vw,52px)}.crisis-sheet{border-top:12px solid var(--red)}.warning-symbol{float:right;display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--red);color:#fff;font:900 3rem ui-monospace,monospace}.crisis-sheet h2,.quiz-sheet h2{font-size:clamp(1.6rem,5vw,2.6rem)}.crisis-sheet p{line-height:1.8}
.quiz-question{font-size:clamp(1.2rem,3vw,1.65rem);font-weight:900;line-height:1.55;border-left:8px solid var(--gold);padding:.7rem 1rem;background:#fff9e9}.quiz-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.quiz-choices button{min-width:0;min-height:58px;border:2px solid var(--ink);background:#fff;text-align:left;padding:.7rem;overflow-wrap:anywhere;cursor:pointer;font-weight:800}.quiz-choices button:hover{background:#fff0a9}.quiz-choices button:disabled{cursor:default}.quiz-choices button.correct{outline:5px double var(--green)}.quiz-choices button.wrong{text-decoration:line-through;outline:4px solid var(--red)}.quiz-feedback{min-height:82px;margin:14px 0;padding:.7rem 1rem;background:#dfeae3;border-left:7px solid var(--green);line-height:1.65}.quiz-feedback:empty{visibility:hidden}
.result-spread{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);overflow:hidden}.result-map{min-height:600px;background:var(--sea);display:grid;grid-template-columns:repeat(2,1fr);place-items:center;position:relative;overflow:hidden}.result-map::before{content:"";position:absolute;width:170px;height:470px;background:#d7c995;border:5px solid var(--ink);border-radius:50% 42% 52% 46%;transform:rotate(-32deg)}.result-map span{z-index:2;display:grid;place-items:center;width:80px;height:80px;border:3px solid var(--ink);border-radius:50%;background:var(--paper);font-size:2rem;box-shadow:5px 5px var(--ink)}.result-copy{padding:clamp(24px,5vw,54px)}.result-copy h2{font-size:clamp(1.7rem,5vw,3rem);margin:.7rem 0}.final-score{border-top:3px solid var(--ink);border-bottom:3px double var(--ink);padding:.8rem 0;margin:1rem 0}.final-score small,.final-score span{display:block}.final-score strong{font:900 clamp(2.5rem,8vw,5rem) ui-monospace,monospace;color:var(--red-dark)}.result-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.result-facts div{padding:.6rem;border-right:1px solid var(--ink)}.result-facts div:last-child{border-right:0}.result-facts dt{font-size:.75rem}.result-facts dd{margin:.2rem 0 0;font:900 1.4rem ui-monospace,monospace}.learning-recap{padding-left:1.25rem;line-height:1.7}.result-actions{display:flex;flex-wrap:wrap;gap:12px}.ranking-panel{margin-top:1.2rem;max-width:100%;overflow-wrap:anywhere;background:#fff;color:#173942!important;border:2px solid var(--ink);padding:.65rem}.ranking-panel *{color:#173942}.ranking-panel .is-active,.ranking-panel [aria-selected="true"]{background:#173942!important;color:#fff!important}.ranking-panel button{min-height:40px}
@keyframes alertPulse{0%,100%{outline-offset:0}50%{outline-offset:5px}}
@media(max-width:820px){.start-spread,.result-spread{grid-template-columns:1fr}.cover-map{min-height:380px}.result-map{min-height:330px}.forecast-strip{grid-template-columns:auto 1fr}.hazard-tags{grid-column:1/-1;justify-content:flex-start}.climate-map{min-height:760px}.prep-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.region-pin{width:145px}.snow-coast{left:5%;top:12%}.basin{left:43%;top:29%}.pacific{right:3%;top:49%}.inland-sea{left:5%;top:58%}.south{right:16%;bottom:4%}.map-message{max-width:64%}}
@media(max-width:560px){.atlas-shell{padding:10px 8px 36px}.atlas-header{align-items:center}.atlas-header h1{font-size:1.65rem}.kicker{font-size:.6rem}.stamp-button{padding:.4rem .55rem}.start-copy{padding:24px 18px}.cover-map{min-height:330px}.top-ledger{grid-template-columns:repeat(3,1fr)}.top-ledger>div{border-bottom:1px solid var(--ink)}.forecast-strip{padding:12px 10px;gap:10px}.phase-seal{width:58px;height:58px;font-size:.7rem}.climate-map{min-height:820px}.region-pin{width:132px;min-height:108px;padding:.42rem}.region-pin strong{font-size:.87rem}.snow-coast{left:3%;top:10%}.basin{right:3%;left:auto;top:28%}.pacific{right:3%;top:48%}.inland-sea{left:3%;top:57%}.south{right:10%;bottom:4%}.map-message{left:2%;bottom:2%;max-width:70%;font-size:.8rem}.prep-tools{grid-template-columns:1fr}.prep-token{min-height:62px}.turn-actions{flex-direction:column}.turn-actions button{width:100%;min-width:0}.quiz-choices{grid-template-columns:1fr}.result-facts{grid-template-columns:1fr}.result-facts div{border-right:0;border-bottom:1px solid var(--ink)}.result-facts div:last-child{border-bottom:0}.result-actions>*{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.region-pin[data-alert="true"]{animation:none}}