*{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}.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}.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}.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}.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 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}#radar{pointer-events:none;text-align:center;color:#bbd7b9;z-index:2;background:#102c26df;border:1px solid #9ec9a05c;border-radius:13px;width:154px;padding:5px 5px 3px;font:10px Arial,Microsoft YaHei,sans-serif;position:fixed;top:84px;right:22px;box-shadow:0 5px 18px #071b164d}#radar[hidden]{display:none}#radar canvas{border-radius:9px;width:144px;height:144px;display:block}#radar span{padding:1px 0 2px;display:block}#combo{top:258px}#stick:not(.engaged){display:none!important}#stick.engaged{pointer-events:none;opacity:1;z-index:4;top:0;bottom:auto;left:0;display:block!important}@media (width<=600px){#stick.engaged{bottom:auto}.status{width:174px;padding:8px 10px}.status .eyebrow{margin-bottom:5px;font-size:11px}.status .line{margin:4px 0;font-size:11px}.status .bar{height:4px}.status .health{height:6px}#radar{width:100px;padding:4px;top:98px;right:8px}#radar canvas{width:90px;height:90px}#radar span{font-size:10px}#combo{font-size:22px;top:210px;right:10px}#weapon{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));flex-wrap:nowrap;grid-template-columns:35px minmax(0,1fr) 58px;gap:8px;width:min(290px,100vw - 20px);min-width:0;padding:7px 9px;display:grid;transform:translate(-50%)}#weaponBadge{flex-basis:34px;width:34px;height:34px}.weapon-copy{min-width:0}.weapon-caption,#stats{display:none}#weaponName{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;font-size:13px!important}#swap{min-height:44px;margin:0;padding:6px 4px;font-size:12px;width:58px!important}#buffs{font-size:11px;bottom:82px}}@font-face{font-family:BangDisplay;src:url(/fonts/bang-display.woff2)format("woff2");font-display:swap}body{color:#fff0d2;background:#102b29;font-family:Microsoft YaHei UI,PingFang SC,Noto Sans SC,sans-serif}.start-intro h1,.guide-heading h2,.panel h1,.start-intro .primary,.guide-section{font-family:BangDisplay,Microsoft YaHei UI,sans-serif}button{transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}button:active{transform:translateY(2px)scale(.985)}button:focus-visible{outline-offset:3px;outline:2px solid #ffdc9b}#overlay:not(.hidden):has(.start-menu){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(at 18% 20%,#315a48ec 0%,#173d34f2 38%,#092923f7 78%),#102e28;padding:0}#overlay:not(.hidden):has(.start-menu):before{content:"";pointer-events:none;opacity:.32;background:repeating-linear-gradient(135deg,#0000 0 54px,#d4c68b0b 55px 56px),radial-gradient(circle at 13% 21%,#e2a34b26,#0000 29%),radial-gradient(circle at 90% 75%,#6cc8aa15,#0000 38%);position:fixed;inset:0}.start-menu{z-index:1;grid-template-columns:minmax(360px,460px) minmax(0,1fr);gap:clamp(32px,5vw,80px);width:min(1320px,100%);padding:28px clamp(22px,4vw,62px) 55px;position:relative}.start-intro{min-width:0;padding:0;top:22px}.intro-top{color:#e6d6aa;letter-spacing:2px;text-transform:uppercase;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.intro-mark{color:#ffcc70;border:1px solid #ffd78280;border-radius:50%;place-items:center;width:27px;height:27px;font-size:17px;display:grid;box-shadow:0 0 17px #e9ac4b36}.intro-top i{color:#ffbc61;font-style:normal}.intro-edition{color:#a7c5b6;letter-spacing:1px;margin-left:auto;font-size:9px}.hero-stage{isolation:isolate;background:radial-gradient(at 50% 82%,#efb46743,#0000 53%),radial-gradient(at 53% 42%,#7caa824d,#0000 63%);border-bottom:1px solid #edc77a43;border-radius:140px 140px 26px 26px;height:clamp(310px,38vw,425px);margin:8px 0 -9px;position:relative;overflow:hidden}.hero-stage:before{content:"";z-index:-1;border:1px solid #f6d9922b;border-radius:50% 50% 19% 19%;position:absolute;inset:15px 40px 2px}.hero-stage:after{content:"";filter:blur(28px);z-index:-1;background:#d3a35e6b;border-radius:50%;width:82%;height:90px;position:absolute;bottom:-36px;left:9%}.hero-halo{aspect-ratio:1;border:1px solid #f7d88685;border-radius:50%;width:66%;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 20px #f6d27c0c,0 0 0 42px #f6d27c0a,inset 0 0 54px #eea94524}.hero-art{filter:drop-shadow(0 22px 18px #07251f8c);width:auto;max-width:none;height:110%;position:absolute;bottom:-8%;left:50%;transform:translate(-50%)}.hero-star{color:#ffe8a8;text-shadow:0 0 16px #ffd67d;font-size:28px;position:absolute}.star-one{top:15%;right:9%}.star-two{font-size:22px;top:42%;left:7%}.hero-caption{color:#e8d9b5;letter-spacing:2px;text-shadow:0 2px 7px #13392d;font-size:8px;font-weight:800;position:absolute;bottom:9px;right:13px}.intro-copy{margin-top:16px;position:relative}.intro-copy .tag{color:#f8c579;letter-spacing:3px;font-size:10px}.start-intro h1{letter-spacing:-3px;color:#ffedc6;text-shadow:0 3px #8b5829,0 9px 23px #0825197d;margin:9px 0 2px;font-size:clamp(46px,4.4vw,64px);line-height:1.05}.title-spark{vertical-align:top;color:#eab862;text-shadow:0 0 17px #eeb760;margin-left:6px;font-size:24px}.start-intro .bang{letter-spacing:7px;color:#e8ba65;font-size:24px}.start-intro .bang span{letter-spacing:3px;color:#adc9b7;vertical-align:middle;font-size:10px}.start-intro p{color:#c7dfca;margin:12px 0 0;font-size:13px;line-height:1.7}.start-intro .primary{color:#3c271d;letter-spacing:3px;text-align:left;background:linear-gradient(150deg,#ffe0a0 0%,#e5ad5b 54%,#b9763d 100%);border:1px solid #ffe0a7;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:58px;margin-top:19px;padding:11px 13px 11px 25px;font-size:19px;font-weight:900;display:flex;box-shadow:0 5px #804c2e,0 15px 26px #061e1966,inset 0 1px #fff8cf}.start-intro .primary span:last-child{letter-spacing:0;background:#6b432c2b;border-radius:8px;place-items:center;width:35px;height:35px;font-size:24px;display:grid}.start-intro .primary:hover{color:#38261d;background:linear-gradient(150deg,#fff1bf,#ecc078 60%,#cb8850);transform:translateY(-2px);box-shadow:0 5px #804c2e,0 16px 34px #f2bd6b4d,inset 0 1px #fff9d6}.start-intro .primary:active{transform:translateY(3px);box-shadow:0 2px #804c2e,0 8px 16px #061e1950}.start-intro .small{color:#b8d1c2;margin-top:18px;font-size:10px;line-height:1.65}.intro-copyright{color:#d4c499;letter-spacing:2px;border-top:1px solid #ecc9813b;margin-top:17px;padding-top:12px;font-size:9px}.field-guide{padding:32px 0 0;position:relative}.guide-heading{border-bottom:1px solid #e2c68342;padding:2px 0 16px}.guide-heading>span{color:#e7c07b;font-weight:800}.guide-heading h2{color:#fff1d4;letter-spacing:1px;margin:9px 0 7px;font-size:30px}.start-menu .field-guide p{color:#c0d4c7;font-size:12px;line-height:1.55}.guide-section{color:#f2deb2;letter-spacing:1px;margin:24px 0 8px;font-size:18px}.guide-section:before{content:"";background:linear-gradient(#ffe1a2,#ba7846);border-radius:5px;width:4px;height:17px;box-shadow:0 0 10px #ffb85a66}.guide-section>span{color:#d9b67b;background:#c58d4321;border-color:#d9b67b61;border-radius:6px;margin-left:auto}.start-menu .guide-note{color:#a9c3b4;margin-bottom:12px}.guide-grid{gap:9px}.guide-card{background:linear-gradient(145deg,#315246ba,#15382fc9);border:1px solid #d6bb8245;border-radius:11px;min-height:82px;padding:10px 12px;position:relative;box-shadow:inset 0 1px #fff5d414,0 8px 22px #061d1840}.guide-card:after{content:"";pointer-events:none;border:1px solid #eeddb111;border-radius:7px;position:absolute;inset:5px}.guide-icon{width:54px;height:54px;color:var(--item-color);background:radial-gradient(circle at 30% 20%,#e0d8a426,#142a24a1);border:1px solid #bcd0a236;border-radius:10px;flex-basis:54px;box-shadow:inset 0 1px #ffffff25}.guide-card h3{color:#fff0cf;letter-spacing:.5px;font-size:14px}.guide-card p{color:#bbd0bd!important}.upgrade-guide{border-top:1px solid #e2c68342;margin-top:22px}.upgrade-guide summary{color:#f1dcaf;font-weight:800}.guide-bottom .primary,.panel .primary{color:#33291c;background:linear-gradient(140deg,#f8d590,#dca75d);border:1px solid #edc67a;box-shadow:0 4px #865c33,0 10px 22px #071d194f}.guide-bottom .primary:hover,.panel .primary:hover{color:#33291c;background:linear-gradient(140deg,#ffedb7,#efba70)}.guide-bottom small{color:#d2c195}.panel{background:radial-gradient(circle at 50% -40%,#42705a,#183a30 60%,#102c27);border:1px solid #d8be845e;border-radius:24px;padding:32px 24px;box-shadow:0 28px 70px #031b19a8,inset 0 1px #fff5d52b}.panel h1{color:#ffe9b6;text-shadow:0 3px #73522c;font-size:clamp(33px,4vw,50px)}.panel .tag{color:#f0bd6f}.card{background:linear-gradient(145deg,#345547,#173b31);border:1px solid #d5bb8470;overflow:hidden;box-shadow:0 6px #0c2a24,0 15px 24px #031d194c,inset 0 1px #fff4d329}.card:before{content:"";pointer-events:none;background:#f3c27213;border-radius:50%;width:110px;height:110px;position:absolute;top:-30px;left:-25px}.card:hover,.card:focus-visible{background:linear-gradient(145deg,#466c53,#204638);border-color:#ffdb9a;box-shadow:0 5px #0c2a24,0 16px 28px #ffbd6a35}.card>kbd{color:#ffe9b8;background:#d8a75c2b;border-color:#f4ca837a;border-radius:7px}.card .icon{color:#ffcf7e;text-shadow:0 0 17px #edaf6166}.card b{color:#fff0d0}.status,#weapon,#audioPanel,#toast{background:linear-gradient(150deg,#2d5040ee,#102d28f5);border-color:#e7c88869;box-shadow:0 8px 26px #031b175e,inset 0 1px #fff0c122}.status{border-top:2px solid #eac484aa}.status .eyebrow{color:#ffe4aa}.eyebrow:before{background:#f6ca77;box-shadow:0 0 9px #f3c87b}.status .line>b,#weaponName{color:#fff0cf}#weapon{border-left:3px solid #f0bc66}.topRight button,#soundToggle,#swap{color:#ffecc3;background:linear-gradient(140deg,#3c5e4c,#1e3e33);border:1px solid #d5c18a78;box-shadow:0 4px #0a261f,0 8px 16px #061d184a}.topRight button:hover,#soundToggle:hover,#swap:hover{background:linear-gradient(140deg,#52765b,#2b503d);border-color:#f8d590}.bar{background:#071e18}.health i{background:linear-gradient(90deg,#92c781,#e2de8e)}.bar:not(.health) i{background:linear-gradient(90deg,#69cab6,#b2e8c9)}#combo{color:#ffda86;text-shadow:0 4px #704f29,0 0 20px #ffbb6380}#toast{border-color:#f2c476b0}#toast b{color:#ffdf9d}#radar{background:#17382ff0;border-color:#dcc68b85}#headHealth>div{border-color:#f5d99bbb}@media (width<=1000px){.start-menu{grid-template-columns:minmax(275px,340px) minmax(0,1fr);gap:28px;padding:24px}.hero-stage{height:330px}.start-intro h1{font-size:47px}.guide-grid{grid-template-columns:1fr}}@media (width<=600px){#overlay:not(.hidden):has(.start-menu){padding:0}.start-menu{padding:12px 16px 35px;display:block}.start-intro{border-bottom:1px solid #e2c68342;margin:0 0 22px;padding:0 0 23px;position:static}.intro-top{font-size:9px}.intro-edition{font-size:8px}.hero-stage{height:clamp(230px,70vw,295px);margin:3px -5px -3px}.hero-art{height:114%;bottom:-12%}.hero-caption{font-size:7px}.intro-copy{margin-top:8px}.start-intro h1{margin:5px 0 0;font-size:43px}.title-spark{font-size:17px}.start-intro .bang{letter-spacing:5px;font-size:19px}.start-intro p{margin-top:8px;font-size:11px;line-height:1.5}.start-intro .primary{min-height:50px;margin-top:12px;font-size:16px}.start-intro .small{margin-top:12px;font-size:9px;line-height:1.45}.intro-copyright{margin-top:10px;padding-top:8px}.field-guide{padding-top:0}.guide-heading h2{font-size:24px}.guide-section{margin-top:21px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:74px}.panel{border-radius:16px;padding:22px 13px}.card{box-shadow:0 4px #0c2a24,0 8px 15px #031d194c}.status{border-top-width:1px}}@media (height<=740px) and (width>=601px){.start-intro{position:static}.hero-stage{height:300px}.start-intro .small{margin-top:12px}}