@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b151e;--panel:#14212c;--line:#293a46;--muted:#93a6b6;--ink:#f3f4e9;--lime:#d8f58b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}header{height:92px;max-width:1380px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:800 29px Manrope,sans-serif;letter-spacing:-1px;color:var(--ink);text-decoration:none}.moon{color:var(--lime);font-size:37px}.brand-note{font:500 11px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);margin-left:20px;border-left:1px solid var(--line);padding-left:25px}.quiet{background:transparent;border:1px solid var(--line);color:#bac7d1;padding:10px 14px;border-radius:8px;font-size:14px}main{max-width:1380px;margin:auto;padding:35px 48px 20px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}h1{font:500 clamp(30px,3.2vw,44px) Manrope,sans-serif;letter-spacing:-1.7px;margin:8px 0 0}h2{font:600 19px Manrope,sans-serif;margin:0}.wallet{padding:13px 22px;border:1px solid var(--line);border-radius:12px;min-width:204px}.wallet>div{margin-top:6px;font-size:27px}.wallet strong{font-weight:600;font-variant-numeric:tabular-nums}.wallet small{font-size:13px;color:var(--muted)}.coin{color:var(--lime)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.play{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#112637}.scene{height:418px;position:relative;background:linear-gradient(0deg,rgba(4,18,29,.5),rgba(4,18,29,.1)),url('ocean.png') center 54%/cover,#16394b;isolation:isolate}.scene-top,.scene-bottom{position:absolute;left:26px;right:26px;display:flex;justify-content:space-between;gap:15px;z-index:3;font-size:13px}.scene-top{top:24px}.location{border:1px solid #a5cdd644;background:#0a263c88;padding:8px 12px;border-radius:25px;backdrop-filter:blur(8px)}.night{font-size:10px;letter-spacing:1.7px;padding-top:10px}.scene-bottom{bottom:22px;color:#d2e4ee;font-size:13px}.coordinates{font-size:11px;opacity:.7;white-space:nowrap}.water-caption{position:absolute;top:105px;left:32px;text-shadow:0 2px 15px #071623}.water-caption .eyebrow{color:#c4d8df;font-size:10px}.water-caption h2{font:500 38px/1.18 Manrope,sans-serif;letter-spacing:-1.2px;margin-top:12px}.float{position:absolute;left:64%;top:54%;font-size:60px;filter:drop-shadow(0 8px 10px #001c35);transform-origin:bottom right;animation:bob 3s ease-in-out infinite}.casting .float{animation:bob .5s ease-in-out infinite}.casting .water-caption{opacity:0}.spots{display:grid;grid-template-columns:repeat(3,1fr);background:#14222e}.spot{text-align:left;background:transparent;border:0;border-top:2px solid transparent;border-right:1px solid var(--line);color:var(--muted);padding:18px 22px 22px}.spot:last-child{border-right:0}.spot.active{border-top-color:var(--lime);background:#1d303b}.spot>span{font-size:11px;display:flex;align-items:center;justify-content:space-between}.spot-icon{font-size:24px;color:#8eb5bf}.spot strong,.spot small{display:block}.spot strong{font-weight:500;font-size:15px;color:var(--ink);margin:9px 0 4px}.spot small{font-size:12px}.active>span,.active .spot-icon{color:var(--lime)}aside{display:flex;flex-direction:column;gap:16px}.card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:23px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.text-button{background:none;border:0;color:var(--muted);font-size:12px;padding:0;text-decoration:underline;text-underline-offset:4px}label{display:block;font-size:11px;letter-spacing:1.4px;color:var(--muted);margin-bottom:10px}.bet-input{display:flex;align-items:center;border:1px solid #40505a;border-radius:8px;background:#0d1b26;padding:11px 14px;gap:12px}.bet-input input{min-width:0;width:100%;font-size:23px;border:0;background:none;color:var(--ink);outline:none;font-weight:600}.bet-input>span:last-child{font-size:13px;color:var(--muted)}.presets{display:flex;gap:7px;margin-top:10px}.presets button{flex:1;border:1px solid var(--line);border-radius:6px;background:#1b2b36;color:#b9c9d3;padding:7px}.presets .selected{border-color:#bbdb77;color:var(--lime);background:#28372d}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0}.potential{display:flex;justify-content:space-between;font-size:13px;padding:17px 0;margin:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.potential strong{color:var(--ink);font-size:16px;font-weight:500}.potential small{font-size:12px;color:var(--muted)}.cast{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--lime);color:#152218;border:0;border-radius:8px;padding:16px 18px;font-weight:700}.cast:hover:not(:disabled){background:#e7ffa6;transform:translateY(-1px)}.cast span{font-size:22px;line-height:16px}.dive{width:100%;border:1px solid #718e88;background:transparent;color:var(--lime);border-radius:8px;padding:12px 8px;margin-top:10px;font-size:13px}.footnote{text-align:center;color:var(--muted);font-size:11px;line-height:1.7;margin:19px 0 0}.message{color:#f2be91;font-size:13px;margin:8px 0 0}.message:empty{display:none}.session{padding:20px 23px}.stats{display:flex;justify-content:space-between;margin-top:14px}.stats strong,.stats span{display:block}.stats strong{font-size:20px;font-weight:500}.stats span{color:var(--muted);font-size:11px;margin-top:5px}.log{margin-top:31px}.log-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.log-heading h2{font-size:17px}.log-heading>span{font-size:12px;color:var(--muted)}.history{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.empty{grid-column:1/-1;text-align:center;border:1px dashed var(--line);padding:24px;color:var(--muted);font-size:14px;border-radius:10px;margin:0}.catch{padding:13px;border:1px solid var(--line);border-radius:9px;background:#12212b}.catch-icon{font-size:24px;float:right}.catch strong{display:block;font-size:12px;margin-top:18px;font-weight:500}.catch small{font-size:11px;color:var(--muted);display:block;margin:5px 0}.catch b{font-size:14px;color:var(--lime);font-weight:500}.catch b.loss{color:#b2bac3}footer{margin-top:35px;padding-top:19px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#738898;font-size:11px}.footer-dot{margin:0 10px}.result{position:absolute;inset:85px 20px 65px;text-align:center;z-index:2;border-radius:16px;background:#071d2bae;backdrop-filter:blur(8px);padding:20px}.result .eyebrow{color:var(--lime)}#fish-icon{font-size:65px;line-height:1.3;margin:8px}#fish-name{font-size:28px}#fish-detail{font-size:16px;color:#d0e2e8;margin:10px 0}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:28px;max-width:700px;width:calc(100% - 32px)}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog p{line-height:1.6;font-size:14px;color:#b5c6d1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th,td{padding:13px 9px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:500}td:first-child{color:var(--ink)}[hidden]{display:none!important}@keyframes bob{50%{transform:translateY(8px) rotate(-5deg)}}@media(max-width:1050px){header{padding:0 24px}main{padding:28px 24px}.layout{grid-template-columns:minmax(0,1fr) 305px;gap:16px}.brand-note{display:none}.coordinates{display:none}.water-caption h2{font-size:32px}.spot{padding:15px}.history{grid-template-columns:repeat(3,1fr)}}@media(max-width:740px){header{height:76px;padding:0 18px}.brand{font-size:25px}main{padding:25px 16px}.intro{align-items:flex-start;gap:12px}.intro>.wallet{min-width:130px;padding:11px}.wallet>div{font-size:22px}.wallet small{display:none}.intro .eyebrow{font-size:9px}h1{font-size:28px;letter-spacing:-1px}.layout{grid-template-columns:1fr}.scene{height:350px}.scene-top{left:18px;right:18px}.night{font-size:9px}.water-caption{left:24px}.water-caption h2{font-size:34px}.spots .spot{padding:12px}.spot small{font-size:11px}.spot strong{font-size:14px}.session{padding:18px 24px}.card{padding:20px}.card-head{margin-bottom:18px}.potential{margin:12px 0}.footnote{margin-top:14px}footer{font-size:10px}footer>span:last-child{display:none}.history{grid-template-columns:repeat(2,1fr)}.result{inset:75px 15px 55px;padding:15px}#fish-icon{font-size:50px}.scene-bottom{left:20px;right:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}