:root{--ink:#071323;--paper:#fffaf0;--surface:#fff;--coral:#d9563f;--gold:#f8c35a;--river:#28527a;--mint:#77d6c5;--news:#f36f45}
*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}
.game-shell{max-width:1180px;margin:auto}.intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}
.hero-stage{margin:24px 0 24px 24px;min-height:430px}.hero-stage>img{width:100%;height:100%;object-fit:cover}.hero-tag{position:absolute;left:18px;bottom:16px;padding:7px 10px;background:var(--gold);border:2px solid var(--ink);border-radius:6px;font-weight:900}
.intro h1{margin:.12em 0;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.95;letter-spacing:-.045em}.dek{font-size:1.08rem;font-weight:800}.source-note{font-size:.8rem;color:#526477}.rule-card ol{padding-left:1.25rem}.rule-card small{display:block;margin-top:8px}
#start{width:100%}.play{width:min(480px,calc(100% - 12px));margin:6px auto 24px}.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:6px}.hud>div{padding:5px 3px;background:var(--surface);border:1px solid #a9b8c5;border-radius:7px;text-align:center}.hud span{display:block;font-size:.64rem;color:#526477}.hud b{font-size:.93rem}
.current-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.game-stage{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border:4px solid var(--ink);border-radius:16px;background:var(--river);box-shadow:0 7px 0 #07132328;touch-action:manipulation;outline:none}
.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lookahead-zone{position:absolute;z-index:1;top:0;left:20%;right:20%;height:39%;border-bottom:2px dashed #fffaf070;background:linear-gradient(180deg,#77d6c51f,transparent);pointer-events:none}.approach-flow{position:absolute;inset:5% 8% 12%;display:flex;justify-content:space-around}.approach-flow i{position:relative;width:3px;height:72%;background:linear-gradient(180deg,transparent,#fffaf0b8 25%,#fffaf0b8 78%,transparent);border-radius:99px}.approach-flow i:nth-child(2){height:92%;opacity:.9}.approach-flow i::after{content:"";position:absolute;left:50%;bottom:-1px;width:12px;height:12px;border-right:3px solid #fffaf0d9;border-bottom:3px solid #fffaf0d9;transform:translateX(-50%) rotate(45deg);filter:drop-shadow(0 2px 1px #07132355)}.current-flow{position:absolute;z-index:1;inset:28% 22% 24%;pointer-events:none}.current-flow i{position:absolute;width:70px;height:3px;background:linear-gradient(90deg,transparent,#77d6c5d9 20%,#fffaf0d9 85%);border-radius:99px;transform-origin:center;filter:drop-shadow(0 2px 1px #07132355)}.current-flow i:nth-child(1){left:5%;top:8%}.current-flow i:nth-child(2){left:53%;top:42%;opacity:.85}.current-flow i:nth-child(3){left:20%;top:78%;opacity:.72}.current-flow i::after{content:"";position:absolute;right:-1px;top:50%;width:11px;height:11px;border-right:3px solid #fffaf0e6;border-top:3px solid #fffaf0e6;transform:translateY(-50%) rotate(45deg)}.current-flow[data-direction="-1"] i{transform:rotate(180deg)}.current-flow[data-direction="0"] i{transform:rotate(90deg)}.current-flow[data-direction="1"] i{transform:rotate(0deg)}.world-lantern,.neighbor-boat,#player-boat{position:absolute;pointer-events:none;will-change:left,top,transform}.world-lantern{z-index:2;width:10.5%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 7px #f8c35acc) drop-shadow(0 4px 0 #07132333)}.neighbor-boat{z-index:3;width:16%;transform:translate(-50%,-50%)}#player-boat{top:80%;width:34%;aspect-ratio:180/240;z-index:5;transform-origin:center}.player-boat-art{position:absolute;z-index:2;inset:0;width:100%;height:100%}.boat-lanterns{position:absolute;z-index:1;left:5%;top:-23%;width:90%;height:58%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);align-items:center;justify-items:center}.boat-lantern{width:88%;max-height:100%;opacity:0;transform:translateY(-9px) scale(.7);filter:drop-shadow(0 0 5px #f8c35acc)}.boat-lantern.placed{opacity:1;transform:none}.boat-lantern.arriving{animation:hang-lantern .28s ease-out}
#wake-warning{position:absolute;z-index:8;top:76%;width:39%;pointer-events:none}.pop{animation:pop .65s ease-out}#wake-warning[data-side=left]{transform:translate(-78%,-50%) rotate(-8deg)}#wake-warning[data-side=right]{transform:translate(-22%,-50%) scaleX(-1) rotate(-8deg)}
.oar-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.oar-controls button{min-height:54px;padding:7px;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:11px;box-shadow:0 5px 0 var(--ink);font:900 .95rem inherit;cursor:pointer;touch-action:manipulation}.oar-controls button small{display:block;font-size:.68rem}.oar-controls button:active,.oar-controls button.pressed{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}
.feedback{min-height:42px;margin:8px 0 0;padding:9px 12px 9px 48px;position:relative;background:#ffffffdd;border-left:6px solid var(--river);border-radius:7px;color:var(--ink);font-weight:800;font-size:.82rem;pointer-events:none}.feedback::before{content:attr(data-cue);position:absolute;left:8px;top:8px;padding:2px 5px;background:var(--ink);color:#fff;border-radius:4px;font-size:.62rem}.feedback[data-cue=CONTACT]{border-left-color:var(--news)}
.result{width:min(980px,calc(100% - 24px));margin:12px auto 30px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--paper);border:4px solid var(--ink);border-radius:24px;box-shadow:0 9px 0 #07132322}.result-art{position:relative;width:100%;aspect-ratio:800/520;overflow:hidden;border:3px solid var(--ink);border-radius:14px;background:var(--river)}.result-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.result h2{font-size:clamp(1.7rem,4vw,3rem);line-height:1;margin:.25em 0}.score-line strong{font-size:4rem}.actions{display:flex;gap:10px;flex-wrap:wrap}.news-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:.82rem}.editorial-info{width:min(980px,calc(100% - 24px));margin:0 auto 30px;padding:18px;background:#fff;border-left:6px solid var(--news);border-radius:9px}.editorial-info p{max-width:76ch}
#result-boat{position:absolute;z-index:3;left:50%;top:68%;width:43%;aspect-ratio:180/240;transform:translate(-50%,-50%);pointer-events:none}
[hidden]{display:none!important}@keyframes pop{0%{opacity:0}28%{opacity:1}100%{opacity:0}}@keyframes hang-lantern{0%{opacity:0;transform:translateY(-12px) scale(.55)}70%{opacity:1;transform:translateY(2px) scale(1.08)}100%{opacity:1;transform:none}}
@media(max-width:760px){.intro{display:block}.hero-stage{margin:0;min-height:0;border-width:0!important;border-bottom-width:3px!important;border-radius:0!important;box-shadow:none!important}.hero-stage>img{display:block;aspect-ratio:16/9}.intro h1{font-size:2.15rem}.intro-copy{padding-top:14px!important}.hud{grid-template-columns:repeat(5,1fr)}.play{margin-top:4px}.result{display:block;padding:14px}.result-art{max-height:280px}.result>div+div{margin-top:14px}.score-line strong{font-size:3.2rem}.actions{gap:8px}.editorial-info{margin-bottom:18px}}
@media(max-height:700px) and (max-width:520px){.game-stage{height:360px;aspect-ratio:auto}.oar-controls button{min-height:48px}.feedback{min-height:38px;margin-top:6px;padding-top:7px;padding-bottom:7px}.lookahead-zone span{top:5px}}
@media(prefers-reduced-motion:reduce){.pop,.boat-lantern.arriving{animation:none!important}.world-lantern,.neighbor-boat,#player-boat{will-change:auto}}