.top{flex-wrap:nowrap}.top .back,.top .brand{white-space:nowrap}.hero-whale{position:absolute;right:2%;bottom:3%;width:clamp(145px,31vw,250px);height:auto;filter:drop-shadow(0 15px 9px #06435b73);animation:whaleBob 3s ease-in-out infinite}.fish-home{isolation:isolate}.fish-home .hero-copy{max-width:68%}.home-note{margin:14px 4px;text-align:center;font-weight:850;color:#37768a}.story-stage{height:auto;min-height:0;aspect-ratio:4/3}.story-stage canvas{display:block;width:100%;height:100%}.story-copy h2{font-size:clamp(1.5rem,4vw,2rem);margin:0}.primary:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.final-story .story-copy p{min-height:auto}@keyframes whaleBob{50%{transform:translateY(-12px) rotate(-2deg)}}
.story-stage::after { display:none; }
@media(max-width:620px){.shell{padding:10px 10px 22px}.top{gap:6px;justify-content:space-between}.top .back{font-size:.68rem;padding:8px 9px}.top .brand{font-size:.70rem;letter-spacing:-.02em}.fish-home{min-height:485px;margin-top:12px;padding:24px 19px}.fish-home .hero-copy{max-width:100%;padding-bottom:155px}.fish-home h1{font-size:clamp(2.1rem,9vw,2.8rem)}.fish-home .hero-copy p{font-size:.95rem;max-width:260px}.fish-home .primary{font-size:.9rem;padding:11px 16px}.hero-whale{width:175px;right:10px;bottom:9px}.story{margin-top:12px}.story-stage{aspect-ratio:4/3}.story-copy{padding:16px}.story-copy p{font-size:.96rem;min-height:75px}.story-actions{display:grid;grid-template-columns:1fr}.story-actions .primary,.story-actions .secondary{width:100%;font-size:.92rem;padding:12px}.game-head{padding:7px 2px;gap:6px}.game-head .back{font-size:.7rem;padding:8px}.game-head h1{font-size:1.15rem}.game-head p{font-size:.66rem}.stats{font-size:.83rem}.game-frame canvas{aspect-ratio:1/1}.game-overlay{padding:10px}.overlay-card{padding:14px}.overlay-card h2{font-size:1.35rem}.overlay-card p{font-size:.9rem}.controls{margin:13px auto 8px}.control{height:66px;width:29vw;max-width:116px}.hint{font-size:.77rem;line-height:1.35;margin:8px auto}}
@media(max-width:360px){.top .back{font-size:.62rem;padding:7px}.top .brand{font-size:.64rem}.fish-home{min-height:485px}.hero-whale{width:152px}}
.ale-controller{width:min(560px,100%);margin:13px auto 6px;padding:10px 16px 15px;border:3px solid #d6e9ed;border-radius:32px;background:linear-gradient(145deg,#f8feff,#cfeaf2);box-shadow:inset 0 3px 0 #fff,0 12px 26px #07527036;touch-action:none;user-select:none;-webkit-user-select:none}
.controller-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}.controller-brand{color:#126b86;font-size:.75rem;font-weight:950;letter-spacing:.05em}.start-button{display:flex;align-items:center;gap:5px;border:0;border-radius:999px;background:#265c79;color:#fff;padding:6px 13px;font-weight:900}.start-button small{font-size:.65rem;letter-spacing:.06em}
.controller-body{display:flex;align-items:center;justify-content:space-between;gap:16px}.dpad{display:grid;grid-template-columns:repeat(3,clamp(40px,12vw,55px));grid-template-rows:repeat(3,clamp(40px,12vw,55px));flex:none;align-items:stretch}.pad-button{border:0;background:#17445e;color:#fff;font-size:1.2rem;font-weight:900;touch-action:none;box-shadow:inset 0 3px 2px #ffffff40,0 4px 0 #0a2d42}.pad-button.pressed{background:#22a5bb;box-shadow:inset 0 2px 5px #084b65}.pad-up{grid-column:2;grid-row:1;border-radius:11px 11px 0 0}.pad-left{grid-column:1;grid-row:2;border-radius:11px 0 0 11px}.pad-right{grid-column:3;grid-row:2;border-radius:0 11px 11px 0}.pad-down{grid-column:2;grid-row:3;border-radius:0 0 11px 11px}.pad-center{grid-column:2;grid-row:2;display:grid;place-items:center;background:#17445e;color:#85dce5}
.action-buttons{display:flex;align-items:center;justify-content:center;gap:clamp(9px,3vw,22px);flex:1}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(62px,18vw,82px);height:clamp(62px,18vw,82px);border:3px solid #fff;border-radius:50%;color:#fff;touch-action:none;box-shadow:0 6px 0 #07527055,0 8px 15px #064b6c3b}.action-button strong{font-size:1.65rem;line-height:1}.action-button small{font-size:.52rem;font-weight:950;letter-spacing:.04em}.action-button.pressed,.action-button:active{transform:translateY(4px);box-shadow:0 2px 0 #07527055}.action-a{background:linear-gradient(145deg,#f5ad45,#dc7137)}.action-b{background:linear-gradient(145deg,#835fe6,#5a42b7)}
@media(max-width:620px){.ale-controller{margin:9px auto 4px;padding:7px 10px 11px;border-radius:25px}.controller-body{gap:8px}.controller-brand{font-size:.65rem}.dpad{grid-template-columns:repeat(3,clamp(38px,11vw,47px));grid-template-rows:repeat(3,clamp(38px,11vw,47px))}.action-buttons{gap:7px}.action-button{width:clamp(55px,16vw,70px);height:clamp(55px,16vw,70px)}.action-button strong{font-size:1.4rem}.hint{max-width:440px}}