:root{--navy:#061922;--water:#087d91;--aqua:#23cdb3;--lime:#dff45b;--cream:#f4f2e8;--white:#fff;--muted:#65777c;--orange:#ff8d3b;font-family:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif;color:var(--navy)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--navy);overscroll-behavior:none}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input{font:inherit}.game-shell{max-width:1024px;min-height:100dvh;margin:auto;background:var(--cream);position:relative;overflow:hidden}header{height:72px;padding:0 clamp(20px,4vw,44px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white}.logo{font-weight:1000;letter-spacing:1px;font-size:20px}.logo span{color:var(--lime)}.gear{border:1px solid #35515b;background:#112b35;color:white;width:44px;height:42px;border-radius:13px;font-size:19px}.screen{display:none;min-height:calc(100dvh - 72px)}.screen.active{display:block}.intro{padding:clamp(40px,8vh,80px) clamp(24px,7vw,72px) 26px;background:linear-gradient(145deg,#07333f,#087d91);color:white}.kicker{font-size:11px;font-weight:1000;letter-spacing:2px;color:var(--lime);margin:0 0 10px}.intro h1{font-size:clamp(48px,10vw,88px);line-height:.88;letter-spacing:-5px;margin:0}.intro h1 em{font-style:normal;color:var(--lime)}.intro>p:last-child{color:#cae4e8;font-size:17px;line-height:1.5;max-width:470px;margin:25px 0 0}.entry-card{width:min(600px,calc(100% - 36px));margin:-2px auto 0;background:white;padding:clamp(24px,5vw,42px);border-radius:0 0 24px 24px;box-shadow:0 15px 45px #06192218}label{display:block;font-size:13px;font-weight:850;margin:0 0 18px}input{width:100%;display:block;margin-top:7px;border:1px solid #cbd9d5;border-radius:13px;padding:15px;background:#f9fbf9;font-size:17px;color:var(--navy)}input:focus{outline:3px solid #23cdb344;border-color:var(--aqua)}.continue-button{width:100%;border:0;border-radius:14px;padding:16px 20px;min-height:54px;background:var(--lime);color:var(--navy);font-weight:950;font-size:16px;box-shadow:0 7px 18px #06192222}.plain-button{width:100%;border:0;background:transparent;color:var(--navy);font-weight:850;padding:16px}.lake{height:calc(100dvh - 72px);min-height:560px;position:relative;overflow:hidden;background:linear-gradient(#85d9df 0 39%,#d9cb83 39% 44%,#087d91 44% 100%)}.sky{position:absolute;inset:0 0 56%;overflow:hidden}.sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff39b;right:12%;top:10%}.cloud,.cloud:before,.cloud:after{position:absolute;background:#eafcfc;border-radius:999px}.cloud{width:100px;height:24px;top:20%;left:12%}.cloud:before{content:"";width:40px;height:40px;left:14px;bottom:0}.cloud:after{content:"";width:55px;height:55px;left:42px;bottom:0}.cloud-two{left:65%;top:31%;transform:scale(.65)}.shore{position:absolute;left:-5%;top:36%;width:52%;height:100px;background:#3c8b54;clip-path:polygon(0 35%,35% 10%,65% 28%,100% 70%,100% 100%,0 100%)}.water-lines{position:absolute;inset:48% 0 0;background:repeating-linear-gradient(175deg,transparent 0 32px,#ffffff18 33px 35px)}.angler{position:absolute;left:12%;top:32%;width:80px;height:160px;z-index:3}.head{position:absolute;left:22px;width:38px;height:38px;border-radius:50%;background:#d39062}.head:before{content:"";position:absolute;width:48px;height:12px;background:var(--navy);top:-3px;left:-11px;border-radius:10px 20px 3px 3px}.body{position:absolute;top:36px;left:13px;width:55px;height:85px;background:var(--orange);border-radius:18px 18px 8px 8px}.arm{position:absolute;top:48px;left:48px;width:62px;height:13px;background:#d39062;transform:rotate(-24deg);transform-origin:left;border-radius:10px}.rod{position:absolute;z-index:4;left:20%;top:36%;width:300px;height:5px;background:var(--navy);transform:rotate(-27deg);transform-origin:left;border-radius:5px;transition:transform .5s}.rod:before{content:"";position:absolute;width:80px;height:9px;left:-45px;top:-2px;background:#64442d;border-radius:5px}.rod-line{position:absolute;right:0;top:0;width:2px;height:190px;background:#d9f7f7;transform-origin:top}.bobber{position:absolute;left:49%;top:61%;width:20px;height:25px;border-radius:50%;background:linear-gradient(#ef544d 50%,#fff 50%);z-index:3;opacity:0}.splash,.jumping-fish{position:absolute;left:62%;top:56%;font-size:62px;opacity:0;z-index:5}.game-copy{position:absolute;top:5%;left:0;right:0;text-align:center;z-index:5}.game-copy .kicker{color:#0b6370}.game-copy h2{font-size:clamp(31px,6vw,52px);letter-spacing:-2px;margin:2px 0 4px}.game-copy p:last-child{margin:0;color:#315e66}.swipe-track{--progress:0%;position:absolute;z-index:10;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);height:76px;width:min(600px,calc(100% - 34px));padding:6px;border-radius:999px;background:linear-gradient(90deg,var(--lime) var(--progress),#e7ece7 var(--progress));box-shadow:0 10px 30px #0015;touch-action:none;overflow:hidden}.swipe-label{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:1000;letter-spacing:2px;color:#51635e}.swipe-handle{position:relative;z-index:2;width:64px;height:64px;border:0;border-radius:50%;background:var(--navy);color:var(--lime);font-size:27px;box-shadow:0 4px 12px #0015;transition:transform .25s}.dragging .swipe-handle{transition:none}.complete .swipe-handle{transform:translateX(calc(min(600px,100vw - 34px) - 76px))!important}.casting .rod{animation:castRod 1.2s ease}.casting .bobber{animation:bobberCast 1.2s ease forwards}.biting .rod{transform:rotate(8deg)}.biting .rod-line{height:245px;transform:rotate(-13deg)}.biting .bobber{animation:bite .35s infinite alternate}.biting .splash{opacity:1;animation:splash .55s infinite alternate}.jumping .jumping-fish{opacity:1;animation:fishJump 1.2s ease forwards}@keyframes castRod{45%{transform:rotate(-65deg)}100%{transform:rotate(-27deg)}}@keyframes bobberCast{0%{left:26%;top:40%;opacity:0}45%{left:65%;top:40%;opacity:1}100%{left:62%;top:62%;opacity:1}}@keyframes bite{to{transform:translateY(15px)}}@keyframes splash{to{transform:scale(1.2);opacity:.5}}@keyframes fishJump{0%{transform:translate(0,50px) rotate(-30deg)}50%{transform:translate(15px,-100px) rotate(15deg)}100%{transform:translate(45px,45px) rotate(50deg);opacity:0}}.result-screen{position:relative;text-align:center;padding:45px 24px;background:radial-gradient(circle at center,#178da0,#06303c 70%);color:white;overflow:hidden}.result-rays{position:absolute;width:700px;height:700px;left:50%;top:47%;transform:translate(-50%,-50%);background:repeating-conic-gradient(#ffffff0b 0 10deg,transparent 10deg 25deg);animation:spin 30s linear infinite}.result-screen>*:not(.result-rays){position:relative;z-index:2}.bass{position:relative;width:330px;height:155px;margin:25px auto 5px;filter:drop-shadow(0 17px 12px #0017);animation:arrive .7s cubic-bezier(.2,1.5,.5,1)}.fish-body{display:block;position:absolute;right:24px;top:24px;width:240px;height:110px;background:linear-gradient(#628d38 0 40%,#d7d784 41% 70%,#f5e6ad 71%);border-radius:60% 45% 45% 60%;border:5px solid #203f2d}.fish-body:before{content:"";position:absolute;left:70px;top:5px;width:75px;height:40px;background:#3e6a31;clip-path:polygon(0 100%,50% 0,100% 100%)}.tail{position:absolute;left:5px;top:28px;width:100px;height:100px;background:#537c34;clip-path:polygon(0 0,100% 50%,0 100%,25% 50%);border-radius:15px}.eye{position:absolute;right:42px;top:22px;width:13px;height:13px;border-radius:50%;background:#061922;border:3px solid white}.mouth{position:absolute;right:-7px;top:63px;width:38px;height:18px;border-bottom:5px solid #203f2d;border-radius:50%}.weight-badge{display:inline-flex;align-items:baseline;gap:5px;background:var(--lime);color:var(--navy);padding:9px 22px;border-radius:999px;transform:rotate(-3deg);box-shadow:0 8px 22px #0014}.weight-badge strong{font-size:48px;line-height:1}.weight-badge span{font-weight:1000}.result-screen h2{font-size:34px;margin:15px 0 12px}.prize-copy,.saved-copy{color:#bed9dd;margin:5px}.prize{color:var(--lime);font-size:clamp(48px,10vw,76px);font-weight:1000;letter-spacing:-3px}.result-screen .continue-button,.result-screen .plain-button{max-width:420px;display:block;margin:18px auto 0}.result-screen .plain-button{color:white;margin-top:0}@keyframes arrive{from{opacity:0;transform:translateY(100px) rotate(-20deg) scale(.4)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}dialog{border:0;border-radius:24px;padding:0;width:min(520px,calc(100% - 28px));box-shadow:0 25px 80px #0018}dialog::backdrop{background:#001018bb;backdrop-filter:blur(5px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-size:30px;margin:3px 0 12px}.dialog-head .kicker{color:var(--water)}.close{border:0;background:#e8eeeb;width:42px;height:42px;border-radius:50%;font-size:25px}.admin-note{font-size:14px;line-height:1.5;color:var(--muted);margin-top:0}.prize-inputs label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce5e0;margin:0;padding:9px 0}.money-input{display:flex;align-items:center;gap:5px}.money-input input{width:120px;margin:0;padding:10px}.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translate(-50%,30px);background:var(--navy);color:white;padding:12px 18px;border-radius:12px;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:600px){.lake{min-height:500px}.angler{left:5%;transform:scale(.8);transform-origin:bottom}.rod{left:14%;width:250px}.game-copy{top:4%}.bass{transform:scale(.85);margin-left:calc((100% - 330px)/2)}.result-screen{padding-top:30px}.result-screen .kicker{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
