@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--cyan:#b9e5d9;--gold:#f0c77b;--dark:#0b171b;--panel:rgba(10,24,28,.78);--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102a32;color:#f5f5ee;font-family:Inter,Arial,sans-serif;touch-action:none}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}#game,#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;z-index:50;background:#0b1b22;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;letter-spacing:3px;font-family:'Barlow Condensed',sans-serif}#loading b{font-size:28px}#loading span{font:11px Inter;color:#8ea9a9;letter-spacing:1px}.loader{width:35px;height:35px;border:2px solid #30474b;border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}
.topbar{position:absolute;top:0;left:0;right:0;height:76px;padding:15px 25px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(4,14,17,.8),transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:10px}.brandmark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #b9d6cb;color:var(--gold);font:800 24px 'Barlow Condensed';transform:skew(-7deg)}.brand b{display:block;font:800 20px 'Barlow Condensed';letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#b3c5c0;margin-top:2px}.stats{display:flex;gap:17px;font-size:12px;color:#c6d6d1}.stats b{color:white}.location,.weather{position:absolute;top:92px;padding:10px 13px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(12px);display:flex;gap:10px;align-items:center}.location{left:24px}.weather{right:24px}.location b,.weather b{display:block;font:700 13px 'Barlow Condensed';letter-spacing:1px}.location small,.weather small{display:block;font-size:9px;color:#adc0ba;margin-top:4px}.dot{width:7px;height:7px;border-radius:50%;background:#8ed5ae;box-shadow:0 0 10px #8ed5ae}.weather>span{font-size:21px;color:var(--gold)}.crosshair{position:absolute;left:50%;top:48%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.75}.crosshair i{position:absolute;background:#fff}.crosshair i:first-child{width:1px;height:18px;left:8px}.crosshair i:last-child{height:1px;width:18px;top:8px}.message{position:absolute;top:57%;left:50%;transform:translateX(-50%);padding:8px 14px;background:rgba(8,20,23,.6);border:1px solid rgba(255,255,255,.13);font-size:11px;letter-spacing:.4px;color:#e0e8e3;white-space:nowrap}.bite-alert{display:none;position:absolute;top:30%;left:50%;transform:translateX(-50%);text-align:center;font:800 30px 'Barlow Condensed';letter-spacing:4px;color:#ffe2a2;text-shadow:0 2px 20px #000;animation:pulse .7s infinite alternate}.bite-alert small{display:block;font:600 10px Inter;letter-spacing:1px;margin-top:5px;color:white}@keyframes pulse{to{transform:translateX(-50%) scale(1.08)}}
.rod-status{position:absolute;right:24px;bottom:120px;width:190px;padding:12px 13px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px)}.rod-status>div:first-child,.status-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#b8cbc4}.rod-status b{color:white}.meter{height:5px;background:#33464a;margin:10px 0}.meter i{display:block;width:12%;height:100%;background:#8cccb4;transition:width .15s}.status-foot{font-size:8px}.controls{position:absolute;left:0;right:0;bottom:35px;padding:0 25px;display:flex;justify-content:space-between;align-items:flex-end}.left-controls{display:flex;gap:10px;align-items:flex-end}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(12px)}.small{height:40px;padding:0 13px;font-size:9px;letter-spacing:1px}.primary{background:var(--gold);color:#19221e;font-weight:800;letter-spacing:1.2px;box-shadow:0 5px 24px #0004}.primary:active,.reel:active{transform:scale(.97)}#castBtn{width:145px;height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:800 15px 'Barlow Condensed';position:relative}#castBtn small{font:600 8px Inter;letter-spacing:1.5px;opacity:.65}.cast-icon{position:absolute;left:13px;top:13px;font-size:18px}.right-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.reel{width:140px;height:55px;background:#e7ede6;color:#16231f;font:800 14px 'Barlow Condensed';letter-spacing:1.5px;box-shadow:0 6px 22px #0005}.reel span{font-size:19px;margin-right:5px}.drag-hint{font-size:8px;letter-spacing:1.5px;color:#d0ddd7;text-shadow:0 1px 5px #000}.toast{position:absolute;top:75px;left:50%;transform:translateX(-50%);padding:9px 14px;background:#142a2c;border:1px solid #66877b;font-size:11px;display:none}.modal{position:absolute;inset:0;background:#061215b8;backdrop-filter:blur(7px);display:grid;place-items:center;z-index:10;padding:20px}.hidden{display:none}.catch-card{position:relative;width:min(340px,100%);padding:24px;background:#102327;border:1px solid #526b67;box-shadow:0 20px 80px #0009;text-align:center}.catch-photo{font-size:72px;padding:10px}.catch-card>small{font-size:9px;letter-spacing:3px;color:var(--gold)}.catch-card h2{font:700 29px 'Barlow Condensed';margin:8px 0 20px}.catch-stats{display:flex;justify-content:space-around;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:17px}.catch-stats span{font-size:8px;letter-spacing:1px;color:#9fb5af}.catch-stats b{display:block;font-size:15px;color:white;margin-top:7px}.catch-card .primary,.catch-card .secondary{width:100%;height:42px;margin-top:8px}.secondary{background:transparent;border:1px solid #526b67;font-size:11px;letter-spacing:1px}.bait-card{text-align:left}.bait-card h2{text-align:left}.bait-option{display:flex;align-items:center;gap:13px;width:100%;padding:13px;margin:7px 0;background:#1b3437;border:1px solid transparent;text-align:left;font-size:22px}.bait-option.selected{border-color:var(--gold)}.bait-option span b{display:block;font:700 14px Inter}.bait-option span small{display:block;font-size:10px;color:#a8bbb4;margin-top:4px}.close{position:absolute;right:13px;top:10px;background:none;font-size:26px;color:#b5c9c1}footer{position:absolute;bottom:10px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#d4e0d9;text-shadow:0 1px 4px #000;pointer-events:none}footer i{font-style:normal;color:#9dd9b4}
@media(max-width:600px){.topbar{height:65px;padding:12px 14px}.brand b{font-size:17px}.brandmark{width:31px;height:31px}.stats{gap:9px;font-size:10px}.location{left:12px;top:77px;padding:8px}.weather{right:12px;top:77px;padding:8px}.weather small{display:none}.location b,.weather b{font-size:11px}.location small{font-size:8px}.rod-status{right:12px;bottom:110px;width:145px;padding:9px}.controls{bottom:27px;padding:0 12px}.left-controls{gap:6px}.small{height:37px;padding:0 8px;font-size:8px}.small span{display:none}#castBtn{width:116px;height:61px;font-size:14px}.reel{width:105px;height:50px;font-size:12px}.message{top:55%;font-size:10px}.bite-alert{top:29%;font-size:27px}footer{left:12px;right:12px}.drag-hint{font-size:7px}}
@media(orientation:landscape) and (max-height:500px){.location,.weather{top:70px}.rod-status{bottom:88px}.controls{bottom:12px}.message{top:54%}footer{display:none}}