:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-color:#0f172a;--text-light:#f8fafc;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 4px 30px #00000080;--danger-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-light);justify-content:center;align-items:center;height:100vh;margin:0;font-family:Outfit,sans-serif;display:flex;overflow:hidden}#gameCanvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ui-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);text-align:center;pointer-events:auto;opacity:0;border-radius:20px;min-width:320px;padding:40px;transition:all .3s ease-in-out;display:none;transform:scale(.9)}.panel.active{opacity:1;animation:.4s ease-out forwards fadeIn;display:block;transform:scale(1)}.panel h1,.panel h2{background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-text-fill-color:transparent;text-shadow:0 4px 10px #6366f14d;-webkit-background-clip:text;margin-bottom:20px;font-size:2.5rem}.stats{justify-content:center;align-items:center;gap:10px;margin-bottom:30px;font-size:1.5rem;font-weight:600;display:flex}button{cursor:pointer;border:none;border-radius:12px;width:100%;margin:10px 0;padding:12px 30px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.primary-btn{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #6366f166}.primary-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.secondary-btn{border:2px solid var(--primary-color);color:#fff;background:0 0}.secondary-btn:hover{background:#6366f11a;transform:translateY(-2px)}.hud{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hud-top{text-shadow:0 2px 4px #000c;justify-content:space-between;padding:20px 40px;font-size:1.5rem;font-weight:800;display:flex}.powerup-box{background:#3b82f6cc;border-radius:20px;padding:10px 20px;font-weight:700;animation:1s infinite alternate pulse;position:absolute;top:80px;left:50%;transform:translate(-50%)}.hidden{display:none!important}.skin-list{flex-direction:column;gap:15px;max-height:400px;margin-bottom:25px;padding-right:10px;display:flex;overflow-y:auto}.skin-list::-webkit-scrollbar{width:6px}.skin-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.skin-item{border:1px solid var(--glass-border);background:#0003;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;transition:all .2s;display:flex}.skin-item:hover{background:#ffffff0d}.skin-info{align-items:center;gap:15px;display:flex}.skin-preview{background:#333;border-radius:8px;width:50px;height:50px}.skin-details{text-align:left}.skin-name{font-size:1.1rem;font-weight:700}.skin-price{color:#fbbf24;font-size:.9rem}.buy-btn,.equip-btn{border-radius:8px;width:auto;margin:0;padding:8px 15px;font-size:.9rem}.equip-btn{color:#fff;background:#10b981}.equip-btn:hover{background:#059669}.equip-btn.equipped{color:#10b981;pointer-events:none;background:0 0;border:1px solid #10b981}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{opacity:.8;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.05)}}@media (width<=600px){.hud-top{padding:10px 20px;font-size:1.2rem}.panel{min-width:90%;padding:25px}}