:root{color-scheme:dark;--cream:#ffe6b1;--muted:#b7c8de;--ink:#13243d;--green:#a1ebc3;--gold:#dfb47a}*{box-sizing:border-box}body{margin:0;background:#080f1d;color:var(--cream);font-family:monospace;min-height:100svh;display:grid;place-items:center;padding:12px}button,input,a{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #fff1b6;outline-offset:3px}button{color:var(--cream);background:#203852;border:2px solid #8395a8;padding:10px 14px;min-height:44px;font-weight:bold}button:hover{border-color:var(--cream)}button:disabled{cursor:default;opacity:.65}[hidden]{display:none!important}.game{position:relative;width:min(1120px,calc((100svh - 24px)*1.5),calc(100vw - 24px));aspect-ratio:3/2;overflow:hidden;border:3px solid #b59b74;box-shadow:0 0 0 3px #263953,0 18px 60px #0008;background:#1d3f5a;isolation:isolate}.scene{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;object-fit:cover;image-rendering:pixelated;touch-action:manipulation}.hud{position:absolute;inset:14px 14px auto;display:flex;align-items:start;justify-content:space-between;gap:12px;pointer-events:none}.hud>*{pointer-events:auto}.game-title{background:#13243de8;border:2px solid #b59b74;padding:10px 14px;text-shadow:2px 2px #080e22}.game-title strong{display:block;font-size:24px;letter-spacing:1px}.game-title small{display:block;color:#b9d8dc;font-size:9px;letter-spacing:1px;margin-top:5px}.hud-right{display:flex;align-items:center;gap:8px}.score-chip{padding:8px 12px;background:#13243de8;border:1px solid #7893a7;min-width:76px;text-align:right}.score-chip small{font-size:8px;display:block;color:#b7c8de}.score-chip strong{font-size:20px;line-height:1.4}.icon-button{min-width:46px;padding:9px;background:#152942ee;font-size:18px}.fight-meters{position:absolute;left:50%;transform:translateX(-50%);top:88px;width:min(400px,48%);background:#12243ce8;border:1px solid #9aaaad;padding:12px 15px;pointer-events:none;box-shadow:3px 3px #06142655}.meter-heading,.progress-heading{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.5px}.meter-heading b{color:#e4e9ed}.meter-heading span{color:var(--green)}.tension-track{height:18px;display:flex;position:relative;margin-top:9px;border:1px solid #8da2b5}.zone{height:100%}.slack-zone{width:20%;background:repeating-linear-gradient(135deg,#516c95 0,#516c95 4px,#354b71 4px,#354b71 7px)}.good-zone{width:52%;background:#469b80;border-left:2px solid #b4f1cd;border-right:2px solid #b4f1cd}.caution-zone{width:16%;background:#c49a4e}.snap-zone{width:12%;background:repeating-linear-gradient(135deg,#d06969 0,#d06969 4px,#934750 4px,#934750 7px)}.needle{position:absolute;left:36%;top:-5px;width:3px;height:26px;background:#fff2c8;box-shadow:0 0 0 2px #111e35;transform:translateX(-50%)}.needle:before{content:'';position:absolute;top:-3px;left:-3px;width:9px;height:4px;background:#fff2c8}.zone-labels{display:grid;grid-template-columns:20% 52% 28%;font-size:8px;margin-top:8px;color:#c5cedd}.zone-labels strong{text-align:center;color:#a6ebbf}.zone-labels span:last-child{text-align:right;color:#f0b0a4}.progress-heading{margin-top:9px;color:#c5cede;font-size:8px}.catch-progress{height:5px;background:#3b4d68;margin-top:5px;overflow:hidden}.catch-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--green)}.control{position:absolute;bottom:14px;right:14px;left:14px;display:grid;grid-template-columns:120px minmax(0,1fr) 166px;gap:16px;align-items:center;padding:12px;background:#10243de8;border:1px solid #92a3ab;box-shadow:3px 3px #06142655}.control-copy b{display:block;font-size:13px;line-height:1.5;color:#ffdfa2}.control-copy p{font:11px/1.6 system-ui,sans-serif;color:#c1d0df;margin:4px 0 0}.action{min-height:62px;user-select:none;touch-action:none;background:#e3b77a;border-color:#ffe9bd;color:#14243b;box-shadow:0 3px #735238;font-size:13px}.action[aria-pressed=true]{background:#a5e8bd;border-color:#d6ffe8;transform:translateY(2px);box-shadow:0 1px #735238}.control[data-tone=danger] .control-copy b{color:#ffb2a1}.control[data-tone=danger] .action{background:#ac4d54;color:#ffe4c5;border-color:#f2aca0}.control[data-tone=good] .control-copy b{color:#adf0c6}.tackle-button{position:relative;background:#263a46;border-color:#9b8c70;padding:5px 10px;font-size:10px;display:flex;align-items:center;gap:8px;text-align:left;line-height:1.6;min-height:60px}.tackle-button svg{width:36px;height:30px;flex-shrink:0;image-rendering:pixelated}.tackle-button small{display:block;font-size:8px;color:#d2c8ad}.signal{position:absolute;top:38%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;max-width:94%;width:max-content}.signal b{display:block;padding:9px 13px;background:#ffdc9c;color:#12253c;border:2px solid #fff0c6;font-size:12px;box-shadow:3px 3px #07142777}.signal span{display:block;color:#dbe9dc;background:#12253cdd;font-size:9px;padding:6px}.signal[data-tone=danger] b{background:#a44551;color:#fff0d6;border-color:#f3b2a5}.signal[data-tone=good] b{background:#a1e2bd}.catch,.screen{position:absolute;inset:0;z-index:30;background:#061225a8;display:grid;place-items:center;padding:18px;pointer-events:auto}.screen{z-index:40}.card{background:#15283fee;border:3px solid #c4a57c;box-shadow:6px 6px #050e20a8;width:min(440px,100%);max-height:100%;overflow:auto;padding:25px;color:#f4e6cc}.catch .card{text-align:center}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:#deb883}.catch svg{width:106px;height:56px;image-rendering:pixelated;margin:12px auto 0}.catch h2{font-size:24px;margin:10px 0}.catch p{font:12px/1.7 system-ui,sans-serif;white-space:pre-line;color:#b9d5db;margin:8px 0}.catch strong{display:block;font-size:18px;color:#ffd18a;line-height:1.6;margin-top:10px}.catch.failed svg{display:none}.catch.failed h2{color:#ffb8a6}.result-continue{display:block;margin:18px auto 0;min-width:160px;background:#e4b67a;border-color:#ffe4b4;color:#14243b}.card header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:22px}.card h2{font-size:24px;margin:0 0 5px}.card header p{font-size:10px;color:#aebfd0;margin:0}.close-screen{min-width:40px;padding:4px 10px;font-size:22px;line-height:1;min-height:40px}.menu-actions{display:grid;gap:9px}.menu-actions button{width:100%;text-align:left;font-size:12px}.menu-actions .resume{background:#e3b67b;color:#13243c;border-color:#ffe4b8;text-align:center}.settings{margin-top:22px;border-top:1px solid #52667b;padding-top:18px}.settings h3,.tackle-total{font-size:10px;letter-spacing:1px;color:#e1c395;margin:0 0 12px}.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setting-row button{font-size:10px;padding:10px 7px}.setting-row button[aria-pressed=true]{background:#355c60;color:#d0ffe0;border-color:#94d3b9}.volume-row{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:15px}.volume-row input{width:100%;accent-color:#d3b280}.audio-status{font-size:9px;line-height:1.6;color:#9fb7c8;min-height:16px;margin:10px 0 0}details{margin-top:20px;border-top:1px solid #52667b;padding-top:15px;font-size:11px;line-height:1.8;color:#c5d5df}summary{color:#ffe0a3;cursor:pointer;min-height:30px;font-weight:bold}details ol{padding-left:20px}details strong{color:#9eebbf}.owtex-link{display:block;margin-top:20px;padding:13px;border:1px solid #718294;color:#ffe0a4;text-align:center;text-decoration:none;font-size:11px}.tackle-total{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #576a7c;padding-bottom:15px}.tackle-total strong{font-size:26px;color:#ffe0a3}.catch-list{padding:0;margin:0;list-style:none;display:grid;gap:12px}.catch-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;background:#213d51;border:1px solid #4a6a7d}.catch-list b{font-size:12px}.catch-list small{display:block;font-size:9px;color:#b3cbd2;line-height:1.8;margin-top:3px}.catch-list em{font-style:normal;color:#ffe0a3;font-size:17px}.empty-catch{padding:24px 0;font:13px/1.8 system-ui,sans-serif;color:#bed0d8;text-align:center}.empty-catch strong{display:block;font:17px monospace;color:#e7c997;margin-bottom:10px}.tackle-foot{font-size:10px;line-height:1.8;color:#9fb8c7;margin-top:18px}.location,.direction,.steps,.first-tip{display:none}
@media(max-width:650px){body{padding:6px}.game{width:min(calc(100vw - 12px),calc((100svh - 12px)*.65));aspect-ratio:.65}.hud{inset:9px 9px auto;gap:7px}.game-title{padding:7px 9px}.game-title strong{font-size:17px}.game-title small{font-size:7px;letter-spacing:.3px}.hud-right{gap:5px}.score-chip{min-width:49px;padding:6px}.score-chip small{font-size:7px}.score-chip strong{font-size:15px}.icon-button{min-width:40px;min-height:40px;padding:5px;font-size:17px}.fight-meters{top:76px;width:calc(100% - 22px);padding:10px 12px}.meter-heading{font-size:8px}.progress-heading{font-size:7px}.zone-labels{font-size:7px}.signal{top:38%;max-width:94%}.signal b{font-size:10px;padding:8px 9px}.signal span{font-size:8px}.control{left:9px;right:9px;bottom:9px;padding:9px;grid-template-columns:46px minmax(0,1fr) 95px;gap:8px}.control-copy b{font-size:10px;line-height:1.5}.control-copy p{font-size:9px;line-height:1.5}.action{font-size:10px;min-height:62px;padding:7px 4px}.tackle-button{padding:3px;min-height:60px;display:block;text-align:center}.tackle-button svg{width:27px;height:24px}.tackle-button .tackle-label{display:none}.tackle-button small{font-size:8px}.card{padding:18px 16px;border-width:2px}.card h2{font-size:21px}.card header{margin-bottom:16px}.catch h2{font-size:21px}.catch p{font-size:11px}.catch strong{font-size:16px}.catch svg{height:45px;margin-top:8px}.catch,.screen{padding:12px}.result-continue{min-height:44px;margin-top:14px}.menu-actions button{font-size:11px}.settings{margin-top:16px;padding-top:14px}details{margin-top:15px}.owtex-link{margin-top:14px}.tackle-total strong{font-size:23px}}
@media(max-height:520px) and (min-width:651px){body{padding:4px}.game{width:min(calc((100svh - 8px)*1.7),calc(100vw - 8px));aspect-ratio:1.7}.hud{inset:8px}.game-title strong{font-size:18px}.game-title small{font-size:7px}.fight-meters{top:12px;width:37%;padding:8px 10px}.control{bottom:8px;left:8px;right:8px;padding:8px;grid-template-columns:92px minmax(0,1fr) 130px;gap:10px}.action{min-height:48px;font-size:11px}.control-copy b{font-size:11px}.control-copy p{font-size:9px}.tackle-button{min-height:48px;font-size:8px}.tackle-button svg{width:24px}.signal{top:39%}.signal b{font-size:10px}.card{padding:16px;max-height:100%}}