body{margin:0;background-color:#050508;color:#e2e8f0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.game-container{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto;padding:12px;box-sizing:border-box}.game-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#111116,#0a0a0f);border:1px solid #222230;border-radius:8px;padding:10px 20px;margin-bottom:12px}.header-logo{display:flex;align-items:center;gap:10px}.logo-icon{width:24px;height:24px}.logo-text{font-size:1.2rem;font-weight:800;letter-spacing:1px;background:linear-gradient(90deg,gold,#f50);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge{background-color:#3e2723;color:#ffb300;font-size:.75rem;padding:2px 8px;border-radius:4px;border:1px solid #ffb300;font-weight:700}.header-controls{display:flex;gap:10px}.btn-toggle{display:flex;align-items:center;gap:6px;background-color:#1a1a24;border:1px solid #333344;color:#ccc;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-toggle:hover{background-color:#252535;color:#fff;border-color:#fa0}.btn-toggle.active{background-color:#fa0;color:#000;font-weight:700;border-color:gold}.btn-sound{background-color:#1a1a24;border:1px solid #333344;color:#ccc;padding:6px;border-radius:6px;cursor:pointer}.game-main{display:grid;grid-template-columns:240px 1fr 260px;gap:12px;flex:1;min-height:0}.panel-card{background-color:#0c0c12;border:1px solid #1c1c28;border-radius:8px;padding:12px;margin-bottom:12px}.card-title{font-size:.9rem;font-weight:700;color:#a0aec0;margin-top:0;margin-bottom:10px;border-bottom:1px solid #1c1c28;padding-bottom:6px}.status-item{margin-bottom:8px}.status-item .label{display:block;font-size:.75rem;color:#718096;margin-bottom:4px}.bar-bg{background-color:#1a1a24;height:8px;border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;transition:width .1s ease-out}.hp-bar{background:linear-gradient(90deg,#f33,#f66)}.ammo-bar{background:linear-gradient(90deg,#0fa,#0f6)}.eliminate-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.status-item .value{display:block;text-align:right;font-size:.72rem;color:#a0aec0;margin-top:2px}.gold-value{display:flex;align-items:center;gap:6px;font-size:1.3rem;font-weight:700;color:gold}.gold-icon{color:gold}.skill-grid{display:flex;flex-direction:column;gap:8px}.skill-item{display:flex;align-items:center;gap:8px;background-color:#141424;padding:6px;border-radius:6px;border:1px solid #222235}.skill-item.cooldown{opacity:.6}.skill-icon-wrap{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center}.skill-info{display:flex;flex-direction:column}.gear-status-list{display:flex;flex-direction:column;gap:6px}.gear-status-item{display:flex;justify-content:space-between;background-color:#14141f;padding:6px;border-radius:4px;border-left:3px solid #7c3aed}.canvas-wrapper{position:relative;background-color:#000;border:2px solid #222230;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00ffcc26}.game-canvas{display:block;width:100%;height:100%;object-fit:contain;cursor:crosshair}.camp-interface{width:100%;height:100%;background:radial-gradient(circle at center,#0d0d18,#050508);padding:16px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column}.camp-header{margin-bottom:12px;border-bottom:1px solid #222235;padding-bottom:8px}.camp-header h2{font-size:1.2rem;font-weight:800;color:gold;margin:0 0 4px}.camp-header p{font-size:.75rem;color:#718096;margin:0}.camp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}.camp-section{background-color:#0f0f1a;border:1px solid #222235;border-radius:6px;padding:10px}.camp-section h3{font-size:.85rem;font-weight:700;margin-top:0;margin-bottom:8px;color:#cbd5e0}.col-span-2{grid-column:span 2}.blackmarket-box{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80px;background-color:#141424;border-radius:4px;border:1px dashed #4a3f2c}.btn-sell-all{background:linear-gradient(135deg,gold,#f80);color:#000;font-weight:700;font-size:.8rem;padding:6px 16px;border:none;border-radius:4px;cursor:pointer;transition:transform .1s}.btn-sell-all:hover{transform:scale(1.03)}.shop-list{display:flex;flex-direction:column;gap:6px}.shop-item{display:flex;justify-content:space-between;align-items:center;background-color:#141424;padding:6px 8px;border-radius:4px}.btn-buy{background-color:#7c3aed;color:#fff;font-size:.75rem;font-weight:700;border:none;padding:4px 10px;border-radius:4px;cursor:pointer}.btn-buy:disabled{background-color:#2d3748;color:#718096;cursor:not-allowed}.weapon-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:180px;overflow-y:auto}.weapon-card{background-color:#141424;border:1px solid #2d2d44;border-radius:4px;padding:6px;display:flex;flex-direction:column;justify-content:space-between}.weapon-card.equipped{border-color:#0fc;background-color:#0c2522}.weapon-info{display:flex;flex-direction:column;margin-bottom:4px}.weapon-name{font-size:.72rem;font-weight:700;color:#e2e8f0}.weapon-stats{font-size:.65rem;color:#a0aec0}.btn-weapon-action{background-color:#2b6cb0;color:#fff;font-size:.65rem;padding:2px;border:none;border-radius:3px;cursor:pointer}.btn-weapon-action.unlocked{background-color:#2f855a}.level-select-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.level-card{background-color:#141424;border:1px solid #2d2d44;border-radius:6px;padding:8px;display:flex;flex-direction:column;justify-content:space-between}.difficulty-badge{font-size:.6rem;padding:1px 4px;border-radius:3px;font-weight:700}.btn-enter-level{display:flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(135deg,#38a169,#22543d);color:#fff;font-size:.75rem;font-weight:700;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:background .2s}.btn-enter-level:hover{background:linear-gradient(135deg,#48bb78,#2f855a)}.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#050508f2;display:flex;align-items:center;justify-content:center;z-index:10}.overlay-content{max-width:400px;padding:16px}.overlay-icon{margin:0 auto 12px}.overlay-title{font-size:1.6rem;font-weight:800;margin-top:0;margin-bottom:8px;background:linear-gradient(90deg,gold,#f50);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay-subtitle{font-size:.85rem;color:#a0aec0;line-height:1.5;margin-bottom:20px}.btn-start{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f90,#f50);color:#fff;border:none;padding:10px 20px;font-size:.95rem;font-weight:700;border-radius:6px;cursor:pointer;box-shadow:0 4px 12px #ff55004d;transition:transform .1s,box-shadow .2s}.btn-start:hover{transform:scale(1.04);box-shadow:0 5px 16px #ff550080}.btn-restart{background:linear-gradient(135deg,#e53e3e,#9b2c2c)}.btn-victory{background:linear-gradient(135deg,#38a169,#22543d)}.final-gold{font-size:1.1rem;margin-bottom:16px}.sidebar-right{display:flex;flex-direction:column;gap:12px;min-height:0}.inventory-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.empty-state{text-align:center;padding:30px 10px}.inventory-item{background-color:#14141f;border:1px solid #222235;border-radius:6px;padding:6px 8px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.item-name{font-weight:700;font-size:.8rem;color:#fff}.item-rarity{font-size:.65rem;padding:1px 3px;border-radius:3px;font-weight:700}.rarity-传说{background-color:#742a2a;color:#feb2b2;border:1px solid #feb2b2}.rarity-神话{background-color:#7c2d12;color:#ffedd5;border:1px solid #f97316}.rarity-史诗{background-color:#553c9a;color:#e9d8fd}.rarity-稀有{background-color:#2b6cb0;color:#ebf8ff}.rarity-普通{background-color:#4a5568;color:#edf2f7}.item-desc{font-size:.7rem;color:#a0aec0;margin-bottom:2px}.item-value{font-size:.7rem;color:gold;font-weight:700}.log-list{flex:1;overflow-y:auto;font-size:.72rem;color:#a0aec0;display:flex;flex-direction:column;gap:4px}.log-item{padding:3px;border-bottom:1px solid #14141f;line-height:1.3}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0c0c12}::-webkit-scrollbar-thumb{background:#2d2d3f;border-radius:2px}