:root{--ink:#231d29;--deep:#431b25;--water:#195e73;--water-dark:#0c3446;--coral:#c53e3d;--brass:#e5b65d;--cream:#fff5dd;--mist:#dcece3;--lime:#9bd8a9;--line:rgba(255,255,255,.25)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ink);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[hidden]{display:none!important}.boat-app{min-height:100vh;overflow:hidden}.boat-stage{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,rgba(18,11,20,.1),rgba(16,17,29,.52)),url('../assets/lake-hero.webp') center/cover no-repeat var(--water-dark)}.boat-stage:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(30,13,24,.78),rgba(30,13,24,.18) 48%,rgba(8,25,36,.48)),linear-gradient(0deg,rgba(12,20,31,.74),transparent 58%);pointer-events:none}.game-header{position:relative;z-index:7;min-height:62px;padding:14px clamp(16px,3vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.17);background:rgba(27,13,23,.76);backdrop-filter:blur(12px)}.mini-brand{display:flex;align-items:center;gap:8px;color:var(--cream);text-decoration:none;font-weight:850;font-size:.83rem;letter-spacing:.11em}.mini-brand i{font-family:Georgia,serif;font-size:1.3rem;color:var(--brass)}.mini-brand-mark{width:28px;height:28px;border-radius:50%;background:var(--coral);border:2px solid var(--brass);box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}.local-badge{font-size:.64rem;letter-spacing:.14em;font-weight:800;color:#f2d9a9}.hud{position:absolute;z-index:5;left:clamp(16px,3vw,42px);top:88px;display:flex;gap:8px}.hud-card{min-width:86px;padding:8px 11px;border:1px solid var(--line);background:rgba(36,17,27,.74);backdrop-filter:blur(10px)}.hud-card span,.board-title span,.result-card span{display:block;font-size:.58rem;letter-spacing:.15em;font-weight:800;text-transform:uppercase;color:#f4d9a4}.hud-card strong{display:block;margin-top:2px;color:var(--cream);font-family:Georgia,serif;font-size:1.45rem;line-height:1}.hud-card strong b{font-weight:inherit}.water-world{position:absolute;z-index:1;inset:62px 0 0;overflow:hidden;background:linear-gradient(180deg,transparent 18%,rgba(52,102,124,.14) 37%,rgba(14,75,97,.4) 55%,rgba(5,45,63,.83) 100%)}.horizon{position:absolute;inset:34% 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(255,238,184,.65),transparent);box-shadow:0 0 18px rgba(255,192,102,.35)}.water-glow{position:absolute;left:48%;top:34%;width:32%;height:65%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(255,213,129,.34),rgba(255,213,129,0));filter:blur(18px);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.water-rings{position:absolute;inset:45% -18% -22%;opacity:.38;background:repeating-linear-gradient(176deg,transparent 0 20px,rgba(219,248,244,.33) 21px,transparent 23px);transform:perspective(500px) rotateX(58deg)}.water-rings-two{opacity:.17;transform:perspective(550px) rotateX(60deg) translateY(12px);animation:water-shift 7s ease-in-out infinite}.lane-guide{position:absolute;top:39%;bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,247,218,.56),transparent 78%);opacity:.38}.lane-guide-left{left:20%}.lane-guide-right{right:20%}.fish-school{position:absolute;inset:0;z-index:2}.swimmer{position:absolute;display:grid;place-items:center;width:clamp(46px,5vw,76px);height:clamp(28px,3.2vw,48px);border-radius:52% 48% 48% 52%;background:linear-gradient(135deg,var(--fish-tone,#f4d486),rgba(255,255,255,.18));border:1px solid rgba(255,255,255,.46);box-shadow:0 12px 13px rgba(0,0,0,.18);transform:translate(-50%,-50%) scale(var(--fish-scale,1));animation:fish-sway var(--fish-sway,3s) ease-in-out infinite alternate}.swimmer:before{content:"";position:absolute;left:-17%;top:20%;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:18px solid var(--fish-tone,#f4d486)}.swimmer:after{content:"";position:absolute;right:18%;top:38%;width:5px;height:5px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 2px rgba(255,255,255,.45)}.swimmer span{position:absolute;bottom:-14px;width:max-content;color:#e9f7ef;text-shadow:0 2px 2px rgba(0,0,0,.7);font-size:.56rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;opacity:.87;white-space:nowrap}.swimmer.rare{filter:saturate(1.25) drop-shadow(0 0 8px rgba(237,196,101,.55))}.boat{position:absolute;z-index:4;left:var(--boat-x,50%);top:29%;width:148px;height:88px;transform:translate(-50%,-50%);transition:filter .15s ease;will-change:left}.boat-hull{position:absolute;left:5px;bottom:11px;width:138px;height:36px;border-radius:6px 7px 45% 45%;background:linear-gradient(180deg,#c7423e 0 12%,#8d2029 14% 76%,#511b27 78%);border:2px solid rgba(255,243,204,.72);box-shadow:inset 0 -7px 0 rgba(26,8,15,.38),0 10px 13px rgba(0,0,0,.28)}.boat-hull:after{content:"";position:absolute;left:19px;right:19px;top:8px;height:4px;border-radius:99px;background:rgba(255,235,178,.5)}.boat-cabin{position:absolute;left:52px;bottom:43px;width:47px;height:29px;border:2px solid rgba(255,241,199,.8);border-bottom:0;background:linear-gradient(90deg,#eadba9 0 45%,#684b38 46% 55%,#eadba9 56%);box-shadow:inset 0 10px 0 #5d2b2e}.boat-cabin:before{content:"";position:absolute;left:-9px;bottom:27px;width:65px;height:5px;border-radius:7px;background:#f3d47c}.boat-flag{position:absolute;left:75px;bottom:72px;width:2px;height:30px;background:#f8df9a}.boat-flag:after{content:"";position:absolute;left:2px;top:2px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:19px solid var(--brass)}.boat-wake{position:absolute;left:-6px;right:-6px;bottom:3px;height:16px;border-bottom:2px solid rgba(240,250,243,.82);border-radius:50%;filter:blur(.2px);animation:wake 1.1s ease-in-out infinite alternate}.hook-line{position:absolute;z-index:3;left:var(--boat-x,50%);top:29%;height:0;width:2px;background:linear-gradient(#f8e9b7,#fcf7e8);box-shadow:0 0 3px rgba(0,0,0,.48);transform:translateX(-50%);transform-origin:top;transition:height .06s linear}.hook-tip{position:absolute;left:50%;bottom:-13px;width:15px;height:18px;border:3px solid #f5d475;border-top:0;border-left-color:transparent;border-radius:0 0 11px 10px;transform:translateX(-36%) rotate(5deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.hook-tip:after{content:"";position:absolute;right:-4px;bottom:0;border-left:5px solid #f5d475;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(-28deg)}.catch-splash{position:absolute;z-index:4;left:var(--boat-x,50%);top:74%;width:118px;height:80px;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.catch-splash i{position:absolute;left:50%;bottom:0;width:5px;height:44px;border-radius:100% 100% 0 0;background:#eafff3;transform-origin:bottom}.catch-splash i:nth-child(1){transform:rotate(-38deg)}.catch-splash i:nth-child(2){height:58px;transform:rotate(4deg)}.catch-splash i:nth-child(3){transform:rotate(42deg)}.dock-panel{position:relative;z-index:6;width:min(480px,calc(100% - 32px));margin-left:clamp(16px,7vw,108px);padding:clamp(22px,3vw,38px);top:clamp(126px,16vh,170px);background:rgba(38,15,25,.86);border:1px solid rgba(255,234,183,.42);box-shadow:16px 16px 0 rgba(18,8,15,.31);backdrop-filter:blur(8px)}.dock-panel:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.11);pointer-events:none}.eyebrow{margin:0 0 14px;color:#f0cf91;font-size:.66rem;letter-spacing:.16em;font-weight:850}.eyebrow span{display:inline-block;width:24px;height:2px;background:var(--coral);vertical-align:middle;margin-right:8px}.dock-panel h1{max-width:375px;margin:0;color:var(--cream);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3.35rem);line-height:1.03;letter-spacing:-.05em}.status-copy{min-height:53px;margin:17px 0 16px;color:#f0e4c9;font-size:.92rem;line-height:1.55}.lane-readout{display:flex;justify-content:space-between;gap:8px;margin:0 0 17px;padding:8px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);color:#e9d6a3;font-size:.59rem;font-weight:850;letter-spacing:.09em}.lane-readout b{color:#c7ebdc;font-size:inherit;text-align:right}.primary-action{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:53px;border:1px solid transparent;background:var(--coral);color:#fffaf1;font-weight:900;letter-spacing:.075em;font-size:.75rem;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.primary-action:hover,.primary-action:focus-visible{background:#e45448;transform:translateY(-2px);box-shadow:0 5px 0 rgba(0,0,0,.17)}.primary-action:disabled{cursor:wait;opacity:.72;transform:none;box-shadow:none}.primary-action:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.action-icon{font-family:Georgia,serif;font-size:1.4rem;line-height:.6}.input-note{margin:13px 0 0;color:#e5d6b9;text-align:center;font-size:.67rem;letter-spacing:.04em}.input-note kbd{padding:2px 5px;border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.08);font:inherit}.result-card{display:flex;gap:13px;align-items:center;margin:0 0 18px;padding:10px;border-left:3px solid var(--brass);background:rgba(255,255,255,.1)}.result-fish{width:94px;height:60px;flex:0 0 auto;background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.result-card strong{display:block;margin:2px 0 3px;font-family:Georgia,serif;font-size:1.25rem;line-height:1.1}.result-card p{margin:0;color:#f1e8d5;font-size:.72rem;line-height:1.45}.save-row{margin:0 0 16px;padding:12px;background:rgba(255,255,255,.1)}.save-row label{display:block;margin-bottom:7px;color:#f4dca9;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.save-row div{display:flex}.save-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.35);border-right:0;border-radius:0;background:var(--cream);color:var(--ink);padding:9px 10px;font:700 .78rem Inter,system-ui,sans-serif}.save-row button{border:0;background:var(--brass);color:var(--ink);padding:0 12px;font:850 .71rem Inter,system-ui,sans-serif;cursor:pointer}.dock-board{position:absolute;z-index:6;right:clamp(16px,4vw,60px);top:clamp(100px,16vh,150px);width:min(280px,26vw);padding:17px 18px 15px;background:rgba(35,13,25,.86);border:1px solid rgba(255,234,183,.35);backdrop-filter:blur(8px)}.board-title{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.18)}.board-title i{color:#ead5a6;font-size:.61rem;font-style:normal}.score-board{padding:0;margin:0;list-style:none}.score-board li{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.73rem}.score-board li:last-child{border-bottom:0}.score-board li b{color:var(--brass);font-family:Georgia,serif;font-size:1rem}.score-board li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff2da}.score-board li em{color:#ead5a6;font-style:normal;font-size:.68rem}.board-note{margin:10px 0 0;color:#e5d4b3;font-size:.64rem;line-height:1.45}.game-footer{position:absolute;z-index:6;right:clamp(16px,4vw,60px);bottom:20px;display:flex;gap:23px;color:#f5e2be;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.game-footer i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--lime)}.boat-app[data-state="lowering"] .boat{filter:brightness(1.15)}.boat-app[data-state="catch"] .catch-splash{animation:splash .62s ease-out 1}.boat-app[data-state="caught"] .dock-panel{border-color:var(--brass);box-shadow:0 0 0 4px rgba(229,182,93,.19),16px 16px 0 rgba(18,8,15,.31)}.boat-app[data-state="miss"] .dock-panel{border-color:rgba(228,84,72,.8)}@keyframes water-shift{from{margin-top:0}to{margin-top:13px}}@keyframes fish-sway{from{margin-left:-7px;transform:translate(-50%,-50%) scale(var(--fish-scale,1)) rotate(-3deg)}to{margin-left:7px;transform:translate(-50%,-50%) scale(var(--fish-scale,1)) rotate(3deg)}}@keyframes wake{from{transform:scaleX(.8);opacity:.5}to{transform:scaleX(1.15);opacity:1}}@keyframes splash{0%{opacity:0;transform:translate(-50%,8%) scale(.6)}28%{opacity:1}100%{opacity:0;transform:translate(-50%,-20%) scale(1.22)}}@media(max-width:1000px){.dock-board{width:250px;right:18px}.dock-panel{margin-left:32px}}@media(max-width:780px){.boat-stage{min-height:730px}.hud{top:75px;left:14px}.hud-card{min-width:72px;padding:7px 8px}.hud-card strong{font-size:1.25rem}.dock-panel{top:155px;margin:0 auto;width:calc(100% - 28px)}.dock-board{position:relative;top:auto;right:auto;width:calc(100% - 28px);margin:190px auto 23px}.game-footer{position:relative;right:auto;bottom:auto;margin:0 14px 18px;justify-content:space-between}.local-badge{display:none}.boat{top:31%;transform:translate(-50%,-50%) scale(.86)}.hook-line{top:31%}.water-world{bottom:0}.swimmer span{font-size:.48rem}.lane-guide-right{right:9%}.lane-guide-left{left:9%}}@media(max-width:440px){.game-header{padding:12px 14px}.mini-brand{font-size:.72rem}.dock-panel{padding:22px}.dock-panel h1{font-size:2.25rem}.hud{gap:5px}.hud-card{min-width:64px}.hud-card span{font-size:.5rem}.dock-board{margin-top:160px}.game-footer{font-size:.54rem;gap:8px}.lane-readout{font-size:.51rem}.result-fish{width:70px;height:49px}}

/* Result state: give the catch report its own breathable rhythm below the control. */
.input-note{margin:14px 0 0;padding:0 8px;line-height:1.45}
.result-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;align-items:center;min-height:84px;margin:18px 0 20px;padding:12px 15px 12px 12px;border-left-width:4px}
.result-card:not(.has-fish){grid-template-columns:minmax(0,1fr)}
.result-fish{width:94px;height:64px}
.result-card strong{margin:3px 0 5px;font-size:clamp(1.08rem,2.2vw,1.35rem);line-height:1.06}
.result-card p{line-height:1.48}
@media(max-width:440px){.result-card{grid-template-columns:76px minmax(0,1fr);gap:10px;min-height:78px;margin:15px 0 18px;padding:10px}.result-fish{width:76px;height:54px}.result-card strong{font-size:1.1rem}.result-card p{font-size:.68rem}}

:root{--ink:#10345d;--deep:#155799;--water:#1684be;--water-dark:#10345d;--coral:#f0a713;--brass:#ffe07a;--cream:#fffbe8;--mist:#d6eff7;--text:#11365e;}

/* Site colour variant; original dimensions, controls and game behaviour are retained. */
:root{--ink:#183f36;--deep:#245e4d;--water:#2c8d85;--water-dark:#164d49;--coral:#a9c96d;--brass:#e3d395;--cream:#f5f4e5;--mist:#dce9d5;--text:#183f36}.dock-panel{background:rgba(22,55,44,.92)}.dock-board{background:rgba(22,55,44,.92)}.primary-action{color:#15392b}.primary-action:hover,.primary-action:focus-visible{background:#c5dc97}.boat-hull{background:linear-gradient(180deg,#d5ab6c 0 12%,#9a653f 14% 76%,#5b3f2c 78%)}