:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#020a0f;color:#e0f0e8}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1rem}.header{text-align:center}.header h1{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00e5a0;text-shadow:0 0 12px rgba(0,229,160,.4)}.header p{margin:.25rem 0 0;font-size:.8rem;color:#00e5a080;letter-spacing:.15em;text-transform:uppercase}.finder-container{position:relative;width:min(90vw,700px);aspect-ratio:7 / 5;border:2px solid rgba(0,229,160,.25);border-radius:1rem;overflow:hidden;background:#010d12;box-shadow:0 0 30px #00e5a014,inset 0 0 60px #00000080}.finder-canvas{width:100%;height:100%;display:block}.info-bar{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.info-card{background:#00e5a00f;border:1px solid rgba(0,229,160,.15);border-radius:.5rem;padding:.6rem 1.2rem;text-align:center;min-width:110px}.info-card .label{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#00e5a080;display:block;margin-bottom:.2rem}.info-card .value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;font-weight:700;color:#00e5a0;text-shadow:0 0 8px rgba(0,229,160,.3)}.info-card .unit{font-size:.7rem;font-weight:400;color:#00e5a099;margin-left:.2rem}.fish-legend{display:flex;gap:1.2rem;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#e0f0e8b3}.legend-dot{width:10px;height:10px;border-radius:50%}.controls{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn{background:#00e5a01a;border:1px solid rgba(0,229,160,.3);color:#00e5a0;padding:.5rem 1.2rem;border-radius:.4rem;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all .15s}.btn:hover{background:#00e5a033;border-color:#00e5a080;box-shadow:0 0 12px #00e5a026}.btn.active{background:#00e5a040;border-color:#00e5a0}