html,body,#root{min-height:100vh;margin:0;padding:0}body{color:#e8edf3;-webkit-font-smoothing:antialiased;background:#14181f;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{min-height:100vh}:root{--cell:40px;--floor-a:#3a6b2e;--floor-b:#356329;--wall:#7a7f88;--wall-edge:#5b6068;--brick:#c8772f;--brick-edge:#9c5a20;--bomb:#20242b;--explosion:#ffd24a;--player:#2f7be8}*{box-sizing:border-box}body{color:#e8edf3;background:#14181f;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.app-header h1{letter-spacing:2px;text-shadow:0 2px #0b0d12;margin:4px 0;font-size:28px}.hud{background:#1d232c;border:2px solid #2c333e;border-radius:10px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.hud-row{justify-content:space-between;gap:18px;display:flex}.stat{flex-direction:column;align-items:center;min-width:70px;display:flex}.stat-label{color:#9aa6b6;text-transform:uppercase;letter-spacing:1px;font-size:11px}.stat-value{color:#ffd24a;font-size:18px;font-weight:700}.hud-tip{color:#7e8a9c;text-align:center;font-size:12px}.board{background:var(--floor-b);border:4px solid #0b0d12;border-radius:6px;display:grid;position:relative;box-shadow:0 8px 30px #00000080}.cell{width:var(--cell);height:var(--cell)}.floor{background:repeating-linear-gradient(0deg, var(--floor-a) 0, var(--floor-a) var(--cell), var(--floor-b) var(--cell), var(--floor-b) calc(var(--cell) * 2))}.wall{background:linear-gradient(145deg,#9aa0ab,#5b6068);border:2px solid #404550;border-radius:4px;box-shadow:inset 0 2px 2px #ffffff40,inset 0 -3px 4px #0006}.brick{background:var(--brick);border:1px solid var(--brick-edge);background-image:linear-gradient(335deg,#0000002e 23%,#0000 23%),linear-gradient(155deg,#0000002e 23%,#0000 23%),linear-gradient(335deg,#0000002e 68%,#0000 68%),linear-gradient(155deg,#0000002e 68%,#0000 68%);background-size:13px 13px;box-shadow:inset 0 0 6px #0006}.powerup{width:var(--cell);height:var(--cell);filter:drop-shadow(0 2px 2px #00000080);z-index:3;justify-content:center;align-items:center;font-size:22px;animation:.9s ease-in-out infinite bob;display:flex}.powerup:after{content:"";border:2px solid #ffffffb3;border-radius:50%;width:26px;height:26px}.powerup.fire:after{background:radial-gradient(circle at 35% 30%,#ff8a3d,#e02f1a);box-shadow:0 0 10px #ff6a2a}.powerup.bomb:after{background:radial-gradient(circle at 35% 30%,#555,#111)}.powerup.speed:after{background:radial-gradient(circle at 35% 30%,#7af0ff,#1aa3d6);box-shadow:0 0 10px #5fd6ff}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.06)}}.bomb{width:var(--cell);height:var(--cell);z-index:4;justify-content:center;align-items:center;display:flex}.bomb:after{content:"";background:radial-gradient(circle at 32% 28%,#5a606c 0%,#20242b 60%);border-radius:50%;width:26px;height:26px;position:relative;box-shadow:inset -2px -3px 6px #0009}.bomb:before{content:"";background:#c9ced6;border-radius:2px;width:4px;height:7px;position:absolute;transform:translate(8px,-13px)rotate(20deg)}.bomb-hot{animation:.28s ease-in-out infinite bombpulse}@keyframes bombpulse{0%,to{transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.18)}}.explosion{width:var(--cell);height:var(--cell);background:radial-gradient(ellipse at center, #fff7c2 0%, var(--explosion) 35%, #ff7a1a 70%, #ff3c0000 100%);z-index:5;animation:.5s ease-out exp}@keyframes exp{0%{opacity:.3;transform:scale(.4)}35%{opacity:1;transform:scale(1.15)}to{opacity:.9;transform:scale(1)}}.player{z-index:10;pointer-events:none;justify-content:center;align-items:center;transition:none;display:flex;position:absolute}.player:after{content:"";background:radial-gradient(circle at 35% 30%, #6cb0ff, var(--player) 70%, #1a4a9a);border:2px solid #0b3a82;border-radius:45% 45% 50% 50%;width:30px;height:30px;box-shadow:0 2px 4px #00000080}.player-eye{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:12px;box-shadow:7px 0 #fff}.player-inv{animation:.18s steps(2,end) infinite blink}.player-dead:after{filter:grayscale()brightness(.5)}@keyframes blink{50%{opacity:.35}}.shield-ring{pointer-events:none;border:2px solid #6cf0ff;border-radius:50%;width:38px;height:38px;animation:1.6s linear infinite shieldspin;position:absolute;box-shadow:0 0 8px #4fd6ff,inset 0 0 6px #4fd6ff}@keyframes shieldspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.enemy{z-index:9;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.enemy:after{content:"";background:radial-gradient(circle at 35% 30%,#ff9aa2,#d6283a 70%,#7e1320);border:2px solid #5e0e1a;border-radius:50% 50% 45% 45%;width:28px;height:28px;box-shadow:0 2px 4px #00000080}.enemy:before{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:10px;box-shadow:6px 0 #fff,inset 1px 1px #000,inset 7px 1px #000}.enemy-fast:after{background:radial-gradient(circle at 35% 30%,#fff09a,#f0c419 70%,#a87a00);border-color:#6e5400}.enemy-fast{animation:.25s steps(2,end) infinite jitter}@keyframes jitter{50%{transform:translate(1px)rotate(2deg)}}.enemy-tracker:after{background:radial-gradient(circle at 35% 30%,#d9a8ff,#9b5de5 70%,#5a2a8c);border-color:#3a1a5c}.enemy-tracker:before{background:#ff3b6b;box-shadow:6px 0 #ff3b6b}.enemy-armored:after{background:radial-gradient(circle at 35% 30%,#c3cad6,#8d99ae 70%,#4a525f);border-color:#2d333d}.enemy-cracked:after{filter:brightness(.8);box-shadow:0 2px 4px #00000080,inset 0 0 0 2px #14141480}.enemy-frozen:after{filter:hue-rotate(160deg)saturate(1.4)brightness(1.1);box-shadow:0 0 8px #8be9ff,inset 0 0 6px #cfeeff!important}.boss{z-index:9;pointer-events:none;justify-content:center;align-items:center;animation:1.2s ease-in-out infinite bossbob;display:flex;position:absolute}.boss:after{content:"";background:radial-gradient(circle at 35% 30%,#ffb3c1,#b3001b 65%,#4d000d);border:3px solid #2e0008;border-radius:40% 40% 35% 35%;width:36px;height:36px;box-shadow:0 0 12px #ff2d4d,0 3px 6px #0009}.boss:before{content:"";background:#ffec3b;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;box-shadow:8px 0 #ffec3b,inset 1px 1px #000,inset 9px 1px #000}@keyframes bossbob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.04)}}.overlay{z-index:20;background:#080a0ec7;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.overlay h1{color:#ffd24a;text-shadow:0 3px #000;margin:0;font-size:40px}.overlay p{color:#cfd6e0;margin:0;font-size:16px}.overlay .hint{color:#8b94a3;margin-top:8px;font-size:13px}.controls{gap:10px;display:flex}.controls button{color:#2a1a00;cursor:pointer;background:linear-gradient(#ffd24a,#f0a020);border:2px solid #b87810;border-radius:8px;padding:8px 22px;font-size:15px;font-weight:700;transition:transform 50ms,box-shadow 50ms;box-shadow:0 3px #8a580c}.controls button:hover:not(:disabled){filter:brightness(1.06)}.controls button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #8a580c}.controls button:disabled{opacity:.55;cursor:default}.legend{color:#9aa6b6;gap:18px;font-size:13px;display:flex}.lg-item{align-items:center;gap:6px;display:flex}.lg{border:1px solid #fff6;border-radius:50%;width:16px;height:16px;display:inline-block}.lg.fire{background:radial-gradient(circle at 35% 30%,#ff8a3d,#e02f1a)}.lg.bomb{background:radial-gradient(circle at 35% 30%,#555,#111)}.lg.speed{background:radial-gradient(circle at 35% 30%,#7af0ff,#1aa3d6)}.bar-row,.boss-bar-row{align-items:center;gap:8px;display:flex}.bar-label,.boss-label{color:#9aa6b6;letter-spacing:1px;min-width:32px;font-size:11px}.boss-label{color:#ff6a7d;font-weight:700}.bar{background:#0f1318;border:1px solid #2c333e;border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden}.bar-fill{transition:width .15s;position:absolute;top:0;bottom:0;left:0}.bar-text{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:10px;line-height:14px;display:block;position:relative}.bar-xp .bar-fill{background:linear-gradient(90deg,#7af04f,#2fae2a)}.bar-energy .bar-fill{background:linear-gradient(90deg,#6cf0ff,#1a8fd6)}.bar-boss{height:18px}.bar-boss .bar-fill{background:linear-gradient(90deg,#ff4d6d,#8b001a)}.skill-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.skill-slot{border:2px solid var(--accent,#3a4250);width:74px;height:44px;box-shadow:0 0 6px var(--accent,transparent);background:#14181f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.skill-empty{box-shadow:none;opacity:.6;border-color:#2c333e}.ss-key{color:#ffd24a;font-size:9px;font-weight:700;position:absolute;top:1px;left:3px}.ss-name{color:var(--accent,#cfd6e0);font-size:13px;font-weight:700}.ss-cost{color:#8be9ff;font-size:9px}.ss-locked{color:#5b6473;font-size:9px}.ss-cd{color:#fff;background:#0009;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.ss-cooling{filter:grayscale(.5)}.overlay-level{gap:14px}.overlay-level h1{font-size:32px}.level-sub{color:#cfd6e0!important;font-size:14px!important}.lv-tag{color:#2a1a00;background:#ffd24a;border-radius:10px;margin-left:8px;padding:1px 8px;font-size:13px;font-weight:700;display:inline-block}.talent-grid{gap:14px;margin-top:6px;display:flex}.talent-card{border:2px solid var(--accent,#3a4250);cursor:pointer;text-align:left;color:#e8edf3;background:linear-gradient(#232a35,#161b22);border-radius:10px;flex-direction:column;gap:6px;width:150px;min-height:130px;padding:12px;transition:transform 80ms,box-shadow 80ms,border-color 80ms;display:flex}.talent-card:hover{border-color:var(--accent,#ffd24a);transform:translateY(-3px);box-shadow:0 6px 16px #00000080}.talent-card:active{transform:translateY(-1px)}.tc-talent{--accent:#ffd24a}.tc-title{color:var(--accent);font-size:15px;font-weight:700}.tc-desc{color:#c2cad6;flex:1;font-size:12px}.tc-foot{justify-content:space-between;align-items:center;font-size:10px;display:flex}.tc-badge{color:#fff;background:#3a4250;border-radius:6px;padding:1px 6px}.tc-owned{color:#8b94a3}.lg-tip{color:#7e8a9c;font-size:12px}