.fishtide-shell{width:min(100% - 1rem,1120px);padding-top:clamp(1rem,3vw,2rem)}
.fishtide-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:clamp(1rem,3vw,2rem);overflow:hidden;border:1px solid #56dacc45;border-radius:24px;background:linear-gradient(120deg,#032438,#07536b);color:#ecfffc;box-shadow:0 20px 60px #00162355}
.fishtide-hero .back-link,.fishtide-hero .eyebrow{color:#9fe8dd}.fishtide-hero h1{margin:.15rem 0;font-size:clamp(2rem,5vw,4rem)}.fishtide-hero .lede{max-width:48rem;color:#ccebe8}.fishtide-hero-mark{display:grid;width:110px;height:110px;flex:0 0 110px;place-items:center;border:1px solid #a8fff355;border-radius:36px;background:#052b45;font-size:4rem;box-shadow:0 0 50px #39e0cb33;transform:rotate(-8deg)}
.fishtide-game{display:grid;gap:1rem}.fishtide-stage{position:relative;overflow:hidden;border:1px solid #2d7180;border-radius:22px;background:#032438;box-shadow:0 24px 70px #00152266;isolation:isolate}.fishtide-stage::before{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#39d8c326,transparent 38%),linear-gradient(180deg,#063d59,#021629 85%);content:"";pointer-events:none}.fishtide-stage::after{position:absolute;right:-10%;bottom:-16%;left:-10%;height:35%;border-radius:50% 50% 0 0;background:#063f53;box-shadow:0 -18px 40px #55d8c21c;content:"";pointer-events:none}.fishtide-hud{position:absolute;z-index:4;top:0;right:0;left:0;display:flex;gap:.4rem;justify-content:space-around;padding:.6rem .8rem;border-bottom:1px solid #71ebe344;background:#02172ae8;backdrop-filter:blur(8px)}.fishtide-hud span{display:grid;min-width:70px;gap:.15rem;text-align:center}.fishtide-hud small{color:#96d8d4;font-size:.58rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.fishtide-hud strong{color:#f1ffdc;font-size:1rem;font-variant-numeric:tabular-nums}.fishtide-hud span:nth-child(3) strong{color:#ffd477}.fishtide-stage canvas{position:relative;z-index:1;display:block;width:100%;height:auto;min-height:360px;aspect-ratio:16/9;outline:none;touch-action:none;image-rendering:auto}.fishtide-touch-hint{position:absolute;z-index:3;bottom:1.1rem;left:50%;padding:.35rem .7rem;border:1px solid #a5fff588;border-radius:999px;background:#021426bb;color:#e5fffb;font-size:.7rem;font-weight:800;opacity:.8;transform:translateX(-50%);pointer-events:none}.fishtide-overlay{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:1rem;background:#011524aa;backdrop-filter:blur(4px)}.fishtide-overlay[hidden]{display:none}.fishtide-overlay-card{width:min(100%,420px);padding:clamp(1.2rem,4vw,2.4rem);border:1px solid #91f5df66;border-radius:22px;background:linear-gradient(145deg,#072c43f5,#031728f5);color:#effffb;text-align:center;box-shadow:0 24px 80px #0008}.fishtide-overlay-card h2{margin:.3rem 0 .5rem;font-size:clamp(1.6rem,4vw,2.5rem)}.fishtide-overlay-card p:not(.eyebrow){color:#c8e6e3}.fishtide-overlay-card small{display:block;margin-top:.8rem;color:#9ac7c6;font-size:.72rem}.fishtide-overlay-icon{display:block;margin-bottom:.3rem;font-size:3rem}.fishtide-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:1rem 0;overflow:hidden;border:1px solid #75d8d244;border-radius:12px;background:#75d8d244}.fishtide-result-stats span{display:grid;gap:.2rem;padding:.65rem;background:#062237}.fishtide-result-stats strong{font-size:1.5rem;color:#ffe29a}.fishtide-result-stats small{margin:0}.fishtide-how{display:grid;gap:1.2rem;padding:clamp(1rem,3vw,1.5rem);border-radius:20px}.fishtide-how h2{margin:.15rem 0}.fishtide-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.fishtide-how-grid>div{display:grid;gap:.25rem;padding:1rem;border:1px solid var(--line);border-radius:15px;background:var(--mist)}.fishtide-how-grid span{font-size:1.5rem}.fishtide-how-grid strong{font-size:.9rem}.fishtide-how-grid p{margin:0;color:var(--ink-soft);font-size:.82rem}
@media(max-width:700px){.fishtide-shell{width:calc(100% - .75rem);padding-top:.6rem}.fishtide-hero{align-items:flex-start;padding:1rem;border-radius:18px}.fishtide-hero-mark{width:58px;height:58px;flex-basis:58px;border-radius:18px;font-size:2rem}.fishtide-hero h1{font-size:2rem}.fishtide-hero .lede{font-size:.85rem}.fishtide-hud{padding:.45rem .3rem}.fishtide-hud span{min-width:0;flex:1}.fishtide-hud small{font-size:.48rem}.fishtide-hud strong{font-size:.8rem}.fishtide-stage canvas{min-height:410px;aspect-ratio:4/5}.fishtide-touch-hint{bottom:.65rem;font-size:.62rem;white-space:nowrap}.fishtide-how-grid{grid-template-columns:1fr}.fishtide-how-grid>div{grid-template-columns:auto 1fr;align-items:center}.fishtide-how-grid p{grid-column:2}}
@media(prefers-reduced-motion:reduce){.fishtide-hero-mark{transform:none}}
.fishtide-help{margin-top:.15rem}.fishtide-help .fishtide-how-grid{margin-top:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:var(--mist)}
/* The game opens directly on its playfield; keep only a compact title row. */
.fishtide-header{display:block;margin-bottom:.8rem}.fishtide-header .back-link,.fishtide-header .eyebrow{color:var(--sea)}.fishtide-header h1{margin:.15rem 0 .25rem;color:var(--ink);font-size:clamp(1.8rem,4vw,3rem)}.fishtide-header .lede{max-width:52rem;margin:0;color:var(--ink-soft);font-size:.9rem}
@media(max-width:700px){.fishtide-header{margin-bottom:.55rem}.fishtide-header .lede{font-size:.8rem}}