*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#0d1220;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:#eef2ff;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0;display:block;touch-action:none}.ui-root,.layer{position:fixed;inset:0;pointer-events:none}.ui-root{z-index:10}.layer.visible{display:block}.menu-layer,.overlay-layer,.hud-layer{display:none}.menu-layer.visible{display:flex;align-items:center;justify-content:center;overflow-y:auto;pointer-events:auto;background:radial-gradient(ellipse at 50% 30%,rgba(40,60,120,.35),transparent 65%)}.menu-layer::-webkit-scrollbar,.menu-panel::-webkit-scrollbar,.panel::-webkit-scrollbar,.overlay-dim::-webkit-scrollbar{display:none}.menu-layer,.menu-panel,.panel,.overlay-dim{scrollbar-width:none}.menu-panel{width:min(92vw,480px);max-height:92svh;overflow-y:auto;padding:28px 22px calc(22px + env(safe-area-inset-bottom));text-align:center}.logo-fish{width:88px;height:88px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#b9ffdd,#3ddc84 55%,#17995c);position:relative;box-shadow:0 0 40px #3ddc8473;animation:fishbob 3s ease-in-out infinite}.logo-fish:before,.logo-fish:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:26px}.logo-fish:before{left:20px}.logo-fish:after{right:20px}@keyframes fishbob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.menu-title{font-size:40px;font-weight:900;letter-spacing:4px;background:linear-gradient(180deg,#fff,#7be3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(120,200,255,.3)}.menu-sub{color:#9fb0d0;margin:8px 0 20px;font-size:14px}.stage-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.stage-btn{pointer-events:auto;text-align:left;padding:13px 16px;border:1px solid rgba(130,170,255,.25);border-radius:14px;background:#1e2c50a6;color:#eef2ff;cursor:pointer;transition:transform .12s,border-color .12s,background .12s;display:flex;flex-direction:column;gap:3px}.stage-btn:not(.locked):hover,.stage-btn:not(.locked):active{transform:scale(1.02);border-color:#3ddc84;background:#284650bf}.stage-btn.locked{opacity:.45;cursor:not-allowed}.stage-name{font-weight:700;font-size:16px}.stage-sub{font-size:12px;color:#9fb0d0}.stage-best{font-size:11px;color:gold}.menu-hint{font-size:12px;color:#8fa0c0;margin-bottom:12px;line-height:1.6}.menu-btn-row{display:flex;gap:10px;justify-content:center}.menu-score{margin-top:12px;font-size:13px;color:gold;min-height:18px}.btn{pointer-events:auto;border:1px solid rgba(130,170,255,.35);background:#24345cd9;color:#eef2ff;font-size:16px;font-weight:600;padding:13px 22px;border-radius:14px;cursor:pointer;min-height:48px;transition:transform .1s,filter .1s}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(180deg,#35c56f,#1f9e55);border-color:#ffffff40;box-shadow:0 4px 18px #3ddc8459}.btn.danger{background:#782832bf}.btn.ghost{background:transparent}.hud-layer.visible{display:block}.hud-top-left{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px;width:min(46vw,220px)}.bar-wrap{position:relative;height:16px;border-radius:9px;background:#0a101e99;border:1px solid rgba(255,255,255,.18);overflow:hidden}.bar-fill{height:100%;border-radius:8px;transition:width .18s}.hp .bar-fill{background:linear-gradient(90deg,#ff5252,#ff8a80);width:100%}.grow .bar-fill{background:linear-gradient(90deg,gold,#ffb142);width:0%}.bar-label,.bar-goal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap}.hud-top-right{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));display:flex;gap:8px}.icon-btn{pointer-events:auto;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#0a101e8c;color:#fff;font-size:19px;cursor:pointer}.hud-size{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:14px;color:#cfe0ff;text-shadow:0 1px 4px rgba(0,0,0,.8);background:#0a101e73;padding:6px 14px;border-radius:999px;white-space:nowrap}.hud-combo{position:absolute;bottom:calc(58px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:22px;font-weight:900;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.7);opacity:0}.hud-combo.pop{animation:combopop .4s ease-out forwards}@keyframes combopop{0%{opacity:1;transform:translate(-50%) scale(1.4)}60%{transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1)}}.banner-layer{position:fixed;top:22%;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:20}.banner{text-align:center;animation:bannerin .4s cubic-bezier(.2,1.4,.4,1);background:#0a101e8c;border:1px solid rgba(255,215,0,.35);border-radius:16px;padding:14px 26px;max-width:88vw}.banner-text{font-size:24px;font-weight:900;color:gold;text-shadow:0 2px 10px rgba(0,0,0,.6)}.banner-sub{font-size:13px;color:#cfe0ff;margin-top:4px}@keyframes bannerin{0%{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.overlay-layer.visible{display:flex;align-items:center;justify-content:center;pointer-events:auto}.overlay-dim{position:absolute;inset:0;background:#050810b8;display:flex;align-items:center;justify-content:center;animation:fadein .25s;overflow-y:auto;padding:20px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel{position:relative;width:min(92vw,430px);max-height:90svh;overflow-y:auto;background:linear-gradient(180deg,#182238,#101a2e);border:1px solid rgba(130,170,255,.3);border-radius:22px;padding:26px 22px calc(22px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #0009;margin:auto}.panel-title{font-size:26px;font-weight:900;color:#fff}.panel-sub{font-size:14px;color:#9fb0d0}.panel .btn{width:100%}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#0a101e8c;border-radius:12px;padding:10px 4px;display:flex;flex-direction:column;gap:2px}.stat b{font-size:20px;color:gold}.stat span{font-size:11px;color:#9fb0d0}.panel.victory{background:linear-gradient(180deg,#241a3e,#12101f);border-color:#ffd70073}.victory-fish{width:96px;height:96px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 35% 32%,#e8d5ff,#a55eea 55%,#5b2a9d);box-shadow:0 0 50px #a55eeaa6,inset -8px -8px 20px #0000004d;animation:fishbob 3s ease-in-out infinite}.victory-taunt{font-size:15px;color:#d9c9ff}.victory-size{font-size:22px;font-weight:900;color:gold}.victory-compare{font-size:13px;color:#9fb0d0}.victory-score{font-size:15px;color:#cfe0ff}.victory-score b{font-size:30px;color:gold;margin-left:6px}.victory-lb{font-size:12px;color:#8fa0c0;min-height:16px}.lb-title{font-size:13px;color:gold;margin-bottom:6px}.lb-list{list-style:none;text-align:left;font-size:13px;display:flex;flex-direction:column;gap:4px}.lb-list li{display:flex;align-items:center;gap:8px;background:#0a101e80;padding:6px 10px;border-radius:8px}.lb-list li i{font-style:normal;color:gold;width:34px;flex-shrink:0}.lb-list li b{margin-left:auto;color:#cfe0ff}.lb-list.lb-big li b{color:gold}.lb-panel{font-size:14px}.fade-layer{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .3s;z-index:30}.fade-layer.on{opacity:1}