*{box-sizing:border-box}
html{background:#020711;color:#fff;color-scheme:dark}
body{margin:0;min-height:100svh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% 12%,#082b48,#020711 65%)}
.landing{position:relative;width:100%;max-width:1024px;margin:auto;isolation:isolate}
.landing-art{display:block;width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fish-card,.profit-card{position:absolute;top:29.75%;width:45.3%;height:43%;border-radius:clamp(12px,3vw,30px)}
.fish-card{left:3.9%;outline:2px solid transparent;outline-offset:4px;transition:box-shadow .18s,outline-color .18s}
.fish-card:hover{box-shadow:0 0 30px #00d9ff77;outline-color:#60edff}
.fish-card:focus-visible{outline:4px solid #fff;box-shadow:0 0 0 8px #007bff}
.profit-card{right:3.9%;display:grid;place-items:center;overflow:hidden;background:rgba(0,0,0,.5);border:1px solid #f8d25c88;text-align:center;container-type:inline-size}
.coming-soon{margin:0;padding:12px;color:white;font-size:clamp(20px,9cqw,42px);font-weight:700;text-align:center}
.scoreboard-label{position:absolute;left:11.4%;right:11.4%;bottom:4.15%;height:10.8%;display:flex;align-items:center;justify-content:center;gap:.45em;background:linear-gradient(#03ccff,#0067ff 60%,#0041ef);border:2px solid #4ce5ff;border-radius:100px;box-shadow:inset 0 0 10px #08baff;color:white;text-transform:uppercase;font-size:clamp(10px,3.1vw,32px);font-style:italic;font-weight:900;line-height:1}
.scoreboard-label>span{font-size:1.6em;font-style:normal;line-height:.7}
@media(prefers-reduced-motion:reduce){.fish-card{transition:none}}