:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eefcff;background:#04131d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,a{font:inherit}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#04131d}.aquarium-canvas{position:absolute;inset:0}.hud{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.brand,.controls,.fish-panel,.credits-link,.back-link,.loader{background:#031a26b8;border:1px solid rgba(170,239,255,.26);box-shadow:0 14px 40px #00000038;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border-radius:8px;font-weight:700}.brand svg{width:20px;height:20px;color:#8df0ff}.controls{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;pointer-events:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;height:38px;border:0;border-radius:6px;color:#eefcff;background:#ffffff14;cursor:pointer}.icon-button{width:38px}.icon-button:hover,.fish-choice:hover,.credits-link:hover,.back-link:hover{background:#9defff2e}.icon-button.is-active{color:#03131c;background:#9ff0ff}.icon-button svg,.back-link svg{width:18px;height:18px}.fish-panel{position:absolute;left:18px;bottom:18px;display:grid;width:min(660px,calc(100% - 220px));gap:10px;border-radius:8px;padding:10px;pointer-events:auto}.selected-fish{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px}.selected-fish-icon{width:76px;height:48px;object-fit:contain;border-radius:6px;padding:4px;background:#ffffff14}.selected-fish-copy{display:grid;min-width:0;gap:2px}.selected-fish-copy span{color:#8df0ff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.selected-fish-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem}.selected-fish-copy small{color:#eefcffb8}.selected-fish-actions{display:flex;gap:6px}.fish-picker{display:grid;grid-template-columns:repeat(7,minmax(64px,1fr));gap:8px}.fish-choice{position:relative;display:grid;grid-template-rows:42px auto;min-width:0;min-height:72px;align-items:center;justify-items:center;border:1px solid rgba(170,239,255,.14);border-radius:6px;padding:6px 5px;color:#eefcff;background:#ffffff0f;cursor:pointer}.fish-choice:before{position:absolute;inset:-1px;border:1px solid transparent;border-radius:6px;content:"";pointer-events:none}.fish-choice.is-selected:before{border-color:var(--species-color);box-shadow:0 0 0 1px #ffffff1f,0 0 24px color-mix(in srgb,var(--species-color),transparent 62%)}.fish-choice img{width:58px;height:34px;object-fit:contain}.fish-choice span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700}.credits-link{position:absolute;right:18px;bottom:18px;border-radius:8px;padding:10px 13px;color:#eefcff;text-decoration:none;pointer-events:auto}.loader{white-space:nowrap;border-radius:8px;padding:10px 14px;color:#eefcff}.credits-page{min-height:100%;overflow:auto;padding:28px;background:radial-gradient(circle at 50% 10%,rgba(67,207,228,.22),transparent 32rem),linear-gradient(180deg,#04131d,#08263a 52%,#071923)}.back-link{display:inline-flex;align-items:center;gap:9px;border-radius:8px;padding:10px 13px;color:#eefcff;text-decoration:none}.credits-panel{width:min(760px,100%);margin:48px auto}.credits-panel h1{margin:0 0 16px;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.95}.credits-panel p{max-width:62ch;margin:0 0 26px;color:#eefcffc7;line-height:1.6}.credits-panel article{margin-top:18px;padding:22px;border:1px solid rgba(170,239,255,.22);border-radius:8px;background:#031a2694}.credits-panel h2{margin:0 0 8px;font-size:1.25rem}.link-row{display:flex;flex-wrap:wrap;gap:10px}.link-row a{display:inline-flex;min-height:36px;align-items:center;border-radius:6px;padding:0 12px;color:#04131d;background:#9ff0ff;text-decoration:none;font-weight:700}@media(max-width:680px){.hud{top:12px;left:12px;right:12px;align-items:stretch;gap:10px}.brand{flex:0 0 56px;justify-content:center;min-width:56px;padding:0}.brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.credits-link{right:12px;bottom:12px}.fish-panel{left:12px;right:12px;bottom:64px;width:auto;padding:8px}.selected-fish{grid-template-columns:62px minmax(0,1fr) auto;min-height:60px;gap:9px}.selected-fish-icon{width:62px;height:40px}.selected-fish-actions{gap:4px}.fish-picker{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.fish-picker::-webkit-scrollbar{display:none}.fish-choice{flex:0 0 64px;grid-template-rows:42px;min-height:56px}.fish-choice span{display:none}.credits-page{padding:18px}.credits-panel{margin:34px auto}}@media(max-width:430px){.controls{gap:4px;padding:4px}.icon-button{height:34px}.icon-button{width:32px}.selected-fish-copy strong{font-size:.95rem}.selected-fish-copy small{display:none}.fish-panel .icon-button{width:30px}.icon-button svg{width:17px;height:17px}}