:root{color-scheme:dark;font-family:"Segoe UI",Inter,Arial,sans-serif;color:#f4f9fa;background:#081522;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at center top,#18364a,#081522 70%);min-height:100dvh}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f6dfb1;outline-offset:4px}.app{width:min(1560px,100%);padding:0 clamp(10px,3vw,46px) 24px;margin:auto}header{height:75px;display:flex;align-items:center;gap:24px}.back{font-size:10px;letter-spacing:.2em;font-weight:800;text-decoration:none;color:#a5ced3;min-width:130px}.brand{font-weight:900;font-size:26px;letter-spacing:.27em;white-space:nowrap}.brand span{display:block;font-size:9px;letter-spacing:.33em;font-weight:600;color:#b5c5d4;margin-top:1px}.header-action{margin-left:auto;display:flex;gap:8px}button{background:#14304a;color:#d8f4f6;border:1px solid #688d9b74;border-radius:6px;padding:11px 13px;font-size:11px;font-weight:800;letter-spacing:.1em}.header-action button{font-size:10px}.world{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 25px 110px #0009;border:1px solid #93bbc35c;background:#0d304a;border-radius:12px}canvas{display:block;width:100%;height:auto;max-height:calc(100dvh - 180px);aspect-ratio:12/7;min-height:330px;touch-action:manipulation;cursor:crosshair}.weather,.hud,.controls,.line-meter{position:absolute;z-index:1;pointer-events:none}.weather{top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.22em;font-weight:800;text-shadow:0 2px 8px #09182f}.spotlight{opacity:.7}.hud{top:62px;left:24px;display:flex;gap:28px;text-shadow:0 2px 12px #06172f}.hud div{display:grid;gap:7px}.hud small{font-size:10px;font-weight:700;letter-spacing:.15em;color:#d5e6ee}.hud b{font-size:clamp(18px,3vw,32px)}.controls{bottom:16px;left:18px;right:18px;display:flex;align-items:end;justify-content:space-between;gap:10px}.controls button{pointer-events:auto;user-select:none;touch-action:none;border:1px solid #b6e6eb91;background:#102c43e8;min-height:49px;backdrop-filter:blur(8px)}.steering{display:flex;gap:7px}.steering button{min-width:56px;font-size:22px}.fishing{display:flex;gap:7px}.fishing #cast{color:#1d2c35;background:#e8d4ae}.fishing #reel{color:#112534;background:#9ddde5}.controls p{max-width:40%;font-size:12px;color:#fff5dc;text-align:center;text-shadow:0 2px 6px #07121b;margin:0 0 11px;line-height:1.5}.line-meter{bottom:96px;left:50%;transform:translateX(-50%);width:min(380px,90%);padding:14px 16px;border:1px solid #bde9e28c;background:#072338eb;border-radius:5px;font-size:10px;letter-spacing:.08em;display:grid;gap:9px}.line-meter[hidden]{display:none}.tension{height:9px;background:#193e57;overflow:hidden}.tension i{display:block;height:100%;background:linear-gradient(90deg,#7de6cf 0,#f8bd78 67%,#ef7777 100%);width:0}.below{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.7;letter-spacing:.02em;color:#93b4c1}.below p{max-width:48%}.below b{color:#e2d3b9}.modal{position:fixed;inset:0;background:#03101ce8;z-index:5;display:grid;place-items:center;padding:16px;backdrop-filter:blur(12px)}.modal[hidden]{display:none}.modal section{max-width:580px;width:100%;padding:clamp(20px,4vw,50px);background:linear-gradient(145deg,#1b4558,#0d2537 78%);border:1px solid #a4d9d67c;box-shadow:0 30px 100px #000c;border-radius:10px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#e9d3b1;font-weight:800}.modal h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,6vw,60px);font-weight:400;letter-spacing:-.045em;margin:16px 0}.modal section>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#cedde4}.gear{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0}.gear button{font-size:9px;letter-spacing:.02em;padding:13px 4px;line-height:1.3}.gear button[aria-pressed=true]{background:#e3d2ae;color:#092130}.gear button:disabled{opacity:.4;cursor:not-allowed}.modal button.primary{width:100%;padding:17px;background:#d4e9cb;color:#102837;margin-top:14px}.modal button.upgrade{width:100%;margin-top:5px}.note{font-size:11px!important;opacity:.75}.sr{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;overflow:hidden}@media(max-width:700px){header{height:62px;gap:8px}.back{min-width:60px;font-size:9px;letter-spacing:.04em}.brand{font-size:18px;letter-spacing:.15em}.brand span{font-size:7px;letter-spacing:.14em}.header-action{gap:4px}.header-action button{font-size:8px;padding:8px 5px}.world{border-radius:5px}canvas{min-height:370px;max-height:none}.weather{top:12px;left:12px;right:12px;font-size:8px}.spotlight{display:none}.hud{top:40px;left:12px;gap:12px}.hud small{font-size:8px}.hud b{font-size:19px}.controls{bottom:8px;left:8px;right:8px;gap:4px;align-items:center}.controls button{font-size:9px;letter-spacing:0;min-height:42px;padding:7px}.steering button{min-width:38px;font-size:15px}.fishing #reel{max-width:100px}.controls p{display:none}.line-meter{bottom:65px}.below{display:block}.below p{max-width:none}.modal section{padding:24px}.gear{gap:4px}.gear button{font-size:8px}}