.tide-game{color:#183838;min-height:100vh;font-family:var(--font-noto-sans-tc),sans-serif;background:linear-gradient(145deg,#e3eadc,#a9d0c8 58%,#759fa0)}.tide-top{color:#f8f3db;background:#123f46;justify-content:space-between;align-items:center;height:58px;padding:0 max(18px,4vw);display:flex}.tide-top a{color:inherit;align-items:center;gap:8px;font-weight:900;text-decoration:none;display:flex}.tide-top svg{width:19px}.tide-top>span{letter-spacing:.16em;font:800 13px/1 system-ui}.tide-top small{opacity:.6}.tide-shell{width:min(1190px,100% - 28px);margin:auto;padding:26px 0 52px}.tide-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.tide-heading p{color:#b65036;letter-spacing:.12em;margin:0 0 4px;font-size:13px;font-weight:900}.tide-heading h1{margin:0;font-family:serif;font-size:clamp(38px,5vw,62px);line-height:1}.tide-heading>button{color:#183d3e;background:#f7f2d7;border:1px solid #315c5a;border-radius:50%;width:46px;height:46px}.tide-heading>button:disabled{opacity:.35}.tide-layout{grid-template-columns:minmax(0,1.65fr) minmax(285px,.72fr);gap:20px;display:grid}.tide-console,.tide-side{background:#f6f4dcf0;border:1px solid #1c4c4a40;box-shadow:0 20px 55px #1242432e}.tide-console{border-radius:28px;padding:15px}.tide-hud{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.tide-hud>div{color:#fff9df;background:#173f45;border-radius:13px;min-width:0;padding:8px 9px}.tide-hud small{color:#72d6c9;letter-spacing:.08em;font-size:9px;display:block}.tide-hud strong{white-space:nowrap;font:900 18px/1.2 system-ui}.tide-hud strong i{opacity:.35;font-style:normal}.tide-hud em{opacity:.62;font-size:10px;font-style:normal}.tide-progress{background:#b5c7b9;border-radius:8px;height:5px;margin:10px 4px;overflow:hidden}.tide-progress i{background:linear-gradient(90deg,#e46a43,#f4cb69,#3ab5a4);height:100%;transition:width .22s;display:block}.tide-window{touch-action:none;-webkit-user-select:none;user-select:none;isolation:isolate;background:linear-gradient(#73c4c5,#3a979e 35%,#17616f 72%,#0d4051);border:7px solid #173c40;border-radius:42%/11%;min-height:465px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #6c8f88,inset 0 0 50px #092f3f}.tide-window:before,.tide-window:after{content:"";z-index:2;border-top:1px dashed #e1fff452;position:absolute;left:0;right:0}.tide-window:before{top:33.333%}.tide-window:after{top:66.666%}.tide-rays{background:linear-gradient(110deg,#0000 0 16%,#e4fff32a 16% 25%,#0000 25% 54%,#bff9e518 54% 63%,#0000 63%);animation:8s ease-in-out infinite alternate tideRay;position:absolute;inset:0}.tide-grid{opacity:.18;background-image:linear-gradient(90deg,#d9fff5 1px,#0000 1px),linear-gradient(#d9fff5 1px,#0000 1px);background-size:10% 33.333%;position:absolute;inset:0}.tide-depth-label{z-index:4;color:#d8fff5;letter-spacing:.08em;text-shadow:0 1px 5px #082d38;font-size:10px;font-weight:900;position:absolute;left:13px}.tide-target{z-index:7;color:#fff4d9;background:#b75e42;border:3px solid #efbc72;border-radius:44% 55%;align-content:center;place-items:center;width:76px;height:52px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px #163d48aa}.tide-target.net{background:#7d725b;border-color:#c8d0ad}.tide-target.gold{background:#d4942c;border-color:#ffe184}.tide-target.turtle{background:#42846e;border-color:#a7d9a9;border-radius:50%;width:88px}.tide-target:before,.tide-target:after{content:"";background:inherit;opacity:.8;border:2px solid;position:absolute}.tide-target:before{border-radius:50%;width:19px;height:15px;right:-14px}.tide-target:after{border-radius:50%;width:16px;height:11px;top:2px;left:-10px;box-shadow:0 38px}.tide-target i{font:900 19px/1 serif}.tide-target b{font-size:9px}.tide-reticle{z-index:10;pointer-events:none;border:2px solid #fff1b4;border-radius:50%;width:78px;height:78px;transition:left 50ms,top 50ms;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #194a4b,0 0 22px #ffe68580}.tide-reticle:before,.tide-reticle:after{content:"";background:#fff1b4;position:absolute}.tide-reticle:before{width:1px;height:106px;top:-14px;left:50%}.tide-reticle:after{width:106px;height:1px;top:50%;left:-14px}.tide-reticle i{border:1px dashed #fff1b4;border-radius:50%;position:absolute;inset:22px}.tide-reticle b{color:#fff6ce;white-space:nowrap;background:#143b3fd9;border-radius:9px;padding:3px 7px;font-size:9px;position:absolute;top:84px;left:50%;transform:translate(-50%)}.tide-shot{z-index:11;color:#fff0a8;pointer-events:none;border:3px dashed #fff0a8;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid;position:absolute}.tide-current{z-index:8;color:#d8fff5;background:#0d3440d9;border:1px solid #8acfc5;border-radius:12px;padding:6px 10px;font-size:10px;position:absolute;bottom:13px;right:15px}.tide-current b{color:#ffe085;font-size:13px}.tide-window.hit{animation:.25s tideGood}.tide-window.miss,.tide-window.protected{animation:.25s tideBad}.tide-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#092b31d1;place-items:center;display:grid;position:absolute;inset:0}.tide-overlay>div{text-align:center;background:#f3efd1;border:2px solid #67bbae;border-radius:25px;width:min(570px,90%);max-height:92%;padding:25px;overflow:auto}.tide-overlay>div>span,.tide-side>span{letter-spacing:.18em;color:#b44e34;font-size:10px;font-weight:1000}.tide-overlay h2{margin:8px 0;font:800 clamp(26px,4vw,42px)/1.08 serif}.tide-overlay p{max-width:470px;margin:10px auto 16px;line-height:1.6}.tide-overlay>div>button{color:#fff;background:#b44e34;border:0;border-radius:16px;align-items:center;gap:8px;min-height:50px;padding:0 24px;font-weight:900;display:inline-flex}.tide-overlay>div>small{color:#5c6f68;margin-top:12px;display:block}.tide-upgrades{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.tide-upgrades button{color:#173b3b;background:#d5e7ce;border:1px solid #55a79b;border-radius:17px;min-height:110px;padding:10px 6px}.tide-upgrades svg{margin:0 auto 6px;display:block}.tide-upgrades b,.tide-upgrades small{display:block}.tide-upgrades small{margin-top:5px;line-height:1.35}.tide-controls{gap:10px;margin-top:11px;display:flex}.tide-controls>div{flex:1;gap:6px;display:flex}.tide-controls>div button{color:#265250;background:#e4ead5;border:1px solid #4f8882;border-radius:13px;flex:1;min-height:50px;font-weight:900}.tide-controls>div button.selected{color:#fff;background:#2f817b;border-color:#1c615e}.tide-controls button:disabled{opacity:.45}.tide-fire{color:#fff;background:#b64d34;border:0;border-radius:15px;flex:0 0 210px;justify-content:center;align-items:center;gap:8px;font-weight:1000;display:flex}.tide-notice{color:#456661;min-height:24px;margin:8px 5px 0;font-size:13px;font-weight:800}.tide-side{border-radius:28px;padding:25px}.tide-side h2{margin:9px 0;font:800 30px/1.12 serif}.tide-side>p{color:#5e6d66;line-height:1.65}.tide-side>div{border-top:1px solid #bdcdbb;gap:10px;padding:14px 0;display:flex}.tide-side>div svg{color:#b64d34;flex:none}.tide-side>div p{margin:0}.tide-side b,.tide-side small{display:block}.tide-side small{color:#65756d;margin-top:4px;line-height:1.5}.tide-side details{border-top:1px solid #bdcdbb;padding-top:13px}.tide-side summary{cursor:pointer;font-weight:900}.tide-side details p{font-size:12px;line-height:1.65}.tide-batch{height:0;margin:0;font-size:0}.game-focus .tide-side{display:none}.game-focus .tide-layout{grid-template-columns:1fr}.game-focus .tide-window{min-height:620px}@keyframes tideRay{to{transform:translate(9%)}}@keyframes tideGood{50%{filter:brightness(1.25)}}@keyframes tideBad{40%{transform:translate(-5px)}70%{transform:translate(5px)}}@media (max-width:860px){.tide-layout{grid-template-columns:1fr}.tide-side{order:2}.tide-window{min-height:min(58vh,510px)}}@media (max-width:540px){.tide-shell{width:calc(100% - 16px);padding-top:17px}.tide-top{height:52px}.tide-heading h1{font-size:40px}.tide-console{border-radius:20px;padding:9px}.tide-hud{grid-template-columns:repeat(3,1fr)}.tide-window{border-width:5px;min-height:410px}.tide-target{width:62px;height:44px}.tide-target.turtle{width:72px}.tide-controls{display:grid}.tide-fire{flex-basis:auto;min-height:56px}.tide-upgrades{grid-template-columns:1fr}.tide-upgrades button{min-height:72px}.tide-overlay>div{padding:17px}.tide-side{padding:20px}}@media (max-width:370px){.tide-window{min-height:370px}.tide-target{transform:translate(-50%,-50%)scale(.85)}.tide-reticle{width:68px;height:68px}.tide-reticle:before{height:96px}.tide-reticle:after{width:96px}.tide-reticle b{top:74px}.tide-hud strong{font-size:16px}}@media (prefers-reduced-motion:reduce){.tide-rays,.tide-window.hit,.tide-window.miss,.tide-window.protected{animation:none}.tide-progress i,.tide-reticle{transition:none}}
