:root{color-scheme:dark;--bg:#061522;--panel:#0b2232;--panel2:#102d3e;--line:#2b4c61;--muted:#a9c2d1;--gold:#f2d29c;--text:#f4f8fa;--accent:#7fd7cb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:#061522}body{margin:0;min-height:100svh;background:radial-gradient(circle at 80% 0,#173b54 0,transparent 34%),linear-gradient(#071b2b,#061522 70%);color:var(--text)}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{color:inherit;border:1px solid var(--line);border-radius:10px;background:#123448;min-height:44px;padding:10px 16px;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}button:hover:not(:disabled){background:#1a4961;border-color:#81a7ba}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}small{display:block}h1,h2,h3,p{margin:0}h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h2{font-size:34px}h3{font-size:24px}p{line-height:1.65}[hidden]{display:none!important}.mast{height:76px;max-width:1540px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #91bad018;background:#06152188;backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:850;letter-spacing:2px}.brand b{font-family:Georgia,serif;font-size:26px;width:42px;height:46px;display:grid;place-items:center;border:1px solid #e9c987;border-radius:11px;color:#f3d58f;background:linear-gradient(145deg,#133a50,#081c2b);box-shadow:inset 0 0 20px #d7b26412,0 5px 25px #0007}.brand small{font-size:9px;letter-spacing:3.2px;color:#9fb9c8;margin-top:3px}.mast-links{display:flex;align-items:center;gap:20px}.early{font-size:9px;letter-spacing:1.5px;color:#9fc5d6;border:1px solid #4f7284;border-radius:999px;padding:7px 10px}.back{font-size:12px;color:#bbcfda}main{max-width:1540px;margin:auto;padding:34px 30px 24px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;line-height:1.5;color:var(--gold)}h1{font-family:Georgia,serif;font-size:64px;font-weight:400;letter-spacing:-1.7px;line-height:1.03;margin:8px 0 11px}h1 em{font-weight:400;color:var(--gold)}.sub,.muted{color:var(--muted);font-size:13px}.sub{max-width:720px}.career{display:flex;gap:22px;flex-shrink:0;padding:12px 0}.career span{border-left:1px solid var(--line);padding-left:21px}.career b{font-size:18px;font-weight:650}.career small{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;margin-top:6px;color:var(--muted)}.save-status{font-size:10px;color:#8faebb;margin:15px 0 17px;min-height:18px}.save-status.warning{color:#ffd19e}.tabs{display:flex;gap:5px;padding:7px;border:1px solid #345263;background:#091f2ddd;border-radius:13px;margin-bottom:18px;overflow-x:auto;box-shadow:0 12px 35px #00101b50}.tabs button{font-size:12px;border-color:transparent;white-space:nowrap;background:transparent;color:#9bb6c5}.tabs button[aria-pressed=true]{background:linear-gradient(145deg,#24485a,#17394b);color:#fff;border:1px solid #547589;box-shadow:inset 0 1px #ffffff14}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:18px}.game-main{border:1px solid #345568;border-radius:18px;overflow:hidden;background:#081b28;box-shadow:0 26px 80px #000a,inset 0 0 0 1px #ffffff07}.scene-wrap{position:relative;isolation:isolate;background:#17394c;overflow:hidden;min-height:560px}.scene-wrap:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00111e3d 0,transparent 22%,transparent 66%,#00131fe8 100%)}#scene{width:100%;height:auto;display:block;aspect-ratio:1100/640;min-height:560px;object-fit:cover;position:relative;z-index:0}.cinema-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 110px #00121f99}.venue-bar{position:absolute;z-index:8;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;pointer-events:none}.location-chip{display:flex;gap:10px;align-items:center;min-width:260px;background:#071a27bf;border:1px solid #c7e1ec2d;border-radius:12px;padding:11px 14px;box-shadow:0 8px 35px #00111e88;backdrop-filter:blur(12px)}.pin{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#17384a;color:var(--gold);font-size:21px}.venue-bar h2{font-family:Inter,system-ui,sans-serif;font-size:21px;font-weight:850;margin-top:2px;letter-spacing:.2px}.venue-bar .eyebrow{font-size:7px;color:#b9d2df;letter-spacing:1.2px}.tools{display:flex;gap:6px;pointer-events:auto}.tools button{font-size:10px;min-width:42px;min-height:39px;padding:7px 10px;background:#071a27b8;backdrop-filter:blur(12px);border-color:#b9d2df33}.scene-badge{position:absolute;z-index:8;left:18px;top:87px;padding:7px 11px;background:#071a27ad;backdrop-filter:blur(9px);border:1px solid #ffffff25;border-radius:999px;font-size:9px;display:flex;gap:8px;align-items:center;color:#d7e6ee}.live-dot{width:6px;height:6px;border-radius:50%;background:#83e5c4;box-shadow:0 0 10px #83e5c4}.scene-caption{position:absolute;z-index:7;left:21px;top:130px;text-shadow:0 2px 18px #00101eff;pointer-events:none}.scene-caption span{font-size:8px;display:block;letter-spacing:2px;font-weight:850;color:#d4e9ef}.scene-caption strong{font-family:Georgia,serif;font-size:30px;font-weight:400;display:block;margin-top:5px;max-width:390px}.cast-meter{position:absolute;z-index:9;left:50%;bottom:105px;transform:translateX(-50%);width:min(520px,54%);padding:11px 14px 12px;border:1px solid #ffffff22;border-radius:12px;background:#061927c7;backdrop-filter:blur(10px);box-shadow:0 10px 35px #00101b90}.meter-label{display:flex;justify-content:space-between;gap:8px;color:#bed0da;font-size:9px;margin-bottom:7px}.meter-label span:last-child{color:#f3d49b}.meter{height:11px;background:#04131e;position:relative;border-radius:999px;overflow:hidden;border:1px solid #456274}.target-zone{background:linear-gradient(90deg,#d5a85c,#ffdf93,#d5a85c);position:absolute;top:0;bottom:0;width:10%;box-shadow:0 0 18px #f8d77a}.meter i{position:absolute;top:-2px;bottom:-2px;width:3px;background:#fff;box-shadow:0 0 8px #fff}.fight-meters{position:absolute;z-index:9;right:18px;top:150px;width:220px;display:grid;gap:8px}.fight-card{padding:11px 12px;background:#061927c9;border:1px solid #ffffff24;border-radius:11px;backdrop-filter:blur(11px);box-shadow:0 9px 30px #00121f85}.fight-card .meter-label{margin-bottom:6px}.fight-card meter,.fight-card progress{appearance:none;-webkit-appearance:none;width:100%;height:12px;border:0;background:#06121b;border-radius:999px;overflow:hidden;display:block}meter::-webkit-meter-bar{background:#07141d;border:none}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#50d379,#a8dc4d)}meter::-webkit-meter-suboptimum-value{background:linear-gradient(90deg,#f7d14a,#f39a3f)}meter::-webkit-meter-even-less-good-value{background:#ef5748}progress::-webkit-progress-bar{background:#07141d}progress::-webkit-progress-value{background:linear-gradient(90deg,#4fb5e6,#9ce0ff)}progress::-moz-progress-bar{background:#69c5ef}meter::-moz-meter-bar{background:#74d96f}.action-controls{position:absolute;z-index:10;left:50%;bottom:22px;transform:translateX(-50%);display:grid;grid-template-columns:92px 210px 92px;gap:9px;pointer-events:auto}.action-controls button{box-shadow:0 12px 34px #00111fc9}.gold{background:linear-gradient(145deg,#ffd98a,#d59a3d);color:#132835;border-color:#ffe9b6;font-weight:850;text-shadow:0 1px #fff5;box-shadow:inset 0 1px #fff9,0 8px 25px #0007}.gold:hover:not(:disabled){background:linear-gradient(145deg,#ffe7ab,#e5ae50);border-color:#fff3d1}.action{font-size:17px;min-height:66px;border-radius:999px;user-select:none;touch-action:none;letter-spacing:.4px}.action small{font-size:8px;font-weight:650;margin-top:4px;opacity:.75}.lean{font-size:22px;border-radius:999px;user-select:none;touch-action:none;background:#071c2ac9;backdrop-filter:blur(12px);border-color:#9dbdca55}.lean small{font-size:8px;color:#b9ced8;margin-top:3px}.lean[aria-pressed=true]{background:#245a67;border-color:#c7ecdf;box-shadow:0 0 25px #82d6c455}.overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:20;background:#00111fa8;backdrop-filter:blur(8px);padding:16px}.overlay-card{width:min(450px,95%);border:1px solid #d6e2e33a;border-radius:16px;background:linear-gradient(145deg,#102f41f4,#081d2cf5);text-align:center;padding:24px;box-shadow:0 24px 80px #000b}.overlay-card h3{font-size:34px;margin:9px 0}.overlay-card p{font-size:12px;color:#bfd1da;margin:8px 0}.pause-card button{margin-top:13px;min-width:190px}.result-overlay{place-items:end end;background:linear-gradient(90deg,transparent 0 44%,#00111f35 64%,#00111f90 100%);backdrop-filter:none;padding:22px}.result-card{position:relative;text-align:left;width:min(400px,44%);padding:20px;background:linear-gradient(145deg,#092536f2,#061824f8);border-color:#85b8ce77;box-shadow:0 16px 55px #000c}.result-card .eyebrow{color:#8fe0bd}.result-card h3{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:28px}.result-card .achievement{color:#f6d083;font-weight:700}.result-close{position:absolute;right:10px;top:9px;width:38px;height:38px;min-height:38px;padding:0;border-radius:50%;font-size:24px;background:#0e3448;z-index:3}.result-hint{display:block;margin-top:11px;font-size:9px;color:#8faab8}#catch-art{width:100%;height:120px;display:block;margin:5px 0 6px;border-radius:11px;background:linear-gradient(#153c50,#0a2635)}.dashboard{padding:14px 18px 17px;background:linear-gradient(180deg,#091f2e,#071925)}.status-row{display:flex;justify-content:space-between;gap:10px;min-height:24px;font-size:12px;align-items:center}.status-row strong{font-weight:650}.status-row>span{color:var(--gold);white-space:nowrap}.control-tip{font-size:9px;color:#91adbb;min-height:23px;margin-top:4px}.setup{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;border-top:1px solid #264555;padding-top:12px;margin-top:8px}.setup label{display:block;font-size:9px;color:#a2bbc7;margin-bottom:7px}.spot-buttons{display:flex;gap:5px}.spot-buttons button{font-size:9px;flex:1;padding:7px 5px;min-height:37px;background:#0f3143}.spot-buttons button[aria-pressed=true]{border-color:#9dc8c1;background:#214e57;box-shadow:inset 0 0 15px #6ed0bd12}select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#0f3143;color:#eef5f7;width:100%;height:37px;font-size:11px}.side-card{border:1px solid #2b4a5a;border-radius:14px;padding:19px 18px;margin-bottom:15px;background:linear-gradient(145deg,#0e2d3d,#091d2b);box-shadow:0 15px 40px #00111b55}.side-card h3{margin:8px 0}.side-card .muted{font-size:10px;line-height:1.7}.challenges{padding:0;margin:14px 0 0;list-style:none}.challenges li{border-top:1px solid #284656;padding:10px 0;display:grid;grid-template-columns:20px 1fr;gap:7px;font-size:10px;line-height:1.45}.challenges small{font-size:9px;color:#95afbc;margin-top:3px}.challenges .badge-mark{color:var(--gold);font-size:14px}.local-row{font-size:10px;border-top:1px solid #284656;padding-top:9px;margin-top:9px}.local-row small{font-size:9px;color:#90aebb;margin-top:3px}.section-head{max-width:760px;margin:28px 0}.section-head h2{font-size:44px;line-height:1.12;margin:9px 0 13px}.section-head p:not(.eyebrow){color:var(--muted);font-size:13px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.location-card,.fish-card,.rod-card{overflow:hidden;background:linear-gradient(145deg,#0f2b3b,#091d2b);border:1px solid #2e4d5d;border-radius:14px;box-shadow:0 12px 35px #00111b4d}.location-card canvas{width:100%;height:auto;display:block}.card-body{padding:20px}.card-body h3{margin:8px 0 10px}.card-body p{color:var(--muted);font-size:11px;min-height:40px}.card-body button{margin-top:16px;width:100%}.card-body .eyebrow{font-size:8px;color:var(--gold);min-height:0}.fish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fish-card{padding:14px 16px}.fish-card canvas{width:100%;height:auto;display:block;border-radius:8px;background:linear-gradient(#17384a,#0c2736)}.fish-card h3{font-size:20px}.fish-card p{font-size:10px;color:var(--muted);margin-top:5px}.fish-card .catch-count{font-size:11px;color:var(--gold);margin-top:10px}.fish-card.unseen canvas{opacity:.35;filter:grayscale(1)}.rod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.rod-card{padding:22px}.rod-art{height:130px;position:relative;overflow:hidden}.rod-art:before{content:"";position:absolute;width:5px;height:170px;left:54%;top:-18px;background:linear-gradient(#d9b971 0 35%,#526b77 35% 77%,#d8c48e 77% 87%,#10212b 87%);transform:rotate(35deg);border-radius:5px;box-shadow:0 0 10px #000}.rod-art:after{content:"";position:absolute;left:38%;top:80px;width:20px;height:24px;border-radius:50%;border:4px solid #bccbd0;background:#274657;transform:rotate(35deg)}.rod-card h3{margin:12px 0 10px}.rod-card p{font-size:11px;color:var(--muted);min-height:60px}.rod-card button{width:100%;font-size:11px;margin-top:14px}.rod-card.selected{border-color:#d7ba78;box-shadow:0 0 30px #e8c47c10}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid article{padding:22px;border:1px solid var(--line);border-radius:13px;background:#0c2635}.guide-grid b{font-family:Georgia,serif;font-size:28px;color:var(--gold);font-weight:400}.guide-grid h3{margin:14px 0}.guide-grid p{font-size:12px;color:var(--muted)}.data-box{border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:24px}.data-box p{font-size:12px;color:var(--muted);margin:11px 0}.danger{color:#fac1aa;border-color:#735851;font-size:11px;background:transparent}footer{margin-top:40px;border-top:1px solid var(--line);padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px}footer span{font-weight:750;letter-spacing:1.2px}footer p{max-width:390px}footer a{color:var(--gold);font-size:10px}.game-main:fullscreen{display:grid;place-items:center;background:#04111b}.game-main:fullscreen .scene-wrap{width:100vw;height:100vh}.game-main:fullscreen #scene{width:100%;height:100%;object-fit:cover}.game-main:fullscreen .dashboard{display:none}.game-main:fullscreen .scene-wrap{min-height:100vh}
@media(max-width:1150px){.intro{align-items:flex-start;flex-direction:column;gap:8px}.career{padding-top:4px}.game-layout{grid-template-columns:minmax(0,1fr) 250px}.rod-grid{grid-template-columns:repeat(2,1fr)}.fish-grid{grid-template-columns:repeat(3,1fr)}.location-grid{grid-template-columns:repeat(2,1fr)}.scene-wrap,#scene{min-height:510px}.action-controls{grid-template-columns:82px 190px 82px}.fight-meters{width:195px}}
@media(max-width:860px){main{padding-inline:18px}.game-layout{grid-template-columns:1fr}.game-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-card{margin:0}.guide-grid{grid-template-columns:repeat(2,1fr)}.scene-wrap,#scene{min-height:500px}.result-card{width:min(430px,58%)}footer{flex-wrap:wrap}}
@media(max-width:620px){.mast{height:64px;padding:0 14px}.brand{font-size:14px;gap:8px}.brand b{width:34px;height:38px;font-size:23px}.brand small{font-size:7px;letter-spacing:2.1px}.early{display:none}.back{font-size:10px}main{padding:22px 10px 16px}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:48px;letter-spacing:-1px}.sub{font-size:11px}.career{width:100%;gap:0;justify-content:space-between}.career span{padding-left:10px}.career b{font-size:14px}.career small{font-size:7px}.save-status{margin:12px 2px 10px;font-size:9px}.tabs{margin-bottom:12px;padding:5px;border-radius:10px}.tabs button{font-size:9px;padding:7px 9px;min-height:36px}.game-main{border-radius:12px}.scene-wrap,#scene{min-height:520px;aspect-ratio:auto;height:72svh;max-height:650px}.venue-bar{left:9px;right:9px;top:9px}.location-chip{min-width:0;padding:8px 9px;gap:7px}.pin{width:29px;height:29px;font-size:17px}.venue-bar h2{font-size:16px}.venue-bar .eyebrow{font-size:6px;letter-spacing:.8px}.tools{gap:3px}.tools button{font-size:8px;min-width:34px;min-height:34px;padding:5px 6px}.tools #sound{display:none}.scene-badge{left:9px;top:67px;font-size:7px;padding:5px 8px}.scene-caption{left:11px;top:104px}.scene-caption strong{font-size:23px}.scene-caption span{font-size:6px}.fight-meters{right:8px;top:102px;width:158px;gap:5px}.fight-card{padding:8px}.fight-card .meter-label{font-size:7px}.cast-meter{bottom:100px;width:82%;padding:8px 9px}.cast-meter .meter-label{font-size:7px}.action-controls{bottom:15px;grid-template-columns:64px minmax(150px,190px) 64px;gap:6px}.action{font-size:14px;min-height:62px;padding:8px}.action small{font-size:7px}.lean{font-size:19px;padding:7px}.lean small{font-size:6px}.result-overlay{place-items:end center;padding:9px;background:linear-gradient(180deg,transparent 20%,#00111fdd 100%)}.result-card{width:100%;max-width:none;border-radius:14px;padding:15px}.result-card h3{font-size:24px}.result-card p{font-size:10px}#catch-art{height:95px}.dashboard{padding:11px}.status-row{font-size:10px;min-height:22px}.control-tip{font-size:8px}.setup{grid-template-columns:1fr;gap:9px}.spot-buttons button{font-size:8px}.game-layout aside{grid-template-columns:1fr;gap:10px}.side-card{padding:15px}.section-head{margin:22px 0}.section-head h2{font-size:35px}.location-grid,.fish-grid,.rod-grid,.guide-grid{grid-template-columns:1fr}.fish-grid{grid-template-columns:repeat(2,1fr);gap:9px}.fish-card{padding:9px}.fish-card h3{font-size:17px}.rod-card{padding:18px}footer{margin-top:30px;font-size:8px}}
@media(max-width:390px){.career b{font-size:12px}.career small{font-size:6px}.action-controls{grid-template-columns:58px 150px 58px}.scene-wrap,#scene{height:70svh;min-height:490px}.fight-meters{width:145px}.fish-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.live-dot{box-shadow:none}}