:root{font-family:"Arial Black","Noto Sans JP",system-ui,sans-serif;color:#071a3a;background:#dff8ff;--navy:#071a3a;--blue:#168ed3;--deep:#07518b;--green:#28b881;--lime:#58e1a8;--yellow:#ffcb4a;--coral:#ff6b59;--paper:#f7fcff}
[hidden]{display:none!important}
.play{min-height:0!important}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(circle at 20% 0,#fff 0,#dff8ff 46%,#b7eaf2 100%);font-size:16px;line-height:1.45}button,a{font:inherit}.shell{width:min(1180px,calc(100% - 24px));margin:auto;padding-bottom:36px}.mast{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:62px;border-bottom:3px solid var(--navy);font-size:13px;font-weight:900;letter-spacing:.04em}.mast a{color:var(--navy);text-decoration:none}.panel{margin:22px auto 0;border:4px solid var(--navy);border-radius:28px;background:var(--paper);box-shadow:8px 9px 0 var(--navy);overflow:hidden}.intro,.result{max-width:900px;padding:clamp(22px,4vw,42px)}.eyebrow{margin:0 0 8px;color:var(--deep);font-size:13px;letter-spacing:.12em}.intro h1{margin:0;font-size:clamp(48px,8vw,84px);line-height:.92;letter-spacing:-.06em}.intro h1 span{color:var(--green)}.intro-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:22px;align-items:center;margin:24px 0}.intro-art{position:relative;aspect-ratio:16/9;border:3px solid var(--navy);border-radius:20px;background:linear-gradient(#168ed3,#071a3a);overflow:hidden}.intro-art svg{position:absolute;inset:0;width:100%;height:100%}.intro-pipe{fill:none;stroke:var(--lime);stroke-width:15;stroke-linecap:round}.news-brief{padding:16px;border-left:7px solid var(--green);background:#e7fff4}.news-brief b{font-size:13px;color:#075b42}.news-brief p{margin:6px 0 0;font-family:system-ui,sans-serif;font-weight:700}.rule-card{display:grid;gap:10px;padding:18px;border:3px solid var(--navy);border-radius:18px;background:#fff9da}.rule-card b{font-size:20px}.rule-diagram{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--coral);font-size:17px}.rule-arrow{position:relative;width:64px;height:14px;background:currentColor;border-radius:99px}.rule-arrow:after{content:"";position:absolute;right:-2px;top:-9px;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:24px solid currentColor}.rule-arrow.reverse{transform:rotate(180deg);color:var(--green)}.primary,.secondary{min-height:52px;padding:11px 20px;border:3px solid var(--navy);border-radius:12px;font-weight:900;cursor:pointer}.primary{background:var(--yellow);box-shadow:0 5px 0 var(--navy)}.secondary{background:#fff}.primary:hover{transform:translateY(2px);box-shadow:0 3px 0 var(--navy)}button:focus-visible,a:focus-visible{outline:5px solid #fff;outline-offset:3px;box-shadow:0 0 0 9px var(--coral)}.intro .primary{display:block;width:min(100%,360px);margin:24px auto 0;font-size:20px}.key-help{text-align:center;font-family:system-ui,sans-serif;font-size:13px}.play{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(260px,.95fr);min-height:720px}.ocean{position:relative;min-width:0;aspect-ratio:1200/760;background:#07518b;overflow:hidden}.world{position:absolute;inset:0;width:100%;height:100%}.lift-pipe{fill:none;stroke:var(--lime);stroke-width:19;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(88,225,168,.7))}.ghost{stroke:#fff;stroke-width:5;stroke-dasharray:12 18;opacity:.2}.mud-packets circle{fill:#e7bd67;stroke:var(--navy);stroke-width:3}.buoy{position:absolute;left:var(--x);top:var(--y);width:max(52px,6.2%);aspect-ratio:1;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none;z-index:5}.buoy svg{width:100%;height:100%;filter:drop-shadow(0 4px 0 rgba(7,26,58,.45))}.buoy.active:before{content:"";position:absolute;inset:-8px;border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 5px var(--coral);animation:pulse 1s ease-in-out infinite}.buoy.dragging{cursor:grabbing}.current-indicator{position:absolute;left:70%;top:var(--layer-y);z-index:4;display:flex;align-items:center;gap:10px;transform:translateY(-50%);max-width:28%;color:#fff;text-shadow:0 2px 0 var(--navy)}.current-indicator .arrow{position:relative;display:block;width:52px;height:12px;border-radius:99px;background:var(--coral);box-shadow:0 0 0 3px var(--navy)}.current-indicator .arrow:after{content:"";position:absolute;right:-12px;top:-9px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid var(--coral);filter:drop-shadow(3px 0 0 var(--navy))}.current-indicator.left .arrow{transform:rotate(180deg)}.current-indicator b{font-size:11px;line-height:1.15}.coach{position:absolute;left:7%;top:27%;z-index:6;max-width:220px;padding:10px 12px;border:3px solid var(--navy);border-radius:12px;background:var(--yellow);font-size:13px;font-weight:900;box-shadow:4px 4px 0 var(--navy)}.danger-bracket path{fill:none;stroke:var(--coral);stroke-width:10;stroke-linecap:round}.pause-layer{position:absolute;inset:0;z-index:20;display:grid;place-content:center;gap:12px;padding:24px;background:rgba(7,26,58,.86);color:#fff;text-align:center}.pause-layer[hidden]{display:none}.instruments{display:flex;flex-direction:column;gap:16px;padding:22px;background:#eaf9fd;border-left:4px solid var(--navy)}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud p{margin:0;padding:9px 5px;border:3px solid var(--navy);border-radius:10px;background:#fff;text-align:center}.hud span{display:block;font-size:10px;letter-spacing:.05em}.hud b{font-size:24px}.tank-wrap{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px;padding:12px;border:3px solid var(--navy);border-radius:16px;background:#fff}.tank-art{position:relative;width:100px;aspect-ratio:160/210}.tank-art svg{position:absolute;inset:0;width:100%;height:100%}.tank-fill{position:absolute;left:17%;right:17%;bottom:12%;height:0;border-radius:7px 7px 18px 18px;background:#e7bd67;transition:height .12s linear}.tank-fill.pumping{box-shadow:0 0 18px var(--yellow)}.meter-box{display:grid;gap:12px}.meter-label{display:flex;justify-content:space-between;font-size:12px}.meter{height:18px;border:3px solid var(--navy);border-radius:99px;background:linear-gradient(90deg,var(--green) 0 var(--value),#fff var(--value));overflow:hidden}.meter.tension{background:linear-gradient(90deg,var(--coral) 0 var(--value),#fff var(--value))}.next-current{min-height:38px;margin:0;padding:8px 10px;border:2px dashed var(--deep);border-radius:10px;background:#fff;color:var(--deep);font-size:12px}.feedback{min-height:68px;margin:0;padding:12px;border:3px solid var(--navy);border-radius:12px;background:#fff9da;font-size:15px;font-weight:900}.controls{margin-top:auto;font-family:system-ui,sans-serif;font-size:12px}.controls b{font-family:inherit}.result{text-align:center}.result h2{margin:0;font-size:clamp(34px,6vw,62px);line-height:1}.score-line{display:flex;justify-content:center;align-items:baseline;gap:10px;margin:14px 0}.score-line strong{font-size:clamp(62px,12vw,110px);line-height:.8;color:var(--deep)}.score-line span{font-size:18px}.rank-line{display:inline-flex;gap:12px;align-items:center;padding:7px 14px;border:3px solid var(--navy);border-radius:99px;background:var(--yellow);font-size:18px}.rank-line b{font-size:32px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;margin:24px 0;text-align:left}.result-art{position:relative;aspect-ratio:900/520;border:3px solid var(--navy);border-radius:16px;overflow:hidden}.result-art svg{position:absolute;inset:0;width:100%;height:100%}.result-tank{position:absolute;right:5%;bottom:7%;width:14%;height:78%;border:5px solid #fff;border-radius:10px 10px 20px 20px;background:linear-gradient(to top,#e7bd67 var(--value),rgba(255,255,255,.25) var(--value))}.result-stats{display:grid;gap:9px}.result-stats p{margin:0;padding:10px;border-left:5px solid var(--green);background:#e7fff4;font-family:system-ui,sans-serif;font-weight:800}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.news-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;font-family:system-ui,sans-serif;font-size:13px}.news-links a{color:var(--deep)}.disclaimer{margin:14px auto 0;max-width:720px;color:#506071;font-family:system-ui,sans-serif;font-size:11px}
@keyframes pulse{50%{transform:scale(1.12);opacity:.65}}@media(max-width:760px){.shell{width:min(100% - 12px,1180px)}.panel{margin-top:12px;border-width:3px;border-radius:20px;box-shadow:4px 5px 0 var(--navy)}.intro,.result{padding:18px 14px}.intro-grid{grid-template-columns:1fr}.intro-art{aspect-ratio:16/8}.play{display:block;min-height:0}.ocean{width:100%;max-height:58svh}.instruments{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border-left:0;border-top:3px solid var(--navy)}.hud{grid-column:1/-1}.tank-wrap{grid-template-columns:72px 1fr;padding:8px}.tank-art{width:72px}.feedback{min-height:55px}.controls{display:none}.current-indicator{left:67%;max-width:31%}.current-indicator .arrow{width:36px}.current-indicator b{font-size:9px}.coach{left:4%;top:24%;max-width:150px;font-size:11px}.result-grid{grid-template-columns:1fr;margin:18px 0}.result-stats{gap:6px}.result-stats p{padding:7px}.result-actions>*{flex:1 1 190px}}@media(max-width:420px){.mast{font-size:11px}.intro h1{font-size:47px}.intro-grid{margin:16px 0}.instruments{grid-template-columns:1fr}.hud{grid-column:auto}.next-current{display:none}.buoy{width:54px}.current-indicator b{display:none}.current-indicator{left:78%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}