@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color: #1a1a2e;--ui-bg: #0f172a;--accent: #ef4444;--text: #e2e8f0;--gold: #fbbf24;--rare: #a855f7;--success: #22c55e;--debug: #6366f1;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html{width:100%;max-width:100vw;overflow-x:hidden}body{margin:0;width:100%;max-width:100vw;overflow:hidden;overflow-x:hidden;background-color:var(--bg-color);color:var(--text);font-family:"Press Start 2P",cursive;touch-action:none;user-select:none;-webkit-user-select:none}#game-container{position:relative;width:100vw;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;background:#000}canvas{image-rendering:pixelated}#ui-layer,#damage-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#ui-layer{z-index:10;display:flex;flex-direction:column;justify-content:space-between}#damage-layer{z-index:5;overflow:hidden}.hud-top{display:flex;justify-content:space-between;padding:calc(15px + var(--safe-top)) 15px 15px;text-shadow:2px 2px 0 #000;font-size:10px;pointer-events:none;align-items:flex-start}.hud-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hud-row{display:flex;align-items:center;gap:8px}.debug-hud{display:none;font-size:8px;color:var(--debug);border:1px solid var(--debug);background:#6366f126;padding:4px 6px;text-transform:uppercase;letter-spacing:.4px;text-shadow:2px 2px 0 #000}.debug-hud.active{display:inline-flex;align-self:flex-end}.hud-loot-summary-row{display:flex;align-items:center;gap:8px;font-size:8px;color:#888;align-self:flex-end;background:#0006;padding:4px 10px;border-radius:4px}.loot-rarity-tag{display:inline-flex;align-items:center;gap:2px;font-size:8px}.star-icon,.scrap-icon{display:inline-block;transform:translateY(-1px)}.counter-pop{display:inline-block;animation:counter-pop .3s ease-out}@keyframes counter-pop{0%{transform:scale(1);color:var(--gold);filter:brightness(1.5)}50%{transform:scale(1.3);color:var(--gold)}to{transform:scale(1)}}.loot-rarity-tag.rarity-legendary{color:var(--gold)}.loot-rarity-tag.rarity-relic{color:#f97316}.loot-rarity-tag.rarity-rare{color:var(--rare)}.loot-rarity-tag.rarity-magic{color:#60a5fa}.loot-rarity-tag.rarity-common{color:#e5e7eb}#hud-veiled{color:var(--rare)}.xp-bar-container{position:absolute;top:var(--safe-top);left:0;width:100%;height:10px;background:#333}#xp-bar-fill{width:0%;height:100%;background:#38bdf8;transition:width .2s}.ult-btn{position:absolute;bottom:calc(30px + var(--safe-bottom));right:30px;width:70px;height:70px;border-radius:50%;background:#ef44444d;border:2px solid #fff;pointer-events:auto;display:flex;justify-content:center;align-items:center;font-size:24px;transition:.1s}.ult-btn.ready{background:var(--accent);box-shadow:0 0 15px var(--accent);cursor:pointer;animation:pulse 1s infinite}.ult-btn:active{transform:scale(.95)}.ult-cooldown{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;border-radius:50%}.item-slots{position:absolute;bottom:calc(20px + var(--safe-bottom));left:20px;display:flex;gap:8px}.weapon-slots{position:absolute;top:calc(60px + var(--safe-top));left:15px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.weapon-slot{display:flex;align-items:center;gap:6px;background:#00000080;border:1px solid #444;border-radius:4px;padding:4px 6px;transition:.2s;pointer-events:auto}.weapon-slot.cooldown-ready{border-color:#4ade80;box-shadow:0 0 8px #4ade804d}.weapon-slot.cooldown-ready .weapon-icon{opacity:1}.weapon-icon{width:20px;height:20px;image-rendering:pixelated;opacity:.7}.weapon-level{font-size:7px;color:#fbbf24;min-width:12px;text-align:center}.weapon-name{font-size:7px;color:#aaa;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-btn{position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--ui-bg);border:1px solid var(--debug);border-radius:50%;color:#fff;font-size:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;pointer-events:auto;transition:.2s;box-shadow:0 0 10px #00000080}.info-btn:hover{background:var(--debug);border-color:#fff}.item-slot{width:40px;height:40px;background:#00000080;border:2px solid #444;border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative;transition:.2s}.item-slot.active{border-color:#fbbf24;background:#fbbf241a;box-shadow:0 0 10px #fbbf244d}.item-icon{font-size:16px;opacity:.3}.item-slot.active .item-icon{opacity:1}.item-count{position:absolute;bottom:0;right:2px;font-size:8px;color:#fbbf24;font-weight:700;display:none}.item-slot.active .item-count{display:block}.btn-hotkey{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);font-size:8px;color:#fff;background:#000000b3;padding:1px 4px;border-radius:3px;font-weight:700;pointer-events:none;z-index:10}@keyframes pulse{0%{box-shadow:0 0 10px var(--accent)}50%{box-shadow:0 0 25px var(--accent)}to{box-shadow:0 0 10px var(--accent)}}.quit-btn{pointer-events:auto;background:#ef4444;border:2px solid #fff;color:#fff;padding:8px 12px;font-family:inherit;font-size:8px;cursor:pointer;box-shadow:2px 2px #000;margin-left:10px}.loot-inv-btn{pointer-events:auto;background:#4c1d95;border:2px solid #a855f7;color:#fff;padding:6px 8px;font-family:inherit;font-size:8px;cursor:pointer;box-shadow:2px 2px #000}.loot-inv-btn:hover{background:#6d28d9}.quit-btn:hover{background:#dc2626}.screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a;display:none;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto;z-index:20;text-align:center}.screen.active{display:flex}#shop-screen{background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat}#loot-inventory-screen{background:radial-gradient(circle at 50% -10%,rgba(56,189,248,.25),transparent 55%),radial-gradient(circle at 50% 90%,rgba(30,64,175,.35),transparent 60%),linear-gradient(180deg,#0b1220,#0a1022 55%,#070c1a);overflow-y:auto;-webkit-overflow-scrolling:touch}.loot-inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(600px,90vw);max-height:50vh;overflow-y:auto;margin-bottom:20px}.loot-item{background:#111827;border:2px solid #374151;color:#e5e7eb;padding:8px;font-size:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative}.loot-item.secured{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2466}.loot-item.rarity-common{border-color:#e5e7eb}.loot-item.rarity-magic{border-color:#60a5fa}.loot-item.rarity-rare{border-color:var(--rare)}.loot-item.rarity-legendary{border-color:var(--gold);box-shadow:0 0 8px #fbbf2433}.loot-item.type-relic{border-color:#f97316;box-shadow:0 0 8px #f973164d}.loot-item.rarity-common .loot-name,.loot-item.rarity-common .loot-meta{color:#e5e7eb}.loot-item.rarity-magic .loot-name,.loot-item.rarity-magic .loot-meta{color:#60a5fa}.loot-item.rarity-rare .loot-name,.loot-item.rarity-rare .loot-meta{color:var(--rare)}.loot-item.rarity-legendary .loot-name,.loot-item.rarity-legendary .loot-meta{color:var(--gold)}.loot-item.type-relic .loot-name,.loot-item.type-relic .loot-meta{color:#f97316}.loot-icon{font-size:14px}.loot-name{line-height:1.1}.loot-meta{font-size:7px;color:#9ca3af}.loot-badge{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:999px;background:#f9731633;border:1px solid #f97316;color:#f97316;font-size:9px;line-height:12px}.extract-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(700px,90vw);max-height:50vh;overflow-y:auto;margin-top:10px}.extract-grid.revealing .extract-item{animation:unveil-warmup .45s ease-in-out}.extract-item{background:#00000080;border:2px solid #374151;color:#e5e7eb;padding:10px;font-size:8px;text-align:center;min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:4px;position:relative}.extract-item.unveiling{animation:unveil-wiggle .25s ease-in-out}.extract-item.revealed{animation:unveil-pop .35s ease-out}.extract-item.revealed.rarity-common{border-color:#e5e7eb}.extract-item.revealed.rarity-common .extract-item-name,.extract-item.revealed.rarity-common .extract-item-meta{color:#e5e7eb}.extract-item.revealed.rarity-magic{border-color:#60a5fa;box-shadow:0 0 10px #60a5fa4d}.extract-item.revealed.rarity-magic .extract-item-name,.extract-item.revealed.rarity-magic .extract-item-meta{color:#60a5fa}.extract-item.revealed.rarity-rare{border-color:var(--rare);box-shadow:0 0 10px #a855f74d}.extract-item.revealed.rarity-rare .extract-item-name,.extract-item.revealed.rarity-rare .extract-item-meta{color:var(--rare)}.extract-item.revealed.rarity-legendary{border-color:var(--gold);box-shadow:0 0 12px #fbbf2466}.extract-item.revealed.rarity-legendary .extract-item-name,.extract-item.revealed.rarity-legendary .extract-item-meta{color:var(--gold)}.extract-item.revealed.type-relic{border-color:#f97316;box-shadow:0 0 12px #f9731673}.extract-item.revealed.type-relic .extract-item-name,.extract-item.revealed.type-relic .extract-item-meta{color:#f97316}.extract-item-name{font-size:9px}.extract-item-meta{font-size:7px;color:#9ca3af}.extract-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:999px;background:#f9731633;border:1px solid #f97316;color:#f97316;font-size:10px;line-height:14px}.extract-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:6px;height:12px;opacity:.9;animation:confetti-fall 1.6s ease-out forwards}.btn-disabled{opacity:.5;pointer-events:none}.extract-tooltip{position:fixed;display:none;z-index:1600;min-width:180px;max-width:240px;background:#000000e6;border:2px solid #6b7280;padding:10px;font-size:10px;color:#e5e7eb;text-align:left;pointer-events:none;left:0;top:0}.tooltip-neutral{border-color:#6b7280}.tooltip-common{border-color:#e5e7eb}.tooltip-magic{border-color:#60a5fa}.tooltip-rare{border-color:var(--rare)}.tooltip-legendary{border-color:var(--gold)}.tooltip-relic{border-color:#f97316}.scrap-currency-wrapper .scrap-tooltip{position:absolute;display:none;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:2000;min-width:200px;background:#000000e6;border:2px solid var(--rare);padding:10px;font-size:10px;color:#e5e7eb;text-align:center;pointer-events:none;white-space:nowrap}.scrap-currency-wrapper:hover .scrap-tooltip{display:block}@keyframes unveil-pop{0%{transform:scale(.9);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}@keyframes unveil-warmup{0%{transform:scale(1);filter:brightness(.7)}60%{transform:scale(1.02);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1)}}@keyframes unveil-wiggle{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(110vh) rotate(520deg);opacity:0}}.loadout-tooltip{position:fixed;display:none;z-index:1500;min-width:180px;max-width:240px;background:#000000e6;border:2px solid #6b7280;padding:10px;font-size:10px;color:#e5e7eb;text-align:left;pointer-events:none;left:0;top:0}@media (max-width: 768px){.loadout-tooltip{pointer-events:auto;max-width:280px}.tooltip-close{display:block}}.tooltip-close{display:none;position:absolute;top:4px;right:8px;font-size:16px;color:#9ca3af;cursor:pointer;pointer-events:auto;line-height:1;padding:0 4px}.tooltip-close:hover{color:#fff}.loadout-tooltip.compare{background:transparent;border:none;padding:0;max-width:520px}.loadout-compare{display:flex;gap:8px}.loadout-compare-panel{min-width:180px;max-width:240px;background:#000000e6;border:2px solid #6b7280;padding:10px}.loadout-compare-label{font-size:8px;letter-spacing:.08em;color:#9ca3af;margin-bottom:4px}.loadout-detail-title{font-size:10px;color:#fbbf24;margin-bottom:4px}.tooltip-common .loadout-detail-title{color:#e5e7eb}.tooltip-magic .loadout-detail-title{color:#60a5fa}.tooltip-rare .loadout-detail-title{color:var(--rare)}.tooltip-legendary .loadout-detail-title{color:var(--gold)}.tooltip-relic .loadout-detail-title{color:#f97316}.weapon-tooltip{position:fixed;display:none;z-index:1500;min-width:180px;max-width:240px;background:#000000e6;border:2px solid #60a5fa;padding:10px;font-size:10px;color:#e5e7eb;text-align:left;pointer-events:none;left:0;top:0}.weapon-tooltip-title{font-size:10px;color:#60a5fa;margin-bottom:4px}.weapon-tooltip-desc{font-size:9px;color:#9ca3af;margin-bottom:8px}.weapon-tooltip-stats{display:grid;gap:2px;font-size:9px;line-height:1.35;font-variant-numeric:tabular-nums}.loadout-detail-meta{font-size:8px;color:#9ca3af;margin-bottom:6px}.loadout-detail-base{font-size:8px;color:#cbd5f5;margin-bottom:6px}.loadout-detail-stats{display:grid;gap:2px;font-size:9px;line-height:1.35;font-variant-numeric:tabular-nums}.affix-line{color:#e5e7eb}.affix-line.implicit-line{color:#a5b4fc}.affix-line.tier-1{color:#cbd5f5}.affix-line.tier-2{color:#60a5fa}.affix-line.tier-3{color:#c084fc}.affix-line.tier-4{color:#fbbf24}.affix-line.tier-5{color:#f97316}.loot-empty{grid-column:1 / -1;color:#9ca3af;font-size:10px}#stash-screen{background:repeating-linear-gradient(135deg,#ffffff08 0 2px,#080a1208 2px 6px),radial-gradient(circle at 50% -5%,rgba(120,49,196,.18),transparent 60%),radial-gradient(circle at 50% 85%,rgba(15,23,42,.9),transparent 55%),linear-gradient(180deg,#0c0f1f,#070912,#05060c);justify-content:flex-start;align-items:center;padding:28px 24px;box-sizing:border-box;overflow:hidden}#stash-screen.active{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:stretch;justify-content:stretch;align-content:stretch;overflow:hidden}#stash-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 65%);opacity:.4;pointer-events:none}#stash-screen:after{content:"";position:absolute;inset:18px;border:2px solid rgba(148,163,184,.25);pointer-events:none}.stash-panel{position:relative;z-index:1;width:min(1200px,94vw);display:flex;flex-direction:column;align-items:center;gap:18px;padding:12px 10px 18px;box-sizing:border-box;background:transparent;border:none;box-shadow:none;flex:1;min-height:0;height:100%;align-self:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch}.stash-panel:before{content:none}.stash-layout{width:100%;display:grid;grid-template-columns:minmax(260px,340px) 1fr 280px;grid-template-rows:1fr;gap:24px;align-items:stretch;flex:1;min-height:0}.equipment-panel,.inventory-panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.equipment-panel{justify-content:flex-start;height:100%}.inventory-panel{align-items:stretch;flex:1;min-height:0;height:100%}.stash-footer{width:min(1200px,94vw);display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:0;align-self:stretch}#stash-screen h1{margin:4px 0 0;color:#ef4444;font-size:22px;letter-spacing:1.4px;text-shadow:0 3px 0 rgba(0,0,0,.8)}#stash-screen h2{margin:8px 0 6px;color:#fbbf24;font-size:12px;letter-spacing:.6px;text-align:center}.loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:". helm ." "weapon armor offhand" "gloves accessory boots";gap:10px;width:100%;max-width:360px;margin:0;box-sizing:border-box}.loadout-stage{position:relative;width:100%;max-width:360px;display:flex;justify-content:center;align-items:center;padding:-10px 0 14px;box-sizing:border-box;min-height:420px}.loadout-silhouette{position:absolute;width:520px;height:560px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240' fill='rgba(203,213,245,0.08)' stroke='%23cbd5f5' stroke-width='3' stroke-opacity='0.45'><circle cx='100' cy='40' r='18'/><path d='M54 90c12-12 28-18 46-18s34 6 46 18v70c0 20-10 34-25 38-10 3-15-7-21-7s-11 10-21 7c-15-4-25-18-25-38V90Z'/><path d='M54 92c-10 10-16 24-16 42v18c0 12 8 20 18 20h6' stroke-opacity='0.32'/><path d='M146 92c10 10 16 24 16 42v18c0 12-8 20-18 20h-6' stroke-opacity='0.32'/></svg>");background-repeat:no-repeat;background-position:center;background-size:100%;opacity:.65;pointer-events:none;filter:drop-shadow(0 0 26px rgba(15,23,42,.7));top:56%;left:50%;transform:translate(-50%,-50%);z-index:0}.loadout-silhouette:after{content:none}.loadout-stage .loadout-grid{position:relative;z-index:2}.loadout-slot{min-height:86px;background:linear-gradient(180deg,#0c0f19b3,#07070db3);border:2px solid var(--slot-accent, #e5e7eb);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:7px;color:#9ca3af;text-align:center;padding:10px 10px 8px;gap:6px;box-shadow:inset 0 0 0 1px #ffffff05}.loadout-slot.slot-relic{grid-area:offhand;--slot-accent: #9ca3af}.loadout-slot.slot-weapon{grid-area:weapon;--slot-accent: #9ca3af}.loadout-slot.slot-helm{grid-area:helm;--slot-accent: #9ca3af}.loadout-slot.slot-armor{grid-area:armor;--slot-accent: #9ca3af}.loadout-slot.slot-accessory1{grid-area:gloves;--slot-accent: #9ca3af}.loadout-slot.slot-accessory2{grid-area:accessory;--slot-accent: #9ca3af}.loadout-slot.slot-accessory3{grid-area:boots;--slot-accent: #9ca3af}.loadout-slot.filled,.stash-slot.filled{cursor:pointer}.loadout-slot.drag-over,.stash-slot.drag-over{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2459}.loadout-slot.filled{color:#e5e7eb}.loadout-slot.filled .slot-label{color:#9ca3af}.loadout-slot.filled .slot-item{color:#e5e7eb}.loadout-slot.locked{border-color:#4b5563;color:#6b7280}.loadout-slot.selected{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2466}.slot-icon{width:64px;height:64px;image-rendering:pixelated}.loadout-slot:not(.filled) .slot-icon{opacity:.4}.slot-label{font-size:8px;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 2px 0 rgba(0,0,0,.8)}.loadout-slot:not(.filled) .slot-label,.loadout-slot:not(.filled) .slot-item{color:#6b7280}.slot-item{font-size:9px;line-height:1.35;max-height:2.8em;overflow:hidden;word-break:break-word;text-shadow:0 2px 0 rgba(0,0,0,.8)}.loadout-slot.has-icon .slot-item{display:none}.stash-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:100%;max-width:900px;max-height:calc(100vh - 280px);flex:1;min-height:0;overflow-y:auto;margin-bottom:0;padding:10px;box-sizing:border-box;background:#05060c99;border:2px solid #2f3349;box-shadow:inset 0 0 0 1px #ffffff05;align-self:stretch}.stash-slot{min-height:46px;background:#0a0c14;border:2px solid #cbd5f5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:8px;color:#9ca3af;text-align:center;padding:4px;line-height:1.2;word-break:break-word}.stash-icon{width:50px;height:50px;image-rendering:pixelated}.stash-item-name{font-size:7px;line-height:1.1;max-height:2.2em;overflow:hidden}.stash-slot.has-icon .stash-item-name{display:none}.stash-slot.filled{color:#e5e7eb;border-color:#e5e7eb}.stash-slot.selected{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2466}.stash-slot.rarity-common,.loadout-slot.rarity-common{border-color:#e5e7eb}.stash-slot.rarity-magic,.loadout-slot.rarity-magic{border-color:#60a5fa}.stash-slot.rarity-rare,.loadout-slot.rarity-rare{border-color:var(--rare)}.stash-slot.rarity-legendary,.loadout-slot.rarity-legendary{border-color:var(--gold);box-shadow:0 0 8px #fbbf2433}.stash-slot.type-relic,.loadout-slot.type-relic{border-color:#f97316;box-shadow:0 0 8px #f9731640}.loadout-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;width:100%;padding:14px 18px;box-sizing:border-box;background:#0a0812d9;border:2px solid #3b2a52;box-shadow:inset 0 0 0 1px #ffffff0d;align-self:stretch}.summary-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.summary-label{font-size:9px}.summary-value{font-size:10px;color:#d1d5db;text-transform:none;font-variant-numeric:tabular-nums}.summary-might .summary-label{color:#f87171}.summary-cooldown .summary-label{color:#60a5fa}.summary-area .summary-label{color:#4ade80}.summary-luck .summary-label{color:#facc15}.summary-speed .summary-label{color:#c084fc}.summary-amount .summary-label{color:#22d3ee}.summary-greed .summary-label{color:#f59e0b}.summary-armor .summary-label{color:#e5e7eb}.details-panel{background:#0a0812d9;border:2px solid #3b2a52;padding:18px;display:flex;flex-direction:column;gap:12px;color:#e5e7eb;min-height:0;overflow-y:auto}.details-placeholder{color:#6b7280;font-size:11px;text-align:center;margin-top:50%;letter-spacing:.5px;line-height:1.5}.btn-salvage{position:relative;margin-top:auto;background:linear-gradient(180deg,#991b1b,#7f1d1d);border:1px solid #f87171;color:#fee2e2;padding:12px;font-family:"Press Start 2P",cursive;font-size:8px;cursor:pointer;box-shadow:0 4px #450a0a;transition:all .1s;overflow:hidden;user-select:none;-webkit-user-select:none}.btn-salvage .btn-text{position:relative;z-index:2;pointer-events:none}.btn-salvage .salvage-progress{position:absolute;left:0;top:0;bottom:0;width:0%;background:#f8717166;z-index:1;transition:width .05s linear}.btn-salvage:hover{background:linear-gradient(180deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 5px #450a0a}.btn-salvage:active{transform:translateY(1px);box-shadow:0 3px #450a0a}.btn-salvage.complete{background:#22c55e!important;border-color:#4ade80!important;box-shadow:0 2px #14532d!important;transform:translateY(2px)}.btn-salvage .btn-icon{font-size:12px;margin-right:4px}@media (max-width: 820px){#stash-screen.active{height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:repeating-linear-gradient(135deg,#ffffff08 0 2px,#080a1208 2px 6px),radial-gradient(circle at 50% -5%,rgba(120,49,196,.18),transparent 60%),linear-gradient(180deg,#0c0f1f,#070912,#000)}.stash-layout{display:flex;flex-direction:column;gap:12px;flex:0 0 auto;min-height:0;overflow:visible;width:100%}.stash-panel{height:auto;overflow:visible;padding:0;width:100%;box-sizing:border-box;align-items:stretch}.inventory-panel{background:#05060c99;border:2px solid #2f3349;border-radius:0;padding:4px;min-height:auto;height:auto;width:100%;max-width:100%;overflow:visible;box-sizing:border-box}.stash-grid{background:transparent;border:none;padding:0;gap:4px;width:100%;max-width:100%;max-height:none;overflow:visible;box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr))}.stash-slot{box-sizing:border-box;min-width:0;min-height:80px}.stash-icon{width:40px;height:40px}.loadout-grid,.loadout-stage{width:100%;max-width:320px}.loadout-silhouette{width:200px;height:220px}.stash-layout{padding-bottom:160px}.loadout-summary{display:grid;grid-template-columns:repeat(8,1fr);gap:0;padding:3px 2px;position:fixed;bottom:56px;left:0;right:0;z-index:101;background:linear-gradient(180deg,#0a0812fa,#05040afa);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 -2px 10px #00000080}.loadout-summary .summary-item{flex-direction:column;gap:0;align-items:center;justify-content:center;padding:0 2px}.loadout-summary .summary-label{font-size:5px;letter-spacing:0;text-align:center}.loadout-summary .summary-value{font-size:6px;font-weight:700;text-align:center}.stash-footer{display:block;position:fixed;inset:8px auto auto 8px;width:auto;z-index:120;margin:0;padding:0;background:transparent}.stash-footer button{display:block;padding:8px 12px;font-size:9px;margin:0;background:#000000b3;border:1px solid #666;box-shadow:0 2px 4px #00000080}.details-panel{position:fixed;bottom:0;left:0;right:0;z-index:100;height:auto;min-height:56px;overflow:hidden;border-top:2px solid #f87171;box-shadow:0 -2px 10px #00000080;padding:6px 4px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-radius:0;background:#000;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;align-items:stretch;justify-content:stretch}.details-panel:after{content:"";position:absolute;bottom:-100px;left:0;right:0;height:100px;background:#000;z-index:-1}.details-panel .loadout-detail-title,.details-panel .details-placeholder,.details-panel .salvage-progress,.details-panel .salvage-mode-desc,.details-panel .forge-separator,.details-panel>div:not(.btn-salvage){display:none}.details-panel .btn-salvage{padding:4px 2px;font-size:7px;min-height:48px;height:48px;margin:0;box-shadow:0 2px #450a0a;flex:1;min-width:0;white-space:normal;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:4px;line-height:1.2;text-align:center}.details-panel .btn-salvage .btn-text{font-size:7px;letter-spacing:0;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.3;white-space:pre-wrap}.details-panel .btn-salvage .btn-text span{display:block}.details-panel .btn-salvage .btn-text .btn-count{font-size:6px;opacity:.7}.details-panel .btn-salvage .btn-icon{display:none}}h1{color:var(--accent);margin-bottom:20px;font-size:24px;text-shadow:3px 3px 0 #000;line-height:1.5}h2{color:var(--gold);font-size:14px;margin-bottom:20px}button{background:var(--ui-bg);border:2px solid var(--text);color:var(--text);padding:12px 16px;font-family:inherit;font-size:10px;cursor:pointer;transition:.2s;box-shadow:3px 3px #000;margin:5px}.btn-start,.btn-secondary{box-shadow:none;margin:0}button:hover:not(.btn-start):not(.btn-secondary){background:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.char-scroll{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;max-width:95vw;width:fit-content;padding:10px 10px 15px;align-items:flex-start;flex-shrink:0}.char-card{position:relative;border:3px solid #222;background:#111;background-image:url(/char_card.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;padding:0;min-width:180px;max-width:180px;cursor:pointer;opacity:.6;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #00000080;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;box-sizing:border-box}.char-card.owned{opacity:1}.char-card.selected{border-color:#22c55e;box-shadow:0 0 15px #ef444466,0 4px 10px #00000080;z-index:10;filter:drop-shadow(0 0 4px #22c55e) drop-shadow(0 0 2px #22c55e)}.char-card:hover{border-color:#22c55e;box-shadow:0 6px 14px #000000b3;transform:translateY(-2px)}.char-card.selected:hover{border-color:#22c55e;box-shadow:0 0 20px #ef444499,0 8px 16px #000000b3;transform:translateY(-2px);filter:drop-shadow(0 0 4px #22c55e) drop-shadow(0 0 2px #22c55e)}.char-card-header{height:29px;display:flex;justify-content:center;align-items:center;background:transparent;border-bottom:1px solid #000;position:relative;padding:0 5px}.char-name{color:#fff;font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.info-btn{position:absolute;right:6px;top:50%;margin-top:-8px;width:16px;height:16px;background:radial-gradient(circle,#64748b,#334155);border:1px solid #94a3b8;border-radius:50%;font-size:9px;font-weight:800;display:flex;justify-content:center;align-items:center;color:#fff;cursor:help;transition:all .2s;line-height:1}.info-btn:hover{background:#60a5fa;border-color:#fff;box-shadow:0 0 5px #60a5fa}.char-card-body{height:66px;background:transparent;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.char-card-body:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,transparent 50%,rgba(255,255,255,.03) 50%);background-size:100% 4px;pointer-events:none}.char-portrait-frame{width:40px;height:40px;display:flex;justify-content:center;align-items:center;position:relative}.char-portrait-frame img.pixelated{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 5px 15px rgba(0,0,0,.8))}.char-portrait-emoji{font-size:28px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.8))}.char-card-footer{padding:8px 10px;background:transparent;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;text-align:left;border-top:1px solid rgba(255,255,255,.05);position:relative}.char-desc{font-size:8px;color:#94a3b8;line-height:1.4;font-weight:500;margin-bottom:2px;text-align:center}.char-info-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#0000004d;padding:4px 8px 4px 13px;border-radius:4px;border:1px solid rgba(255,255,255,.05);width:100%;box-sizing:border-box}.char-info-label{font-size:6px;color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-left:20px;line-height:1}.char-info-value{display:flex;align-items:flex-start;gap:6px;width:100%}.mini-icon{width:14px;min-width:14px;height:14px;display:flex;justify-content:center;align-items:center;image-rendering:pixelated}.char-info-text{font-size:9px;color:#fff;font-weight:900;text-transform:uppercase;white-space:normal;line-height:1.2;flex-grow:1}.char-info-text.ult{color:var(--gold)}.mini-icon img{width:100%;height:100%;object-fit:contain}#gacha-result{margin-top:20px;height:30px;color:var(--gold);font-weight:700;min-height:30px}#gacha-canvas{margin:20px;background:#0000004d;border:2px solid #333;box-shadow:0 0 20px #00000080}.gacha-controls{display:flex;gap:10px;align-items:center}#levelup-screen{z-index:100;background:#0f172afa}#levelup-screen.active{display:flex!important}#card-container{display:flex;flex-direction:column;gap:10px;max-width:90vw;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px;box-sizing:border-box}@media (min-width: 768px){#card-container{flex-direction:row;max-height:none;overflow-y:visible}}.level-card{background:var(--ui-bg);border:2px solid var(--text);padding:12px;width:100%;max-width:200px;cursor:pointer;transition:.2s;box-shadow:4px 4px #000;text-align:left;box-sizing:border-box}.level-card:hover{transform:scale(1.05);border-color:var(--gold)}.card-type{font-size:8px;color:var(--gold);margin-bottom:5px;text-transform:uppercase}.level-card-anim{animation:card-wave .6s ease-out;background:linear-gradient(135deg,var(--ui-bg) 0%,rgba(251,191,36,.1) 50%,var(--ui-bg) 100%);background-size:200% 200%}@keyframes card-wave{0%{transform:scale(.8);opacity:0;background-position:0% 50%}50%{transform:scale(1.02);opacity:1;background-position:100% 50%}to{transform:scale(1);opacity:1;background-position:0% 50%}}.dmg-text{position:absolute;font-weight:700;font-size:12px;color:#fff;text-shadow:2px 2px 0 #000;pointer-events:none;transition:opacity .5s}.crit-text{color:#ff0;font-size:16px;z-index:6}.player-hit{color:red!important;font-size:14px;text-shadow:0 0 5px #f00}.score-row{display:flex;justify-content:space-between;width:250px;margin-bottom:5px;font-size:10px;color:#aaa}.score-val{color:#fff}.total-row{border-top:1px solid #555;padding-top:10px;margin-top:5px;color:var(--gold);font-weight:700}.go-loot{display:none;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.go-loot.active{display:flex}.go-loot-header{font-size:9px;color:#9ca3af;text-transform:uppercase;letter-spacing:.6px}.go-loot-sub{font-size:8px;color:#6b7280;margin:0}.go-loot-actions{display:flex;gap:12px}#shop-grid{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:50vh;overflow-y:auto}#shop-grid button{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #475569;padding:15px;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative;overflow:hidden;transition:all .2s}#shop-grid button:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);transform:scaleX(0);transition:transform .2s}#shop-grid button:not(:disabled):before{transform:scaleX(1)}#shop-grid button:not(:disabled):hover{background:linear-gradient(135deg,#334155,#1e293b);border-color:var(--gold);box-shadow:0 0 15px #fbbf244d;transform:translateY(-2px)}#shop-grid button:not(:disabled):active{transform:translateY(0);box-shadow:0 0 5px #fbbf2480}#shop-grid button:disabled{background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border-color:#333;opacity:.7}#shop-grid button:disabled:before{background:#666;transform:scaleX(.3)}#shop-grid button div:first-child{color:#fff;font-size:11px;font-weight:700}#shop-grid button div:nth-child(2){color:#94a3b8;font-size:8px;line-height:1.3}#shop-grid button div:last-child{color:var(--gold);font-size:10px;font-weight:700}.shop-tabs{display:flex;gap:10px;justify-content:center;margin:10px 0 15px}.shop-tab{background:#1e293b;border:2px solid #334155;color:#e2e8f0;padding:8px 14px;font-size:9px;letter-spacing:.5px;transition:.2s}.shop-tab.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #fbbf2459}.shop-tab-content{display:none}.shop-tab-content.active{display:block}.shop-items-grid{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:50vh;overflow-y:auto}.shop-item-card{background:linear-gradient(135deg,#111827,#0f172a);border:2px solid #374151;padding:10px;display:flex;flex-direction:column;gap:6px;text-align:center;position:relative;transition:.2s}.shop-item-card:hover{transform:translateY(-2px);box-shadow:0 0 12px #0ea5e933}.shop-item-card.rarity-common{border-color:#e5e7eb}.shop-item-card.rarity-magic{border-color:#60a5fa}.shop-item-card.rarity-rare{border-color:var(--rare)}.shop-item-card.rarity-legendary{border-color:var(--gold);box-shadow:0 0 8px #fbbf2426}.shop-item-title{font-size:9px;color:#e2e8f0;line-height:1.2}.shop-item-rarity{font-size:8px;color:#fbbf24}.shop-item-type{font-size:8px;color:#94a3b8}.shop-item-price{font-size:9px;color:var(--gold)}.shop-item-expiry{font-size:7px;color:#94a3b8}.shop-item-card.veiled .shop-item-reveal{opacity:.2;transition:opacity .2s}.shop-item-card.veiled:hover .shop-item-reveal{opacity:1}.shop-buy-btn{background:#0f172a;border:1px solid #475569;color:#e2e8f0;padding:6px;font-size:8px;transition:.2s}.shop-buy-btn:hover{border-color:var(--gold);color:var(--gold)}.shop-empty{grid-column:span 2;color:#64748b;font-size:9px;text-align:center;padding:20px 0}.sell-grid{padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;max-height:45vh;overflow-y:auto}.sell-item{position:relative;background:linear-gradient(135deg,#111827,#0f172a);border:2px solid #374151;padding:4px;display:flex;flex-direction:column;gap:1px;text-align:center;transition:.2s;cursor:pointer;user-select:none;-webkit-user-select:none;aspect-ratio:1;min-height:70px}.sell-item:hover{transform:translateY(-2px);box-shadow:0 0 12px #0ea5e933}.sell-item.rarity-common{border-color:#e5e7eb}.sell-item.rarity-magic{border-color:#60a5fa}.sell-item.rarity-rare{border-color:var(--rare)}.sell-item.rarity-legendary{border-color:var(--gold);box-shadow:0 0 8px #fbbf2426}.sell-item.type-relic{border-color:#f97316;box-shadow:0 0 8px #f9731626}.sell-item-name{font-size:7px;color:#e2e8f0;line-height:1.1;max-height:2.2em;overflow:hidden}.sell-item-rarity{font-size:6px;color:#fbbf24}.sell-item-value{font-size:6px;color:var(--gold)}.sell-progress-bar{position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b80,#fbbf24b3);width:100%;height:100%;opacity:0;transition:opacity .05s linear;z-index:2;pointer-events:none}.sell-item.holding .sell-progress-bar{opacity:var(--progress, 0)}@media (max-width: 768px){.sell-item:after{content:"TAP";position:absolute;bottom:2px;right:4px;font-size:5px;color:#ffffff4d;pointer-events:none}}.sell-buttons{padding:10px;display:flex;flex-direction:column;gap:8px;border-top:1px solid #374151;margin-top:8px}.sell-buttons-title{font-size:9px;color:#fbbf24;text-align:center;padding:4px 0;text-transform:uppercase;letter-spacing:1px}.sell-buttons-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#shop-screen #sell-tab.active~.shop-footer{display:none}.sell-btn{background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #475569;color:#e2e8f0;padding:8px 6px;font-size:8px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:2px}.sell-btn:hover{border-color:var(--gold);color:var(--gold)}.sell-btn .btn-count{font-size:7px;color:#94a3b8}.confirm-modal{position:fixed;inset:0;background:#000c;display:none;justify-content:center;align-items:center;z-index:200}.confirm-modal.active{display:flex}.confirm-modal-content{background:#1e293b;border:2px solid var(--gold);padding:20px;max-width:90vw;text-align:center}.confirm-modal-title{font-size:12px;color:#fbbf24;margin-bottom:10px}.confirm-modal-text{font-size:10px;color:#e2e8f0;margin-bottom:16px}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-confirm{background:linear-gradient(135deg,#166534,#14532d);border:2px solid #22c55e;color:#dcfce7}.confirm-modal-confirm:hover{background:linear-gradient(135deg,#15803d,#166534);border-color:#4ade80}.confirm-modal-cancel{background:linear-gradient(135deg,#7f1d1d,#450a0a);border:2px solid #ef4444;color:#fee2e2}.confirm-modal-cancel:hover{background:linear-gradient(135deg,#991b1b,#7f1d1d);border-color:#f87171}.shop-footer{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.shop-daily{font-size:8px;color:#94a3b8}.extraction-ui{position:fixed;top:calc(80px + var(--safe-top));left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:15}.extract-warning{color:#4ade80;font-size:10px;text-shadow:0 0 8px rgba(74,222,128,.6);margin-bottom:4px}.extract-countdown{color:#4ade80;font-size:10px}.extract-progress{color:#22d3ee;font-size:10px;margin-top:4px}.extract-arrow{position:fixed;width:28px;height:28px;background:#4ade80;clip-path:polygon(50% 0%,100% 100%,0 100%);filter:drop-shadow(0 0 6px rgba(74,222,128,.6));pointer-events:none;z-index:15}.debug-btn-toggle{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:8px;color:#444;border:none;background:none;box-shadow:none;opacity:.5;padding:5px;z-index:25}.debug-btn-toggle:hover{color:var(--debug);opacity:1;background:none}.debug-menu-content{background:#1e1e3f;border:4px dashed var(--debug);padding:20px;display:flex;flex-direction:column;gap:10px}.debug-action-btn{background:#312e81;border-color:var(--debug)}.level-info-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(2px);z-index:1500;display:none;pointer-events:auto}.level-info-backdrop.active{display:block}.level-info-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,90vw);background:#0a0f1e;border:2px solid #06b6d4;border-radius:8px;padding:16px;z-index:2000;display:none;flex-direction:column;box-shadow:0 0 40px #000000e6,0 0 15px #06b6d44d;pointer-events:auto;user-select:text;-webkit-user-select:text}.level-info-popup.active{display:flex}.level-info-title{font-size:14px;color:#06b6d4;margin-bottom:4px;text-transform:uppercase;text-shadow:0 0 8px rgba(6,182,212,.5)}.level-info-desc{font-size:9px;color:#888;margin-bottom:12px}.level-info-tabs{display:flex;gap:6px;margin-bottom:10px}.level-tab{flex:1;background:#101827;border:1px solid #1f2937;color:#9ca3af;font-size:9px;padding:6px 8px;text-transform:uppercase;cursor:pointer}.level-tab.active{color:#06b6d4;border-color:#06b6d4;box-shadow:0 0 10px #06b6d433}.level-info-content{max-height:60vh;overflow-y:auto;padding-right:4px}.level-tab-content{display:none}.level-tab-content.active{display:block}.level-row{display:flex;flex-direction:column;padding:8px;border-bottom:1px solid #222;margin-bottom:2px}.level-row:last-child{border-bottom:none}.level-row.current{background:#06b6d41a;border-left:3px solid #06b6d4}.level-num{font-size:10px;color:#fbbf24;margin-bottom:4px}.level-details{font-size:9px;color:#fff;line-height:1.4}.relic-list-title{font-size:10px;color:#fbbf24;text-transform:uppercase;margin-bottom:6px}.relic-list{display:flex;flex-direction:column;gap:8px}.relic-entry{padding:0;border:none;background:transparent}.relic-entry-card{border:2px solid #f97316;background:#000000d9;padding:10px;border-radius:6px;box-shadow:0 8px 24px #00000080}.relic-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.relic-entry-header,.relic-entry-name,.relic-entry-tier,.relic-entry-effect,.relic-entry-hint,.relic-effect-line,.relic-effect-line:before{all:unset}.relic-empty{font-size:10px;color:#64748b;padding:8px;text-align:center}.relic-tooltip{position:fixed;display:none;z-index:2100;width:220px;background:#0b1220;border:1px solid #38bdf8;border-radius:8px;padding:8px;box-shadow:0 10px 30px #0009;pointer-events:none}.relic-tooltip-title{font-size:9px;color:#38bdf8;text-transform:uppercase;margin-bottom:4px}.relic-tooltip-line{font-size:9px;color:#e2e8f0;line-height:1.3}.level-stat-table{display:grid;grid-template-columns:1fr;gap:4px}.level-stat-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:2px 6px;background:#0f172a99;border:1px solid rgba(15,23,42,.9);border-radius:6px}.level-stat-label{color:#94a3b8;letter-spacing:.02em}.level-stat-value{color:#fff;font-weight:600}.level-stat-value.highlight{color:#06b6d4}.new-bonus-section{margin-top:6px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}.new-bonus-line{display:flex;align-items:center;gap:6px;margin-top:3px;color:#06b6d4}.new-bonus-tag{font-size:7px;padding:1px 3px;background:#06b6d433;border:1px solid rgba(6,182,212,.4);border-radius:2px;color:#06b6d4;text-transform:uppercase;font-weight:700}.level-details div{margin-top:1px}.info-popup-close{margin-top:16px;padding:10px;font-size:10px;background:#111;border:1px solid #333;color:#fff;cursor:pointer;border-radius:4px;transition:.2s}.info-popup-close:hover{background:#222;border-color:#666}#menu-screen.active{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5px;box-sizing:border-box;overflow-y:auto;background-image:url(/menu_background.png);background-size:cover;background-position:center;background-repeat:no-repeat}#menu-screen.active:before{content:"";position:absolute;inset:0;background:#0006;pointer-events:none;z-index:0}.menu-logo{width:auto;max-width:80%;max-height:12vh;padding:5px 0;height:auto;margin:0 auto 3px;flex-shrink:0;position:relative;z-index:10}.char-scroll{min-height:0;margin-bottom:10px;width:100%;position:relative;z-index:1}@media (min-width: 768px){.char-scroll{justify-content:center}}.menu-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:calc(100vw - 20px);width:100%;margin:0 auto;padding:0 10px 10px;box-sizing:border-box;position:relative;z-index:1;align-items:end}@media (min-width: 600px){.menu-actions-grid{grid-template-columns:repeat(4,1fr);max-width:900px}}.btn-start,.btn-secondary{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;gap:0;min-width:0;min-height:140px;background-size:contain;background-position:center;background-repeat:no-repeat;border:none;border-radius:6px;cursor:pointer;image-rendering:pixelated;position:relative;background-color:transparent!important}.btn-start:hover,.btn-secondary:hover{background-color:transparent!important;filter:drop-shadow(0 0 4px #22c55e) drop-shadow(0 0 2px #22c55e)}.btn-secondary[data-button=summon]{background-image:url(/summon_button.png)}.btn-secondary[data-button=merchants]{background-image:url(/merchants.png)}.btn-secondary[data-button=stash]{background-image:url(/stash.png);transform:translateY(-1px)}.btn-start{background-image:url(/start_button.png);transform:translateY(-8px)}.btn-start .btn-icon,.btn-secondary .btn-icon{display:none}.btn-start .btn-text,.btn-secondary .btn-text{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);margin-bottom:40px;z-index:2}.btn-start .btn-text{margin-bottom:33px}.btn-start:hover{background-color:transparent!important;background-image:url(/start_button.png)!important}.btn-secondary:hover{background-color:transparent!important}.btn-icon{font-size:24px;display:block}.btn-text{font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.5)}.btn-debug{margin:0 auto 10px;padding:6px 12px;font-size:8px;color:#64748b;background:#0f172a80;border:1px solid #1e293b;border-radius:4px;cursor:pointer}.btn-debug:hover{color:#888;border-color:#444}.menu-footer{margin-top:auto;padding:10px 0;text-align:center;flex-shrink:0;position:relative;z-index:1}.menu-version-footer{font-size:8px;color:#475569;margin-top:5px;pointer-events:none}.btn-secondary:active,.btn-start:active{transform:scale(.95)}@media (max-width: 768px){.char-scroll{gap:15px;padding:15px 10px 25px;min-height:auto}.char-card{min-width:150px;max-width:150px}.char-card-body{height:80px}.char-portrait-frame{width:50px;height:50px}.char-portrait-emoji{font-size:32px}.btn-icon{font-size:20px}.btn-text{font-size:8px}}@media (max-height: 500px) and (orientation: landscape){#menu-screen.active{padding-top:10px}.menu-logo{max-height:15vh;max-width:160px}.char-scroll{min-height:0;margin-bottom:8px}.menu-actions-grid{padding-bottom:20px}}@media (max-width: 480px){.hud-top{padding:calc(10px + var(--safe-top)) 10px 10px;font-size:8px}.hud-right{gap:4px}.item-slots{bottom:calc(10px + var(--safe-bottom));left:10px;gap:4px}.item-slot{width:30px;height:30px}.item-icon{font-size:14px}.ult-btn{bottom:calc(15px + var(--safe-bottom));right:15px;width:55px;height:55px;font-size:20px}}