@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800;900&family=Press+Start+2P&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{color:#f5f6fa;background-color:#0b0c10;width:100%;height:100%;font-family:Cinzel,serif,system-ui;overflow:hidden}#app{touch-action:none;background-color:#0b0c10;width:100vw;height:100vh;position:relative;overflow:hidden}.game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;top:0;left:0}.hud-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.xp-bar-container{background:#0f0f19d9;border:2px solid #34495e;border-radius:8px;width:min(92%,800px);height:16px;position:absolute;top:8px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 4px 10px #00000080}.xp-bar-fill{background:linear-gradient(90deg,#0984e3,#00cec9,#55efc4);border-radius:6px;width:0%;height:100%;transition:width .1s ease-out}.level-badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#f39c12,#e67e22);border:2px solid gold;border-radius:12px;padding:2px 10px;font-size:13px;font-weight:900;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0009}.hud-header{justify-content:center;align-items:center;gap:28px;width:100%;padding:0 16px;display:flex;position:absolute;top:32px;left:0}.hud-stat{text-shadow:2px 2px 4px #000;align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.hud-stat-img{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 4px #000000b3);width:24px;height:24px}.timer-stat{letter-spacing:2px;color:#f1c40f;text-shadow:0 0 10px #f1c40f80,2px 2px 4px #000;font-size:26px;font-weight:900}.kills-stat{color:#ff7675}.gold-stat{color:#ffeaa7}.keys-stat{color:#74b9ff}.pause-btn{pointer-events:auto;color:#ecf0f1;cursor:pointer;background:#2c3e50cc;border:2px solid #7f8c8d;border-radius:6px;padding:4px 12px;font-size:16px;transition:all .2s}.pause-btn:hover{color:#f1c40f;background:#34495e;border-color:#f1c40f}.minimap-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:100;background:#0a0d14b8;border:1.5px solid #d4af3773;border-radius:8px;flex-direction:column;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px;overflow:hidden;box-shadow:0 4px 20px #000000bf,inset 0 0 12px #0009}.minimap-header{background:#101420e0;border-bottom:1px solid #d4af374d;justify-content:space-between;align-items:center;padding:3px 8px;display:flex}.minimap-title{letter-spacing:1px;color:#f5d77f;text-transform:uppercase;text-shadow:0 1px 3px #000000e6;font-size:10px;font-weight:800}.minimap-controls{align-items:center;gap:4px;display:flex}.minimap-header-btn{cursor:pointer;opacity:.75;color:#f5d77f;background:0 0;border:none;justify-content:center;align-items:center;padding:0 3px;font-size:11px;transition:opacity .15s,transform .15s;display:inline-flex}.minimap-header-btn:hover{opacity:1;transform:scale(1.15)}.minimap-collapse-btn{font-weight:700}.minimap-container.collapsed .minimap-canvas{display:none}.minimap-container.collapsed{border-radius:6px;box-shadow:0 2px 10px #0009}.minimap-canvas{cursor:pointer;width:220px;height:150px;display:block}@media (width<=768px){.minimap-container{top:10px;right:10px}.minimap-canvas{width:150px;height:105px}}@media (width<=768px) and (orientation:portrait),(width<=600px),(aspect-ratio<=1) and (width<=768px){.xp-bar-container{width:calc(100% - 32px);height:14px;top:6px}.level-badge{padding:1px 6px;font-size:11px;top:-6px;right:-6px}.hud-header{justify-content:space-evenly;gap:10px;padding:0 8px;top:26px}.hud-stat{gap:3px;font-size:13px}.hud-stat-img{width:18px;height:18px}.timer-stat{letter-spacing:1px;font-size:18px}.pause-btn{padding:2px 8px;font-size:12px}.minimap-container{z-index:90;max-width:140px;top:66px;right:8px}.minimap-canvas{width:130px;height:88px}.minimap-title{font-size:9px}}.hud-bottom{flex-direction:column;align-items:center;gap:8px;width:min(92%,600px);display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hp-row{align-items:center;gap:8px;display:flex}.hp-potion-icon{object-fit:contain;filter:drop-shadow(0 2px 5px #000c);width:26px;height:26px}.hp-container{background:#14141ed9;border:2px solid #7f1d1d;border-radius:9px;width:240px;height:18px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0009}.hp-bar-fill{background:linear-gradient(90deg,#c0392b,#e74c3c);width:100%;height:100%;transition:width .15s ease-out}.hp-label{color:#fff;text-shadow:1px 1px 2px #000;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inventory-bar{background:#12121cd9;border:2px solid #2c3e50;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;display:flex}.inv-group{gap:4px;display:flex}.inv-divider{background:#34495e;width:2px;height:24px;margin:0 4px}.inv-slot{background:#11141e;border:1px solid #4a5568;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:relative;overflow:hidden}.inv-slot.occupied{background:radial-gradient(circle,#2d2640 0%,#171322 100%);border-color:#f39c12;box-shadow:inset 0 0 8px #f39c1240}.passive-slot.occupied{border-color:#3498db;box-shadow:inset 0 0 8px #3498db40}.slot-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:26px;height:26px}.slot-name{color:#ecf0f1;font-size:8px;font-weight:800}.slot-level{color:#f1c40f;text-shadow:1px 1px 2px #000;background:#000000b3;border-radius:3px;padding:0 3px;font-size:10px;font-weight:900;line-height:1.1;position:absolute;bottom:1px;right:2px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#08090ed9;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.levelup-modal-box{text-align:center;background:linear-gradient(#1f1b2c 0%,#100e18 100%);border:3px solid #f1c40f;border-radius:12px;width:min(94%,680px);padding:24px 32px;animation:.2s cubic-bezier(.175,.885,.32,1.275) modalPop;box-shadow:0 0 35px #f1c40f59}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:center;align-items:center;gap:12px;display:flex}.modal-header h2{color:#f1c40f;letter-spacing:3px;text-shadow:0 0 15px #f1c40f99;font-size:32px;font-weight:900}.modal-header .sparkle{color:#ffeaa7;font-size:22px}.modal-subtitle{color:#bdc3c7;margin-top:4px;margin-bottom:20px;font-size:14px}.cards-grid{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.upgrade-card{cursor:pointer;text-align:left;background:linear-gradient(90deg,#2c253d 0%,#1b1626 100%);border:2px solid #5a4b7a;border-radius:8px;align-items:center;gap:16px;padding:12px 18px;transition:all .15s ease-in-out;display:flex}.upgrade-card:hover{background:linear-gradient(90deg,#3f3558 0%,#29223a 100%);border-color:#f1c40f;transform:translateY(-2px)scale(1.01);box-shadow:0 4px 16px #f1c40f40}.upgrade-card.new-item{border-color:#00cec9}.upgrade-card.new-item:hover{border-color:#55efc4}.card-icon-frame{background:radial-gradient(circle,#2d2442 0%,#151120 100%);border:2px solid #5a4b7a;border-radius:8px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex;box-shadow:inset 0 0 10px #00000080}.card-icon-img{object-fit:contain;filter:drop-shadow(0 2px 5px #000000b3);width:36px;height:36px}.card-icon{text-align:center;min-width:44px;font-size:28px}.card-info{flex:1}.card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-title{color:#ecf0f1;font-size:18px;font-weight:800}.card-tag{letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:900}.tag-new{color:#0b0c10;background:#00cec9}.tag-level{color:#fff;background:#e67e22}.card-desc{color:#d2dae2;font-size:13px;line-height:1.4}.modal-footer{justify-content:center;display:flex}.reroll-btn{color:#ecf0f1;cursor:pointer;background:#34495e;border:2px solid #7f8c8d;border-radius:6px;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.btn-icon{object-fit:contain;vertical-align:middle;width:20px;height:20px}.reroll-btn:hover:not(:disabled){color:#f1c40f;background:#2c3e50;border-color:#f1c40f}.reroll-btn:disabled{opacity:.4;cursor:not-allowed}.chest-modal-box{text-align:center;background:linear-gradient(#2c1a4d 0%,#120b22 100%);border:4px solid #f39c12;border-radius:14px;width:min(90%,500px);padding:28px;animation:.25s ease-out modalPop;box-shadow:0 0 45px #f39c1273}.chest-title{color:#f1c40f;letter-spacing:2px;margin-bottom:12px;font-size:26px;font-weight:900}.chest-visual{justify-content:center;align-items:center;margin:16px 0;animation:.8s ease-in-out infinite alternate chestBounce;display:flex}.chest-img-asset{object-fit:contain;filter:drop-shadow(0 0 20px #f39c12b3);width:84px;height:84px}@keyframes chestBounce{0%{transform:translateY(0)}to{transform:translateY(-10px)scale(1.08)}}.chest-rewards{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.chest-gold{color:#f1c40f;text-shadow:0 0 10px #f1c40f80;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:900;display:flex}.chest-coin-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:24px;height:24px}.chest-item{color:#55efc4;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.chest-item-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:22px;height:22px}.chest-btn{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#e67e22,#d35400);border:2px solid gold;border-radius:8px;padding:10px 36px;font-size:18px;font-weight:900;box-shadow:0 4px 15px #0006}.chest-btn:hover{background:linear-gradient(135deg,#f39c12,#e67e22)}.menu-view{z-index:90;background:radial-gradient(circle,#1e1329 0%,#0c0812 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.menu-content{text-align:center;flex-direction:column;align-items:center;width:min(94%,850px);display:flex}.game-logo{color:#e74c3c;letter-spacing:6px;text-shadow:0 0 25px #e74c3ccc,0 4px 8px #000000e6,2px 2px #7b1113;text-transform:uppercase;margin-bottom:4px;font-size:clamp(38px,6vw,64px);font-weight:900}.game-tagline{letter-spacing:3px;color:#f1c40f;text-shadow:0 2px 4px #000c;margin-bottom:20px;font-size:13px;font-weight:800}.menu-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.menu-gold{color:#ffeaa7;align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.ui-coin-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 4px #0009);width:22px;height:22px}.audio-controls{gap:8px;display:flex}.menu-icon-btn{cursor:pointer;background:#2c3e50;border:1px solid #7f8c8d;border-radius:6px;padding:6px 10px;font-size:16px}.section-title{color:#ecf0f1;letter-spacing:2px;margin-bottom:14px;font-size:18px;font-weight:800}.char-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;margin-bottom:24px;display:grid}.char-card{cursor:pointer;text-align:left;background:#1e142dbf;border:2px solid #553c7b;border-radius:10px;padding:16px 14px;transition:all .2s}.char-card:hover{border-color:#f39c12;transform:translateY(-3px);box-shadow:0 4px 15px #f39c1233}.char-card.selected{background:#372350d9;border-color:#f1c40f;box-shadow:0 0 20px #f1c40f59}.char-card-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.char-avatar-frame{background:radial-gradient(circle,#2d2442 0%,#151120 100%);border:2px solid #5a4b7a;border-radius:8px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;transition:all .2s;display:flex;box-shadow:inset 0 0 10px #00000080}.char-card.selected .char-avatar-frame{border-color:#f1c40f;box-shadow:0 0 12px #f1c40f66}.char-avatar-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:40px;height:40px}.char-header{flex:1}.char-name{color:#fff;font-size:15px;font-weight:900}.char-title{color:#f1c40f;margin-top:2px;font-size:11px}.char-weapon{color:#74b9ff;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.char-weapon-icon{object-fit:contain;filter:drop-shadow(0 1px 3px #0009);width:18px;height:18px}.char-desc{color:#bdc3c7;font-size:11px;line-height:1.4}.menu-actions{gap:18px;margin-bottom:16px;display:flex}.menu-btn{color:#ecf0f1;cursor:pointer;letter-spacing:1px;background:#2c3e50;border:2px solid #7f8c8d;border-radius:8px;padding:12px 28px;font-size:16px;font-weight:800;transition:all .2s}.menu-btn:hover{color:#f1c40f;border-color:#f1c40f;transform:translateY(-2px)}.menu-btn.primary-btn{color:#fff;background:linear-gradient(135deg,#c0392b,#962d22);border-color:#e74c3c;box-shadow:0 4px 15px #c0392b66}.menu-btn.primary-btn:hover{background:linear-gradient(135deg,#d63031,#c0392b);border-color:#f1c40f}.menu-btn.start-btn{background:linear-gradient(135deg,#c0392b,#8b0000);border-color:#f1c40f;padding:14px 40px;font-size:18px}.menu-btn.refund-btn{background:#34495e;border-color:#95a5a6}.controls-hint{color:#7f8c8d;margin-top:10px;font-size:12px}.shop-panel{background:linear-gradient(#1b1326 0%,#0c0912 100%);border:3px solid #f39c12;border-radius:12px;width:min(94%,720px);padding:24px;box-shadow:0 0 35px #f39c124d}.shop-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.shop-header h2{color:#f1c40f;letter-spacing:2px;font-size:26px;font-weight:900}.shop-gold{color:#ffeaa7;align-items:center;gap:8px;font-size:22px;font-weight:900;display:flex}.shop-coin-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:24px;height:24px}.shop-subtitle{color:#bdc3c7;margin-bottom:20px;font-size:13px}.shop-items-grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.shop-card{background:#241b33;border:2px solid #483861;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;display:flex}.shop-card-icon-frame{background:radial-gradient(circle,#2d2442 0%,#151120 100%);border:1px solid #5a4b7a;border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.shop-card-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:32px;height:32px}.shop-card-main{flex:1}.shop-card-title{color:#ecf0f1;font-size:16px;font-weight:800}.shop-card-desc{color:#a4b0be;margin:3px 0 6px;font-size:12px}.shop-card-pips{gap:4px;display:flex}.pip{color:#576574;font-size:12px}.pip-filled{color:#f1c40f}.buy-btn{color:#bdc3c7;cursor:pointer;background:#34495e;border:2px solid #7f8c8d;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:8px 18px;font-weight:800;display:flex}.btn-coin-icon{object-fit:contain;width:16px;height:16px}.buy-btn.affordable{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f39c12,#e67e22);border-color:gold}.buy-btn:disabled{opacity:.5;cursor:not-allowed}.shop-footer{justify-content:space-between;display:flex}.gameover-panel{text-align:center;background:linear-gradient(#221217 0%,#0d0608 100%);border:3px solid #c0392b;border-radius:12px;width:min(94%,640px);padding:28px;box-shadow:0 0 35px #c0392b66}.gameover-title{letter-spacing:3px;margin-bottom:4px;font-size:38px;font-weight:900}.gameover-title.defeat{color:#e74c3c;text-shadow:0 0 15px #e74c3c99}.gameover-title.victory{color:#2ecc71;text-shadow:0 0 15px #2ecc7199}.gameover-subtitle{color:#bdc3c7;margin-bottom:24px;font-size:14px}.run-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.run-stat-box{background:#190c10;border:1px solid #4a1f28;border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-label{color:#8c7b80;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.stat-label-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px}.stat-value{color:#f1c40f;font-size:22px;font-weight:900}.dps-heading{color:#bdc3c7;letter-spacing:1.5px;text-align:left;margin-bottom:10px;font-size:14px}.dps-table{background:#14090c;border:1px solid #3d1720;border-radius:6px;flex-direction:column;gap:8px;margin-bottom:24px;padding:10px;display:flex}.dps-row{align-items:center;gap:10px;font-size:12px;display:flex}.dps-col.name{text-align:left;color:#ecf0f1;align-items:center;gap:6px;width:130px;font-weight:800;display:flex}.dps-weapon-icon{object-fit:contain;filter:drop-shadow(0 1px 3px #0009);width:18px;height:18px}.dps-col.bar-col{background:#231116;border-radius:4px;flex:1;height:10px;overflow:hidden}.dps-bar-fill{background:linear-gradient(90deg,#e74c3c,#f1c40f);height:100%}.dps-col.numbers{text-align:right;color:#ffeaa7;width:100px;font-weight:800}.dps-empty{color:#7f8c8d;padding:6px 0;font-size:12px}.gameover-actions{justify-content:center;gap:16px;display:flex}.pause-modal-box{text-align:center;background:linear-gradient(#1b1626 0%,#0d0a13 100%);border:3px solid #7f8c8d;border-radius:12px;width:min(90%,480px);padding:24px 32px}.pause-modal-box h2{color:#f1c40f;margin-bottom:16px;font-size:26px;font-weight:900}.pause-stats{background:#130f1b;border:1px solid #372f47;border-radius:6px;flex-direction:column;gap:10px;margin-bottom:20px;padding:12px;display:flex}.pause-stat-row{color:#bdc3c7;justify-content:space-between;align-items:center;font-size:13px;display:flex}.pause-stat-row span{align-items:center;gap:8px;display:flex}.pause-stat-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 3px #0009);width:20px;height:20px}.pause-stat-row strong{color:#55efc4}.pause-actions{justify-content:center;gap:16px;display:flex}.menu-map-selection{background:#161021bf;border:1px solid #48395f;border-radius:8px;width:100%;max-width:640px;margin-bottom:20px;padding:10px 16px}.menu-map-row{align-items:center;gap:12px;display:flex}.menu-map-label{color:#f1c40f;white-space:nowrap;letter-spacing:.5px;font-size:13px;font-weight:800}.menu-select-dropdown{color:#fff;cursor:pointer;background:#110d1a;border:1px solid #6c5295;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:14px;font-weight:700;transition:border-color .2s}.menu-select-dropdown:hover,.menu-select-dropdown:focus{border-color:#f1c40f}.menu-btn.map-builder-btn{color:#e0d6ff;white-space:nowrap;background:linear-gradient(135deg,#4b3869,#312244);border:1px solid #9b72cf;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:800}.menu-btn.map-builder-btn:hover{color:#fff;background:linear-gradient(135deg,#634b8a,#432e5d);border-color:#f1c40f}.menu-top-center{align-items:center;display:flex}.menu-btn.top-builder-btn{color:gold;cursor:pointer;background:linear-gradient(135deg,#4834d4,#2c1654);border:1px solid #a29bfe;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:800;box-shadow:0 0 10px #6c5ce766}.menu-btn.top-builder-btn:hover{background:linear-gradient(135deg,#6c5ce7,#4834d4);border-color:gold;transform:translateY(-1px)}.menu-btn.builder-action-btn{color:#fff;background:linear-gradient(135deg,#6c5ce7,#4834d4);border:2px solid #a29bfe;padding:12px 28px;font-size:16px;font-weight:800;box-shadow:0 4px 15px #6c5ce766}.menu-btn.builder-action-btn:hover{background:linear-gradient(135deg,#a29bfe,#6c5ce7);border-color:gold;transform:translateY(-2px)}.map-builder-container{color:#e2e8f0;z-index:100;-webkit-user-select:none;user-select:none;background:#0d0e15;flex-direction:column;width:100%;height:100%;font-family:inherit;display:flex;position:absolute;top:0;left:0;overflow:hidden}.mb-top-toolbar{z-index:20;scrollbar-width:thin;scrollbar-color:#334155 #141722;white-space:nowrap;background:#141722;border-bottom:2px solid #282f44;flex-shrink:0;justify-content:flex-start;align-items:center;gap:5px;height:40px;padding:0 8px;display:flex;overflow:auto hidden}.mb-top-toolbar::-webkit-scrollbar{height:3px}.mb-top-toolbar::-webkit-scrollbar-track{background:#141722}.mb-top-toolbar::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.mb-brand{letter-spacing:.5px;color:#f1c40f;flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:900;display:flex}.mb-icon{font-size:15px}.mb-map-meta{color:#94a3b8;flex-shrink:0;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.mb-name-input{color:#f8fafc;background:#0b0d14;border:1px solid #334155;border-radius:4px;outline:none;width:95px;padding:2px 6px;font-size:11px;font-weight:700;transition:border-color .2s}.mb-name-input:focus{border-color:#38bdf8}.mb-tools{align-items:center;gap:3px;display:flex}.mb-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#1e2436;border:1px solid #3a4563;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:3px 6px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.mb-btn:hover{color:#fff;background:#2a334d;border-color:#60a5fa}.mb-btn:disabled,.mb-icon-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(.8)}.mb-btn.active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 0 8px #38bdf866}.mb-btn.primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399}.mb-btn.primary:hover{background:linear-gradient(135deg,#34d399,#10b981)}.mb-btn.success{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa}.mb-btn.warning{color:#fef08a;background:#854d0e;border-color:#eab308}.mb-btn.warning:hover{color:#fff;background:#a16207}.mb-btn.danger{color:#fecaca;background:#7f1d1d;border-color:#b91c1c}.mb-btn.danger:hover{color:#fff;background:#991b1b}.mb-tool-group{background:#0f1420b3;border:1px solid #232a3f;border-radius:5px;flex-shrink:0;align-items:center;gap:2px;padding:1px 3px;display:flex}.mb-tool-divider{background:#28334a;width:1px;height:16px;margin:0 2px}.mb-select{color:#f1f5f9;cursor:pointer;background:#181d2a;border:1px solid #334155;border-radius:4px;outline:none;flex-shrink:0;max-width:125px;padding:3px 5px;font-size:11px;font-weight:700}.mb-select:focus{border-color:#38bdf8}.mb-icon-btn{color:#cbd5e1;cursor:pointer;background:#1e2436;border:1px solid #3a4563;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.mb-icon-btn:hover{color:#fff;background:#2a334d;border-color:#60a5fa}.mb-zoom-tools{align-items:center;gap:2px;margin-left:2px;display:flex}.mb-zoom-badge{color:#94a3b8;text-align:center;min-width:30px;font-size:10px;font-weight:800}.mb-actions{flex-shrink:0;align-items:center;gap:3px;margin-left:auto;display:flex}@media (width<=1360px){.mb-btn-text-optional{display:none}.mb-name-input{width:85px}}@media (width<=1080px){.mb-brand .mb-title{display:none}}.mb-main-area{flex:1;display:flex;position:relative;overflow:hidden}.mb-palette-drawer{z-index:10;background:#11141e;border-right:2px solid #282f44;flex-direction:column;flex-shrink:0;width:280px;display:flex}.mb-categories{background:#0d0f18;border-bottom:1px solid #23293c;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px;display:grid}.mb-cat-tab{color:#94a3b8;cursor:pointer;text-align:center;background:#181d2c;border:1px solid #2d364f;border-radius:5px;padding:7px 4px;font-size:11px;font-weight:800;transition:all .15s}.mb-cat-tab:hover{color:#f1f5f9;background:#22293e}.mb-cat-tab.active{color:#fff;background:#2563eb;border-color:#60a5fa;box-shadow:0 0 8px #2563eb66}.mb-palette-items{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;padding:8px;display:grid;overflow-y:auto}.mb-palette-card{cursor:pointer;background:#181d2a;border:2px solid #2a334a;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:8px;transition:all .15s;display:flex}.mb-palette-card:hover{background:#222a3d;border-color:#38bdf8;transform:translateY(-2px)}.mb-palette-card.selected{background:#1e2a44;border-color:#f1c40f;box-shadow:0 0 10px #f1c40f59}.mb-card-thumb{background:#0d1017;border:1px solid #283145;border-radius:6px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.mb-card-thumb img{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated}.mb-card-name{text-align:center;color:#cbd5e1;font-size:11px;font-weight:700;line-height:1.2}.mb-canvas-viewport{background:#08090d;flex:1;position:relative;overflow:hidden}#mb-canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;display:block}.mb-status-bar{color:#94a3b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0d1019e6;border-top:1px solid #23293c;align-items:center;gap:20px;height:28px;padding:0 16px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.mb-status-bar strong{color:#38bdf8}.mb-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.mb-modal-content{background:#141722;border:2px solid #334155;border-radius:12px;flex-direction:column;width:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.mb-modal-header{background:#0f121b;border-bottom:1px solid #262e43;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mb-modal-header h2{color:#f1c40f;margin:0;font-size:18px;font-weight:800}.mb-modal-body{flex-direction:column;gap:10px;max-height:50vh;padding:16px 20px;display:flex;overflow-y:auto}.mb-modal-footer{background:#0f121b;border-top:1px solid #262e43;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.mb-empty-hint{text-align:center;color:#64748b;padding:24px 0;font-style:italic}.mb-map-card{background:#1a1f2e;border:1px solid #2e3852;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.mb-map-card:hover{background:#22293e;border-color:#38bdf8}.mb-map-card.active{background:#252b3e;border-color:#f1c40f}.mb-mc-info{flex-direction:column;gap:4px;display:flex}.mb-mc-name{color:#f8fafc;font-size:15px;font-weight:800}.mb-mc-meta{color:#94a3b8;font-size:12px}.mb-mc-actions{gap:8px;display:flex}.mb-mobile-fab-toggle{color:#fff;cursor:pointer;z-index:40;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:2px solid #60a5fa;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:none;position:absolute;bottom:38px;left:14px;box-shadow:0 4px 16px #0009,0 0 12px #2563eb66}.mb-mobile-fab-toggle:active{transform:scale(.92)}.mb-palette-drawer-close{display:none}@media (width<=768px){.mb-top-toolbar{-webkit-overflow-scrolling:touch;gap:4px;height:48px;padding:0 6px}.mb-btn,.mb-icon-btn,.mb-select{touch-action:manipulation;min-height:34px}.mb-icon-btn{width:32px;height:32px;font-size:14px}.mb-btn{padding:4px 8px;font-size:12px}.mb-mobile-fab-toggle{display:flex}.mb-palette-drawer{z-index:45;background:#0f121d;width:82%;max-width:320px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:4px 0 24px #000c}.mb-palette-drawer.open{transform:translate(0)}.mb-palette-drawer-header{background:#141824;border-bottom:1px solid #283145;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.mb-palette-drawer-title{color:#f1c40f;letter-spacing:.5px;font-size:13px;font-weight:800}.mb-palette-drawer-close{color:#cbd5e1;cursor:pointer;background:#1e2436;border:1px solid #3a4563;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.mb-categories{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px}.mb-cat-tab{padding:8px 2px;font-size:10px}.mb-palette-items{gap:8px;padding:8px}.mb-palette-card{padding:6px}.mb-card-thumb{width:48px;height:48px}.mb-card-name{font-size:10px}.mb-status-bar{white-space:nowrap;scrollbar-width:none;gap:8px;height:24px;padding:0 8px;font-size:10px;overflow-x:auto}.mb-status-bar::-webkit-scrollbar{display:none}.mb-status-controls-text{display:none}.mb-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:42;background:#0000008c;display:none;position:absolute;inset:0}.mb-drawer-backdrop.active{display:block}.mb-modal-content{width:92%;max-height:85vh}}