:root{--bg-dark:#07070b;--panel-bg:#0b0b12eb;--border-light:#d8d4c8;--border-mid:#555060;--border-dark:#1f1b26;--text-main:#f0ecdf;--text-muted:#8e8a99;--gold:#ffd040;--blood:#e8343a;--mana:#3ab0ff;--mint:#3fe0c0;--font-pixel:"Press Start 2P", monospace;--font-mono:"VT323", monospace}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);font-family:var(--font-pixel);image-rendering:pixelated;font-size:12px;overflow:hidden}#app{z-index:1;width:100%;height:100%;position:absolute;inset:0}#app canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}#vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 40%,#050508d9 100%);position:absolute;inset:0}#hurt{pointer-events:none;opacity:0;z-index:3;background:radial-gradient(circle,#e8343a66 0%,#c8141ecc 100%);position:absolute;inset:0}#hurt.active{animation:.35s ease-out forwards hurt-flash}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}.panel{background:var(--panel-bg);border:3px solid var(--border-light);padding:10px 14px;box-shadow:4px 4px #000}.btn{color:var(--gold);border:3px solid var(--gold);font-family:var(--font-pixel);cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:1px;background:#14141e;padding:14px 28px;font-size:14px;transition:transform 80ms,background 80ms,color 80ms;box-shadow:4px 4px #000}.btn:hover{background:var(--gold);color:#0b0b12;transform:translateY(-2px);box-shadow:4px 6px #000}.btn:active{transform:translateY(2px);box-shadow:2px 2px #000}.blink{animation:1.1s step-start infinite blink-anim}@keyframes blink-anim{50%{opacity:.3}}#xp{z-index:20;flex-direction:column;gap:4px;width:100%;padding:8px 16px;display:flex;position:absolute;top:0;left:0}#xp-track{border:2px solid var(--border-light);background:#14141f;width:100%;height:8px;overflow:hidden;box-shadow:0 2px 4px #000c}#xp-fill{background:linear-gradient(90deg, #1aa888 0%, var(--mint) 100%);width:0%;height:100%;box-shadow:0 0 10px var(--mint);transition:width .12s linear}#xp-meta{text-shadow:2px 2px #000;justify-content:space-between;align-items:center;font-size:11px;display:flex}#lvl{color:var(--mint);font-weight:700}#next-choice{color:var(--gold)}#timer-box{text-align:center;z-index:20;pointer-events:none;position:absolute;top:36px;left:50%;transform:translate(-50%)}#timer{color:#fff;letter-spacing:2px;text-shadow:3px 3px #000,0 0 8px #ffffff4d;font-size:26px}#phase{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px #000;margin-top:2px;font-size:18px}#boss{text-align:center;z-index:20;width:440px;max-width:90vw;position:absolute;top:86px;left:50%;transform:translate(-50%)}#boss-name{color:#ff4a20;text-shadow:2px 2px #000;letter-spacing:1px;margin-bottom:6px;font-size:12px}#boss-track{background:#190c0c;border:2px solid #ff4a20;width:100%;height:12px;box-shadow:0 0 8px #ff4a2066,inset 0 0 4px #000}#boss-fill{background:#ff3a1a;width:100%;height:100%;transition:width .1s linear}#stats{z-index:20;flex-direction:column;gap:6px;min-width:130px;font-size:10px;display:flex;position:absolute;top:36px;right:16px}#stats div{justify-content:space-between;align-items:center;gap:12px;display:flex}#stats span{color:var(--text-muted)}#stats b{font-family:var(--font-mono);color:#fff;font-size:18px}#loadout{z-index:20;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:16px;left:16px}#hp-row{align-items:center;gap:10px;display:flex}#hp-row .lbl{color:var(--blood);font-size:11px;font-weight:700}#hp-track{border:2px solid var(--border-light);background:#200a0b;width:160px;height:10px;overflow:hidden}#hp-fill{background:var(--blood);width:100%;height:100%;transition:width .1s ease-out}#hp-txt{font-family:var(--font-mono);color:#fff;min-width:60px;font-size:18px}#player-stats{flex-wrap:wrap;gap:6px;max-width:250px;margin-top:2px;display:flex}.stat-badge{border:1px solid var(--stat-color,#ffd040);cursor:help;background:#0e0e16f2;align-items:center;gap:4px;padding:3px 5px;transition:transform .1s;display:flex;box-shadow:2px 2px #000}.stat-badge:hover{transform:scale(1.08)}.stat-badge-icon{width:14px;height:14px;image-rendering:pixelated}.stat-badge-lvl{font-family:var(--font-pixel);color:var(--stat-color,#ffd040);font-size:8px}#slots{flex-wrap:wrap;gap:6px;max-width:288px;margin-top:4px;display:flex}.slot{background:#0f0f18;border:2px solid #333;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;box-shadow:2px 2px #000}.slot.active{box-shadow:0 0 6px #fff3,2px 2px #000}.slot-icon{width:22px;height:22px;image-rendering:pixelated;opacity:.35}.slot.active .slot-icon{opacity:1}.slot-lvl{background:#000;border:1px solid #444;padding:1px 3px;font-size:8px;position:absolute;bottom:-6px;right:-4px}#synergies{flex-wrap:wrap;gap:6px;max-width:260px;display:flex}.synergy-badge{font-family:var(--font-mono);text-transform:uppercase;background:#0009;border:1px solid;padding:1px 5px;font-size:13px}.screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;pointer-events:auto;background:#06060ae0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen[hidden]{display:none!important}.menu-container{flex-direction:column;align-items:center;width:100%;max-width:520px;display:flex}#title .logo{color:var(--gold);letter-spacing:6px;text-shadow:6px 6px #000,0 0 24px #ffd04073;text-align:center;margin-bottom:6px;font-size:52px}#title .tag{font-family:var(--font-mono);color:#38bdf8;letter-spacing:4px;text-shadow:0 0 10px #38bdf866;margin-bottom:28px;font-size:24px}.menu-actions{flex-direction:column;gap:14px;width:100%;max-width:380px;margin-bottom:24px;display:flex}.btn-menu{letter-spacing:2px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;font-size:13px;display:flex}.btn-secondary:hover{color:#07070b!important;background:#38bdf8!important;box-shadow:0 0 16px #38bdf866,4px 6px #000!important}.btn-tertiary{color:#a78bfa!important;background:#14121a!important;border-color:#a78bfa!important}.btn-tertiary:hover{color:#07070b!important;background:#a78bfa!important;box-shadow:0 0 16px #a78bfa66,4px 6px #000!important}.title-panel{text-align:center;border:2px solid var(--border-light);background:#0c0c14f5;width:100%;max-width:620px;margin-bottom:24px;padding:20px 24px;animation:.2s fadeIn;box-shadow:4px 4px #000,0 0 24px #000000e6}.title-panel p.title-intro{font-family:var(--font-mono);color:#f1f5f9;letter-spacing:.5px;margin-bottom:20px;font-size:22px;line-height:1.4}.title-panel ul.keys{text-align:left;flex-direction:column;gap:14px;list-style:none;display:flex}.title-panel ul.keys li{flex-wrap:wrap;align-items:center;gap:10px;line-height:1.6;display:flex}.title-panel .keys-badge{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.title-panel kbd{border:1.5px solid var(--gold);color:var(--gold);font-family:var(--font-pixel);letter-spacing:.5px;white-space:nowrap;background:#181524;justify-content:center;align-items:center;padding:4px 7px;font-size:8px;line-height:1;display:inline-flex;box-shadow:2px 2px #000}.title-panel .keys-desc{font-family:var(--font-pixel);color:#e2e8f0;letter-spacing:.5px;font-size:8px;line-height:1.6}#menu-leaderboard-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:110;background:#06060cf5;padding:24px 16px;overflow-y:auto}.menu-leaderboard-container{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:600px;margin:auto;display:flex}.menu-leaderboard-header{justify-content:space-between;align-items:center;width:100%;display:flex}.menu-leaderboard-title{color:var(--gold);letter-spacing:2px;text-shadow:2px 2px #000;font-size:14px}.menu-table-wrap{max-height:420px!important}.revive-container{flex-direction:column;align-items:center;width:100%;margin-top:10px;margin-bottom:8px;display:flex}.btn-revive{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:2px 2px #000}.btn-revive.available{background:linear-gradient(135deg,#19223af2 0%,#0e1526f2 100%);border:2px solid #38bdf8;animation:2.4s ease-in-out infinite revivePulse;box-shadow:0 0 16px #38bdf840,2px 2px #000}.btn-revive.available:hover:not(:disabled){background:linear-gradient(135deg,#23345cf2 0%,#14203cf2 100%);border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 0 24px #38bdf880,0 0 8px #fff,2px 2px #000}.btn-revive.available:active:not(:disabled){transform:translateY(0)}.btn-revive.disabled,.btn-revive:disabled{opacity:.45;filter:grayscale(.85);box-shadow:none!important;cursor:not-allowed!important;background:#12121899!important;border:2px solid #383444!important;animation:none!important;transform:none!important}.btn-revive.loading{opacity:.75;cursor:wait}.revive-icon{filter:drop-shadow(0 0 6px #ffffff80);font-size:24px}.revive-label{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:3px;display:flex}.revive-title{font-family:var(--font-pixel);color:#f0f9ff;letter-spacing:1px;text-shadow:1px 1px #000;font-size:11px}.btn-revive.available .revive-title{color:#7dd3fc}.btn-revive.disabled .revive-title{color:#71717a}.revive-desc{font-family:var(--font-mono);color:#94a3b8;letter-spacing:.5px;font-size:15px}.btn-revive.disabled .revive-desc{color:#52525b}.revive-badge{font-family:var(--font-pixel);white-space:nowrap;letter-spacing:1px;text-transform:uppercase;border:1px solid;border-radius:2px;padding:4px 8px;font-size:8px}.revive-badge.available{color:#38bdf8;background:#0ea5e933;border-color:#38bdf8;box-shadow:0 0 8px #38bdf84d}.revive-badge.used{color:#71717a;background:#3f3f464d;border-color:#52525b}.revive-status{font-family:var(--font-mono);text-align:center;color:#94a3b8;min-height:18px;margin-top:4px;font-size:14px}.revive-status.success{color:#4ade80}.revive-status.error{color:#f87171}@keyframes revivePulse{0%,to{box-shadow:0 0 12px #38bdf840,2px 2px #000}50%{box-shadow:0 0 22px #38bdf899,0 0 6px #fff6,2px 2px #000}}.over-actions{gap:12px;width:100%;margin-top:12px;display:flex}.over-actions .btn{text-align:center;flex:1;justify-content:center;align-items:center;padding:12px 14px;font-size:11px;display:flex}#modal{background:#050509f0}#modal-title{color:var(--gold);letter-spacing:3px;text-shadow:3px 3px #000;margin-bottom:6px;font-size:24px}#modal-sub{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:2px;margin-bottom:34px;font-size:20px}#cards{flex-wrap:wrap;justify-content:center;gap:28px;max-width:95vw;display:flex}.card{border:3px solid var(--border-light);cursor:pointer;background:#10101a;flex-direction:column;align-items:center;width:250px;padding:20px 16px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;box-shadow:6px 6px #000}.card:hover{border-color:var(--accent,#fff);box-shadow:0 0 16px var(--accent,#fff), 6px 12px 0 #000;transform:translateY(-6px)}.card-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;display:flex}.card-key{color:var(--gold);border:1px solid var(--gold);background:#000;padding:2px 6px;font-size:11px}.card-element{letter-spacing:1px;font-size:10px;font-weight:700}.card-icon-wrap{background:#08080f;border:2px solid;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.card-icon{width:44px;height:44px;image-rendering:pixelated}.card-title{color:#fff;text-align:center;align-items:center;height:32px;margin-bottom:10px;font-size:11px;line-height:1.4;display:flex}.card-level{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:14px;font-size:10px;display:flex}.card-level .arrow{color:var(--gold)}.card-badge{padding:2px 4px;font-size:9px}.card-badge.new{background:var(--gold);color:#000}.card-badge.max{background:var(--blood);color:#fff}.card-desc{font-family:var(--font-mono);color:#d0c8b8;text-align:center;flex:1;margin-bottom:18px;font-size:17px;line-height:1.25}.card-select-btn{color:#fff;border:2px solid var(--border-light);width:100%;font-family:var(--font-pixel);cursor:pointer;background:#1a1a28;padding:8px 0;font-size:10px;box-shadow:2px 2px #000}.card:hover .card-select-btn{background:var(--accent,#fff);color:#000;border-color:var(--accent,#fff)}#chest-modal{background:radial-gradient(circle,#231608f5 0%,#050509fa 100%)}#chest-modal-title{color:var(--gold);letter-spacing:3px;text-shadow:3px 3px #000,0 0 16px #ffd04080;margin-bottom:6px;font-size:26px}#chest-modal-sub{font-family:var(--font-mono);color:#ffd880;letter-spacing:2px;margin-bottom:34px;font-size:20px}#chest-cards{flex-wrap:wrap;justify-content:center;gap:28px;max-width:95vw;display:flex}.chest-card{border-color:#ffd040;box-shadow:0 0 14px #ffd04040,6px 6px #000}.chest-card:hover{border-color:#fff;box-shadow:0 0 22px #ffd040cc,6px 12px #000}.pips-bar{justify-content:center;align-items:center;gap:3px;margin-bottom:12px;display:flex}.pip{background:#1c1c28;border:1px solid #444;width:12px;height:6px}.pip.filled{background:var(--accent,#ffd040);border-color:var(--accent,#ffd040);box-shadow:0 0 4px var(--accent,#ffd040)}.pip.next{background:#fff9;border-color:#fff;animation:.8s step-start infinite blink-anim}.card-bonus{font-family:var(--font-pixel);color:var(--gold);text-align:center;background:#000000b3;border:1px solid #ffd04066;width:100%;margin-bottom:16px;padding:6px 8px;font-size:9px}.pause-container{flex-direction:column;align-items:center;gap:16px;width:90%;max-width:440px;display:flex}.pause-title{letter-spacing:4px;color:var(--gold);text-shadow:4px 4px #000,0 0 20px #ffd04066;text-align:center;font-size:34px}.pause-panel{background:var(--panel-bg);border:3px solid var(--border-light);flex-direction:column;gap:16px;width:100%;padding:18px 20px;display:flex;box-shadow:4px 4px #000}.pause-section-header{color:var(--gold);letter-spacing:1px;border-bottom:2px solid #2a2738;align-items:center;gap:8px;padding-bottom:8px;font-size:11px;display:flex}.pause-volume-control{flex-direction:column;gap:10px;display:flex}.pause-volume-info{justify-content:space-between;align-items:center;display:flex}.volume-title{color:var(--text-main);letter-spacing:1px;align-items:center;gap:8px;font-size:10px;display:flex}.volume-value{font-family:var(--font-mono);color:var(--mint);letter-spacing:1px;font-size:18px}.slider-wrapper{align-items:center;width:100%;display:flex}.arcade-slider{appearance:none;border:2px solid var(--border-mid);cursor:pointer;background:#12121e;outline:none;width:100%;height:12px;box-shadow:inset 2px 2px #000}.arcade-slider::-webkit-slider-thumb{appearance:none;background:var(--gold);cursor:grab;border:2px solid #fff;width:18px;height:24px;transition:transform 80ms,background 80ms;box-shadow:2px 2px #000,0 0 10px #ffd04099}.arcade-slider::-webkit-slider-thumb:hover{background:#ffe380;transform:scale(1.1)}.arcade-slider::-webkit-slider-thumb:active{background:#ffe380;transform:scale(1.1)}.arcade-slider::-moz-range-thumb{background:var(--gold);cursor:grab;border:2px solid #fff;border-radius:0;width:18px;height:24px;transition:transform 80ms,background 80ms;box-shadow:2px 2px #000,0 0 10px #ffd04099}.arcade-slider::-moz-range-thumb:hover{background:#ffe380;transform:scale(1.1)}.arcade-slider::-moz-range-thumb:active{background:#ffe380;transform:scale(1.1)}.pause-mute-row{width:100%;display:flex}.btn-mute{width:100%;color:var(--mana);border:2px solid var(--mana);background:#0f172a;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:11px;display:flex;box-shadow:3px 3px #000}.btn-mute:hover{background:var(--mana);color:#07070b;box-shadow:0 0 14px #3ab0ff66,3px 3px #000}.btn-mute.muted{color:var(--blood);border-color:var(--blood);background:#200d11}.btn-mute.muted:hover{background:var(--blood);color:#fff;box-shadow:0 0 14px #e8343a66,3px 3px #000}.pause-actions{flex-direction:column;gap:10px;width:100%;display:flex}.pause-actions .btn{letter-spacing:1.5px;width:100%;padding:14px;font-size:12px}.pause-hint{color:var(--text-muted);text-align:center;letter-spacing:1px;font-size:10px}#over{padding:24px 16px;overflow-y:auto}.over-container{flex-direction:column;align-items:center;width:100%;max-width:520px;margin:auto;display:flex}#over .dead{color:var(--blood);letter-spacing:4px;text-shadow:4px 4px #000,0 0 16px #e8343a99;text-align:center;margin-bottom:16px;font-size:32px}.over-panel{background:#0e0e16f2;border:2px solid #332d42;flex-direction:column;gap:10px;width:100%;margin-bottom:16px;display:flex}.over-panel div{justify-content:space-between;align-items:center;display:flex}.over-panel span{font-family:var(--font-pixel);color:var(--text-muted);font-size:10px}.over-panel b{font-family:var(--font-mono);color:var(--gold);font-size:24px}.leaderboard-panel{background:#0a0a12f5;border:2px solid #4a3e20;width:100%;margin-bottom:16px;padding:12px;box-shadow:0 4px 14px #000c}.leaderboard-input-row{gap:8px;width:100%;display:flex}#leaderboard-input{color:#fff;font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1px;background:#050508;border:2px solid #555;outline:none;flex:1;padding:8px 10px;font-size:11px;transition:border-color .15s,box-shadow .15s}#leaderboard-input:focus{border-color:var(--gold);box-shadow:0 0 10px #ffd04066,inset 0 0 6px #ffd04033}#leaderboard-input::placeholder{color:#555060;font-size:9px}.btn-gold{border:2px solid var(--gold);color:var(--gold);font-family:var(--font-pixel);cursor:pointer;white-space:nowrap;background:#2a200e;padding:8px 12px;font-size:9px;transition:all .15s;box-shadow:2px 2px #000}.btn-gold:hover:not(:disabled){background:var(--gold);color:#000;box-shadow:0 0 12px var(--gold), 2px 2px 0 #000;transform:translateY(-1px)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;color:#888;border-color:#666}.leaderboard-status{font-family:var(--font-mono);text-align:center;color:#8e8a99;min-height:18px;margin-top:6px;font-size:15px}.leaderboard-status.success{color:#4ade80;text-shadow:0 0 8px #4ade8099}.leaderboard-status.error{color:#f87171;text-shadow:0 0 8px #f8717199}.leaderboard-table-panel{background:#0a0a0ff5;border:2px solid #332d42;width:100%;margin-bottom:20px;padding:12px;box-shadow:0 4px 16px #000c}.leaderboard-header-row{border-bottom:1px solid #292436;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:4px;display:flex}.leaderboard-title{font-family:var(--font-pixel);color:var(--gold);letter-spacing:1px;font-size:11px}.btn-icon{color:#aaa;cursor:pointer;background:#151522;border:1px solid #444;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .15s;display:flex}.btn-icon:hover{border-color:var(--gold);color:var(--gold)}.leaderboard-table-wrap{width:100%;max-height:290px;overflow-y:auto}#leaderboard-table{border-collapse:collapse;text-align:left;width:100%;font-family:var(--font-mono);table-layout:fixed;font-size:16px}#leaderboard-table th{font-family:var(--font-pixel);color:#8e8a99;letter-spacing:1px;border-bottom:2px solid #2d2738;padding:6px 4px;font-size:8px}#leaderboard-table td{color:#ddd;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #191624;padding:5px 4px;overflow:hidden}#leaderboard-table tr:hover td{background:#ffffff0a}.col-rank{text-align:center;width:14%}.col-name{width:36%}.col-time{text-align:center;width:20%}.col-lvl{text-align:center;width:14%}.col-kills{text-align:right;width:16%}#leaderboard-table td.col-rank{text-align:center;font-family:var(--font-pixel);color:var(--gold);font-size:8px}#leaderboard-table td.col-name{font-family:var(--font-pixel);color:#fff;font-size:9px}#leaderboard-table td.col-time{text-align:center;color:#38bdf8}#leaderboard-table td.col-lvl{text-align:center;color:#9be564}#leaderboard-table td.col-kills{text-align:right;color:#f87171}#leaderboard-table tr.highlight-player td{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);font-weight:700;color:#ffe066!important;background:#ffd04026!important}#leaderboard-table tr.highlight-player td.col-name{text-shadow:0 0 6px #ffd04080;color:var(--gold)!important}#leaderboard-table tr.separator-row td{text-align:center;font-family:var(--font-pixel);color:#c4b5fd;letter-spacing:2px;border-top:1px dashed #6d28d9;border-bottom:1px dashed #6d28d9;padding:7px 4px 6px;font-size:8px;background:#8b5cf61f!important}#leaderboard-table tr.your-score-row td{border-top:2px solid var(--gold)!important;border-bottom:2px solid var(--gold)!important;background:#ffd04038!important}#leaderboard-table tr.your-score-row td.col-rank{text-shadow:0 0 6px #ffb703;font-weight:700;color:#fff!important}#leaderboard-table .loading-text,#leaderboard-table .empty-text{text-align:center;color:#666074;font-family:var(--font-mono);padding:16px 0;font-size:16px}#start-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;background:#040408f2;padding:24px 16px;overflow-y:auto}.start-modal-container{flex-direction:column;align-items:center;width:96%;max-width:1340px;margin:auto;display:flex}#start-modal-title{letter-spacing:3px;color:var(--gold);text-shadow:3px 3px #000,0 0 20px #ebb92d80;text-align:center;margin-bottom:6px;font-size:26px}#start-modal-sub{font-family:var(--font-mono);color:#9cb0d0;letter-spacing:1px;text-align:center;margin-bottom:20px;font-size:18px}.start-grid{grid-template-columns:repeat(6,1fr);gap:12px;width:100%;margin-bottom:24px;display:grid}@media (max-width:1160px){.start-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width:780px){.start-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (max-width:520px){.start-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.start-card{cursor:pointer;text-align:center;background:#090914;border:2px solid #202038;flex-direction:column;align-items:center;width:100%;padding:12px 10px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;box-shadow:0 4px 12px #000000b3}.start-card:hover{border-color:var(--accent);box-shadow:0 8px 24px #000c, 0 0 16px var(--accent);transform:translateY(-4px)}.start-card.selected-first,.start-card.selected-second{background:#141220;transform:translateY(-4px)scale(1.02);border-color:var(--accent)!important;box-shadow:0 0 22px var(--accent), inset 0 0 16px #ffffff14!important}.start-card .card-header{justify-content:space-between;align-items:center;gap:4px;width:100%;margin-bottom:8px;display:flex}.start-card .card-key{color:var(--gold);border:1px solid var(--gold);background:#000;flex-shrink:0;padding:2px 4px;font-size:9px}.start-card .card-element{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700}.start-card .card-icon-wrap{background:#06060e;border:2px solid;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex;box-shadow:0 0 10px #00000080}.start-card .card-icon{width:32px;height:32px;image-rendering:pixelated}.start-card .card-title{font-family:var(--font-pixel);color:#fff;text-align:center;word-break:break-word;justify-content:center;align-items:center;min-height:26px;margin-bottom:6px;font-size:10px;line-height:1.35;display:flex}.start-card .card-desc{font-family:var(--font-mono);color:#c4beaf;text-align:center;flex:1;margin-bottom:12px;font-size:15px;line-height:1.25}.start-card .card-select-btn{color:#fff;border:2px solid var(--border-light);width:100%;font-family:var(--font-pixel);cursor:pointer;background:#141420;margin-top:auto;padding:6px 0;font-size:9px;box-shadow:2px 2px #000}.start-choice-tag{font-family:var(--font-pixel);letter-spacing:.5px;text-shadow:1px 1px #000;white-space:nowrap;border-radius:2px;margin-bottom:6px;padding:2px 5px;font-size:8px;display:inline-block}.start-choice-tag.first{color:#fff;background:#dc2626;border:1px solid #ff7a7a;box-shadow:0 0 10px #dc2626}.start-choice-tag.second{color:#fff;background:#7c3aed;border:1px solid #c084fc;box-shadow:0 0 10px #7c3aed}.start-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}#btn-start-confirm.ready{color:#fff;cursor:pointer;background:#15803d;border-color:#4ade80;box-shadow:0 0 22px #4ade8080}#btn-start-confirm.ready:hover{background:#16a34a;transform:scale(1.03);box-shadow:0 0 30px #4ade80cc}.btn-secondary{color:#c0c6e0;background:#1c1c2e;border-color:#434368}.btn-secondary:hover{border-color:var(--gold);color:#fff;background:#2a2a44}#awakening-banner{text-align:center;pointer-events:none;z-index:70;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06060cd1;border:2px solid #ffffff26;flex-direction:column;justify-content:center;align-items:center;padding:16px 36px;transition:opacity .4s,transform .45s cubic-bezier(.18,.89,.32,1.28);display:flex;position:fixed;top:22%;left:50%;transform:translate(-50%,-50%)scale(.9);box-shadow:0 0 40px #000000e6,0 0 30px #ffffff1a}#awakening-banner.active{opacity:1;transform:translate(-50%,-50%)scale(1)}#awakening-banner.fade-out{opacity:0;transform:translate(-50%,-65%)scale(1.06)}#awakening-title{font-family:var(--font-pixel);color:#fff;letter-spacing:3px;text-shadow:2px 2px #000,0 0 20px #ffffffb3;margin-bottom:8px;font-size:22px}#awakening-sub{font-family:var(--font-mono);color:var(--gold);letter-spacing:2px;text-shadow:1px 1px #000;font-size:18px}