*{box-sizing:border-box}body{color:#f6ecd2;background:#142b32;margin:0;font-family:Arial,Microsoft YaHei,sans-serif;overflow:hidden}canvas{width:100vw;height:100vh;display:block}button{font:inherit;color:inherit;cursor:pointer;background:#152c30dc;border:1px solid #6f9795;border-radius:4px;padding:12px 20px;transition:all .15s}button:hover,button:focus-visible{outline-offset:3px;background:#28504c;border-color:#9ff9dc;outline:2px solid #9ff9dc}#hud{pointer-events:none;padding:24px;position:fixed;inset:0}.status{background:#10262ce8;border:1px solid #92b5a330;border-radius:4px;width:270px;padding:19px;box-shadow:0 6px 24px #0003}.eyebrow{letter-spacing:2px;margin-bottom:17px;font-size:14px;font-weight:800}.eyebrow span{float:right;color:#d4dccb;letter-spacing:1px}.line{align-items:center;gap:8px;margin:9px 0;font-size:12px;display:flex}.line span,.line>b{margin-left:auto}.bar{background:#ffffff19;height:5px;overflow:hidden}.bar i{background:#81ead2;width:0;height:100%;display:block}.health i{background:#a7efc7}.topRight{align-items:center;gap:18px;font-size:14px;display:flex;position:absolute;top:24px;right:24px}.topRight button{pointer-events:auto}kbd{background:#081c23a8;border:1px solid #ffffff30;border-radius:2px;padding:4px 6px;font-size:11px}#weapon{background:#10262ce0;border-left:3px solid #eac77d;padding:13px 18px;font-size:14px;position:absolute;bottom:26px;left:24px}#stats{color:#a7c2bb;margin-top:7px;font-size:11px;display:block}.help{color:#d5e3da;white-space:nowrap;text-shadow:0 2px 3px #000;font-size:12px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}#overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07171b8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}.menu{width:min(880px,90vw)}.tag{color:#9cebd3;letter-spacing:5px;font-size:12px;font-weight:700}.menu h1{letter-spacing:-3px;margin:20px 0 8px;font-size:clamp(45px,7vw,90px);line-height:1}.bang{color:#edb76c;letter-spacing:14px;font-size:38px;font-weight:900}.menu p{color:#bdd0c7;max-width:460px;line-height:1.9}.primary{color:#142e30;background:#92dec7;border:0;min-width:220px;margin-top:20px;padding:17px 30px;font-size:19px;font-weight:700}.primary:hover{color:#fff}.small{color:#9eb3ac;margin-top:24px;font-size:12px}.panel{text-align:center;width:min(850px,92vw)}.panel h1{margin:0 0 12px;font-size:42px}.panel p{color:#b7d3c8}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.card{text-align:left;background:#132d32f5;min-height:190px;padding:25px 22px}.card .icon{color:#e4bb77;margin-bottom:25px;font-size:30px;display:block}.card b{font-size:19px;display:block}.card small{color:#afc7be;margin-top:12px;line-height:1.8;display:block}.summary{justify-content:center;gap:40px;margin:30px 0;display:flex}.summary b{color:#f1c47e;font-size:28px;display:block}.summary span{color:#b0c3bc;font-size:12px}#hurt{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 110px #e4443299}@media (width<=760px){#hud{padding:12px}.status{width:210px}.topRight{top:12px;right:12px}.help{font-size:10px;bottom:12px}#weapon{bottom:42px;left:12px}.cards{gap:8px}.card{min-height:180px;padding:14px}.card b{font-size:16px}}.status{width:250px;padding:15px 17px}.eyebrow{margin-bottom:12px}#weapon{text-align:center;min-width:245px;padding:11px 17px;bottom:22px;left:50%;transform:translate(-50%)}.help{font-size:12px;bottom:94px}@media (width<=760px){.status{width:210px}#weapon{min-width:230px;bottom:16px}.help{font-size:10px;bottom:83px}.topRight{gap:8px}}html,body{overscroll-behavior:none;height:100%}body{touch-action:none}canvas{height:100dvh}button,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;min-height:44px}#weapon{pointer-events:auto;justify-content:space-between;align-items:center;gap:14px;min-width:295px;display:flex}#weapon b{font-size:14px}#weapon button{padding:7px 12px}.card{position:relative}.card>kbd{color:#9fedcd;font-size:17px;position:absolute;top:16px;right:16px}.arsenal{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.arsenal button{padding:10px;font-size:13px}#combo{color:#ffe49a;text-shadow:0 3px #214a3c,0 0 16px #fbbe5150;font-size:32px;font-style:italic;font-weight:900;position:absolute;top:98px;right:28px}#combo.hot{color:#ffac71;font-size:38px}#buffs{text-align:center;color:#fff1be;text-shadow:0 2px 4px #000;max-width:85%;font-size:12px;line-height:1.8;position:absolute;bottom:119px;left:50%;transform:translate(-50%)}#toast{opacity:0;text-align:center;pointer-events:none;z-index:3;background:#153c32df;border:1px solid #bddab64a;border-radius:10px;width:max-content;max-width:90vw;padding:15px 26px;transition:opacity .18s,transform .18s;position:fixed;top:29%;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}#toast b{color:#ffe6a4;font-size:25px;display:block}#toast span{color:#d5edda;margin-top:6px;font-size:12px;line-height:1.5;display:block}#damageLayer{pointer-events:none;position:fixed;inset:0;overflow:hidden}.damage{color:#fff0c2;text-shadow:1px 2px #314234,-1px -1px #314234;will-change:transform,opacity;font-size:20px;font-weight:900;position:absolute;top:0;left:0}.damage.critical{color:#ffb17d;font-size:28px}#stick{bottom:max(26px,env(safe-area-inset-bottom));touch-action:none;z-index:2;-webkit-user-select:none;user-select:none;background:#123a3060;border:2px solid #cbf4d94a;border-radius:50%;width:128px;height:128px;display:none;position:fixed;left:20px}#stickKnob{pointer-events:none;background:#b1edc99a;border:1px solid #d4f9df;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#stick small{text-align:center;color:#cce0cb;pointer-events:none;width:100%;font-size:10px;position:absolute;bottom:8px}#stick.inactive{opacity:.2;pointer-events:none}#audioPanel{z-index:8;touch-action:auto;background:#102c26f5;border:1px solid #749c87;border-radius:10px;width:240px;padding:18px;position:fixed;top:80px;right:20px;box-shadow:0 8px 30px #0005}#audioPanel[hidden]{display:none}#audioPanel label{margin-top:15px;font-size:13px;display:block}#audioPanel output{float:right;color:#b2e6c8}#audioPanel input{accent-color:#a6e6bc;touch-action:auto;width:100%;height:32px}#audioPanel small{color:#a9c2ac;margin-top:8px;font-size:10px;display:block}.topRight{z-index:7;pointer-events:auto}.topRight button{padding:8px 13px}#overlay{z-index:5;touch-action:pan-y;padding:20px;overflow:auto}.topRight #soundToggle{z-index:8}#hud{padding-top:max(16px,env(safe-area-inset-top))}@media (pointer:coarse){#stick{display:block}.help{display:none}#weapon{width:185px;min-width:0;left:auto;right:16px;bottom:max(26px,env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;padding:12px;transform:none}#weapon button{width:100%}#weapon kbd{display:none}#buffs{bottom:175px}}@media (width<=600px){#hud{padding:12px;padding-top:max(12px,env(safe-area-inset-top))}.status{width:178px;padding:10px 12px}.eyebrow{letter-spacing:0;margin-bottom:8px;font-size:11px}.line{margin:7px 0;font-size:10px}.topRight{top:max(12px,env(safe-area-inset-top));flex-wrap:wrap;justify-content:flex-end;gap:5px;width:145px;right:10px}.topRight #kills{text-align:right;width:100%;font-size:12px}.topRight button{min-height:40px;padding:7px 10px;font-size:12px}#combo{font-size:25px;top:110px;right:14px}#combo.hot{font-size:29px}.help{display:none}#stick{width:116px;height:116px;left:16px;bottom:max(24px,env(safe-area-inset-bottom));display:block}#weapon{width:174px;min-width:0;left:auto;right:12px;bottom:max(24px,env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;transform:none}#weapon button{width:100%;min-height:40px}#weapon kbd{display:none}#stats{font-size:10px}#buffs{width:94%;font-size:11px;bottom:166px}#toast{padding:12px 18px;top:25%}#toast b{font-size:21px}.panel{width:100%}.panel h1{font-size:30px}.panel>p{margin:8px 0;font-size:12px}.cards{grid-template-columns:1fr;gap:10px;margin-top:18px}.card{border-radius:8px;min-height:0;padding:15px 45px 15px 62px}.card .icon{margin:0;font-size:25px;position:absolute;top:18px;left:18px}.card b{font-size:17px}.card small{margin-top:5px;font-size:12px;line-height:1.4}.card>kbd{font-size:14px;top:14px;right:12px}.tag{letter-spacing:2px;font-size:10px}.menu h1{font-size:48px}.bang{font-size:30px}.menu p{font-size:14px}.menu .small{line-height:1.8}.primary{min-width:200px}.summary{gap:28px}.summary b{font-size:25px}#audioPanel{width:230px;top:93px;right:12px}}@media (height<=560px){.panel h1{font-size:24px}.cards{margin-top:10px}.card{min-height:0}.menu h1{font-size:38px}.menu p{margin:8px 0}.menu .small{margin-top:10px}#overlay{align-items:flex-start}.panel,.menu{margin:auto}#stick{width:95px;height:95px}}#soundToggle{right:20px;top:max(16px,env(safe-area-inset-top));z-index:9;min-width:44px;padding:8px 13px;font-size:18px;position:fixed}.topRight{right:78px}@media (width<=600px){#soundToggle{right:10px;top:max(40px,calc(env(safe-area-inset-top) + 28px));min-height:40px;padding:5px 12px}.topRight{width:90px;right:62px}}#toast{top:50%;transform:translate(-50%,-60%)}#toast.show{transform:translate(-50%,-50%)}#overlay:not(.hidden):has(.start-menu){background:#0c2621db;padding:40px 28px;display:block}.start-menu{grid-template-columns:300px minmax(0,1fr);gap:48px;width:min(1180px,100%);display:grid;margin:0 auto!important}.start-intro{align-self:start;padding-top:30px;position:sticky;top:0}.start-intro h1{letter-spacing:-2px;font-size:54px;line-height:1.15}.start-intro .bang{font-size:30px}.start-intro .small{line-height:1.9}.intro-copyright{letter-spacing:2px;color:#99b2a6;margin-top:32px;font-size:10px}.field-guide{min-width:0}.guide-heading>span{letter-spacing:3px;color:#9fd6bc;font-size:11px}.guide-heading h2{margin:12px 0;font-size:25px;line-height:1.4}.start-menu .field-guide p{max-width:none;margin:0;font-size:12px;line-height:1.75}.guide-section{align-items:center;gap:12px;margin:28px 0 8px;font-size:18px;display:flex}.guide-section>span{color:#95c1ab;border:1px solid #729a834d;border-radius:12px;padding:3px 9px;font-size:11px}.start-menu .guide-note{color:#a4b9af;margin-bottom:14px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.guide-card{background:#163b30ad;border:1px solid #92b39b30;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:15px 12px;display:flex}.guide-icon{color:var(--item-color);background:#0b26235c;border-radius:10px;flex:0 0 60px;width:60px;height:60px;padding:4px}.guide-icon svg{width:100%;height:100%;display:block}.guide-card h3{color:#f1e9cd;margin:0 0 5px;font-size:14px}.guide-card p{color:#b6cbbf}.upgrade-guide{border-top:1px solid #8da48d40;margin-top:25px;padding-top:18px}.upgrade-guide summary{cursor:pointer;color:#d5dfc9;min-height:44px;padding:10px 0;font-size:15px}.upgrade-guide summary:focus-visible{outline-offset:3px;outline:2px solid #a6e6bc}.upgrade-symbol{color:#efcf86;flex:0 0 44px;place-items:center;font-size:26px;display:grid}.guide-bottom{text-align:center;padding:15px 0 5px}.guide-bottom small{letter-spacing:2px;color:#99b2a6;margin-top:22px;font-size:10px;display:block}.guide-bottom .primary{font-size:15px}@media (width<=900px){.start-menu{grid-template-columns:240px minmax(0,1fr);gap:24px}.start-intro h1{font-size:42px}.guide-grid{grid-template-columns:1fr}}@media (width<=600px){#overlay:not(.hidden):has(.start-menu){padding:36px 18px 28px}.start-menu{display:block}.start-intro{border-bottom:1px solid #809c8540;margin-bottom:28px;padding-top:0;padding-bottom:30px;position:static}.start-intro h1{margin-top:16px;font-size:48px}.start-intro .primary{width:100%;margin-top:12px}.start-intro .intro-copyright{margin-top:18px}.guide-heading h2{font-size:22px}.guide-icon{flex-basis:56px;width:56px;height:56px}.guide-card{padding:13px}.guide-card h3{font-size:15px}.guide-bottom .primary{width:100%;padding:16px 12px}.guide-section{margin-top:24px}}:root{--panel:#102e28ed;--rim:#91bca43b;--cream:#fff0cc}button{border-radius:9px;box-shadow:inset 0 1px #ffffff0c}.primary{color:#183d32;background:linear-gradient(135deg,#b6efd3,#83c9ae);border-radius:11px;box-shadow:0 7px 22px #071a1740,inset 0 1px #e0fff0}.primary:hover{color:#133b2c;background:linear-gradient(135deg,#caf8df,#9cdec3)}.status{border:1px solid var(--rim);background:linear-gradient(140deg,#183b31f5,#0e2824ef);border-radius:13px;box-shadow:0 8px 24px #071b2240,inset 0 1px #d0ffe310}.eyebrow{color:#efedd1;letter-spacing:1px;font-size:12px}.eyebrow:before{content:"";background:#b6e7b6;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 7px #b6e7b655}.eyebrow span{font-variant-numeric:tabular-nums;color:#c0d6c4}.line{color:#a7c3b1}.line b{color:#fff0d0}.bar{background:#061f1c8c;border-radius:4px;height:6px;box-shadow:inset 0 1px 3px #0004}.bar i{background:linear-gradient(90deg,#6bbaaa,#9ae1cf);border-radius:4px}.health{height:8px}.health i{background:linear-gradient(90deg,#a3cf86,#dbecab);box-shadow:0 0 9px #b2e0a866}.topRight button,#soundToggle{border-color:var(--rim);background:#12362de8;box-shadow:0 4px 14px #102c2730}#kills{color:#e8e9c7;font-variant-numeric:tabular-nums;background:#173e2fbd;border-radius:7px;padding:7px 11px;font-size:12px}#weapon{background:linear-gradient(120deg,#254b3af2,#0e302aed);border:1px solid #8cac694a;border-left:3px solid #dbbc77;border-radius:13px;gap:12px;min-width:335px;padding:11px 15px;box-shadow:0 8px 24px #091e1640}#weaponBadge{background:#081f1b7a;border:1px solid #ffffff12;border-radius:9px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:3px;display:grid}#weaponBadge svg{width:100%;height:100%}.weapon-copy{text-align:left;flex:1}.weapon-caption{color:#a3bea8;letter-spacing:2px;margin-bottom:4px;font-size:9px;display:block}#weaponName{color:#f5e5b7}#stats{color:#b7cbb7;margin-top:4px;font-size:10px}#swap{background:#3a604042;border-color:#aaca7645}#combo{text-shadow:0 3px #214634,0 0 20px #dbb65830;letter-spacing:-1px}.help{color:#b0c8b6;background:#102d237a;border-radius:15px;padding:5px 12px;font-size:11px}#buffs{color:#f2deb1}#toast{background:linear-gradient(120deg,#254b3ef5,#102e29f2);border:1px solid #d2d3936b;border-radius:14px;padding:18px 28px;box-shadow:0 10px 32px #031b2350}#overlay:not(.hidden){-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a221caf}.panel h1{color:var(--cream);letter-spacing:1px}.panel .tag{color:#9bcab0}.card{background:linear-gradient(155deg,#1f4235f7,#0d2b25f5);border-color:#8ab79548;border-radius:13px;box-shadow:0 9px 22px #061d1a40}.card:hover,.card:focus-visible{background:linear-gradient(155deg,#315743,#173a2f);border-color:#e6d7a0;outline-color:#cfdb9c}.card b{color:#f8e7bd}.card small{color:#b5cbb7}.card>kbd{color:#d9d9aa;background:#0c241f;border-color:#b9ca8140}#audioPanel{background:linear-gradient(150deg,#234535f5,#0d2c26fa);border-color:#99bd854d;border-radius:13px}.guide-card{background:linear-gradient(135deg,#234334c9,#13372bb8);border-color:#8fa88b35;box-shadow:inset 0 1px #eefad806}.guide-icon{background:#0c281f80;border:1px solid #99bd851c;border-radius:13px}.guide-card h3{color:#f2e5bd}.guide-heading h2{color:#f5e8c8}.start-intro h1{color:#fff0ce;text-shadow:0 4px #163e2c}.start-intro .bang{color:#e9c98a;letter-spacing:12px}.guide-section{color:#e3e6c1}.intro-copyright,.guide-bottom small{color:#9bb99d}#stick{background:radial-gradient(circle,#28503960,#112e237a);border-color:#b6d6a454;box-shadow:inset 0 1px 9px #c2edb512,0 4px 18px #10251c30}#stickKnob{background:linear-gradient(145deg,#c1e6acc9,#82b194ac);border-color:#c5e8b5;box-shadow:0 3px 9px #0823164d}@media (width<=600px),(pointer:coarse){#weapon{gap:7px;width:174px;min-width:0;padding:10px}#weaponBadge{flex-basis:34px;width:34px;height:34px}.weapon-copy{min-width:100px}.weapon-caption{letter-spacing:1px;font-size:8px}#weaponName{font-size:12px!important}#stats{font-size:9px}#swap{margin-top:2px}.eyebrow{letter-spacing:0;font-size:10px}.eyebrow:before{width:4px;height:4px;margin-right:4px}.status{border-radius:11px}.topRight #kills{width:auto;padding:4px 7px;font-size:10px}.topRight{row-gap:4px}.health{height:7px}.bar{height:5px}#toast{padding:14px 19px}.card{border-radius:11px}}#headHealth{z-index:3;pointer-events:none;text-align:center;color:#fff5d5;text-shadow:0 1px 3px #000;width:76px;font:700 10px system-ui;position:fixed;transform:translate(-50%,-100%)}#headHealth>div{background:#172e28;border:1px solid #e3edc6a0;border-radius:5px;height:7px;margin-top:3px;overflow:hidden;box-shadow:0 2px 4px #0005}#headHealthFill{background:linear-gradient(90deg,#88d98a,#e1f591);height:100%;transition:width .12s;display:block}