html,body{overscroll-behavior:none;color:#fff9d7;background:#073d57;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app{box-sizing:border-box;background:#031c29;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden;container-type:size}.game-shell{isolation:isolate;background:#078e9d;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;position:relative;overflow:hidden;box-shadow:0 0 40px #00000073}canvas,.game-surface{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;min-width:0;height:100%;min-height:0;display:block}button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:inherit}.hud-row{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(6px,2cqw,14px);width:100%;min-width:0;padding:clamp(8px,2.5cqmin,16px);display:flex}.badge{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;align-items:center;gap:.38em;min-width:0;max-width:100%;font-size:clamp(14px,4cqw,20px);line-height:1.1;display:inline-flex;overflow:hidden}.tank-hud{z-index:4;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-start:0}.score-badge,.time-badge,.combo-badge,.sound-button{-webkit-backdrop-filter:blur(7px);background:#033043b8;border:1px solid #cdfff452;min-height:44px;box-shadow:inset 0 1px #ffffff2e,0 4px 16px #022c4126}.score-badge,.time-badge{border-radius:15px;flex-shrink:0;padding:.55em .78em;font-weight:800}.score-badge{color:#fff4a7;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(18px,5cqw,26px)}.hud-icon{color:#ffd75e;font-size:.82em}.hud-unit{color:#92eddd;font-size:.7em}.hud-actions{pointer-events:auto;align-items:center;gap:clamp(6px,1.6cqw,10px);min-width:0;display:flex}.combo-badge{color:#ffe57f;border-color:#ffde698c;border-radius:999px;min-height:36px;padding:.45em .65em;font-weight:800;animation:.22s ease-out combo-pop}.sound-button{color:#a9f4e5;border-radius:50%;width:44px;height:44px;font-weight:800}.time-badge.is-low{color:#fff0a7;border-color:#ffd265bf;animation:1s ease-in-out infinite time-pulse}.hint{z-index:3;box-sizing:border-box;opacity:0;color:#e6fff8;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#03394ac2;border:1px solid #d2fff561;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:.65em .9em;font-size:clamp(12px,3.4cqw,16px);font-weight:700;transition:opacity .26s,transform .26s;position:absolute;inset-block-end:clamp(18px,5cqh,44px);inset-inline-start:50%;overflow:hidden;transform:translate(-50%,12px)}.power-status{z-index:5;color:#e5fff8;pointer-events:none;background:#033043c7;border:1px solid #cdfff46b;border-radius:999px;max-width:calc(100% - 32px);min-height:34px;padding:.45em .72em;font-size:clamp(11px,3.1cqw,14px);font-weight:800;position:absolute;inset-block-start:clamp(62px,9cqh,88px);inset-inline-start:50%;transform:translate(-50%);box-shadow:0 4px 16px #022c412e}.power-status.is-stunned{color:#caffff;border-color:#97fcffd9}.power-status.is-powered{color:#ead7ff;border-color:#ddc2ffcc}.power-status.is-empty{color:#ffd0b7;border-color:#ffae87cc}.event-banner{z-index:5;color:#fff1b1;pointer-events:none;background:#3d2358d1;border:1px solid #ffeb99ad;border-radius:999px;max-width:calc(100% - 32px);min-height:36px;padding:.48em .85em;font-size:clamp(11px,3.2cqw,15px);font-weight:800;animation:.28s cubic-bezier(.2,1.4,.4,1) event-in;position:absolute;inset-block-start:clamp(104px,14cqh,130px);inset-inline-start:50%;transform:translate(-50%);box-shadow:0 5px 20px #001c3033}.event-banner[data-type=blackout]{color:#cdefff;background:#03182be0;border-color:#9bd2e9ad}.event-banner[data-type=golden],.event-banner[data-type=treasure]{color:#fff0a4;background:#654112d6;border-color:#ffe167e6}.hint.is-visible{opacity:1;transform:translate(-50%)}.start-overlay,.result-overlay{z-index:8;box-sizing:border-box;place-items:center;padding:clamp(18px,5cqmin,42px);display:grid;position:absolute;inset:0}.start-overlay{-webkit-backdrop-filter:blur(10px);background:#011a28b8}.start-card{box-sizing:border-box;text-align:center;background:linear-gradient(#033445f2,#012330fa);border:2px solid #c0ffee75;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:min(92cqw,460px);padding:clamp(20px,5cqmin,32px);animation:.3s cubic-bezier(.2,1.4,.4,1) result-in;display:flex;box-shadow:inset 0 1px #fff3,0 20px 60px #00142099}.start-card h1{color:#fff4ad;letter-spacing:-.02em;text-shadow:0 4px #1b6e73;margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(32px,9cqw,54px);line-height:.95}.start-name-card{box-sizing:border-box;background:#00141e80;border:1px solid #ffd66159;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:100%;margin:6px 0 2px;padding:12px 14px;display:flex;box-shadow:inset 0 2px 4px #0003}.start-name-label{letter-spacing:.06em;color:#ffe57f;font-size:11px;font-weight:800}.start-name-wrapper{box-sizing:border-box;align-items:center;gap:8px;width:100%;padding:2px 4px;display:flex}.start-name-icon{flex-shrink:0;font-size:22px}.start-name-input{color:#fff4ad;text-align:center;background:#033043d9;border:1px solid #8cebd866;border-radius:12px;outline:none;flex:1;width:100%;min-width:0;padding:8px 12px;font-family:inherit;font-size:16px;font-weight:800;transition:all .2s}.start-name-input::placeholder{color:#92eddd80;font-weight:600}.start-name-input:focus{background:#03384ef2;border-color:#ffd661;box-shadow:0 0 12px #ffd66166}.start-name-error{color:#ff8585;text-align:center;background:#500a0a73;border:1px solid #ff787866;border-radius:8px;margin:6px 0 0;padding:5px 10px;font-size:12px;font-weight:700}.start-buttons-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.start-play-btn{color:#174b54;cursor:pointer;background:#ffd661;border:0;border-radius:999px;min-width:160px;min-height:46px;padding:10px 24px;font-size:16px;font-weight:900;transition:transform .15s,background-color .15s;box-shadow:inset 0 -4px #9a5b1938,0 6px 18px #001d2c4d}.start-play-btn:hover{background:#ffe083;transform:translateY(-2px)}.start-play-btn:active{transform:translateY(1px)}.start-play-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#a8a08a;transform:none!important}.tank-loader-overlay.theme-sleek-glass{z-index:1000;background:radial-gradient(circle at 50% 20%,#0a334c 0%,#031a2b 55%,#010c14 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .65s cubic-bezier(.4,0,.2,1),visibility .65s;display:flex;position:absolute;inset:0;overflow:hidden}.tank-loader-overlay.is-loaded{opacity:0;pointer-events:none}.ocean-sunbeams{filter:blur(12px);pointer-events:none;z-index:2;background:radial-gradient(at 50% 0,#00e5ff47 0%,#0096ff1f 45%,#0000 75%);width:140%;height:80%;animation:4s ease-in-out infinite alternate sunbeam-pulse;position:absolute;top:-20%;left:-20%}@keyframes sunbeam-pulse{0%{opacity:.75;transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1.08)translateY(14px)}}.sonar-rings{pointer-events:none;z-index:2;width:550px;height:550px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonar-ring{border:1.5px solid #00e5ff40;border-radius:50%;animation:4.5s cubic-bezier(.1,.8,.3,1) infinite sonar-expand;position:absolute;inset:0;box-shadow:0 0 20px #00e5ff26}.sonar-ring.r1{animation-delay:0s}.sonar-ring.r2{animation-delay:1.5s}.sonar-ring.r3{animation-delay:3s}@keyframes sonar-expand{0%{opacity:.95;transform:scale(.1)}to{opacity:0;transform:scale(1.35)}}.loader-swimming-fish{z-index:4;pointer-events:none;filter:drop-shadow(0 4px 12px #00e5ff73);position:absolute}.loader-swimming-fish img{object-fit:contain;width:100%;height:auto}.loader-swimming-fish.fish-shark{width:175px;animation:12s linear infinite swim-across-right;top:12%;left:-180px}.loader-swimming-fish.fish-rainbow{width:130px;animation:9s linear 2s infinite swim-across-left;top:70%;right:-140px}.loader-swimming-fish.fish-puffer{width:115px;animation:14s linear .5s infinite swim-across-left;top:22%;right:-130px}.loader-swimming-fish.fish-tang{width:120px;animation:10s linear 4s infinite swim-across-right;bottom:14%;left:-130px}@keyframes swim-across-right{0%{transform:translate(0)scaleX(1)translateY(0)rotate(2deg)}50%{transform:translate(calc(100vw + 260px))scaleX(1)translateY(-20px)rotate(-3deg)}50.01%{transform:translate(calc(100vw + 260px))scaleX(-1)}to{transform:translate(0)scaleX(-1)translateY(10px)}}@keyframes swim-across-left{0%{transform:translate(0)scaleX(-1)translateY(0)}50%{transform:translate(calc(-100vw - 260px))scaleX(-1)translateY(18px)rotate(-4deg)}50.01%{transform:translate(calc(-100vw - 260px))scaleX(1)}to{transform:translate(0)scaleX(1)translateY(-10px)}}.full-tank-water{z-index:3;background:linear-gradient(#00e5ffe0 0%,#023c5ff2 50%,#011423fc 100%);transition:height .15s ease-out;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -12px 40px #00e5ffb3}.sleek-neon-wave{background:radial-gradient(circle at 50% 100%,#0000 7px,#00e5fff2 8px) 0 0/24px 16px;width:200%;height:24px;animation:1.3s linear infinite wave-slide;position:absolute;top:-14px;left:0}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-48px)}}.glass-bubble{background:radial-gradient(circle at 35% 35%,#fffffff2 0%,#00e5ff33 100%);border:1px solid #ffffffe6;border-radius:50%;animation:3.2s cubic-bezier(.4,0,.6,1) infinite bubble-rise-glass;position:absolute;bottom:-20px;box-shadow:0 0 10px #00e5ff99}.glass-bubble.gb1{width:14px;height:14px;animation-duration:2.8s;animation-delay:0s;left:15%}.glass-bubble.gb2{width:22px;height:22px;animation-duration:3.5s;animation-delay:.4s;left:35%}.glass-bubble.gb3{width:10px;height:10px;animation-duration:2.5s;animation-delay:.8s;left:55%}.glass-bubble.gb4{width:18px;height:18px;animation-duration:3.1s;animation-delay:.2s;left:75%}.glass-bubble.gb5{width:26px;height:26px;animation-duration:3.8s;animation-delay:.6s;left:88%}@keyframes bubble-rise-glass{0%{opacity:.9;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-105vh)scale(1.3)}}.sleek-glass-card{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:#031826c2;border:1.5px solid #00e5ff73;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:440px;padding:36px 44px;display:flex;position:relative;box-shadow:0 30px 80px #000c,inset 0 0 35px #00e5ff26}.loader-badge-header{justify-content:center;align-items:center;margin-bottom:6px;display:flex;position:relative}.sonar-status-pulse{background:radial-gradient(circle,#00e5ff73 0%,#0000 70%);border-radius:50%;width:64px;height:64px;animation:2s ease-out infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.sleek-badge-icon{filter:drop-shadow(0 0 18px #00e5ffe6);z-index:2;margin-bottom:0;font-size:52px;animation:2s ease-in-out infinite alternate sleek-pulse;position:relative}@keyframes sleek-pulse{0%{filter:drop-shadow(0 0 12px #00e5ff99);transform:scale(1)translateY(0)}to{filter:drop-shadow(0 0 26px #00e5ff);transform:scale(1.08)translateY(-6px)}}.sleek-loader-title{background:linear-gradient(#fff 0%,#00e5ff 60%,#ffd661 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px #0009);letter-spacing:.03em;-webkit-background-clip:text;margin:4px 0 2px;font-family:"Baloo 2",sans-serif;font-size:clamp(32px,7cqw,42px);font-weight:900}.sleek-loader-sub{color:#8cebd8;letter-spacing:.04em;margin:0 0 20px;font-size:14px;font-weight:700}.sleek-progress-wrapper{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.sleek-progress-track{background:#01121cd9;border:1px solid #00e5ff73;border-radius:999px;width:100%;max-width:340px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #000c,0 0 18px #00e5ff59}.sleek-progress-fill{background:linear-gradient(90deg,#09f 0%,#00e5ff 60%,#ffd661 100%);border-radius:999px;height:100%;transition:width .15s ease-out;position:relative;box-shadow:0 0 18px #00e5ffe6}.progress-hook-indicator{filter:drop-shadow(0 0 4px #00e5ff);font-size:13px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.sleek-shine-pulse{background:repeating-linear-gradient(-45deg,#ffffff59 0 12px,#0000 12px 24px);animation:1.4s linear infinite shine-slide;position:absolute;inset:0}@keyframes shine-slide{0%{background-position-x:0}to{background-position-x:28px}}.sleek-progress-text{color:#ffe57f;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #000c;font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:900}.loader-tip-card{background:#00e5ff14;border:1px solid #00e5ff38;border-radius:16px;align-items:center;gap:10px;width:100%;margin-top:18px;padding:10px 16px;display:flex;box-shadow:inset 0 0 12px #00e5ff0d}.loader-tip-card .tip-icon{flex-shrink:0;font-size:18px}.loader-tip-card .tip-text{color:#c2f5ec;text-align:left;margin:0;font-size:13px;font-weight:600;line-height:1.35}.welcome-back-card{background:#03384ebf;border:1px solid #8cebd859;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:12px 16px;display:flex;box-shadow:inset 0 0 12px #8cebd81a}.welcome-label{letter-spacing:.08em;color:#8cebd8;margin-bottom:4px;font-size:11px;font-weight:800}.welcome-player-row{align-items:center;gap:8px;display:flex}.welcome-avatar{font-size:22px}.welcome-name{color:#fff4ad;font-family:"Baloo 2",sans-serif;font-size:20px;font-weight:800}.start-status-label{color:#8cebd8;margin:2px 0 0;font-size:13px;font-weight:700}.start-overlay.is-ready .start-status-label{color:#fff4ad}.result-overlay{-webkit-backdrop-filter:blur(5px);background:#0125366b}.result-card{box-sizing:border-box;background:linear-gradient(#043446f5,#01202dfa);border:2px solid #ffd66173;border-radius:24px;flex-direction:column;width:min(92cqw,520px);max-height:min(92cqh,640px);padding:0;animation:.3s cubic-bezier(.2,1.4,.4,1) result-in;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 20px 60px #00142099}.result-header{border-bottom:1px solid #cdfff424;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.result-kicker{color:#8cebd8;font-size:clamp(11px,3cqw,13px);font-weight:800;display:block}.result-title-group h2{color:#fff4ad;margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(20px,5.5cqw,26px);line-height:1.1}.player-name-badge{color:#ffd661;-webkit-user-select:none;user-select:none;background:#033043cc;border:1px solid #ffd66159;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.result-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 18px 10px;display:grid}.summary-card{text-align:center;background:#033043a6;border:1px solid #cdfff426;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:10px 8px;display:flex}.summary-card.score-card{background:linear-gradient(135deg,#503c0a80,#033043a6);border-color:#ffd66166}.summary-card.record-card{background:linear-gradient(135deg,#32194b80,#033043a6);border-color:#d2a0ff66}.summary-card.rank-card{background:linear-gradient(135deg,#0a3c5080,#033043a6);border-color:#8cebd866}.card-label{letter-spacing:.05em;color:#8cebd8;margin-bottom:2px;font-size:10px;font-weight:800}.score-card .card-label{color:#ffe57f}.record-card .card-label{color:#d9bcff}.summary-card strong{color:#fff;font-variant-numeric:tabular-nums;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(20px,5cqw,30px);line-height:1.1}.score-card strong{color:#fff4ad}.record-card strong{color:#f3e5ff}.rank-card strong{color:#6effe6}.card-sub{color:#92eddd;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:700;overflow:hidden}.leaderboard-section{background:#00141e73;border:1px solid #cdfff41f;border-radius:18px;flex-direction:column;flex:1;min-height:0;margin:4px 18px 10px;display:flex;overflow:hidden}.leaderboard-header{background:#000f1880;border-bottom:1px solid #cdfff41a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.leaderboard-header h3{color:#ffe57f;margin:0;font-size:14px;font-weight:800}.leaderboard-tabs{gap:4px;display:flex}.lb-tab{color:#8cebd8;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;transition:all .2s}.lb-tab.is-active{color:#fff4ad;background:#078e9d66;border-color:#8cebd880}.leaderboard-list{scrollbar-width:thin;scrollbar-color:#078e9d80 transparent;flex-direction:column;flex:1;gap:6px;max-height:220px;padding:8px 10px;display:flex;overflow-y:auto}.lb-empty-msg{text-align:center;color:#8cebd8;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;display:flex}.lb-empty-icon{opacity:.8;margin-bottom:6px;font-size:28px}.lb-empty-msg p{color:#fff4ad;margin:0;font-size:14px;font-weight:800}.lb-empty-msg small{color:#8cebd8bf;margin-top:4px;font-size:12px}.lb-row{background:#033043a6;border:1px solid #cdfff41a;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:transform .15s;display:flex}.lb-row.top-1{background:linear-gradient(90deg,#5a440cbf,#033043b3);border-color:#ffd66199}.lb-row.top-2{background:linear-gradient(90deg,#32414bbf,#033043b3);border-color:#c8e1eb80}.lb-row.top-3{background:linear-gradient(90deg,#462d19bf,#033043b3);border-color:#e6a06480}.lb-row.is-user{background:linear-gradient(90deg,#55410fcc,#053c50cc);border:1.5px solid #ffd661;box-shadow:0 0 12px #ffd6614d}.lb-rank-col{flex-shrink:0;justify-content:center;width:32px;display:flex}.lb-rank-badge{color:#8cebd8;font-size:14px;font-weight:800}.lb-avatar{flex-shrink:0;font-size:20px}.lb-info-col{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.lb-name-row{align-items:center;gap:6px;min-width:0;display:flex}.lb-name{color:#fff9d7;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.you-badge{color:#174b54;letter-spacing:.04em;background:#ffd661;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:900}.lb-score-val{color:#ffe57f;flex-shrink:0;font-size:14px;font-weight:800}.replay-button{color:#174b54;background:#ffd661;border:0;border-radius:999px;min-width:148px;min-height:48px;padding:.65em 1.25em;font-weight:800;box-shadow:inset 0 -4px #9a5b1938,0 7px 18px #001d2c47}.replay-button:active,.sound-button:active,.guide-button:active,.guide-start-btn:active{transform:translateY(2px)}.guide-button,.guide-button-secondary,.start-guide-btn{color:#fff4a7;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#033043d1;border:1px solid #cdfff461;font-weight:800;transition:all .2s}.guide-button{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1em;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 4px 16px #022c4126}.start-guide-btn{border-radius:999px;margin:12px 0;padding:10px 20px;font-size:clamp(14px,3.8cqw,17px);box-shadow:0 4px 16px #001f334d}.guide-button-secondary{border-radius:999px;padding:.65em 1.25em;font-size:clamp(13px,3.5cqw,16px)}.guide-button:hover,.start-guide-btn:hover,.guide-button-secondary:hover{background:#074862e6;border-color:#ffde6999;transform:translateY(-1px)}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.start-tagline{color:#a8f4e5;margin:6px 0 2px;font-size:clamp(14px,4cqw,20px);font-weight:700}.guide-overlay{z-index:10;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:#011a28c7;place-items:center;padding:clamp(12px,4cqmin,24px);animation:.26s cubic-bezier(.2,1.4,.4,1) result-in;display:grid;position:absolute;inset:0}.guide-card{box-sizing:border-box;background:linear-gradient(#033445f5,#012330fa);border:2px solid #c0ffee75;border-radius:24px;flex-direction:column;width:min(92cqw,520px);max-height:min(90cqh,620px);display:flex;overflow:hidden;box-shadow:inset 0 1px #fff3,0 20px 60px #00142080}.guide-header{border-bottom:1px solid #cdfff426;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.guide-header h2{color:#fff4ad;margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(20px,5.5cqw,26px);line-height:1.1}.guide-close-btn{color:#d8fff4;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;transition:all .18s;display:grid}.guide-close-btn:hover{color:#fff;background:#ff5a5a4d;border-color:#ff9d9d}.guide-tabs{background:#00141e59;border-bottom:1px solid #cdfff41a;gap:6px;padding:10px 16px;display:flex}.guide-tab{color:#92eddd;cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:12px;flex:1;padding:8px 10px;font-size:clamp(12px,3.2cqw,14px);font-weight:800;transition:all .2s}.guide-tab.is-active{color:#fff4ad;background:#078e9d59;border-color:#8cebd880;box-shadow:inset 0 1px #ffffff26}.guide-content{scrollbar-width:thin;scrollbar-color:#078e9d80 transparent;flex:1;padding:16px;overflow-y:auto}.guide-section{flex-direction:column;gap:12px;display:none}.guide-section.is-active{display:flex}.guide-item{background:#0330438c;border:1px solid #cdfff41f;border-radius:16px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.guide-icon{flex-shrink:0;padding-top:2px;font-size:26px;line-height:1}.guide-item strong{color:#ffe57f;margin-bottom:2px;font-size:15px;display:block}.guide-item p{color:#d8fff4;margin:0;font-size:13px;line-height:1.4}.fish-card{background:#032d3ea6;border:1px solid #cdfff426;border-radius:16px;align-items:center;gap:14px;padding:10px 14px;display:flex}.fish-card.danger{background:#41141973;border-color:#ff6e6e73}.fish-card.special{background:#32194b73;border-color:#d2a0ff80}.fish-card.warning{background:#3c2d0f73;border-color:#ffc86466}.fish-icon{object-fit:contain;filter:drop-shadow(0 2px 6px #0000004d);flex-shrink:0;width:48px;height:48px}.fish-info{flex:1}.fish-title-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.fish-title-row strong{color:#fff9d7;font-size:15px}.badge-tag{letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.tag-danger{color:#fff;background:#ff4747}.tag-warning{color:#1a1000;background:#ffaa2b}.tag-special{color:#fff;background:#b67dff}.tag-points{color:#ffe57f;background:#078e9d99;border:1px solid #ffe57f66}.fish-info p{color:#d8fff4;margin:0;font-size:12.5px;line-height:1.35}.points-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.point-item{background:#03304399;border:1px solid #cdfff41f;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.point-item.jackpot{background:#50370a99;border-color:#ffdc6480;grid-column:1/-1}.point-item.danger{background:#3c141980;border-color:#ff5a5a66}.point-item img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.p-details{flex-direction:column;display:flex}.p-details strong{color:#fff9d7;font-size:13px;line-height:1.1}.p-pts{color:#8cebd8;margin-top:2px;font-size:12px;font-weight:800}.p-pts.gold{color:#ffe57f;font-size:13px}.p-pts.purple{color:#d9bcff}.p-pts.cyan{color:#8ef7ff}.p-pts.danger{color:#ff7e7e}.p-pts.rainbow{color:#ffadfa}.guide-footer{background:#00141e66;border-top:1px solid #cdfff41f;justify-content:center;padding:12px 16px 16px;display:flex}.guide-start-btn{color:#174b54;cursor:pointer;background:#ffd661;border:0;border-radius:999px;min-width:180px;padding:10px 24px;font-size:16px;font-weight:800;transition:transform .15s;box-shadow:inset 0 -4px #9a5b1938,0 6px 18px #001d2c4d}@keyframes combo-pop{0%{transform:scale(.72)}to{transform:scale(1)}}@keyframes time-pulse{50%{border-color:#ffee93}}@keyframes result-in{0%{opacity:0;transform:scale(.86)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes event-in{0%{opacity:0;transform:translate(-50%)scale(.82)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (height<=470px){.hint{inset-block-end:10px}.score-badge,.time-badge,.sound-button{height:40px;min-height:40px}.sound-button{width:40px}}@media (prefers-reduced-motion:reduce){.time-badge.is-low,.combo-badge{animation:none}}