:root{color-scheme:dark;--ink: #07131c;--cream: #fff4d6;--orange: #ff8a3d;--yellow: #ffd55c;--cyan: #58e5e0;--teal: #0c6d73;--red: #ff5364;--panel: rgba(5, 22, 31, .78);--line: rgba(255, 244, 214, .22);font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#071c2d}body{-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#game.screen-shake{animation:shake .11s linear}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-1px)}to{transform:translate(0)}}#hud-root{position:fixed;inset:0;pointer-events:none;color:var(--cream);text-shadow:0 2px 0 rgba(0,0,0,.42)}.hud-panel{background:linear-gradient(145deg,#0a232be6,#04111ab8);border:1px solid var(--line);box-shadow:0 10px 30px #0000003d,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-left{position:absolute;top:22px;left:24px;display:flex;gap:10px;align-items:stretch}.money-card{min-width:158px;padding:11px 17px 9px;border-radius:15px 5px;border-left:4px solid var(--yellow)}.eyebrow{display:block;color:#fff4d69e;font-size:10px;letter-spacing:.18em;font-weight:900;text-transform:uppercase}.money-value{color:var(--yellow);font-size:29px;line-height:1.02;font-weight:1000;letter-spacing:-.04em}.money-value.bump{animation:moneyBump .42s cubic-bezier(.2,1.8,.4,1)}@keyframes moneyBump{50%{transform:scale(1.22) rotate(-2deg);filter:brightness(1.5)}}.stats-card{display:grid;grid-template-columns:repeat(3,auto);gap:15px;align-items:center;padding:10px 15px;border-radius:5px 15px}.stat{text-align:center}.stat strong{display:block;color:#fff;font-size:17px;line-height:1.05}.stat span{color:#fff4d68c;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.inventory-card{position:absolute;top:22px;right:24px;min-width:246px;border-radius:5px 15px;overflow:hidden}.inventory-title{display:flex;align-items:center;justify-content:space-between;padding:9px 13px 7px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.inventory-title strong{color:var(--cyan);font-size:13px;letter-spacing:.08em}.inventory-total{color:var(--yellow);font-size:12px;font-weight:900}.inventory-list{display:flex;min-height:46px;gap:5px;padding:7px}.inventory-empty{color:#fff4d666;font-size:11px;margin:auto;letter-spacing:.06em}.fish-chip{flex:1;min-width:48px;padding:5px 6px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#00000024;text-align:center;position:relative;overflow:hidden}.fish-chip:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--fish-color)}.fish-chip b{display:block;font-size:14px}.fish-chip span{display:block;font-size:8px;opacity:.62;text-transform:uppercase}.loop-track{position:absolute;top:23px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:7px 11px;border-radius:999px;background:#03111999;border:1px solid rgba(255,255,255,.11);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.loop-step{display:flex;align-items:center;gap:5px;color:#fff4d657;font-size:9px;font-weight:900;letter-spacing:.08em}.loop-step:after{content:"›";opacity:.4;margin-left:2px}.loop-step:last-child:after{display:none}.loop-step i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #ffffff0d}.loop-step.active{color:var(--yellow)}.loop-step.done{color:var(--cyan)}.crosshair{--gap: 7px;--size: 9px;position:absolute;top:50%;left:50%;width:1px;height:1px;transform:translate(-50%,-50%);transition:opacity .15s}.crosshair span{position:absolute;display:block;background:#fff;border-radius:2px;box-shadow:0 1px 3px #001}.crosshair .c-top,.crosshair .c-bottom{width:2px;height:var(--size);left:-1px}.crosshair .c-left,.crosshair .c-right{width:var(--size);height:2px;top:-1px}.crosshair .c-top{bottom:var(--gap)}.crosshair .c-bottom{top:var(--gap)}.crosshair .c-left{right:var(--gap)}.crosshair .c-right{left:var(--gap)}.crosshair.fire{--gap: 14px}.crosshair.rod{opacity:.55}.crosshair.hidden{opacity:0}.hitmarker{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%) scale(.6) rotate(45deg);opacity:0}.hitmarker:before,.hitmarker:after{content:"";position:absolute;background:#fff;box-shadow:0 0 8px #fff}.hitmarker:before{width:28px;height:3px;top:12px}.hitmarker:after{width:3px;height:28px;left:12px}.hitmarker.show{animation:hit .18s ease-out}.hitmarker.head:before,.hitmarker.head:after{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}@keyframes hit{0%{opacity:1;transform:translate(-50%,-50%) scale(1.4) rotate(45deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(45deg)}}.prompt-wrap{position:absolute;bottom:112px;left:50%;transform:translate(-50%);text-align:center}.prompt{display:inline-flex;gap:9px;align-items:center;min-height:39px;padding:9px 15px;border-radius:8px;background:#031018ab;border:1px solid rgba(255,255,255,.16);color:var(--cream);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.prompt:empty{display:none}.prompt.alert{color:var(--yellow);border-color:#ffd55c73}.prompt.danger{color:#ff8c97;border-color:#ff536480;animation:promptPulse .42s infinite alternate}@keyframes promptPulse{to{transform:scale(1.035);filter:brightness(1.2)}}.hotbar{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:8px}.slot{width:132px;height:57px;padding:7px 10px;display:flex;align-items:center;gap:9px;border-radius:9px;background:#031119ad;border:1px solid rgba(255,255,255,.13);opacity:.58;transform:translateY(5px);transition:.18s ease}.slot.active{opacity:1;transform:translateY(0);border-color:var(--yellow);box-shadow:0 0 0 2px #ffd55c21,0 8px 25px #0000004d}.slot-key{width:23px;height:23px;display:grid;place-items:center;border-radius:5px;background:#ffffff1a;font-size:11px;font-weight:900}.slot-icon{font-size:22px;line-height:1}.slot-copy b{display:block;font-size:11px;letter-spacing:.08em}.slot-copy small{display:block;color:#fff4d673;font-size:8px;text-transform:uppercase}.ammo-card{position:absolute;right:27px;bottom:27px;min-width:150px;padding:9px 14px 10px;border-radius:5px 15px;text-align:right;transition:opacity .2s,transform .2s}.ammo-card.hidden{opacity:0;transform:translateY(10px)}.ammo-count{color:#fff;font-size:30px;font-weight:1000;letter-spacing:-.06em;line-height:1}.ammo-count span{color:#ffffff61;font-size:15px;letter-spacing:0}.ammo-sub{margin-top:2px;color:#fff4d68c;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ammo-card.low .ammo-count{color:var(--red);animation:ammoPulse .45s infinite alternate}@keyframes ammoPulse{to{filter:brightness(1.6)}}.reel-panel{position:absolute;left:50%;bottom:164px;width:min(480px,calc(100vw - 30px));transform:translate(-50%);padding:13px 15px 14px;border-radius:12px;opacity:1;transition:.16s}.reel-panel.hidden{opacity:0;transform:translate(-50%,15px)}.reel-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.reel-head span:last-child{color:var(--cyan)}.reel-lane{position:relative;height:28px;overflow:hidden;border:2px solid rgba(255,255,255,.18);border-radius:7px;background:repeating-linear-gradient(90deg,#0000004d 0 20px,#ffffff06 20px 21px)}.reel-target{position:absolute;top:3px;bottom:3px;left:35%;width:28%;border-radius:4px;background:linear-gradient(90deg,#4fded061,#65ffd8b8,#4fded061);box-shadow:inset 0 0 0 1px #d5fff28c,0 0 14px #42ffdc47}.reel-marker{position:absolute;top:-2px;left:50%;width:7px;height:32px;margin-left:-3px;border-radius:3px;background:var(--cream);box-shadow:0 0 8px #fff}.reel-bars{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.meter{height:6px;border-radius:99px;background:#ffffff1a;overflow:hidden}.meter>i{display:block;height:100%;width:0;border-radius:inherit;transition:width .06s linear}.reel-progress i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.reel-danger i{background:var(--red);box-shadow:0 0 8px var(--red)}.bite-alert{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%) rotate(-8deg);color:var(--yellow);font-size:106px;font-weight:1000;line-height:1;-webkit-text-stroke:5px #19242a;filter:drop-shadow(0 10px 4px rgba(0,0,0,.3));opacity:0}.bite-alert.show{animation:bite 1.2s cubic-bezier(.2,1.5,.35,1)}@keyframes bite{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-20deg)}12%,76%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25) rotate(4deg)}}.fish-health{position:absolute;left:0;top:0;min-width:150px;transform:translate(-50%,-100%);padding:7px 9px 8px;border-radius:8px;background:#040f16c7;border:1px solid rgba(255,255,255,.2);opacity:1}.fish-health.hidden{opacity:0}.fish-health-name{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.fish-health-name span:last-child{color:#fff9}.hp-track{width:100%;height:7px;overflow:hidden;border-radius:99px;background:#ffffff1f}.hp-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--red),var(--yellow));transform-origin:left}.damage-number{position:absolute;z-index:8;color:#fff;font-size:23px;font-weight:1000;letter-spacing:-.06em;-webkit-text-stroke:2px #10222a;filter:drop-shadow(0 3px 2px rgba(0,0,0,.38));transform:translate(-50%,-50%);will-change:transform,opacity}.damage-number.head{color:var(--yellow);font-size:31px}.toast-stack{position:absolute;top:93px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{padding:8px 13px;border-radius:7px;background:#04121acc;border:1px solid rgba(255,255,255,.17);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:toast 2.1s ease forwards}.toast.gold{color:var(--yellow);border-color:#ffd55c80;box-shadow:0 0 20px #ffbe242e}.toast.bad{color:#ff8994}@keyframes toast{0%{opacity:0;transform:translateY(-8px) scale(.8)}10%,77%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px)}}.sale-banner{position:absolute;left:50%;top:26%;transform:translate(-50%,-50%) rotate(-3deg);text-align:center;opacity:0}.sale-banner strong{display:block;color:var(--yellow);font-size:clamp(42px,7vw,86px);font-weight:1000;line-height:.9;-webkit-text-stroke:3px #10222a}.sale-banner span{display:block;color:#fff;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:900}.sale-banner.show{animation:sale 1.45s cubic-bezier(.1,1.1,.3,1)}.sale-banner.rare strong{filter:drop-shadow(0 0 22px #ffb42e)}@keyframes sale{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}15%,70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}to{opacity:0;transform:translate(-50%,-65%) scale(1.08) rotate(2deg)}}.coin-fly{position:absolute;z-index:20;color:var(--yellow);font-size:18px;font-weight:1000;filter:drop-shadow(0 0 6px #ffb638);animation:coinFly var(--duration) cubic-bezier(.3,.1,.1,1) forwards}@keyframes coinFly{to{left:82px;top:43px;transform:scale(.35) rotate(520deg);opacity:.1}}.vignette{position:absolute;inset:0;background:radial-gradient(circle,transparent 45%,rgba(1,9,14,.18) 79%,rgba(1,7,12,.5) 115%);mix-blend-mode:multiply}.flash{position:absolute;inset:0;opacity:0;background:#ffebae33}.flash.show{animation:flash .16s ease-out}.flash.gold{background:radial-gradient(circle,#ffd64a52,#ff8e310d);animation-duration:.5s}@keyframes flash{0%{opacity:1}to{opacity:0}}.overlay{position:absolute;inset:0;pointer-events:auto;display:grid;place-items:center;background:radial-gradient(circle at 65% 32%,rgba(246,136,70,.17),transparent 32%),linear-gradient(115deg,#020f18ed,#042028b8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1;transition:opacity .28s}.overlay.hidden{opacity:0;pointer-events:none}.start-card{width:min(920px,calc(100vw - 36px));display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:center}.logo-kicker{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.28em;text-transform:uppercase}.game-logo{margin:7px 0 12px;color:var(--cream);font-size:clamp(62px,9.4vw,126px);font-weight:1000;letter-spacing:-.085em;line-height:.72;transform:rotate(-2deg)}.game-logo .amp{color:var(--orange);font-size:.63em;vertical-align:.15em;margin:0 .04em;text-shadow:5px 5px 0 rgba(74,31,23,.35)}.tagline{max-width:570px;margin:24px 0 26px;color:#fff4d6ba;font-size:16px;line-height:1.55}.play-button{pointer-events:auto;border:0;padding:15px 23px 14px;border-radius:7px 15px;color:#172029;background:linear-gradient(135deg,#ffd765,#ff963f);box-shadow:0 9px #a84b2d,0 18px 35px #0000004d;font:1000 15px/1 inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .12s,box-shadow .12s}.play-button:hover{transform:translateY(-2px);box-shadow:0 11px #a84b2d,0 21px 38px #00000052}.play-button:active{transform:translateY(6px);box-shadow:0 3px #a84b2d,0 8px 18px #0000004d}.controls{display:grid;gap:8px}.control-row{display:grid;grid-template-columns:86px 1fr;gap:13px;align-items:center;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.09)}.control-row:last-child{border-bottom:0}.keys{display:flex;flex-wrap:wrap;gap:4px}.key{min-width:25px;padding:5px 7px;border-radius:5px;background:#ffffff17;border:1px solid rgba(255,255,255,.16);text-align:center;color:#fff;font-size:10px;font-weight:900;box-shadow:inset 0 -2px #0003}.control-copy b{display:block;color:#fff;font-size:11px;letter-spacing:.05em}.control-copy span{color:#fff4d675;font-size:9px}.start-foot{margin-top:18px;color:#fff4d65e;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.pause-card{width:min(420px,calc(100vw - 34px));padding:35px;border-radius:22px 7px;text-align:center}.pause-card h2{margin:0 0 7px;font-size:42px;letter-spacing:-.05em}.pause-card p{margin:0 0 24px;color:#fff4d68c}@media(max-width:760px){.start-card{grid-template-columns:1fr;gap:26px}.start-side,.stats-card{display:none}.inventory-card{top:88px;right:12px;transform:scale(.85);transform-origin:top right}.top-left{left:12px;top:12px}.loop-track{display:none}.ammo-card{transform:scale(.85);transform-origin:bottom right}.hotbar{transform:translate(-50%) scale(.82);transform-origin:bottom center}}