*{box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#173248;background:#a9d9e8;-webkit-touch-callout:none;overscroll-behavior:none}button{border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{width:100vw;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.92),transparent 24%),linear-gradient(180deg,#b9e8f5,#e8f8ff 58%,#bfecd9)}.game-stage{position:relative;width:56.25vh;width:56.25dvh;height:100vh;height:100dvh;aspect-ratio:9 / 16;min-height:0;flex:0 0 auto;overflow:hidden;touch-action:none;background:#c8eef8;isolation:isolate}.game-stage{--visible-side-inset: max(0px, calc((100% - 100vw)/2) )}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.battle-ui,.main-menu,.upgrade-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hidden{display:none!important}.game-stage.is-menu .battle-ui,.game-stage.is-menu .joystick{display:none}.top-hud{position:absolute;left:calc(var(--visible-side-inset) + 22px);right:calc(var(--visible-side-inset) + 22px);top:max(16px,env(safe-area-inset-top));height:58px;display:flex;align-items:center;justify-content:space-between}.icon-button{width:46px;height:46px;border-radius:8px;color:#24455f;background:#ffffffc7;pointer-events:auto;font-weight:900}.timer{min-width:86px;height:46px;padding:8px 18px;border-radius:8px;text-align:center;font-size:24px;font-weight:900;color:#12334a;background:#ffffffd1}.stat-stack{width:112px;display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:13px;font-weight:800;color:#27435a}.stat-stack span{min-width:94px;padding:4px 8px;border-radius:7px;text-align:center;background:#ffffffc7}.wave-track{position:absolute;top:max(82px,calc(env(safe-area-inset-top) + 76px));left:calc(var(--visible-side-inset) + 92px);right:calc(var(--visible-side-inset) + 92px);height:12px;border-radius:8px;overflow:hidden;background:#255b7a2e}.wave-fill{width:0%;height:100%;border-radius:inherit;background:#ffbf47}.player-hp{position:absolute;left:50%;top:31%;width:92px;height:9px;transform:translate(-50%);border-radius:8px;overflow:hidden;background:#1c313c47}.player-hp__fill{width:100%;height:100%;border-radius:inherit;background:#55df83}.joystick{position:absolute;left:calc(var(--visible-side-inset) + max(26px,env(safe-area-inset-left)));bottom:max(58px,calc(env(safe-area-inset-bottom) + 42px));z-index:4;width:148px;height:148px;border-radius:50%;background:#ffffff47;border:2px solid rgba(255,255,255,.64);pointer-events:auto}.joystick__knob{position:absolute;left:50%;top:50%;width:68px;height:68px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;border:8px solid #61bdd4}.skill-button{position:absolute;right:calc(var(--visible-side-inset) + max(30px,env(safe-area-inset-right)));bottom:max(84px,calc(env(safe-area-inset-bottom) + 68px));z-index:4;width:92px;height:92px;border-radius:50%;color:#fff;background:#e85f48;font-size:32px;font-weight:900;pointer-events:auto;border:7px solid rgba(255,255,255,.82)}.item-bar{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:4;display:flex;gap:14px;transform:translate(-50%);pointer-events:auto}.item-bar button{width:54px;height:46px;border-radius:8px;color:#315064;background:#ffffffc2;font-weight:900}.main-menu{z-index:6;display:flex;flex-direction:column;align-items:center;padding:130px 34px 28px;pointer-events:auto;background:#e0f7ffe6}.main-menu h1{margin:0 0 28px;font-size:48px;line-height:1;color:#173248;letter-spacing:0}.character-card{width:min(100%,340px);padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:9px;color:#234259;background:#ffffffd6}.character-card strong{font-size:24px}.primary-button{width:min(100%,340px);height:58px;margin-top:22px;border-radius:8px;color:#fff;background:#e85f48;font-size:22px;font-weight:900}.secondary-button{margin-top:12px;color:#1f4961;background:#bff0ff}.menu-nav{width:min(100%,390px);margin-top:auto;display:flex;gap:10px;justify-content:center}.menu-nav button{flex:1 1 0;height:48px;border-radius:8px;color:#28506c;background:#ffffffbf;font-weight:800}.upgrade-ui{z-index:7;display:flex;flex-direction:column;justify-content:center;padding:28px;pointer-events:auto;background:#0e1d2b9e}.upgrade-ui h2{margin:0 0 20px;text-align:center;color:#fff;font-size:28px}.upgrade-cards{display:flex;flex-direction:column;gap:14px}.upgrade-card{min-height:112px;padding:18px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;color:#1b3449;background:#fff}.upgrade-card strong{font-size:22px}.upgrade-card span{font-size:16px;line-height:1.35}.refresh-button{height:48px;margin-top:16px;border-radius:8px;color:#1e405a;background:#bff0ff;font-weight:900}.result{position:absolute;left:36px;right:36px;top:36%;z-index:9;padding:22px;border-radius:8px;text-align:center;pointer-events:auto;background:#ffffffeb}.result h2{margin:0 0 10px;color:#173248;font-size:28px}.result p{margin:0 0 16px;color:#315064}.result button{width:180px;height:48px;border-radius:8px;color:#fff;background:#e85f48;font-weight:900}.game-stage.is-upgrading .battle-ui,.game-stage.is-paused .battle-ui{filter:saturate(.82)}@media (max-width: 420px){.joystick{width:128px;height:128px}.joystick__knob{width:60px;height:60px}.skill-button{width:78px;height:78px;font-size:28px}.main-menu h1{font-size:40px}}