.sheet{position:relative;padding:clamp(10px,2vw,26px)}.frame{position:relative;border:1.2px solid var(--ink);padding:9px;background:var(--paper)}.pan{border:1px solid var(--ink);overflow:hidden;max-height:calc(100svh - 120px);min-height:520px}.pan .chart{display:block;width:100%;height:auto}.mark{cursor:pointer}.mark circle{transition:fill .2s,r .2s}.mark:hover circle,.mark:focus-visible circle,.mark.on circle{fill:#f6d8ea;fill-opacity:1}.mark:hover .wn,.mark.on .wn{fill:var(--mag)}.cart{position:absolute;left:clamp(30px,4.5vw,70px);bottom:clamp(34px,6vw,70px);background:var(--paper);border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:3px;padding:18px 24px;text-align:center;width:min(360px,34%)}.cart .no{margin:0;font:italic 13px var(--text);color:var(--mag)}.cart h1{margin:6px 0 2px;font:400 clamp(34px,3.8vw,56px)/1 var(--disp);letter-spacing:.12em;padding-left:.12em;white-space:nowrap}.cart .sub{margin:0;font:400 11px/1.4 var(--text);letter-spacing:.32em;text-transform:uppercase}.cart .lede{margin:0;font:italic 14.5px/1.55 var(--text)}.legend{position:absolute;right:clamp(30px,4.5vw,70px);bottom:clamp(34px,6vw,70px);background:var(--paper);border:1px solid var(--ink);padding:10px 14px;font-size:13px}.legend h2{margin:0 0 6px;font:700 10px/1 var(--text);letter-spacing:.28em;text-transform:uppercase;text-align:center}.legend ul{list-style:none;margin:0;padding:0}.legend li{display:flex;align-items:center;gap:10px;line-height:1.9}.legend svg{width:22px;height:22px}.legend .sn{width:22px;font-size:10px;text-align:center}.legend .tint{width:22px;height:12px;background:linear-gradient(90deg,var(--land) 30%,#a9cddb 30% 55%,#c4dde6 55% 80%,var(--sea) 80%);border:1px solid var(--ink)}.tip{position:absolute;z-index:5;pointer-events:none;background:var(--paper);border:1px solid var(--ink);padding:8px 11px 9px;font:italic 13px/1.45 var(--text);max-width:270px;box-shadow:3px 3px #1c20261f}.tip b{display:block;font:400 19px/1.15 var(--disp);font-style:normal}.tip span{display:block;font-style:normal;font-size:12px;color:var(--mag);letter-spacing:.06em;margin-top:3px}.pan-hint{display:none}@media(max-width:860px){.pan{overflow-x:auto;overflow-y:hidden;max-height:none;min-height:0;overscroll-behavior-x:contain;scrollbar-width:thin}.pan .chart{width:1250px;max-width:none}.cart,.legend{position:static;width:auto;margin:16px 0 0}.legend ul{display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center}.pan-hint{display:block;text-align:center;font:italic 13px var(--text);margin:8px 0 0;color:var(--ink-2)}.tip{display:none}}.sec-head{max-width:760px;margin:0 auto 26px;text-align:center}.sec-head h2{margin:8px 0;font:400 clamp(32px,4vw,48px)/1.05 var(--disp);letter-spacing:.04em}.sec-head p:last-child{margin:0;color:var(--ink-2);font-style:italic}.register{padding:clamp(50px,8vw,100px) var(--gut) 40px}.reg{list-style:none;margin:0 auto;padding:0;max-width:1180px;border-top:2px solid var(--ink)}.reg li{border-bottom:1px solid var(--ink)}.reg a{display:grid;grid-template-columns:52px 1.6fr 1fr 1.1fr .8fr 1.2fr;gap:16px;align-items:baseline;padding:14px 8px;text-decoration:none;transition:background .2s}.reg a:hover,.reg a:focus-visible{background:#e6eef0}.reg small{display:block;font:700 9.5px/1.4 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}.rn{font:400 26px/1 var(--disp);color:var(--mag)}.rname b{display:block;font:400 24px/1.1 var(--disp)}.rname i{font-size:14px;color:var(--ink-2)}.rlost,.rwat,.rdep,.rdead{font-size:14.5px;line-height:1.4}@media(max-width:900px){.reg a{grid-template-columns:44px 1fr 1fr;gap:8px 14px}.rname{grid-column:2 / 4}.rlost{grid-column:2}.rdep{grid-column:3}.rwat{grid-column:2}.rdead{grid-column:3}}.ladder{padding:clamp(40px,7vw,90px) var(--gut) 30px}.ladder-wrap{max-width:1240px;margin:0 auto;border:1px solid var(--ink);overflow-x:auto}.ladder-svg{display:block;width:100%;min-width:760px;height:auto}.ladder-svg .ln{font:italic 12.5px var(--text);fill:var(--ink)}.ladder-svg .ld{font:10px var(--text);fill:var(--mag);letter-spacing:.04em}.ladder-svg .dl{font:italic 12px var(--text);fill:var(--ink)}.ladder-svg .dl.lt{fill:#e6e1d2}.ladder-svg .mb{font:italic 12px var(--text);fill:#e6e1d2}.ladder-svg .lad:hover .ln{fill:var(--mag)}.care{padding:30px var(--gut) 70px}.care p{max-width:640px;margin:0 auto;text-align:center;font:italic 16px/1.65 var(--text);color:var(--ink-2)}