:root{--font-main:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-dark:#090d16;--panel-bg:#0f172ae0;--border-color:#ffffff1f;--accent-cyan:#38bdf8;--accent-green:#10b981;--accent-purple:#c084fc;--accent-gold:#fbbf24}*{box-sizing:border-box;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--font-main);color:#f8fafc;overflow:hidden}#game-container{width:100vw;height:100vh;position:relative}canvas#gameCanvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}#hud{pointer-events:none;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.hud-top-bar{align-items:center;gap:12px;width:min(800px,90vw);display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.xp-bar-container{background:#0f172acc;border:1.5px solid #38bdf866;border-radius:9px;flex:1;height:18px;overflow:hidden;box-shadow:0 0 10px #38bdf833}.xp-bar-fill{background:linear-gradient(90deg,#0284c7,#38bdf8);width:0%;height:100%;transition:width .15s ease-out}.hud-level-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#0284c7,#38bdf8);border-radius:20px;padding:4px 14px;font-size:14px;font-weight:900;box-shadow:0 0 12px #38bdf866}.hud-stats-cluster{background:var(--panel-bg);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:24px;padding:6px 20px;font-size:15px;font-weight:700;display:flex;position:absolute;top:48px;left:50%;transform:translate(-50%)}.hud-timer{color:#f8fafc;letter-spacing:1px;font-family:monospace;font-size:18px}.hud-kills{color:#f87171}.hud-length{color:#4ade80}.hud-player-status{flex-direction:column;gap:8px;display:flex;position:absolute;top:18px;left:20px}.hp-bar-wrapper{align-items:center;gap:10px;display:flex}.hp-bar-container{background:#0f172ad9;border:1.5px solid #ef444480;border-radius:6px;width:220px;height:20px;position:relative;overflow:hidden;box-shadow:0 0 10px #ef444433}.hp-bar-fill{background:linear-gradient(90deg,#dc2626,#ef4444);width:100%;height:100%;transition:width .15s ease-out}.hp-text{text-align:center;color:#fff;text-shadow:0 1px 3px #000000e6;width:100%;font-size:11px;font-weight:800;line-height:18px;position:absolute}.stamina-bar-wrapper{align-items:center;gap:10px;display:flex}.stamina-bar-container{background:#0f172ad9;border:1.5px solid #38bdf880;border-radius:5px;width:220px;height:14px;position:relative;overflow:hidden;box-shadow:0 0 10px #38bdf840}.stamina-bar-fill{background:linear-gradient(90deg,#0284c7,#38bdf8);width:100%;height:100%;transition:width 80ms linear}.stamina-text{text-align:center;color:#f0fdf4;letter-spacing:.5px;text-shadow:0 1px 2px #000000e6;width:100%;font-size:9px;font-weight:800;line-height:12px;position:absolute}.hud-weapons-row{gap:6px;display:flex}.lucide-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.game-logo-row{justify-content:center;align-items:center;gap:12px;display:flex}.end-icon-badge{border:1.5px solid var(--border-color);background:#1e293b99;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.end-icon-badge.error{border-color:#ef4444;box-shadow:0 0 25px #ef444466}.end-icon-badge.victory{border-color:#fbbf24;box-shadow:0 0 25px #fbbf2466}.hud-item-slot{background:#1e293bd9;border:1.5px solid #ffffff26;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;width:34px;height:34px;padding:3px 2px;display:flex;position:relative}.hud-item-slot.evo{background:#f59e0b26;border-color:#fbbf24;box-shadow:0 0 10px #fbbf2480}.slot-icon{justify-content:center;align-items:center;display:flex}.slot-lvl{color:#38bdf8;font-size:9px;font-weight:800;line-height:1}.hud-item-slot.evo .slot-lvl{color:#fbbf24}.btn-sound-toggle{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--border-color);color:#f8fafc;cursor:pointer;backdrop-filter:blur(8px);border-radius:10px;padding:8px 14px;font-size:14px;transition:all .2s;position:absolute;top:18px;right:20px}.btn-sound-toggle:hover{background:#334155;border-color:#38bdf8}#ui-overlay{backdrop-filter:blur(10px);z-index:100;background:#05080fd9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.fade-in{animation:.25s ease-out forwards modalFadeIn}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.menu-container{flex-direction:column;align-items:center;width:95vw;max-width:1200px;padding:20px;display:flex}.menu-header{text-align:center;margin-bottom:28px}.game-title{letter-spacing:2px;background:linear-gradient(135deg,#38bdf8,#10b981,#c084fc);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #38bdf84d;-webkit-background-clip:text;font-size:42px;font-weight:900}.game-subtitle{color:#94a3b8;margin-top:6px;font-size:16px}.snake-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:100%;display:grid}.snake-card{border:1.5px solid var(--border-color);text-align:center;background:#0f172ae6;border-radius:16px;flex-direction:column;align-items:center;padding:24px;transition:all .25s;display:flex;position:relative;overflow:hidden}.snake-card:hover{border-color:var(--accent);box-shadow:0 10px 30px #00000080, 0 0 20px var(--accent);transform:translateY(-6px)}.snake-icon-badge{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:32px;display:flex;box-shadow:0 0 16px #0006}.snake-name{margin-bottom:4px;font-size:20px;font-weight:800}.snake-title{color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:700}.snake-desc{color:#94a3b8;min-height:40px;margin-bottom:18px;font-size:13px;line-height:1.4}.snake-stats-list{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.stat-row{color:#cbd5e1;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-bar-bg{background:#334155;border-radius:3px;flex:1;height:6px;margin:0 10px;overflow:hidden}.stat-bar-fill{border-radius:3px;height:100%}.snake-passive-badge{color:#e2e8f0;background:#1e293bb3;border:1px dashed #fff3;border-radius:8px;width:100%;margin-bottom:20px;padding:8px 12px;font-size:12px}.btn-select-snake{color:#fff;cursor:pointer;letter-spacing:1px;border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:900;transition:opacity .2s,transform .1s}.btn-select-snake:hover{opacity:.9;transform:scale(1.02)}.controls-hint{color:#64748b;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;font-size:13px;display:flex}.controls-hint strong{color:#94a3b8}.upgrade-modal{background:var(--panel-bg);border:1.5px solid var(--border-color);text-align:center;border-radius:20px;width:90vw;max-width:780px;padding:32px;box-shadow:0 20px 50px #000000b3}.modal-title{color:#fbbf24;letter-spacing:1px;text-shadow:0 0 20px #fbbf2466;font-size:30px;font-weight:900}.modal-subtitle{color:#94a3b8;margin-top:6px;margin-bottom:24px;font-size:14px}.upgrade-cards-list{flex-direction:column;gap:14px;display:flex}.upgrade-card{border:1.5px solid var(--border-color);cursor:pointer;text-align:left;background:#1e293bb3;border-radius:14px;align-items:center;gap:18px;padding:16px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.upgrade-card:hover{background:#334155cc;border-color:#38bdf8;transform:scale(1.02);box-shadow:0 0 20px #38bdf84d}.upgrade-card.rare{border-color:#3b82f6}.upgrade-card.rare:hover{border-color:#60a5fa;box-shadow:0 0 20px #60a5fa66}.upgrade-card.evolution-card{background:linear-gradient(90deg,#f59e0b26,#ef444426);border-color:#f59e0b}.upgrade-card.evolution-card:hover{border-color:#fbbf24;box-shadow:0 0 30px #fbbf2480}.card-rarity-tag{color:#94a3b8;letter-spacing:.5px;font-size:10px;font-weight:900;position:absolute;top:8px;right:12px}.evolution-card .card-rarity-tag{color:#fbbf24}.card-icon{text-align:center;min-width:48px;font-size:34px}.card-info{flex:1}.card-name{color:#f8fafc;margin-bottom:2px;font-size:18px;font-weight:800}.card-title{color:#38bdf8;margin-bottom:4px;font-size:13px;font-weight:700}.evolution-card .card-title{color:#fbbf24}.card-desc{color:#94a3b8;font-size:13px;line-height:1.35}.card-hotkey{color:#64748b;font-family:monospace;font-size:14px;font-weight:800}.game-over-modal,.victory-modal,.pause-modal{background:var(--panel-bg);border:1.5px solid var(--border-color);text-align:center;border-radius:20px;width:90vw;max-width:580px;padding:36px;box-shadow:0 20px 50px #000000b3}.death-title{color:#ef4444;letter-spacing:2px;text-shadow:0 0 25px #ef444480;font-size:36px;font-weight:900}.victory-title{color:#fbbf24;letter-spacing:2px;text-shadow:0 0 25px #fbbf2480;font-size:36px;font-weight:900}.death-subtitle,.victory-subtitle{color:#94a3b8;margin-top:6px;margin-bottom:28px;font-size:15px}.run-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px;display:grid}.stat-box{border:1px solid var(--border-color);background:#1e293b99;border-radius:12px;padding:14px}.stat-label{color:#94a3b8;margin-bottom:4px;font-size:12px}.stat-val{color:#f8fafc;font-size:20px;font-weight:900}.btn-restart,.btn-action{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:900;transition:opacity .2s,transform .1s}.btn-action.secondary{background:#334155;margin-top:10px}.btn-action.danger{color:#fca5a5;background:#7f1d1d;margin-top:10px}.btn-action.danger:hover{color:#fff;background:#991b1b}.btn-restart:hover,.btn-action:hover{opacity:.9;transform:scale(1.01)}.pause-buttons{flex-direction:column;gap:10px;margin-top:20px;display:flex}.saved-game-card{background:#0f172af2;border:1.5px solid #38bdf866;border-radius:18px;flex-direction:column;gap:20px;width:100%;max-width:620px;margin-bottom:24px;padding:28px;display:flex;box-shadow:0 10px 40px #0009,0 0 25px #38bdf826}.saved-game-badge{color:#4ade80;letter-spacing:.5px;background:#22c55e1a;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:4px 12px;font-size:11px;font-weight:800;display:flex}.saved-snake-preview{align-items:center;gap:16px;display:flex}.saved-snake-info{flex:1}.saved-snake-name{color:#f8fafc;font-size:22px;font-weight:900}.saved-snake-title{color:#38bdf8;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.saved-lvl-badge{color:#fff;background:linear-gradient(135deg,#0284c7,#38bdf8);border-radius:20px;padding:6px 16px;font-size:16px;font-weight:900;box-shadow:0 0 12px #38bdf866}.saved-stats-row{border:1px solid var(--border-color);background:#1e293b80;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px;display:grid}.saved-stat-item{justify-content:space-between;align-items:center;font-size:13px;display:flex}.saved-stat-item .lbl{color:#94a3b8;align-items:center;gap:6px;display:flex}.saved-stat-item .val{color:#f8fafc;font-weight:800}.saved-actions{flex-direction:column;gap:10px;display:flex}.btn-continue-game{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#0284c7,#38bdf8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:17px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 0 20px #38bdf866}.btn-continue-game:hover{transform:scale(1.02);box-shadow:0 0 30px #38bdf899}.btn-new-game{color:#cbd5e1;cursor:pointer;letter-spacing:.5px;background:#1e293b;border:1.5px solid #ffffff26;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:800;transition:all .2s}.btn-new-game:hover{color:#fff;background:#334155}