:root{--ui-scale: clamp(.8, calc(100vh / 1080 * 1.15), 1.15);--bg: rgba(20, 30, 20, .78);--panel: rgba(28, 42, 28, .9);--accent: #ffd54f;--green: #8bc34a;--red: #ef5350;--text: #f5f5f5;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--text);user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;transition:filter .6s}#game-canvas.dead{filter:grayscale(1) brightness(.7)}#ui-root{position:absolute;inset:0;pointer-events:none;font-size:calc(16px * var(--ui-scale))}#ui-root>*{pointer-events:auto}#ui-root .passive,#ui-root .passive *{pointer-events:none}button{font:inherit;cursor:pointer;border:2px solid #33691e;border-radius:10px;background:#7cb342;color:#fff;padding:.55em 1.4em;min-width:12em;text-shadow:0 1px 0 #33691e;transition:transform .08s,background .15s}button:hover:not(:disabled){background:#8bc34a;transform:translateY(-1px)}button:disabled{background:#616161;border-color:#424242;cursor:not-allowed;opacity:.7}button.secondary{background:#5d4037;border-color:#3e2723}button.danger{background:#c62828;border-color:#8e0000}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;background:radial-gradient(circle at 50% 30%,#507828eb,#0a140af5)}.screen.overlay{background:#0000008c}.title{font-size:3em;font-weight:800;color:var(--accent);text-shadow:0 4px 0 #6d4c41,0 0 30px rgba(255,213,79,.4);margin:0}.subtitle{opacity:.85;margin-top:-.4em}.note{opacity:.8;font-size:.9em;max-width:40em;text-align:center}.error-list{max-width:60em;max-height:50vh;overflow:auto;background:var(--panel);padding:1em 1.5em;border-radius:10px;text-align:left;font-family:Consolas,monospace;font-size:.85em;color:#ffcdd2;user-select:text}.panel{background:var(--panel);border-radius:14px;padding:1.2em 1.6em;box-shadow:0 10px 40px #00000080}.progress{width:24em;height:.8em;background:#263238;border-radius:6px;overflow:hidden}.progress>div{height:100%;background:var(--accent);width:0;transition:width .2s}table.compare{border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden;max-width:90vw}table.compare th,table.compare td{padding:.4em 1em;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}table.compare th{color:var(--accent)}.char-cards{display:flex;gap:1.5em}.tagline{font-style:italic;opacity:.9}.settings-grid{display:grid;grid-template-columns:auto 16em auto;gap:.7em 1em;align-items:center}.settings-grid input[type=range]{width:100%}select{font:inherit;padding:.2em .5em;border-radius:6px}.keys{display:grid;grid-template-columns:auto auto;gap:.3em 1.5em;max-height:60vh;overflow:auto}.keys kbd{background:#37474f;border-radius:5px;padding:.1em .5em;border-bottom:2px solid #263238;white-space:nowrap}.hud{position:absolute;inset:0;pointer-events:none}.hud *{pointer-events:none}.hud .tl{position:absolute;left:1.2em;top:1em}.hud .tr{position:absolute;right:1.2em;top:1em}.hud .bl{position:absolute;left:1.2em;bottom:1.2em}.hud .br{position:absolute;right:1.2em;bottom:1.2em;display:flex;flex-direction:column;align-items:flex-end;gap:.5em}.sun{font-size:2em;font-weight:800;color:var(--accent);text-shadow:0 2px 4px #000;display:flex;align-items:center;gap:.3em}.sun .icon{display:inline-block;transition:transform .15s}.sun .icon.flash{transform:scale(1.35) rotate(20deg)}.sub{font-size:1em;text-shadow:0 1px 3px #000;margin-top:.15em}.floats{position:absolute;left:7em;top:.4em}.float{position:absolute;font-weight:800;font-size:1.4em;animation:floatUp 1s ease-out forwards;text-shadow:0 2px 3px #000;white-space:nowrap}.float.gain{color:#fff176}.float.spend{color:#ff8a65}.float.info{color:#fff}.float.warn{color:var(--red)}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2.2em)}}.health{display:flex;align-items:center;gap:.6em}.health .avatar{font-size:2.2em}.health .bar{width:14em;height:1em;background:#00000080;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.health .bar>div{height:100%;background:linear-gradient(90deg,#66bb6a,#9ccc65);transition:width .2s}.health.low .bar>div{background:var(--red);animation:pulse .8s infinite}.health .num{font-size:1.6em;font-weight:800;text-shadow:0 2px 3px #000;min-width:2.5em}@keyframes pulse{50%{opacity:.5}}.ammo{font-size:2em;font-weight:800;text-shadow:0 2px 4px #000}.ammo.empty .reserve{color:var(--red);animation:pulse .5s infinite}.reload{width:9em;height:.4em;background:#00000080;border-radius:4px;overflow:hidden}.reload>div{height:100%;background:var(--accent)}.hotbar{display:flex;gap:.35em}.slot{width:3.6em;height:3.6em;border-radius:10px;background:#00000073;border:2px solid rgba(255,255,255,.25);position:relative;display:flex;align-items:center;justify-content:center;font-size:1em}.slot.empty{opacity:.4}.slot.selected{border-color:var(--accent);box-shadow:0 0 10px var(--accent);background:#ffd54f2e}.slot .ico{font-size:1.7em}.slot .key{position:absolute;left:.3em;top:.1em;font-size:.7em;opacity:.8}.slot .cnt{position:absolute;right:.3em;bottom:.1em;font-weight:800;font-size:.85em}.shooters{display:flex;gap:.25em}.shooters span{width:.7em;height:.7em;border-radius:50%;background:#7cb342;display:inline-block;border:1px solid #000}.counts{text-align:right;text-shadow:0 1px 3px #000}.banner{position:absolute;top:12%;left:50%;transform:translate(-50%);padding:.5em 1.4em;border-radius:10px;background:var(--bg);font-size:1.15em;transition:opacity .4s;white-space:nowrap}.banner.warn{color:#ffe082}.banner.danger{background:#a01414d9}.potion{position:absolute;top:5.5em;left:50%;transform:translate(-50%);font-weight:800;font-size:1.1em;padding:.2em .9em;border-radius:8px;background:#00000080}.potion.ice{color:#81d4fa}.potion.power{color:#ff8a65}.hint{position:absolute;bottom:20%;left:50%;transform:translate(-50%);background:#0000008c;padding:.35em 1em;border-radius:8px;white-space:nowrap}.hint.reject{color:var(--red);bottom:24%}.crosshair{position:absolute;left:50%;top:50%;width:0;height:0}.crosshair i{position:absolute;background:#fff;box-shadow:0 0 2px #000}.crosshair.hit i{background:#fff}.crosshair.kill i{background:var(--red)}.crosshair .shovel{position:absolute;left:-.7em;top:-.8em;font-size:1.4em}.wheel{position:absolute;left:50%;top:50%;width:0;height:0;transition:opacity .3s}.wheel span{position:absolute;transform:translate(-50%,-50%);font-size:1.6em;opacity:.55}.wheel span.on{opacity:1;font-size:2.2em;filter:drop-shadow(0 0 6px var(--accent))}.wheel .label{position:absolute;transform:translate(-50%,3.2em);font-size:.85em;opacity:.8;white-space:nowrap}.vignette{position:absolute;inset:0;box-shadow:inset 0 0 18vmin 6vmin #c80000e6;opacity:0;transition:opacity .15s}.vignette.low{animation:breathe 1.1s infinite}@keyframes breathe{0%,to{opacity:.25}50%{opacity:.6}}.fade{position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .8s}.death{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;font-size:1.4em;text-shadow:0 2px 6px #000}.death .big{font-size:2em;font-weight:800;color:var(--red)}.labels{position:absolute;inset:0}.labels div{position:absolute;transform:translate(-50%,-100%);font-size:.8em;background:#0009;padding:.05em .4em;border-radius:4px;white-space:nowrap}.labels div.break{background:#ff9800d9;font-weight:800}.minimap{width:12em;height:12em;border-radius:10px;border:2px solid rgba(255,255,255,.4);background:#0006}.debug{position:absolute;left:1.2em;top:9em;background:#000000b3;padding:.6em .9em;border-radius:8px;font-family:Consolas,monospace;font-size:.8em;white-space:pre;line-height:1.35}.tutorial{position:absolute;left:50%;bottom:30%;transform:translate(-50%);max-width:34em;background:#1e3214e6;border:2px solid var(--green);border-radius:12px;padding:.7em 1.2em;text-align:center}.tutorial small{display:block;opacity:.7;margin-top:.3em}.resume{position:absolute;left:50%;top:58%;transform:translate(-50%);background:var(--bg);padding:.5em 1.2em;border-radius:8px}.shop{position:absolute;left:50%;top:50%;width:min(56em,92vw);max-height:82vh;transform:translate(-50%,-50%) scale(.92);opacity:0;background:#182418db;border-radius:16px;padding:1em 1.4em;display:flex;flex-direction:column;gap:.7em;transition:transform .15s ease-out,opacity .15s ease-out}.shop.open{transform:translate(-50%,-50%) scale(1);opacity:1}.shop header{display:flex;justify-content:space-between;align-items:center}.shop header h2{margin:0;color:var(--accent)}.shop .tabs{display:flex;gap:.4em}.shop .tabs button{min-width:0;padding:.35em 1em;background:#455a64;border-color:#263238}.shop .tabs button.active{background:#7cb342;border-color:#33691e}.shop .items{display:grid;grid-template-columns:repeat(auto-fill,minmax(15em,1fr));gap:.7em;overflow:auto}.card{background:#ffffff12;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:.7em;cursor:pointer;display:flex;flex-direction:column;gap:.25em;position:relative;text-align:left;min-width:0;color:var(--text);background-clip:padding-box}.card:hover{border-color:var(--accent)}.card.blocked{filter:grayscale(.9);opacity:.55}.card .row{display:flex;justify-content:space-between;align-items:center}.card .ico{font-size:1.8em}.card .name{font-weight:800;font-size:1.05em}.card .price{color:var(--accent);font-weight:800}.card .desc{font-size:.85em;opacity:.85;min-height:2.4em}.card .meta{font-size:.8em;opacity:.8}.card .why{color:var(--red);font-size:.85em;font-weight:800}.card .hot{position:absolute;right:.5em;top:.4em;font-size:.75em;opacity:.7}.shop .alert{background:#c62828e6;border-radius:8px;padding:.5em 1em;display:flex;justify-content:space-between;align-items:center;font-weight:800}.shop .alert button{min-width:0;background:#ffd54f;color:#3e2723;border-color:#ff8f00;text-shadow:none}.shop .toast{min-height:1.4em;color:#ffcc80;font-weight:800}.shop footer{display:flex;justify-content:space-between;align-items:center;font-size:.85em;opacity:.85}.shop footer button{min-width:0}