:root{color-scheme:dark;--bg:#101c21;--paper:#e0e1d1;--muted:#7e9799;--green:#9bc89b;--line:#ffffff12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Segoe UI,Arial,sans-serif;font-size:14px;background-image:radial-gradient(ellipse at 12% 70%,#24444735,transparent 60%)}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:5px}.topbar{height:85px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5%}.brand{display:flex;align-items:center;gap:15px;color:var(--paper);text-decoration:none;font-size:19px;letter-spacing:3px;font-weight:800}.brand-icon{font-size:37px;font-weight:400;color:var(--green)}.divider{width:1px;height:22px;background:#ffffff26;margin:0 10px}.brand-sub,.prototype{font-size:10px;letter-spacing:2px;font-weight:500;color:var(--muted)}.prototype{display:flex;align-items:center;gap:9px}.prototype i,.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block}main{max-width:1240px;margin:auto;padding:0 40px}.tabs{height:78px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.tab{height:100%;display:flex;align-items:center;gap:12px;color:var(--green);border-bottom:2px solid var(--green)}.tab small{color:#6b8987;font-size:10px;margin-left:20px}.coming{font-size:12px;color:#667e82}.heading{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 13px}h1{font-family:Georgia,serif;font-size:48px;font-weight:400;letter-spacing:-1.6px;margin:0 0 9px}.intro{color:#8da2a3;margin:0;font-size:14px}.session{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 20px}.session span:first-child{font-size:9px;letter-spacing:1.6px}.session strong{font-family:Georgia,serif;font-size:47px;grid-row:span 2;font-weight:400;color:var(--green)}.session span:last-child{font-size:11px;color:var(--muted)}.game{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #7a9f991f;border-radius:4px;overflow:hidden;box-shadow:0 25px 70px #0002}.water-panel{background:radial-gradient(ellipse at 50% 45%,#23404880,transparent 68%),repeating-radial-gradient(ellipse at 12% 110%,transparent 0 48px,#8ba3a304 49px 50px,transparent 51px 72px),#14282f;position:relative;padding:24px 26px 0;display:flex;flex-direction:column;justify-content:space-between}.panel-label{display:flex;justify-content:space-between;color:#8da6a3;letter-spacing:1.5px;font-size:9px}.live-dot{margin-right:7px}.panel-label>span:last-child{color:#668381}.dial-wrap{position:relative;width:100%;max-width:462px;margin:4px auto -6px}#dial{display:block;width:100%;overflow:visible}.dial-caption{fill:#869e98;font-size:9px;letter-spacing:2px;font-family:Segoe UI,Arial,sans-serif}.fish{transform-origin:center;animation:swim 5s ease-in-out infinite}.dial-feedback{position:absolute;top:78%;left:0;width:100%;text-align:center;letter-spacing:2px;font-size:11px;color:var(--green);opacity:0;transition:opacity .16s}.dial-feedback.visible{opacity:1}.dial-feedback.miss{color:#e3a393}.dial-legend{display:flex;justify-content:center;gap:25px;color:#849c99;font-size:10px;margin:6px 0 26px}.dial-legend span{display:flex;align-items:center;gap:7px}.green-swatch{width:7px;height:7px;background:var(--green)}.needle-swatch{width:2px;height:10px;background:#eddbb4;transform:rotate(25deg)}.water-bottom{display:flex;justify-content:space-between;border-top:1px solid #a3b5ac18;padding:17px 0;font-size:8px;letter-spacing:.9px;color:#668387}.water-bottom b{color:#9bb0a9;font-size:10px;letter-spacing:0;margin-left:6px;font-weight:400}.control-panel{padding:32px 36px;background:#18272c;display:flex;flex-direction:column}.control-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.control-top .eyebrow{margin:0}.tag{font-size:8px;letter-spacing:1.4px;border:1px solid #98b5a53b;color:#a6bda7;padding:6px 8px}h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0 0 12px}.description{max-width:330px;color:#8fa2a2;font-size:13px;line-height:1.8;margin:0 0 24px}.fish-info{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px}.fish-icon{width:38px;height:38px;border:1px solid #abc7b326;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#9fbaa7}.fish-info strong{display:block;font-weight:500;font-size:13px;margin-bottom:5px}.fish-info div span{font-size:10px;color:var(--muted)}.rarity{margin-left:auto;font-size:7px;letter-spacing:3px;color:#829c83;white-space:nowrap}.progress-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px}.progress-heading strong{font-size:17px;letter-spacing:0;font-weight:500}.muted{color:#617f82;font-size:12px}.progress{display:flex;gap:5px;margin:13px 0}.progress i{height:6px;flex:1;background:#304348;transition:background .2s,box-shadow .2s}.progress i.filled{background:var(--green);box-shadow:0 0 12px #9bc89b20}.attempt-row{display:flex;justify-content:space-between;font-size:10px;color:#7b9697}.attempt-row>div{display:flex;gap:6px;align-items:center}.attempt-row i{width:6px;height:6px;border:1px solid #bcae8c;transform:rotate(45deg)}.attempt-row i.lost{background:#92635b;border-color:#92635b}.status{margin:22px 0 15px;font-size:11px;min-height:17px;color:#a0b8a3}.status.miss{color:#e3a393}.hook{width:100%;border:1px solid #b9d5ad;background:#a8c99d;color:#142a27;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;cursor:pointer;font-size:16px;font-weight:600;transition:background .15s,transform .1s}.hook:hover{background:#bbdbaf}.hook:active{transform:translateY(1px)}kbd{font-family:inherit;font-size:10px;font-weight:500;border:1px solid #79908455;border-radius:3px;padding:3px 6px}.hook kbd{font-size:13px;border-color:#25452f55;padding:3px 8px}.keyboard-hint{display:flex;align-items:center;justify-content:center;gap:6px;color:#7e9796;font-size:9px;margin:12px 0 24px}.keyboard-hint span{margin:0 4px}.keyboard-hint kbd{font-size:9px;padding:2px 5px}.settings{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:17px;color:#7e9799;font-size:10px}.settings label{margin-right:auto}.settings select{background:#1c3035;color:#b4c3b7;border:1px solid #6e8a842d;padding:7px 9px;font-size:11px;border-radius:2px;cursor:pointer}.settings button{border:1px solid #6e8a843b;background:transparent;color:#a9bfaf;min-width:31px;height:31px;cursor:pointer}.settings button:disabled{opacity:.35;cursor:default}footer{display:flex;justify-content:space-between;align-items:center;padding:26px 0 30px;font-size:9px;color:#728a8c;line-height:2}footer b{font-weight:500;font-size:8px;letter-spacing:1px;color:#a1b4ad;margin-right:12px}footer>span:last-child{font-size:8px;letter-spacing:1.2px}.step-number{display:inline-grid;place-items:center;border:1px solid #728a8c38;width:16px;height:16px;border-radius:50%;margin:0 5px 0 12px;font-size:8px}@keyframes swim{50%{transform:translateY(-4px) rotate(-2deg)}}@media(min-width:1500px){main{padding-top:18px}.heading{padding-top:45px;padding-bottom:38px}.dial-wrap{max-width:490px}}@media(max-width:900px){main{padding:0 24px}.control-panel{padding:26px 24px}.water-panel{padding:24px 16px 0}.game{grid-template-columns:1fr 1fr}.water-bottom{gap:8px;flex-wrap:wrap}.prototype{display:none}footer>span:last-child{display:none}.rarity{display:none}.control-top{gap:8px}.tag{font-size:7px}}@media(max-width:660px){.topbar{height:65px;padding:0 24px}.brand{font-size:16px}.brand-sub{font-size:8px}.divider{margin:0}.tabs{height:60px}.coming{font-size:10px}.heading{padding:26px 0}h1{font-size:39px}.session{gap:3px 10px}.session span:first-child{font-size:7px}.session strong{font-size:35px}.session span:last-child{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.3px}.intro{font-size:12px}.game{grid-template-columns:1fr}.dial-wrap{max-width:330px}.water-panel{padding-top:19px}.dial-legend{margin-bottom:20px}.water-bottom{justify-content:space-between}.control-panel{padding:25px}.control-top{margin-bottom:20px}.description{max-width:none}.fish-info{margin-bottom:20px}.keyboard-hint{margin-bottom:20px}footer{padding-top:18px}footer>span{display:flex;flex-wrap:wrap;align-items:center;gap:3px}footer b{width:100%}.step-number{margin-left:0}}@media(prefers-reduced-motion:reduce){.fish{animation:none}*{transition:none!important}}
.fish{animation:none;transform-origin:0 0}
.gold-swatch{width:7px;height:7px;background:#f4cd64;box-shadow:0 0 8px #f4cd6440}
#bonus-zone{filter:drop-shadow(0 0 4px #f4cd6450)}
.dial-feedback.super{color:#ffe19a;font-weight:700;letter-spacing:3px}
.status.super{color:#f4cd64}
.configurator{margin-top:22px;border:1px solid #7a9f992e;border-radius:4px;background:#18272c}
.configurator summary{cursor:pointer;padding:20px 24px;color:#c0d2bb;font-size:14px;line-height:1.8}
.configurator summary small{font-size:10px;color:#7e9799;margin-left:18px;letter-spacing:1px}
.config-body{padding:0 24px 22px}.config-intro,.config-note{color:#8fa5a3;font-size:12px;line-height:1.8;max-width:840px}
.preset-bar,.preset-save,.config-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}
.configurator label,.configurator button,.configurator input,.configurator select,.configurator textarea{font:inherit;font-size:12px}
.configurator button,.file-import{border:1px solid #728e7e55;border-radius:3px;background:#22393c;color:#cad8c6;padding:10px 13px;cursor:pointer}
.configurator button:hover,.file-import:hover{background:#304b49}.configurator button:disabled{opacity:.4;cursor:default}
.configurator input:not([type=checkbox]):not([type=file]),.configurator select,.configurator textarea{color:#dce5d8;border:1px solid #718d853d;border-radius:3px;background:#102228;padding:9px;min-width:0}
.configurator input:focus-visible,.configurator textarea:focus-visible,.file-import:focus-within{outline:2px solid #9bc89b;outline-offset:2px}
.preset-bar select{max-width:100%;flex:1;min-width:160px}.preset-save input{flex:1;min-width:180px!important}
.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.config-grid fieldset{margin:0;border:1px solid #829e8e2b;min-width:0;padding:12px 14px 16px;border-radius:3px}
.config-grid legend{padding:0 7px;font-size:12px;color:#adc8a8}.config-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;color:#94aaa6;min-height:34px}
.config-field span{font-size:11px;line-height:1.6}.config-field input:not([type=checkbox]){width:85px;flex-shrink:0}.config-field select{width:135px;font-size:10px}.config-field input[type=checkbox]{accent-color:#a8c99d;width:18px;height:18px;cursor:pointer}
.configurator .apply-config{background:#a8c99d;color:#142a27;font-weight:600}.configurator .apply-config:hover{background:#bbdbaf}
.json-tools{border-top:1px solid #829e8e22;padding-top:20px}.json-tools>label{display:block;color:#b7c9b3;margin-bottom:10px}.json-tools>label span{color:#7e9799;font-size:10px;margin-left:15px}.json-tools textarea{width:100%;resize:vertical;font-family:Consolas,monospace;line-height:1.6}
.file-import{position:relative;display:inline-block}.file-import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
#config-status{font-size:12px;color:#a8c99d;line-height:1.8;overflow-wrap:anywhere}#config-status.error{color:#e3a393}
.section-status{text-align:center;color:#c1c4a9;font-size:8px;letter-spacing:1px;line-height:1.8;margin:0 0 10px}
.mode-settings{margin-top:12px;padding-top:12px}.mode-settings select{max-width:75%}
.quick-config{padding:22px 24px;margin-bottom:22px;background:#192b30;border:1px solid #8ba78b30;border-radius:4px}
.quick-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.quick-heading .eyebrow{margin-bottom:7px}.quick-heading h2{font-size:24px;margin:0}.quick-heading a{font-size:11px;color:#a8c99d;text-decoration:none;white-space:nowrap}
.preset-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.preset-chips button{text-align:left;padding:12px 10px;border:1px solid #829e8e35;border-radius:3px;background:#14262c;color:#b6c9b5;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}.preset-chips button:hover{border-color:#9bc89b80;background:#21393c}.preset-chips button[aria-pressed=true]{border-color:#a8c99d;background:#a8c99d15;box-shadow:inset 0 2px #a8c99d}.preset-chips strong{font-size:12px;font-weight:500;display:block;line-height:1.6}.preset-chips button span{display:block;font-size:9px;color:#7e9995;margin-top:5px;line-height:1.5}
.quick-preset{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:15px 0;padding-bottom:15px;border-bottom:1px solid #829e8e22}.quick-preset label{font-size:11px;color:#8fa5a3}.quick-preset select{width:320px;max-width:65%}
.quick-config input:not([type=checkbox]),.quick-config select{font:inherit;font-size:12px;min-width:0;border:1px solid #718d8540;border-radius:3px;background:#102228;color:#dce5d8;padding:9px}.quick-config input:focus-visible{outline:2px solid #9bc89b;outline-offset:2px}.quick-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 18px}.quick-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#8fa5a3;font-size:10px}.quick-fields input:not([type=checkbox]),.quick-fields select{width:100%}.quick-fields input[type=checkbox]{accent-color:#a8c99d;align-self:flex-start;width:21px;height:21px;cursor:pointer;margin:7px 0}
.quick-bottom{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:17px}.quick-bottom p{font-size:11px;line-height:1.7;color:#9bb3a3;margin:0;max-width:740px}.quick-bottom p.error{color:#e3a393}.quick-bottom button{font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;border:1px solid #b9d5ad;border-radius:3px;background:#a8c99d;color:#142a27;padding:12px 18px}.quick-bottom button:hover{background:#bbdbaf}
[hidden]{display:none!important}
.variant-caption{font-family:Segoe UI,Arial,sans-serif;font-size:10px;letter-spacing:1.5px;fill:#afc4b0}
#variant-layer{pointer-events:none}.dial-feedback{pointer-events:none}
@media(max-width:1000px){.preset-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:660px){.quick-config{padding:18px 16px}.quick-heading h2{font-size:22px}.quick-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-preset{align-items:flex-start;flex-direction:column;gap:8px}.quick-preset select{width:100%;max-width:100%}.quick-bottom{align-items:stretch;flex-direction:column;gap:12px}.preset-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-heading a{font-size:10px}}
#lives{flex-wrap:wrap;justify-content:flex-end;max-width:50%}.progress{gap:3px}
@media(max-width:1000px){.config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:660px){.config-grid{grid-template-columns:1fr}.configurator summary small{display:block;margin-left:18px;font-size:9px}.config-body{padding:0 16px 16px}.configurator summary{padding:16px}.json-tools>label span{display:block;margin:6px 0}.config-actions button{flex:1}.preset-save label{width:100%}}