.menu-root{width:800px;height:600px;background:#07071c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.menu-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(24,24,60,1) 1px,transparent 1px),linear-gradient(90deg,rgba(24,24,60,1) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.menu-title{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:52px;font-weight:900;color:#f0c040;text-shadow:0 0 20px #f0c04066,0 3px 0 #7a4e00;margin:0;position:relative}.menu-sub{font-family:monospace;font-size:14px;color:#55a;letter-spacing:6px;margin:0;position:relative}.menu-pick-label{font-family:PingFang SC,sans-serif;font-size:16px;color:#77a;margin:4px 0;position:relative}.menu-heroes{display:flex;gap:20px;position:relative}.menu-hero-card{width:165px;background:#0d0d2a;border:2px solid #333366;border-radius:10px;padding:16px 12px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .15s,background .15s,transform .1s;color:inherit}.menu-hero-card:hover{background:#181840;transform:translateY(-3px)}.menu-hero-card.selected{border-color:#fd4;background:#16163a;box-shadow:0 0 12px #fd43}.menu-hero-sprite{flex-shrink:0;margin-bottom:8px}.menu-hero-name{font-family:PingFang SC,sans-serif;font-size:18px;font-weight:700;color:#fff}.menu-hero-tag{font-family:monospace;font-size:11px;color:#68a}.menu-hero-desc{font-family:PingFang SC,sans-serif;font-size:13px;color:#99b;text-align:center}.menu-hero-stats{font-family:monospace;font-size:11px;color:#567}.menu-start-btn{background:#53a;border:none;border-radius:8px;color:#fff;font-family:PingFang SC,sans-serif;font-size:26px;font-weight:700;padding:12px 36px;cursor:pointer;transition:background .15s,transform .1s;position:relative;margin-top:4px}.menu-start-btn:hover{background:#75c;transform:translateY(-2px)}.menu-hint{font-family:monospace;font-size:12px;color:#345;position:relative;text-align:center}.gameover-root{width:800px;height:600px;background:#04040f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.gameover-title{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:52px;color:#f33;text-shadow:0 0 20px #ff000066;margin:0}.gameover-table{border-collapse:collapse;font-family:PingFang SC,sans-serif}.gameover-table tr{border-bottom:1px solid #1a1a2a}.go-label{padding:10px 24px 10px 0;font-size:20px;color:#99b}.go-value{padding:10px 0;font-size:20px;color:#fff;font-weight:700;text-align:right}.gameover-btn{background:#53a;border:none;border-radius:8px;color:#fff;font-family:PingFang SC,sans-serif;font-size:26px;font-weight:700;padding:12px 36px;cursor:pointer;transition:background .15s,transform .1s}.gameover-btn:hover{background:#75c;transform:translateY(-2px)}.gameover-share{font-family:PingFang SC,sans-serif;font-size:14px;color:#543}.hud{position:absolute;top:0;right:0;bottom:0;left:0;font-family:monospace;-webkit-user-select:none;user-select:none}.hud-bars{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px}.hud-bar-bg{position:relative;width:204px;height:18px;background:#200;border-radius:3px;overflow:hidden}.xp-bg{height:9px;background:#012}.hud-bar-fill{height:100%;transition:width .15s ease}.hud-bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-left:6px;font-size:11px;color:#fff;text-shadow:0 0 3px #000}.hud-level{font-size:15px;font-weight:700;color:#fd4;text-shadow:0 0 6px #000,0 1px 3px #000;margin-top:2px}.hud-timer{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;color:#fff;text-shadow:0 0 8px #000,0 2px 4px #000}.hud-kills{position:absolute;top:10px;right:10px;font-size:14px;color:#ccc;text-shadow:0 0 4px #000}.hud-dash{position:absolute;top:46px;left:10px;font-size:13px;color:#8cf;text-shadow:0 0 4px #000}.hud-equip-btn{position:absolute;top:10px;right:80px;background:#1e143cd9;border:1px solid #5533aa;color:#ccc;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;transition:background .15s}.hud-equip-btn:hover{background:#53a;color:#fff}.boss-bar-wrap{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.boss-bar-label{font-family:monospace;font-size:14px;font-weight:700;color:#f44;text-shadow:0 0 6px #000,0 0 12px #ff0000aa}.boss-bar-bg{width:360px;height:22px;background:#300;border-radius:4px;overflow:hidden;border:1px solid #550000}.boss-bar-fill{height:100%;transition:width .15s ease;box-shadow:inset 0 1px #fff3}.boss-bar-hp{font-family:monospace;font-size:11px;color:#f88}.upgrade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center}.upgrade-box{display:flex;flex-direction:column;align-items:center;gap:24px}.upgrade-title{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:26px;font-weight:700;color:#fd4;text-shadow:0 2px 8px #000,0 0 20px #ffaa0066}.upgrade-cards{display:flex;gap:20px}.upgrade-card{width:162px;min-height:215px;background:#0e0e2a;border:2px solid #334488;border-radius:10px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;color:inherit}.upgrade-card:hover{background:#1a1a55;border-color:#65c;transform:translateY(-4px)}.upgrade-icon{font-size:40px;line-height:1}.upgrade-name{font-family:PingFang SC,sans-serif;font-size:20px;font-weight:700;color:#fff}.upgrade-desc{font-family:PingFang SC,sans-serif;font-size:13px;color:#99b;text-align:center}.equip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.equip-panel{background:#0d0d22;border:1px solid #334;border-radius:12px;padding:20px 24px;width:560px;max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.equip-header{display:flex;justify-content:space-between;align-items:center;font-family:PingFang SC,sans-serif;font-size:18px;font-weight:700;color:#fff}.equip-close{background:none;border:none;color:#aaa;font-size:18px;cursor:pointer;padding:2px 6px}.equip-close:hover{color:#fff}.equip-section-title{font-family:PingFang SC,sans-serif;font-size:13px;color:#789;border-bottom:1px solid #223;padding-bottom:4px}.equip-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.equip-slot-wrap{display:flex;flex-direction:column;gap:4px}.equip-slot-label{font-family:PingFang SC,sans-serif;font-size:11px;color:#667}.equip-inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.item-card{background:#141428;border:1px solid #334;border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:background .12s,transform .1s;min-height:90px}.item-card:hover{background:#1e1e44;transform:translateY(-2px)}.item-active{box-shadow:0 0 8px currentColor}.item-empty{cursor:default;opacity:.35}.item-empty:hover{transform:none;background:#141428}.item-empty-label{font-size:22px;color:#445;margin-top:10px}.item-icon{font-size:24px;line-height:1}.item-name{font-family:PingFang SC,sans-serif;font-size:12px;font-weight:700;text-align:center}.item-desc{font-family:PingFang SC,sans-serif;font-size:10px;color:#778;text-align:center}.equip-hint{font-size:11px;color:#445;font-family:PingFang SC,sans-serif;text-align:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#02020a;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;font-family:PingFang SC,Microsoft YaHei,sans-serif}#root{display:flex;align-items:center;justify-content:center}.app-root{width:800px;height:600px;overflow:hidden}.game-wrapper{position:relative;width:800px;height:600px}.game-wrapper canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.game-wrapper>:not(div:first-child){position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}button{font-family:inherit}