:root{color-scheme:dark;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--panel: rgba(21, 64, 79, .88);--panel-solid: #15404f;--text: #f4e9d4;--gold: #f2b94b;--rarity-common: #9bb7c4;--rarity-uncommon: #5fd08a;--rarity-rare: #b07ce8;--rarity-legendary: #f2b94b}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden}#app{position:relative;background:#04141d;color:var(--text)}#tank{display:block;width:100%;height:100%}#hud{position:absolute;inset:14px 14px auto 14px;display:flex;align-items:center;gap:10px;pointer-events:none}#hud .actions{display:flex;gap:8px;pointer-events:auto;margin-left:auto}.coins{font-size:18px;font-weight:700;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.8)}.pill{font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000059}.status{font-size:13px;color:#f4e9d4bf;pointer-events:none}button{border:none;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:700;color:#04222f;background:var(--gold);cursor:pointer;transition:transform .08s ease,filter .15s ease}button:hover{filter:brightness(1.1)}button:active{transform:scale(.96)}button:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}button.danger{background:#e87c7c}.close-btn{background:transparent;color:var(--text);font-size:16px;padding:4px 10px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#020c128c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.panel{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,233,212,.12);border-radius:18px;box-shadow:0 12px 40px #00000080;width:min(680px,calc(100vw - 40px));max-height:calc(100vh - 60px);display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 0}.panel-head h2{margin:0;font-size:20px}.panel-body{padding:12px 20px 20px;overflow-y:auto}.shop-section h3{margin:14px 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.card-row{display:flex;gap:10px;flex-wrap:wrap}.card{background:#041a2499;border:1px solid rgba(244,233,212,.1);border-radius:14px;padding:12px;width:150px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.card.wide{width:100%;flex-direction:row;justify-content:space-between;text-align:left}.card-img{width:84px;height:84px;object-fit:contain}.card-title{font-weight:700;font-size:14px}.card-sub{font-size:12px;opacity:.75}.blurb{font-style:italic}.chip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:999px;color:#04222f}.rarity-common{background:var(--rarity-common)}.rarity-uncommon{background:var(--rarity-uncommon)}.rarity-rare{background:var(--rarity-rare)}.rarity-legendary{background:var(--rarity-legendary)}.rarity-edge-common{border-color:var(--rarity-common)}.rarity-edge-uncommon{border-color:var(--rarity-uncommon)}.rarity-edge-rare{border-color:var(--rarity-rare)}.book-progress{font-size:13px;opacity:.8;margin-bottom:10px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.book-card{width:auto}.book-card.unknown .card-img{filter:brightness(0) opacity(.45)}.fish-panel{display:flex;flex-direction:column;align-items:center;gap:10px}.fish-portrait{width:160px;height:160px;object-fit:contain}.fish-meta{display:flex;flex-direction:column;align-items:center;gap:4px}.fish-panel .row{width:100%;display:flex;justify-content:center}.fish-panel input{font-family:inherit;font-size:14px;color:var(--text);background:#041a2499;border:1px solid rgba(244,233,212,.15);border-radius:10px;padding:8px 12px;width:220px;text-align:center}.toast-stack{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;pointer-events:none}.toast{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(244,233,212,.12);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;box-shadow:0 6px 20px #0006;opacity:0;translate:0 8px;transition:opacity .3s ease,translate .3s ease}.toast.show{opacity:1;translate:0 0}.discovery-card{width:min(380px,calc(100vw - 40px));align-items:center;text-align:center;padding:24px;gap:8px}.discovery-kicker{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.discovery-img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.discovery-card h2{margin:4px 0 0}.discovery-bonus{font-weight:700;color:var(--gold);margin:6px 0}.rarity-edge-legendary{border-color:var(--rarity-legendary)}#hud .actions button{white-space:nowrap}button.attention{box-shadow:0 0 0 3px #f2b94b73;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ambient #hud{opacity:0;pointer-events:none}#hud{transition:opacity .9s ease}.quest-list{display:flex;flex-direction:column;gap:8px}.quest-row{align-items:center}.quest-meta{flex:1;margin-right:12px}.bar{height:8px;background:#041a24cc;border-radius:999px;margin:6px 0;overflow:hidden}.bar-fill{height:100%;background:var(--gold);border-radius:999px;transition:width .3s ease}.choice{flex-direction:row;gap:12px;align-items:center;text-align:left;cursor:pointer}.choice input{accent-color:var(--gold)}.award{opacity:.55}.award.earned{opacity:1}.egg-portrait{width:110px;height:110px}.fish-panel .buttons{gap:10px}.button-link{display:inline-block;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;color:#04222f;background:var(--gold);text-decoration:none}.button-link:hover{filter:brightness(1.1)}#hud,#hud .actions{flex-wrap:wrap}@media (max-width: 640px){#hud{inset:8px 8px auto 8px;gap:6px}.coins{font-size:16px}.pill{font-size:11px;padding:3px 9px}#hud .actions{gap:6px;width:100%}#hud .actions button{padding:7px 12px;font-size:13px;flex:1 1 auto}.status{display:none}.panel{border-radius:14px}.panel-body{padding:10px 14px 16px}.card{width:calc(50% - 5px)}.fish-portrait{width:120px;height:120px}.discovery-img{width:140px;height:140px}}@media (prefers-reduced-motion: reduce){.toast,#hud,.bar-fill{transition:none}button.attention{animation:none}}.dev-bar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;background:#020c12cc;border:1px dashed var(--gold);border-radius:999px;z-index:30}.dev-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--gold)}.dev-btn{padding:5px 12px;font-size:12px;background:#f2b94bd9}.genes{width:100%;max-width:260px;display:flex;flex-direction:column;gap:4px}.gene-row{display:flex;align-items:center;gap:8px}.gene-label{font-size:12px;width:58px;opacity:.85}.gene-val{font-size:12px;width:26px;text-align:right;font-variant-numeric:tabular-nums}.gene-row .bar{flex:1;margin:0}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.chip-btn{padding:6px 12px;font-size:13px;background:#041a24b3;color:var(--text);border:1px solid rgba(244,233,212,.18)}.chip-btn.on{background:var(--gold);color:#04222f;border-color:var(--gold)}