@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#eef5f3;font-synthesis:none;text-rendering:optimizelegibility;--signal:#f3cf55;--signal-red:#f06543;--glass:#051218b8;--line:#d5ecec2e;background:#04131b;font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell,.game-canvas{inset:0;position:absolute!important}.game-shell{-webkit-user-select:none;user-select:none;background:#031019}.loading-deck{z-index:0;letter-spacing:.12em;background:radial-gradient(circle at 50% 45%,#123341 0%,#04131b 55%,#02080d 100%);flex-direction:column;justify-content:center;align-items:center;font-family:Barlow Condensed,Arial Narrow,sans-serif;display:flex;position:absolute;inset:0}.loading-deck span{color:#dcebe880;font-size:10px}.loading-deck strong{color:var(--signal);margin-top:4px;font-size:28px;font-style:italic}.game-canvas{z-index:0}.film-grain{z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}to{transform:translate(-2%,-1%)}}.hud{z-index:2;pointer-events:none;text-shadow:0 2px 12px #0009;position:fixed;inset:0}.glass{background:linear-gradient(135deg, #ffffff0e, transparent 42%), var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(13px)saturate(120%);backdrop-filter:blur(13px)saturate(120%);box-shadow:0 18px 50px #00000042,inset 0 1px #ffffff0f}.brand{align-items:flex-end;gap:15px;display:flex;position:absolute;top:27px;left:32px}.brand-mark{filter:drop-shadow(0 4px 10px #00000073);flex-direction:column;font-family:Barlow Condensed,sans-serif;font-style:italic;line-height:.76;display:flex;transform:rotate(-1deg)}.brand-mark span{color:#fff4cf;letter-spacing:.12em;font-size:24px;font-weight:800}.brand-mark strong{color:var(--signal);letter-spacing:-.02em;-webkit-text-stroke:1px #40261080;font-size:38px;font-weight:900}.build-label{color:#e8f1ef94;letter-spacing:.12em;border-left:1px solid #ffffff3d;margin-bottom:2px;padding:4px 7px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.panel-kicker{color:#d9e9e787;letter-spacing:.19em;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.match-clock{text-align:center;border-radius:4px;width:170px;padding:10px 17px 8px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.match-clock>span{color:#dfeeec9e;letter-spacing:.22em;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;display:block}.match-clock>strong{font-variant-numeric:tabular-nums;letter-spacing:.08em;margin:-1px 0 4px;font-family:Barlow Condensed,sans-serif;font-size:31px;display:block}.match-clock>strong.danger{color:#ff775d;animation:.8s ease-in-out infinite alternate pulse-danger}@keyframes pulse-danger{to{text-shadow:0 0 20px #ff533bd9}}.clock-rule{background:#ffffff1c;width:100%;height:2px;overflow:hidden}.clock-rule span{background:var(--signal);height:100%;box-shadow:0 0 8px var(--signal);transition:width .5s linear;display:block}.weather-panel{pointer-events:auto;border-radius:4px;width:270px;padding:10px 12px 9px;position:absolute;top:24px;right:31px}.weather-options{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px;display:grid}.weather-panel.locked .weather-button:disabled{opacity:.38;cursor:not-allowed}.weather-button{color:#e7f2f085;letter-spacing:.1em;cursor:pointer;background:#ffffff09;border:1px solid #0000;border-radius:2px;outline:0;justify-content:center;align-items:center;gap:5px;height:29px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800;transition:all .2s;display:flex}.weather-button:hover{color:#fff;background:#ffffff17}.weather-button.active{color:#172025;background:var(--signal);border-color:#ffe895;box-shadow:0 0 15px #f0ca4b3d}.weather-icon{font-size:14px}.weather-current{justify-content:space-between;align-items:baseline;margin-top:8px;display:flex}.weather-current strong{color:#f4e2a5;letter-spacing:.08em;font-family:Barlow Condensed,sans-serif;font-size:11px}.weather-current span{color:#e1eeec78;font-size:8px}.leaderboard{border-radius:4px;width:270px;padding:14px 13px 10px;position:absolute;top:131px;right:31px}.panel-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:9px;display:flex}.panel-title-row h2{letter-spacing:.08em;margin:-2px 0 0;font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:800}.players-online{color:#86dec2;letter-spacing:.12em;background:#3cbe961a;border:1px solid #70debb3d;padding:3px 6px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700}.leaderboard-list{flex-direction:column;gap:2px;display:flex}.leader-row{color:#ebf2f1ad;letter-spacing:.04em;border-left:2px solid #0000;grid-template-columns:23px 8px 1fr 25px 34px;align-items:center;height:25px;padding:0 6px;font-family:Barlow Condensed,sans-serif;font-size:10px;display:grid}.leader-row:nth-child(odd){background:#ffffff07}.leader-row.local{color:#fff5ca;border-left-color:var(--signal);background:#f1ca491a}.leader-row .rank{color:#dfebe959;font-variant-numeric:tabular-nums;font-size:9px}.crew-dot{border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px}.leader-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.leader-catch{color:#ddebe866}.leader-row strong{color:#f2df9e;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.leaderboard-key{color:#d9e7e547;letter-spacing:.14em;justify-content:space-between;margin:7px 6px 0 38px;font-family:Barlow Condensed,sans-serif;font-size:7px;display:flex}.objective{border-radius:4px;align-items:center;width:254px;padding:11px 12px;display:flex;position:absolute;top:116px;left:31px}.objective-number{color:var(--signal);margin-right:12px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-style:italic;font-weight:800}.objective-number:after{content:"";vertical-align:middle;background:#ffffff24;width:1px;height:31px;margin-left:10px;display:inline-block}.objective strong{letter-spacing:.07em;margin:1px 0;font-family:Barlow Condensed,sans-serif;font-size:14px;display:block}.objective small{color:#dceae77a;max-width:170px;font-size:8px;line-height:1.3;display:block}.score-card{border-radius:4px;align-items:center;width:275px;min-height:92px;padding:12px 14px;display:flex;position:absolute;bottom:32px;left:31px}.score-primary{border-right:1px solid #ffffff21;width:108px}.score-primary>span,.score-primary>small,.score-stats span{color:#deebe87a;letter-spacing:.14em;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:700;display:block}.score-primary>strong{color:var(--signal);font-variant-numeric:tabular-nums;font-family:Barlow Condensed,sans-serif;font-size:42px;line-height:.9;display:block}.score-stats{text-align:center;flex:1;justify-content:space-around;display:flex}.score-stats strong{color:#f2e8c7;margin-bottom:2px;font-family:Barlow Condensed,sans-serif;font-size:21px;display:block}.controls-strip{color:#e3efed61;letter-spacing:.1em;gap:13px;font-family:Barlow Condensed,sans-serif;font-size:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.controls-strip b{color:#f0e6c3bd;margin-right:3px;font-size:9px}.fishing-prompt{background:linear-gradient(90deg,#0000,#061216c4,#0000);border-top:1px solid #f2d36859;justify-content:center;align-items:center;gap:10px;min-width:240px;min-height:53px;padding:10px 17px 12px;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.keycap{color:#11191d;background:var(--signal);border:2px solid #fff2bd;border-radius:4px;place-items:center;width:31px;height:31px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:900;display:grid;box-shadow:0 3px #a78024,0 0 16px #f0cb4f42}.fishing-prompt>div{min-width:130px}.fishing-prompt strong,.fishing-prompt small{display:block}.fishing-prompt strong{letter-spacing:.09em;font-family:Barlow Condensed,sans-serif;font-size:13px}.fishing-prompt small{color:#e1edea80;margin-top:2px;font-size:8px}.fishing-prompt.hooked strong{color:#ff745b}.tension-meter{background:#ffffff24;border:1px solid #ffffff47;width:240px;height:14px;margin-top:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.tension-meter.reel-hold{border-color:#ff745b8c;height:16px}.tension-meter[data-hot="1"]{box-shadow:0 0 12px #ff5a3c8c}.tension-meter-fill{height:100%;transition:width .12s linear}.fishing-prompt.hooked{border-color:#ff5b428c}.pulse{animation:.48s ease-in-out infinite alternate key-pulse}@keyframes key-pulse{to{background:#ff674d;transform:scale(1.13);box-shadow:0 3px #873125,0 0 24px #ff4930bf}}.bobber-icon{color:#ff5e4b;text-shadow:0 0 12px #ff4c36;font-size:20px;animation:1s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(5px)}}.bite-meter{background:#ffffff21;width:130px;height:2px;margin-top:6px;overflow:hidden}.bite-meter span{background:linear-gradient(90deg, #55b7b9, var(--signal));height:100%;box-shadow:0 0 8px var(--signal);transition:width .2s linear;display:block}.network-pill{color:#e2eeec8f;letter-spacing:.12em;border-radius:3px;padding:7px 10px;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:700;position:absolute;bottom:31px;right:75px}.status-dot{background:#e5ad4b;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 7px}.status-dot.online{background:#5fe3b0}.status-dot.offline{background:#ff6852}.status-dot.full{background:#f2c743}.sound-toggle{color:#ecf5f2b8;pointer-events:auto;cursor:pointer;border-radius:3px;width:35px;height:30px;position:absolute;bottom:31px;right:31px}.reticle{border:1px solid #faeec3b3;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle span{background:var(--signal);border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mouse-hint{color:#ebf0eb73;letter-spacing:.14em;font-family:Barlow Condensed,sans-serif;font-size:8px;animation:5s forwards hint-fade;position:absolute;bottom:113px;left:50%;transform:translate(-50%)}@keyframes hint-fade{0%,65%{opacity:1}to{opacity:0}}.player-tag{--player-color:#fff;color:#ffffffd1;border:1px solid color-mix(in srgb, var(--player-color) 35%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.08em;white-space:nowrap;text-shadow:0 1px 3px #000;background:#030c0f99;border-radius:2px;padding:3px 6px;font-family:Barlow Condensed,sans-serif;font-size:7px;font-weight:700}.player-tag span{background:var(--player-color);border-radius:50%;width:4px;height:4px;margin-right:4px;display:inline-block}.catch-toast{flex-direction:column;justify-content:center;align-items:center;width:260px;height:145px;animation:2.8s forwards catch-in;display:flex;position:absolute;top:31%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.catch-rays{opacity:.23;background:repeating-conic-gradient(from 0deg, var(--signal) 0deg 7deg, transparent 7deg 18deg);width:180px;height:180px;animation:8s linear infinite ray-spin;position:absolute}@keyframes ray-spin{to{transform:rotate(360deg)}}.catch-toast span,.catch-toast strong,.catch-toast small{z-index:1;position:relative}.catch-kicker{color:#ff765c;letter-spacing:.25em;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800}.catch-toast strong{color:#fff0b2;font-family:Barlow Condensed,sans-serif;font-size:48px;font-style:italic;line-height:1}.catch-toast small{color:#eaf2efa6;font-size:9px}@keyframes catch-in{0%{opacity:0;transform:translate(-50%,-40%)scale(.4)rotate(-4deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(1deg)}20%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.92)}}.overboard,.match-overlay{background:radial-gradient(circle,#0000 10%,#000a11b8 75%),#020b1138;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overboard>span{color:#ff745a;letter-spacing:.18em;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900}.overboard>strong{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:110px;line-height:.9}.overboard>small{color:#e5eeec80;letter-spacing:.2em;font-family:Barlow Condensed,sans-serif;font-size:11px}.match-overlay{z-index:5;pointer-events:auto}.match-card{border-top:3px solid var(--signal);text-align:center;width:min(480px,100% - 40px);padding:42px}.match-kicker{color:#ff775e;letter-spacing:.28em;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800}.match-card h1{color:#fff0b7;margin:9px 0;font-family:Barlow Condensed,sans-serif;font-size:42px;font-style:italic}.match-card p{color:#e7efeda6;font-size:12px;line-height:1.7}.match-card button{color:#111a1c;background:var(--signal);letter-spacing:.1em;cursor:pointer;border:0;margin-top:15px;padding:11px 18px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:900}.match-lobby{z-index:8;pointer-events:auto;-webkit-backdrop-filter:blur(7px)saturate(85%);backdrop-filter:blur(7px)saturate(85%);background:radial-gradient(circle at 50% 38%,#13363f47,#0000 40%),linear-gradient(#01080d9e,#01080de6);place-items:center;padding:28px;display:grid;position:fixed;inset:0}.lobby-card{border-top:3px solid var(--signal);text-align:center;border-radius:7px;width:min(930px,100%);padding:34px 38px 25px;overflow:hidden;box-shadow:0 40px 120px #0009,inset 0 1px #ffffff14}.lobby-eyebrow{color:var(--signal);letter-spacing:.3em;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:800}.lobby-card h1{color:#fff4d4;letter-spacing:-.025em;margin:3px 0 1px;font-family:Barlow Condensed,sans-serif;font-size:clamp(36px,6vw,62px);font-style:italic;font-weight:900;line-height:1}.lobby-card>p{color:#e3efed8c;margin:8px auto 21px;font-size:11px}.lobby-levels{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.lobby-level{color:#fff;text-align:left;cursor:pointer;border:1px solid #ffffff24;border-radius:4px;outline:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:180px;padding:20px 18px 17px;transition:transform .16s,border-color .16s,filter .16s;display:flex;position:relative;overflow:hidden}.lobby-level:before{content:"";opacity:.85;background:linear-gradient(#0000 25%,#01080ce6),repeating-linear-gradient(-18deg,#0000 0 20px,#ffffff09 20px 22px);position:absolute;inset:0}.lobby-level.rough{background:linear-gradient(145deg,#354b55,#142b35 55%,#020a10)}.lobby-level:hover{z-index:1;filter:brightness(1.12);transform:translateY(-3px)}.lobby-level.selected{border-color:var(--signal);transform:translateY(-5px);box-shadow:0 0 0 2px #f3cf552e,0 14px 35px #00000059}.lobby-level>*{z-index:1;position:relative}.lobby-level-number{color:#ffffff26;font-family:Barlow Condensed,sans-serif;font-size:72px;font-style:italic;font-weight:900;position:absolute;top:-96px;right:0}.lobby-level strong{letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:25px;font-style:italic}.lobby-level small{color:#eef6f49e;margin-top:2px;font-size:9px}.lobby-level i{color:#172025;background:var(--signal);letter-spacing:.16em;margin-top:14px;padding:4px 7px;font-family:Barlow Condensed,sans-serif;font-size:8px;font-style:normal;font-weight:900}.lobby-join{flex-direction:column;align-items:center;gap:12px;margin-top:18px;display:flex}.lobby-name{color:#e8f1ef9e;letter-spacing:.18em;text-align:left;flex-direction:column;gap:6px;width:min(360px,100%);font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:800;display:flex}.lobby-name input{color:#f4f7f6;letter-spacing:.02em;background:#020a0eb8;border:1px solid #ffffff29;border-radius:4px;width:100%;padding:11px 12px;font-family:Manrope,sans-serif;font-size:15px}.lobby-name input:focus{border-color:var(--signal);outline:none}.lobby-tos{color:#ff8a72;max-width:420px;margin:0;font-size:12px}.lobby-ready-count{color:var(--signal);letter-spacing:.14em;margin-top:14px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:800}.lobby-roster{color:#e3efedb3;flex-wrap:wrap;justify-content:center;gap:8px 16px;max-width:520px;margin:12px auto 0;padding:0;font-size:11px;list-style:none;display:flex}.launch-match{color:#11191d;background:var(--signal);letter-spacing:.12em;cursor:pointer;border:0;min-width:280px;margin-top:23px;padding:13px 28px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:900;box-shadow:0 5px #997b22,0 0 32px #f3cf552e}.launch-match:disabled{opacity:.48;cursor:wait}.lobby-rules{color:#ddebe857;letter-spacing:.15em;justify-content:center;gap:24px;margin-top:20px;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:700;display:flex}@media (max-width:900px){.objective,.leaderboard{display:none}.weather-panel{top:90px;right:15px}.brand{top:18px;left:16px}.brand-mark strong{font-size:28px}.brand-mark span{font-size:18px}.build-label,.controls-strip{display:none}.score-card{transform-origin:0 100%;bottom:15px;left:15px;transform:scale(.86)}.network-pill{bottom:15px;right:59px}.sound-toggle{bottom:15px;right:15px}.match-lobby{padding:12px}.lobby-card{padding:25px 16px 19px}.lobby-levels{gap:6px}.lobby-level{min-height:140px;padding:13px 10px}.lobby-level strong{font-size:18px}.lobby-rules{flex-wrap:wrap;gap:8px 15px}}