@import "https://fonts.googleapis.com/css2?family=Metamorphous&family=Pirata+One&family=Delius&family=JetBrains+Mono:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-deep:#0a0f1c;--bg-base:#0f172a;--bg-elevated:#1e293b;--bg-inset:#0b1220;--surface-2:#27334a;--border:#334155;--border-strong:#475569;--bg-card-glass:#1e293bc7;--bg-card-glass-hi:#1e293be0;--backdrop-blur:blur(8px);--fg-primary:#f1f5f9;--fg-default:#e5e7eb;--fg-muted:#94a3b8;--fg-disabled:#ffffff61;--accent-primary:#a855f7;--accent-primary-hi:#c084fc;--accent-glow:#a855f759;--accent-warm:#f59e0b;--accent-warm-hi:#fbbf24;--accent-danger:#ef4444;--accent-success:#22c55e;--accent-poison:#84cc16;--accent-burn:#fb923c;--rarity-common:#9ca3af;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--cta-primary-bg:var(--accent-primary);--cta-primary-fg:#fff;--cta-primary-glow:0 0 18px var(--accent-glow);--cta-secondary-bg:var(--bg-elevated);--cta-secondary-fg:var(--fg-primary);--cta-secondary-bd:var(--border);--cta-destructive-bg:var(--accent-danger);--cta-destructive-fg:#fff;--font-banner:"Metamorphous", "Pirata One", "Times New Roman", serif;--font-display:"Pirata One", "Times New Roman", serif;--font-ui:"Delius", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-cap:14px;--fs-label:16px;--fs-body:18px;--fs-lead:20px;--fs-h3:24px;--fs-h2:30px;--fs-h1:40px;--fs-display:60px;--lh-tight:1.2;--lh-body:1.5;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-glow-purple:0 0 24px var(--accent-glow);--shadow-glow-amber:0 0 12px 2px var(--accent-warm-hi);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-mid:.22s;--dur-slow:.32s;--z-base:0;--z-elev:10;--z-overlay:100;--z-modal:1000;--z-toast:2000}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-mid:0s;--dur-slow:60ms}}*{box-sizing:border-box}html{background:var(--bg-base)}html,body{color:var(--fg-default);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:0 0}.num,.stats>*{font-variant-numeric:tabular-nums}h1,h2,.display{font-family:var(--font-display);font-weight:400;line-height:var(--lh-tight);letter-spacing:.03em}:where(button,a,[role=button],[tabindex]):focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}:root{font-family:var(--font-ui);font-size:16px}html{background:var(--bg-base);min-height:100vh}body{color:var(--fg-default);background:0 0;flex-direction:column;justify-content:center;min-height:100vh;margin:0;display:flex}#root{width:100%;max-width:1180px;padding:var(--space-3);box-sizing:border-box;margin:0 auto}.app{gap:var(--space-2);flex-direction:column;display:flex}.topbar{z-index:50;padding:8px var(--space-3);border-radius:var(--radius-lg);isolation:isolate;background:radial-gradient(circle,#94a3b82e 1px,#0000 1.5px) 0 0/14px 14px,linear-gradient(#1e293bf5 0%,#0f172af5 100%),radial-gradient(at 20% 0,#a855f71f,#0000 60%);border:none;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:visible;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0f}.topbar:before{content:"";left:var(--space-4);right:var(--space-4);background:linear-gradient(90deg, transparent, var(--accent-warm) 30%, var(--accent-warm) 70%, transparent);opacity:.5;height:1px;position:absolute;bottom:0}.topbar h1{font-family:var(--font-banner);letter-spacing:.02em;margin:0;font-size:28px;font-weight:400;line-height:1.05}.tag{color:var(--accent-warm-hi);vertical-align:middle;font-size:11px;font-weight:700;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 1px #000;background:linear-gradient(#2a1a0e,#14080a);border:1px solid #b48c4680;border-radius:2px;margin-left:6px;padding:3px 10px;box-shadow:inset 0 1px #fbbf2426,inset 0 -1px #0009,0 0 6px #fbbf2426}.stats{gap:var(--space-2);font-size:var(--fs-label);font-variant-numeric:tabular-nums;align-items:center;display:flex}.stat-chip{font-weight:500;font-family:var(--font-mono);color:#d6c79a;transition:border-color var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast);text-shadow:0 1px 1px #000c;background:linear-gradient(#1a1410 0%,#0a0806 100%);border:1px solid #b48c4680;border-radius:3px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0009,0 1px 2px #00000080}.stat-chip:hover{border-color:var(--accent-warm);color:var(--accent-warm-hi);transform:translateY(-1px);box-shadow:0 0 12px #fbbf2440,inset 0 1px #ffffff14}.stat-chip svg{color:var(--accent-warm-hi)}.icon-btn{color:#d6c79a;width:36px;height:36px;transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast);background:linear-gradient(#1a1410 0%,#0a0806 100%);border:1px solid #b48c4666;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:0;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0009}.icon-btn:hover:not(:disabled){border-color:var(--accent-warm);color:var(--accent-warm-hi);transform:translateY(-1px);box-shadow:0 0 12px #fbbf244d,inset 0 1px #fbbf2426}.icon-btn svg{display:block}.main{gap:var(--space-2);grid-template-columns:2fr 1.3fr;justify-content:center;display:grid}@media (width<=768px){.main{grid-template-columns:1fr}}.left,.right{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:10px;display:flex}.vault-label,.inventory-label,.shop-header{text-align:center;margin-bottom:2px;font-weight:600}.shop-header{z-index:2;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.shop-header-gold{align-items:center;gap:4px;display:inline-flex}.right-shop{isolation:isolate;background-position:50%;background-repeat:no-repeat;background-size:cover;align-self:start;position:relative;overflow:hidden}.right-shop .shop{flex-direction:column;flex:1;min-height:0;display:flex}.right-shop .shop-items{margin:0}.right-shop:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0f172a9e 0%,#0f172ad9 100%);position:absolute;inset:0}.right-shop>*{z-index:1;position:relative}.vault-grid{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);background:0 0}.grid-cell{border-radius:var(--radius-sm);transition:background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);background:0 0;border:1px dashed #0000}.app.is-dragging .grid-cell,.app.is-dragging .tray-cell{border-color:var(--accent-warm);border-style:dashed;box-shadow:inset 0 0 0 1px #fbbf242e,0 0 8px #fbbf241f}.app.is-dragging .vault-grid{outline-offset:2px;outline:1px dashed #fbbf2459}.placed-item{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow var(--dur-mid), transform var(--dur-fast);z-index:2;background:radial-gradient(circle at 30% 25%,#ffffff0a 0%,#0000 18%),radial-gradient(circle at 75% 70%,#ffffff08 0%,#0000 22%),radial-gradient(circle at 50% 52%,#1c1622d9 0%,#141018a6 55%,#0a080e40 78%,#0000 88%),radial-gradient(65% 50% at 50% 55%,#fbbf241f 0%,#0000 70%),radial-gradient(70% 18% at 50% 92%,#00000080 0%,#0000 70%);border:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 4px #00000080}.placed-item.aura{box-shadow:inset 0 0 0 2px #a855f733}.placed-item.merge-hint{outline-offset:2px;z-index:3;outline:2px solid #fbbf24d9;animation:1.05s ease-in-out infinite mergeHintPulse}.placed-item.merge-hint:after{content:"";pointer-events:none;z-index:5;filter:drop-shadow(0 0 6px #fbbf24f2);background-image:url(/img/ui/glyph_anvil.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:22px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes mergeHintPulse{0%{transform:scale(1);box-shadow:0 0 6px #a855f759}to{transform:scale(1.05);box-shadow:0 0 14px #a855f7d9}}.placed-item:before{content:"";pointer-events:none;z-index:1;opacity:.95;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:-2px}.placed-item.rarity-common:before{background-image:url(/img/ui/frame_common.png)}.placed-item.rarity-rare:before{background-image:url(/img/ui/frame_rare.png)}.placed-item.rarity-epic:before{background-image:url(/img/ui/frame_epic.png)}.placed-item.rarity-rare,.tray-item.rarity-rare{background:radial-gradient(circle at 30% 25%,#93c5fd0f 0%,#0000 18%),radial-gradient(circle at 75% 70%,#93c5fd0a 0%,#0000 22%),radial-gradient(circle at 50% 52%,#141e32e6 0%,#0e1626b3 55%,#080e184d 78%,#0000 88%),radial-gradient(65% 50% at 50% 55%,#3b82f633 0%,#0000 70%),radial-gradient(70% 18% at 50% 92%,#0000008c 0%,#0000 70%);box-shadow:inset 0 1px #93c5fd1f,inset 0 -2px 4px #0000008c,inset 0 0 12px #3b82f61f}.placed-item.rarity-epic,.tray-item.rarity-epic{background:radial-gradient(circle at 50% 55%,#0000 48%,#a855f738 58%,#0000 72%),radial-gradient(circle at 30% 25%,#d8b4fe14 0%,#0000 18%),radial-gradient(circle at 75% 70%,#d8b4fe0d 0%,#0000 22%),radial-gradient(circle at 50% 52%,#221432eb 0%,#180e26bf 55%,#0e081659 78%,#0000 88%),radial-gradient(65% 50% at 50% 55%,#a855f742 0%,#0000 70%),radial-gradient(70% 18% at 50% 92%,#0009 0%,#0000 70%);box-shadow:inset 0 1px #d8b4fe2e,inset 0 -2px 4px #0009,inset 0 0 16px #a855f733}.placed-item.rarity-rare,.tray-item.rarity-rare{animation:3s ease-in-out infinite placedRarePulse;animation-delay:calc(var(--placed-idx,0) * .18s)}.placed-item.rarity-epic,.tray-item.rarity-epic{animation:2.4s ease-in-out infinite placedEpicPulse;animation-delay:calc(var(--placed-idx,0) * .22s)}@keyframes placedRarePulse{0%,to{box-shadow:inset 0 1px #93c5fd1f,inset 0 -2px 4px #0000008c,inset 0 0 12px #3b82f61f,0 0 #3b82f600}50%{box-shadow:inset 0 1px #93c5fd33,inset 0 -2px 4px #0000008c,inset 0 0 16px #3b82f63d,0 0 10px 1px #3b82f647}}@keyframes placedEpicPulse{0%,to{box-shadow:inset 0 1px #d8b4fe2e,inset 0 -2px 4px #0009,inset 0 0 16px #a855f733,0 0 #a855f700}50%{box-shadow:inset 0 1px #d8b4fe47,inset 0 -2px 4px #0009,inset 0 0 22px #a855f75c,0 0 14px 1px #a855f766}}.placed-item:active,.tray-item:active{animation:none}.placed-item .placed-fx{pointer-events:none;z-index:5;position:absolute;inset:0}.placed-item.rarity-epic .placed-fx .sparkle{opacity:0;background:radial-gradient(circle,#fff 0%,#d8b4febf 50%,#0000 78%);border-radius:50%;width:3px;height:3px;animation:4s ease-in-out infinite sparkleFloat;position:absolute;box-shadow:0 0 5px #fffc}.placed-item.rarity-epic .placed-fx .sparkle.s1{animation-delay:calc(var(--placed-idx,0) * .4s);top:28%;left:22%}.placed-item.rarity-epic .placed-fx .sparkle.s2{animation-delay:calc(var(--placed-idx,0) * .4s + 1.6s);top:58%;left:72%}.placed-scrim{border-radius:0 0 var(--radius-sm) var(--radius-sm);color:#fff;text-shadow:0 1px 2px #000000f2;opacity:0;transition:opacity var(--dur-mid) var(--ease-out), transform var(--dur-mid) var(--ease-out);pointer-events:none;z-index:4;background:linear-gradient(#0000 0%,#0b12208c 35%,#0b1220f2 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;padding:4px 4px 3px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(6px)}.placed-item:hover .placed-scrim{opacity:1;transform:translateY(0)}.placed-scrim .placed-name{font-family:var(--font-ui);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;line-height:1.1;overflow:hidden}.placed-scrim .placed-cd{font-family:var(--font-mono);color:var(--accent-warm-hi);text-shadow:0 0 4px #fbbf248c,0 1px 1px #000;font-size:9px}.placed-emoji{z-index:3;justify-content:center;align-items:center;font-size:72px;display:flex;position:absolute;inset:-4px;overflow:visible}.synergy-lines{pointer-events:none;z-index:5!important}.synergy-lines path{stroke-width:2px;animation:2.4s ease-in-out infinite synergyBreathe}@keyframes synergyBreathe{0%,to{opacity:.45}50%{opacity:.85}}.drop-preview{border-radius:var(--radius-sm);transition:background var(--dur-fast), border-color var(--dur-fast);border:2px solid #0000;animation:.9s ease-in-out infinite dropPreviewPulse}.drop-preview.ok{background:#22c55e38;border-color:#22c55ed9;box-shadow:inset 0 0 12px #22c55e59,0 0 8px #22c55e59}.drop-preview.bad{background:#ef444438;border-color:#ef4444d9;box-shadow:inset 0 0 12px #ef444459,0 0 8px #ef444459}.drop-preview.occ{background:#60a5fa2e;border-style:dashed;border-color:#60a5fabf;box-shadow:inset 0 0 10px #60a5fa4d,0 0 6px #60a5fa4d}@keyframes dropPreviewPulse{0%,to{opacity:.85}50%{opacity:1}}.drag-ghost{pointer-events:none;cursor:grabbing;opacity:.95;filter:drop-shadow(0 12px 24px #000000b3)drop-shadow(0 0 18px #fbbf248c);justify-content:center;align-items:center;animation:1.6s ease-in-out infinite ghostFloat;display:flex;position:relative;transform:rotate(-2deg)scale(1.04)}@keyframes ghostFloat{0%,to{transform:rotate(-2deg)scale(1.04)translateY(0)}50%{transform:rotate(-1.5deg)scale(1.05)translateY(-2px)}}.drag-ghost:after{content:"";border-radius:var(--radius-sm);pointer-events:none;z-index:4;border:2px dashed #fbbf24d9;animation:1.2s ease-in-out infinite ghostRingPulse;position:absolute;inset:-3px}@keyframes ghostRingPulse{0%,to{box-shadow:0 0 #fbbf2459}50%{box-shadow:0 0 0 6px #fbbf2400}}.ctx-menu{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:var(--z-overlay);animation:ctxMenuIn var(--dur-mid) var(--ease-out);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%,6px)}@keyframes ctxMenuIn{0%{opacity:0;transform:translate(-50%)scale(.94)}to{opacity:1;transform:translate(-50%,6px)scale(1)}}.ctx-menu-item{color:var(--fg-default);padding:10px var(--space-3);text-align:left;border-radius:var(--radius-sm);font-size:var(--fs-label);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;min-height:44px;font-weight:500}.ctx-menu-item:hover{background:var(--surface-2)}.ctx-menu-item:active{transform:scale(.97)}.ctx-menu-cancel{color:var(--fg-muted);border-top:1px solid var(--border);margin-top:2px}.grid-item,.tray-item{background:var(--bg-inset);border:2px solid var(--fg-disabled);border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.grid-item:active,.tray-item:active{cursor:grabbing}.grid-item.static{cursor:default}.grid-item-emoji{font-size:28px}.inventory-tray{border-radius:var(--radius-md);min-height:44px;transition:border-color var(--dur-fast);background:0 0;border:1px dashed #0000;flex-wrap:wrap;gap:6px;padding:4px 8px;display:flex}.app.is-dragging .inventory-tray{border-color:var(--accent-warm)}.inventory-tray-grid{flex-wrap:initial;width:100%;display:grid}.tray-cell{border-radius:var(--radius-sm);aspect-ratio:1.5;background:0 0;border:1px dashed #0000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.tray-item{border:2px solid var(--fg-disabled);border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(circle at 30% 25%,#ffffff0a 0%,#0000 18%),radial-gradient(circle at 75% 70%,#ffffff08 0%,#0000 22%),radial-gradient(circle at 50% 52%,#1c1622d9 0%,#141018a6 55%,#0a080e40 78%,#0000 88%),radial-gradient(65% 50% at 50% 55%,#fbbf241f 0%,#0000 70%),radial-gradient(70% 18% at 50% 92%,#00000080 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:100%;font-size:42px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,inset 0 -2px 4px #00000080}.tray-item:active{cursor:grabbing}.tray-item .icon-img{object-fit:contain;width:78%;height:78%}.placed-item img.icon-img,.tray-item img.icon-img{filter:drop-shadow(0 1px #ffffff38)drop-shadow(0 1px 1px #00000059)drop-shadow(0 4px 3px #00000073)drop-shadow(0 8px 8px #00000080);transform-origin:50% 90%;will-change:transform, filter;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),filter .22s;transform:none}.placed-item:hover img.icon-img,.tray-item:hover img.icon-img{filter:drop-shadow(0 1px #ffffff59)drop-shadow(0 2px 1px #0006)drop-shadow(0 8px 6px #00000080)drop-shadow(0 14px 14px #0009)drop-shadow(0 0 12px #fbbf2459);transform:perspective(420px)rotateX(-4deg)translateY(-3px)scale(1.08)}.placed-item.rarity-rare img.icon-img,.tray-item.rarity-rare img.icon-img{filter:drop-shadow(0 1px #ffffff38)drop-shadow(0 1px 1px #00000059)drop-shadow(0 4px 3px #00000073)drop-shadow(0 8px 8px #00000080)drop-shadow(0 0 8px #3b82f64d)}.placed-item.rarity-epic img.icon-img,.tray-item.rarity-epic img.icon-img{filter:drop-shadow(0 1px #ffffff40)drop-shadow(0 1px 1px #00000059)drop-shadow(0 4px 3px #00000073)drop-shadow(0 8px 8px #00000080)drop-shadow(0 0 10px #a855f766)}.placed-item:active img.icon-img,.tray-item:active img.icon-img,.drag-ghost img.icon-img{animation:none;transform:none}.tray-item .tier-badge{position:absolute;bottom:2px;right:4px}.shape-badge{font-family:var(--font-mono);color:var(--accent-warm-hi);text-shadow:0 1px 1px #000;pointer-events:none;z-index:3;background:#000000b3;border:1px solid #b48c4680;border-radius:2px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:2px;left:4px}.shop-shape-badge{-webkit-backdrop-filter:blur(2px);background:#000c;padding:2px 6px;font-size:11px;top:6px;left:6px;box-shadow:0 1px 3px #0009}.shop-rarity-frame{pointer-events:none;z-index:0;opacity:.95;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:-2px}.shop-item-bg.rarity-common .shop-rarity-frame{background-image:url(/img/ui/frame_common.png)}.shop-item-bg.rarity-rare .shop-rarity-frame{background-image:url(/img/ui/frame_rare.png)}.shop-item-bg.rarity-epic .shop-rarity-frame{background-image:url(/img/ui/frame_epic.png)}.shop-item-img{object-fit:contain;object-position:center top;pointer-events:none;z-index:1;filter:drop-shadow(0 1px #ffffff40)drop-shadow(0 2px 1px #00000059)drop-shadow(0 8px 6px #00000073)drop-shadow(0 16px 18px #0000008c)drop-shadow(0 0 12px #fbbf242e);transform-origin:50% 90%;will-change:transform, filter;width:90%;height:auto;max-height:85%;transition:transform .28s cubic-bezier(.2,.9,.3,1.2),filter .28s;animation:4.2s ease-in-out infinite alternate shopItemFloat;position:absolute;top:6%;left:50%;transform:translate(-50%)perspective(600px)rotateX(8deg)translateY(0)}@keyframes shopItemFloat{0%{transform:translate(-50%)perspective(600px)rotateX(8deg)translateY(0)rotateY(-2deg)}to{transform:translate(-50%)perspective(600px)rotateX(6deg)translateY(-4px)rotateY(2deg)}}.shop-item-bg:hover:not(:disabled) .shop-item-img{filter:drop-shadow(0 1px #fff6)drop-shadow(0 3px 2px #00000073)drop-shadow(0 14px 10px #0000008c)drop-shadow(0 26px 28px #000000a6)drop-shadow(0 0 20px #fbbf2473);animation-play-state:paused;transform:translate(-50%)perspective(600px)rotateX(-4deg)rotateY(0)translateY(-10px)scale(1.08)}.shop-item-bg.rarity-epic .shop-item-img{filter:drop-shadow(0 1px #ffffff4d)drop-shadow(0 2px 1px #00000059)drop-shadow(0 8px 6px #00000073)drop-shadow(0 16px 18px #0000008c)drop-shadow(0 0 16px #a855f773)}.shop-item-bg.rarity-rare .shop-item-img{filter:drop-shadow(0 1px #ffffff47)drop-shadow(0 2px 1px #00000059)drop-shadow(0 8px 6px #00000073)drop-shadow(0 16px 18px #0000008c)drop-shadow(0 0 14px #3b82f659)}.empty-hint{color:var(--fg-muted);padding:var(--space-2);font-size:13px}.btn{background:var(--cta-secondary-bg);color:var(--cta-secondary-fg);border:1px solid var(--cta-secondary-bd);border-radius:var(--radius-sm);padding:var(--space-2) 14px;font-size:var(--fs-label);cursor:pointer;font-weight:600;font-family:var(--font-ui);transition:background var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);min-height:36px}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg, var(--accent-danger), #b91c1c);color:#fff;font-size:var(--fs-body);border-color:#7f1d1d;min-height:44px;padding:10px 20px}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg, #f87171, var(--accent-danger));box-shadow:0 0 18px #ef444466}.btn.small{font-size:var(--fs-cap);min-height:28px;padding:4px 10px}.btn.ghost{background:0 0}.fight-btn{width:100%;min-height:40px;font-family:var(--font-display);font-size:var(--fs-lead);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-md);background:linear-gradient(180deg, #f87171 0%, var(--accent-danger) 45%, #b91c1c 100%);color:#fff5f5;text-shadow:0 1px #00000073,0 0 12px #ef444459;justify-content:center;align-items:center;gap:var(--space-3);isolation:isolate;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out), filter var(--dur-fast) var(--ease-out);border:1px solid #7f1d1d;padding:8px 16px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #00000059,0 2px 6px #00000073,0 0 0 1px #00000059}.fight-btn:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(115deg,#0000 30%,#ffffff2e 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.fight-btn:hover:not(:disabled),.fight-btn:focus-visible:not(:disabled){background:linear-gradient(180deg, #fca5a5 0%, #f87171 45%, var(--accent-danger) 100%);transform:scale(1.02);box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0006,0 4px 14px #00000080,0 0 24px #ef44448c}.fight-btn:hover:not(:disabled):before{animation:fightShimmer 1.1s var(--ease-out)}.fight-btn:active:not(:disabled){filter:brightness(.92);transform:scale(.98)}.fight-btn:disabled{opacity:.4;cursor:not-allowed}.fight-btn-icon{filter:drop-shadow(0 1px 1px #00000080);justify-content:center;align-items:center;font-size:1.25em;display:inline-flex}.fight-btn-icon>img{object-fit:contain;width:28px;height:28px;display:block}.fight-btn-label{line-height:1}.fight-btn.boss{background:linear-gradient(135deg, var(--accent-danger) 0%, #7c2d12 50%, var(--accent-warm) 100%);border-color:var(--accent-warm-hi);text-shadow:0 1px #0000008c,0 0 14px #fbbf2480;animation:1.6s ease-in-out infinite fightBossPulse}.fight-btn.boss:hover:not(:disabled),.fight-btn.boss:focus-visible:not(:disabled){background:linear-gradient(135deg, #f87171 0%, var(--accent-danger) 50%, var(--accent-warm-hi) 100%);box-shadow:inset 0 1px 0 #ffffff59, inset 0 -2px 0 #0006, 0 4px 14px #00000080, var(--shadow-glow-amber)}@keyframes fightShimmer{to{transform:translate(120%)}}@keyframes fightBossPulse{0%,to{box-shadow:inset 0 1px #ffffff40,inset 0 -2px #00000059,0 2px 6px #00000073,0 0 14px #ef444473}50%{box-shadow:inset 0 1px #ffffff59,inset 0 -2px #00000059,0 2px 8px #00000080,0 0 26px #fbbf248c}}@media (prefers-reduced-motion:reduce){.fight-btn.boss,.fight-btn:hover:not(:disabled):before{animation:none}}.hint{font-size:var(--fs-cap);color:var(--fg-muted);margin:0}.vault .hint{text-align:center}.meta-hint{text-align:center;max-width:540px;font-size:calc(var(--fs-cap) + 1px);color:var(--fg);text-shadow:0 1px 2px #000000d9;letter-spacing:.01em;background:linear-gradient(#14100a8c,#0c0a06bf);border:1px solid #fbbf2447;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:8px auto 0;padding:7px 14px;line-height:1.35;display:flex;box-shadow:inset 0 0 0 1px #00000059,0 2px 8px #00000073}.meta-hint .hint-icon{filter:drop-shadow(0 0 6px #fbbf248c);align-items:center;font-size:1.05em;display:inline-flex}.meta-hint .hint-icon>img{object-fit:contain;width:18px;height:18px;display:block}.meta-hint .hint-text{flex-direction:column;flex:0 auto;gap:2px;display:inline-flex}.meta-hint .hint-line{display:block}.meta-hint.multi .hint-line+.hint-line{color:var(--fg-muted);font-size:.95em}.meta-hint.multi .hint-icon{align-self:center}.shop-hint{max-width:100%;font-size:var(--fs-cap);background:linear-gradient(#14100ab8,#0a0805e0);border-color:#fbbf2452;border-radius:8px;flex:none;margin:6px 0 0;padding:5px 10px;line-height:1.3;box-shadow:inset 0 0 0 1px #00000073,0 1px 4px #0000008c}.shop-hint .hint-icon{font-size:1em}.shop-hint.multi .hint-line+.hint-line{font-size:.9em}.vault{flex-direction:column;flex:auto;align-items:stretch;width:100%;min-height:0;display:flex}.vault-grid{margin:0 auto}.shop-footer{margin-top:var(--space-2);justify-content:center;display:flex}.shop-footer .reroll-btn{min-width:160px}.reroll-btn.reroll-btn-square{border-radius:var(--radius-md);isolation:isolate;width:72px;height:72px;transition:transform var(--dur-fast), box-shadow var(--dur-mid), filter var(--dur-fast), background-size var(--dur-mid);background-color:#0000;background-image:radial-gradient(at 50% 35%,#fbbf242e 0%,#0000 65%),radial-gradient(at 50% 90%,#b4530959 0%,#0000 70%),linear-gradient(#2b1f10f2 0%,#14100af2 100%);background-position:top;background-repeat:no-repeat;background-size:115%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #fbbf248c;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:0;animation:12s ease-in-out infinite alternate shopIdlePan,2.4s ease-in-out infinite rerollPulse;display:inline-flex;position:relative;overflow:hidden;min-width:0!important}@keyframes rerollPulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 16px 2px #fbbf2473}}.reroll-btn.reroll-btn-square:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 35%,#0000 55%,#00000073 100%),radial-gradient(at 50% 30%,#fbbf2438,#0000 70%),linear-gradient(#0000002e 0%,#0000 35%);position:absolute;inset:0}.reroll-btn.reroll-btn-square:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:screen;transition:background-position .7s ease-out, opacity var(--dur-fast);opacity:0;background:linear-gradient(115deg,#0000 30%,#ffe69638 45%,#fff0b461 50%,#ffe69638 55%,#0000 70%) -120% 0/220% 100%;position:absolute;inset:-2px}.reroll-btn.reroll-btn-square:hover:not(:disabled){filter:brightness(1.12)saturate(1.18);background-size:125%;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #0000008c,inset 0 0 0 1px #fbbf24b3}.reroll-btn.reroll-btn-square:hover:not(:disabled):after{opacity:1;background-position:120% 0}.reroll-btn.reroll-btn-square:disabled{filter:grayscale(.6)brightness(.6);opacity:.55;animation:12s ease-in-out infinite alternate shopIdlePan}.reroll-btn-square .reroll-bg{z-index:1;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #00000080)drop-shadow(0 0 10px #fbbf2466);width:100%;height:100%;position:absolute;inset:0}.reroll-btn-square .reroll-cost{z-index:2;border-radius:var(--radius-pill);text-shadow:0 0 8px #fbbf2499,0 1px 2px #000000f2;background:#00000047;padding:1px 6px;font-size:14px;animation:2s ease-in-out infinite costGlow;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.reroll-btn-square .reroll-cost .coin-icon{width:20px;height:20px}.reroll-btn-square:disabled .reroll-cost{animation:none}.shop-items{gap:var(--space-2);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid}.shop-item{background:var(--bg-base);border:2px solid var(--border-strong);border-radius:var(--radius-md);padding:10px var(--space-2);text-align:center;cursor:pointer;color:var(--fg-default);transition:background var(--dur-fast), transform var(--dur-fast);flex-direction:column;gap:4px;font-family:inherit;display:flex}.shop-item:hover:not(:disabled){background:var(--bg-elevated);transform:translateY(-2px)}.shop-item:disabled{opacity:.4;cursor:not-allowed}.shop-item.sold,.shop-item.sold:hover{color:#0000;cursor:default;border-style:solid;border-color:#0009;justify-content:center;align-items:center;min-height:110px;font-size:0;display:flex;overflow:hidden;background:#000 url(/img/item/item_sold.png) 50%/cover no-repeat!important}.shop-emoji{font-size:32px}.shop-name{font-size:13px;font-weight:600}.shop-desc{color:var(--fg-muted);min-height:30px;font-size:11px}.shop-cost{color:var(--accent-warm-hi);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;font-weight:700;display:inline-flex}.shop-item-bg{background-position:top;background-repeat:no-repeat;background-size:115%;background-color:var(--bg-inset);isolation:isolate;min-height:180px;transition:transform var(--dur-fast), box-shadow var(--dur-mid), filter var(--dur-fast), background-size var(--dur-mid);padding:0;animation:12s ease-in-out infinite alternate shopIdlePan;display:block;position:relative;overflow:hidden}@keyframes shopIdlePan{0%{background-position:48% 10%}to{background-position:52% 0}}.shop-item-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 35%,#0000 55%,#00000073 100%),linear-gradient(#0000002e 0%,#0000 35%);position:absolute;inset:0}.shop-item-bg[style*="rgb(156, 163, 175)"]:before,.shop-item-bg[style*=\#9ca3af]:before{background:radial-gradient(at 50% 35%,#0000 55%,#00000073 100%),radial-gradient(at 50% 30%,#9ca3af1f,#0000 70%),linear-gradient(#0000002e 0%,#0000 35%)}.shop-item-bg[style*="rgb(59, 130, 246)"]:before,.shop-item-bg[style*=\#3b82f6]:before{background:radial-gradient(at 50% 35%,#0000 55%,#00000073 100%),radial-gradient(at 50% 30%,#3b82f638,#0000 70%),linear-gradient(#0000002e 0%,#0000 35%)}.shop-item-bg[style*="rgb(168, 85, 247)"]:before,.shop-item-bg[style*=\#a855f7]:before{background:radial-gradient(at 50% 35%,#0000 55%,#00000073 100%),radial-gradient(at 50% 30%,#a855f747,#0000 70%),linear-gradient(#0000002e 0%,#0000 35%)}.shop-item-bg:hover:not(:disabled){filter:brightness(1.1)saturate(1.15);background-size:125%;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #0000008c,inset 0 0 0 1px}.shop-item-bg:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:screen;transition:background-position .7s ease-out, opacity var(--dur-fast);opacity:0;background:linear-gradient(115deg,#0000 30%,#ffffff2e 45%,#ffffff52 50%,#ffffff2e 55%,#0000 70%) -120% 0/220% 100%;position:absolute;inset:-2px}.shop-item-bg:hover:not(:disabled):after{opacity:1;background-position:120% 0}.shop-item-bg[style*="rgb(168, 85, 247)"],.shop-item-bg[style*=\#a855f7]{animation:12s ease-in-out infinite alternate shopIdlePan,2.4s ease-in-out infinite epicPulse}@keyframes epicPulse{0%,to{box-shadow:0 0 #a855f700}50%{box-shadow:0 0 18px 2px #a855f773}}.shop-item-bg[style*="rgb(59, 130, 246)"],.shop-item-bg[style*=\#3b82f6]{animation:12s ease-in-out infinite alternate shopIdlePan,3s ease-in-out infinite rarePulse}@keyframes rarePulse{0%,to{box-shadow:0 0 #3b82f600}50%{box-shadow:0 0 12px 1px #3b82f659}}.shop-item-bg[style*="rgb(168, 85, 247)"] .sparkle,.shop-item-bg[style*=\#a855f7] .sparkle{display:block}.shop-item-bg .sparkle{pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle,#fff 0%,#a855f799 50%,#0000 75%);border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite sparkleFloat;display:none;position:absolute;box-shadow:0 0 6px #ffffffb3}.shop-item-bg .sparkle.s1{animation-delay:0s;top:20%;left:18%}.shop-item-bg .sparkle.s2{animation-delay:1.3s;top:35%;left:75%}.shop-item-bg .sparkle.s3{animation-delay:2.6s;top:55%;left:30%}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1;transform:translateY(-4px)scale(1)}80%{opacity:.6;transform:translateY(-20px)scale(.8)}}.shop-item-bg .dust{pointer-events:none;z-index:1;background:#ffffff80;border-radius:50%;width:2px;height:2px;animation:9s linear infinite dustDrift;position:absolute}.shop-item-bg .dust.d1{animation-delay:0s;left:12%}.shop-item-bg .dust.d2{animation-delay:3s;left:58%}.shop-item-bg .dust.d3{animation-delay:6s;left:84%}@keyframes dustDrift{0%{opacity:0;top:100%}10%{opacity:.7}90%{opacity:.5}to{opacity:0;top:-10%}}.shop-item-bg:not(:disabled) .shop-cost{animation:2s ease-in-out infinite costGlow}@keyframes costGlow{0%,to{text-shadow:0 0 6px #fbbf2466,0 1px 2px #000000e6}50%{text-shadow:0 0 14px #fbbf24cc,0 1px 2px #000000e6}}.shop-item-bg:disabled{filter:grayscale(.6)brightness(.6);opacity:.55}.shop-item-bg.locked{box-shadow:0 0 0 2px var(--accent-warm) inset, 0 0 16px #f59e0b80}.shop-emoji-fallback{filter:drop-shadow(0 4px 8px #0009);pointer-events:none;z-index:1;font-size:72px;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%)}.shop-card-scrim{z-index:2;text-align:center;color:#fff;text-shadow:0 1px 2px #000000e6;z-index:2;background:linear-gradient(#0000 0%,#0b122099 30%,#0b1220eb 80%,#0b1220fa 100%);flex-direction:column;gap:2px;padding:10px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.shop-card-scrim .shop-name{color:#fff;letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.shop-name-sets{align-items:center;gap:2px;display:inline-flex}.shop-set-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000c);width:16px;height:16px}.shop-card-scrim .shop-desc{color:#d1d5db;min-height:0;font-size:10px;line-height:1.3}.shop-card-scrim .shop-cost{color:var(--accent-warm-hi);text-shadow:0 0 8px #fbbf2480,0 1px 2px #000000e6;margin-top:0;font-size:14px}.shop-item-bg .lock-btn{z-index:3;-webkit-backdrop-filter:blur(2px);background:#000000a6}.coin-icon{object-fit:contain;vertical-align:-3px;width:16px;height:16px;display:inline-block}.shop-card-scrim .shop-cost .coin-icon{vertical-align:-7px;filter:drop-shadow(0 0 4px #fbbf2499);width:26px;height:26px}.stage-pill{color:var(--accent-warm-hi);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 4px #fbbf2499,0 1px 1px #000;background:linear-gradient(#2b1f10 0%,#14100a 100%);border:1px solid #b48c4699;border-radius:2px;padding:6px 18px;font-size:13px;font-weight:700;position:relative;box-shadow:0 0 10px #fbbf2426,inset 0 1px #fbbf2433,inset 0 -2px #000000b3}.stage-pill:before,.stage-pill:after{content:"";vertical-align:middle;background-image:url(/img/ui/glyph_sparkle.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:12px;height:12px;margin:0 6px;display:inline-block}.stage-pill.boss{color:#fca5a5;text-shadow:0 0 8px #dc2626b3,0 1px 1px #000;background:linear-gradient(#3a0e0e 0%,#1a0606 100%);border-color:#dc2626b3;box-shadow:0 0 16px #dc262659,inset 0 1px #dc262640,inset 0 -2px #000000b3}.battle-log{margin-top:var(--space-3);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:240px;height:180px;font-size:var(--fs-cap);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.log-line{color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.log-line:last-child{color:var(--accent-warm-hi)}.hero-select{max-width:1000px;padding:var(--space-5);text-align:center;margin:40px auto}.hero-title{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:var(--space-2);font-size:38px;font-weight:700}.hero-sub{color:var(--fg-muted);margin-bottom:30px}.hero-cards{gap:var(--space-4);grid-template-columns:repeat(3,1fr);max-width:720px;margin-left:auto;margin-right:auto;display:grid}@media (width<=768px){.hero-cards{grid-template-columns:1fr}}.hero-card{background:var(--bg-elevated);border:2px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-3);aspect-ratio:2/3;cursor:pointer;color:var(--fg-default);justify-content:flex-end;align-items:center;gap:var(--space-2);transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);flex-direction:column;font-family:inherit;display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0a0f1c00 35%,#0a0f1c8c 60%,#0a0f1ceb 100%);position:absolute;inset:0}.hero-card>*{z-index:2;position:relative}.hero-card:hover{border-color:var(--hero-accent,var(--accent-warm));box-shadow:0 4px 24px var(--hero-glow,#f59e0b4d);transform:translateY(-4px)}.hero-card-locked{cursor:not-allowed;filter:grayscale(.85)brightness(.55);border-color:var(--border-default)}.hero-card-locked:hover{box-shadow:none;border-color:var(--border-default);transform:none}.hero-card-affordable{cursor:pointer;filter:grayscale(.4)brightness(.85);border-color:#f59e0b;animation:2.4s ease-in-out infinite heroMarkPulse}.hero-card-affordable:hover{filter:grayscale(.2)brightness();transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}@keyframes heroMarkPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 16px 2px #f59e0b66}}.hero-marks-bar{border-radius:var(--radius-md);font-size:var(--fs-label);color:var(--fg-default);background:#f59e0b1f;border:1px solid #f59e0b73;align-items:center;gap:8px;margin:0 auto 18px;padding:6px 14px;display:inline-flex}.hero-marks-icon{align-items:center;font-size:18px;display:inline-flex}.hero-marks-icon>img{object-fit:contain;width:22px;height:22px;display:block}.hero-marks-count{color:#fbbf24;font-size:16px;font-weight:700}.hero-marks-sub{color:var(--fg-muted);font-size:12px}.hero-lock-overlay{z-index:3;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center;background:#0a0f1c8c;flex-direction:column;display:flex;position:absolute;inset:0}.hero-lock-icon{filter:drop-shadow(0 4px 8px #000000b3);justify-content:center;align-items:center;font-size:56px;display:inline-flex}.hero-lock-icon>img{object-fit:contain;width:56px;height:56px;display:block}.hero-lock-reason{font-size:var(--fs-label);color:var(--fg-default);border-radius:var(--radius-md);background:#000000b3;max-width:90%;padding:6px 10px}.hero-card-warrior{--hero-accent:#dc2626;--hero-glow:#dc262659}.hero-card-ranger{--hero-accent:#10b981;--hero-glow:#10b98159}.hero-card-alchemist{--hero-accent:#84cc16;--hero-glow:#84cc1659}.hero-card-warrior .hero-name,.hero-card-ranger .hero-name,.hero-card-alchemist .hero-name{border-bottom:2px solid var(--hero-accent);margin-bottom:4px;padding-bottom:6px}.hero-tooltip{padding:var(--space-2) var(--space-3);border:1px solid var(--hero-accent,var(--border-strong));border-radius:var(--radius-md);pointer-events:none;text-align:left;background:#0a0f1cf7}.hero-tooltip-portal{z-index:9999;animation:heroTipFade var(--dur-fast) ease-out;position:fixed}@keyframes heroTipFade{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.hero-tooltip-title{font-family:var(--font-display);font-size:var(--fs-cap);letter-spacing:.1em;text-transform:uppercase;color:var(--hero-accent,var(--accent-warm-hi));border-bottom:1px solid #94a3b833;margin-bottom:6px;padding-bottom:4px}.hero-tooltip-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.hero-tooltip-row{border-bottom:1px solid #94a3b814;flex-direction:column;gap:2px;padding:4px 0;font-size:12px;line-height:1.25;display:flex}.hero-tooltip-row:last-child{border-bottom:none}.hero-tooltip-head{align-items:center;gap:6px;display:flex}.hero-tooltip-name{white-space:nowrap;text-overflow:ellipsis;flex:auto;font-weight:600;overflow:hidden}.hero-tooltip-rar{opacity:.8;flex:none;font-size:10px;font-weight:700}.hero-tooltip-desc{color:#cbd5e1;font-size:11px;line-height:1.3}.hero-tooltip-icons{border-top:1px solid #94a3b833;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px;padding-top:8px;display:grid}.hero-intro-overlay{z-index:10000;pointer-events:none;background:radial-gradient(#140f1ed9 0%,#03050afa 75%);justify-content:center;align-items:center;animation:2.2s forwards heroIntroFade;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes heroIntroFade{0%{opacity:0}10%{opacity:1}82%{opacity:1}to{opacity:0}}.hero-intro-portrait-wrap{aspect-ratio:3/4;width:clamp(260px,36vw,420px);filter:drop-shadow(0 0 60px var(--hero-glow,#fbbf2480));animation:2.2s cubic-bezier(.18,.72,.26,1) forwards heroIntroGrow;position:relative}@keyframes heroIntroGrow{0%{opacity:0;transform:scale(.15)}18%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.25)}}.hero-intro-portrait{object-fit:contain;width:100%;height:100%}.hero-intro-name{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--hero-accent,var(--accent-warm-hi));text-shadow:0 0 24px var(--hero-glow,#fbbf2499), 0 2px 8px #000;opacity:0;white-space:nowrap;font-size:clamp(36px,5vw,64px);animation:2.2s forwards heroIntroName;position:absolute;bottom:14%;left:50%;transform:translate(-50%)translateY(20px)}@keyframes heroIntroName{0%{opacity:0;transform:translate(-50%)translateY(20px)}25%{opacity:0;transform:translate(-50%)translateY(20px)}45%{opacity:1;transform:translate(-50%)translateY(0)}82%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-12px)}}.hero-intro-item{opacity:0;width:88px;height:88px;filter:drop-shadow(0 0 18px var(--hero-glow,#fbbf24b3));justify-content:center;align-items:center;margin-top:-44px;margin-left:-44px;animation:1.4s cubic-bezier(.18,.72,.26,1) forwards heroIntroFly;display:inline-flex;position:absolute;top:50%;left:50%}@keyframes heroIntroFly{0%{opacity:0;transform:translate(0)scale(.2)}18%{opacity:1;transform:translate(0)scale(1.15)}70%{transform:translate(calc(var(--dx) * .8), calc(var(--dy) * .8)) scale(1);opacity:.95}to{transform:translate(var(--dx), var(--dy)) scale(.5);opacity:0}}.hero-intro-unlock{background:radial-gradient(ellipse at center, var(--hero-glow,#fbbf2459) 0%, #08060eeb 65%, #000000fa 100%);animation:3.2s forwards heroUnlockFade}@keyframes heroUnlockFade{0%{opacity:0}6%{opacity:1}88%{opacity:1}to{opacity:0}}.hero-intro-unlock .hero-intro-portrait-wrap{animation:3.2s cubic-bezier(.16,.76,.26,1) forwards heroUnlockGrow}@keyframes heroUnlockGrow{0%{opacity:0;filter:drop-shadow(0 0 0 var(--hero-glow,#fbbf2480)) blur(8px);transform:scale(.05)rotate(-8deg)}18%{opacity:1;filter:drop-shadow(0 0 80px var(--hero-glow,#fbbf24b3)) blur(0);transform:scale(1.08)rotate(0)}30%{transform:scale(1)}78%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.18)}}.hero-intro-unlock .hero-intro-name{animation:3.2s forwards heroUnlockName}@keyframes heroUnlockName{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.85)}22%{opacity:0;transform:translate(-50%)translateY(20px)scale(.85)}38%{opacity:1;transform:translate(-50%)translateY(0)scale(1.08)}46%{transform:translate(-50%)translateY(0)scale(1)}86%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-12px)scale(1)}}.hero-intro-unlock .hero-intro-item{animation:2s cubic-bezier(.18,.72,.26,1) forwards heroIntroFly}.hero-unlock-banner{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:#fff;text-shadow:0 0 28px var(--hero-glow,#fbbf24cc), 0 0 60px var(--hero-glow,#fbbf2480), 0 3px 10px #000;border-top:2px solid var(--hero-accent,#fbbf24);border-bottom:2px solid var(--hero-accent,#fbbf24);opacity:0;background:linear-gradient(#0006 0%,#0000 50%,#0006 100%);padding:10px 28px;font-size:clamp(28px,3.6vw,48px);animation:3.2s forwards heroUnlockBanner;position:absolute;top:clamp(8%,12vh,18%);left:50%;transform:translate(-50%)translateY(-30px)scale(.7)}@keyframes heroUnlockBanner{0%{opacity:0;transform:translate(-50%)translateY(-30px)scale(.7)}10%{opacity:1;transform:translate(-50%)translateY(0)scale(1.05)}16%{transform:translate(-50%)translateY(0)scale(1)}88%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-12px)scale(1)}}.hero-unlock-desc{text-align:center;max-width:80vw;color:var(--fg-muted);text-shadow:0 2px 8px #000;opacity:0;font-size:clamp(14px,1.4vw,18px);animation:3.2s forwards heroUnlockDesc;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}@keyframes heroUnlockDesc{0%,32%{opacity:0;transform:translate(-50%)translateY(12px)}46%{opacity:1;transform:translate(-50%)translateY(0)}86%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-6px)}}.hero-unlock-shatter{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.hero-unlock-shard{box-shadow:0 0 12px var(--hero-glow,#fbbf2466);background:linear-gradient(135deg,#d4d4d8 0%,#71717a 50%,#3f3f46 100%);border:1px solid #18181b;border-radius:2px;animation:.9s cubic-bezier(.2,.8,.3,1) forwards heroUnlockShard;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(0)}@keyframes heroUnlockShard{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)rotate(40deg)scale(1)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--rot)) scale(.4);opacity:0}}.hero-unlock-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-unlock-confetto{opacity:0;border-radius:2px;width:8px;height:14px;animation:linear forwards heroUnlockConfetto;position:absolute;top:-20px}.hero-unlock-confetto-a{background:var(--hero-accent,#fbbf24)}.hero-unlock-confetto-b{opacity:.85;background:#fff}@keyframes heroUnlockConfetto{0%{opacity:0;transform:translateY(-30px)rotate(0)}8%{opacity:1}to{transform:translateY(110vh) rotate(var(--rot,360deg));opacity:.85}}.codex-book-overlay{z-index:9800;pointer-events:none;background:0 0;animation:.5s forwards codexBookDim;position:fixed;inset:0}@keyframes codexBookDim{to{background:#00000059}}.codex-book{transform-style:preserve-3d;perspective:1200px;filter:drop-shadow(0 12px 30px #0009)drop-shadow(0 0 24px #fbbf2466);transition-property:left,top,width,height;transition-timing-function:cubic-bezier(.32,.04,.2,1);position:fixed}.codex-book-icon{object-fit:contain;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .45s cubic-bezier(.55,.06,.3,1),opacity .45s;display:flex;position:absolute;inset:0}.codex-book-emoji{line-height:1;display:inline-block}.codex-book.opened .codex-book-icon{opacity:.55;transform:scale(1.08)rotateX(-14deg)}.codex-book-pages{opacity:0;background:linear-gradient(#f6e7c1 0%,#e9d49a 100%);border:1px solid #785a2899;border-radius:4px;width:76%;height:84%;transition:opacity .35s .1s,transform .45s cubic-bezier(.2,.7,.3,1) .1s;position:absolute;top:8%;left:12%;transform:scaleX(.05);box-shadow:inset 0 0 24px #78501e59,0 0 12px #fbbf2466}.codex-book-pages:before,.codex-book-pages:after{content:"";opacity:.6;background:repeating-linear-gradient(#50371473 0 1px,#0000 1px 12px);width:38%;height:76%;position:absolute;top:12%}.codex-book-pages:before{left:8%}.codex-book-pages:after{right:8%}.codex-book.opened .codex-book-pages{opacity:1;transform:scaleX(1)}.buy-flight{z-index:9500;pointer-events:none;will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.32,.04,.2,1);position:fixed}.buy-flight-icon{filter:drop-shadow(0 0 12px var(--flight-glow,#fbbf24cc));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.buy-flight-halo{background:radial-gradient(circle, var(--flight-glow,#fbbf248c) 0%, #fbbf2400 70%);opacity:.8;border-radius:50%;animation:.85s ease-out forwards buyFlightHalo;position:absolute;inset:-10px}@keyframes buyFlightHalo{0%{opacity:.9;transform:scale(.6)}60%{opacity:.75;transform:scale(1.1)}85%{opacity:.9;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}.buy-flight-spark{background:var(--spark-color,#fbbf24);width:8px;height:8px;box-shadow:0 0 10px var(--spark-color,#fbbf24);opacity:0;border-radius:50%;margin-top:-4px;margin-left:-4px;animation-name:buyFlightSpark;animation-timing-function:ease-out;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:50%;left:50%}@keyframes buyFlightSpark{0%{transform:rotate(var(--spark-angle,0deg)) translateX(0) scale(.4);opacity:0}20%{opacity:1}to{transform:rotate(var(--spark-angle,0deg)) translateX(32px) scale(0);opacity:0}}@media (prefers-reduced-motion:reduce){.buy-flight{transition-duration:.2s!important}.buy-flight-spark,.buy-flight-halo{opacity:0;animation:none}}.screen-enter{animation:.6s forwards screenFadeIn}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-tooltip-icon-cell{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#0f172ab3;justify-content:center;align-items:center;width:100%;padding:2px;display:inline-flex}.hero-emoji{font-size:64px}.hero-name{font-family:var(--font-display);letter-spacing:.04em;font-size:22px;font-weight:700}.hero-desc{color:#cbd5e1;font-size:var(--fs-label);min-height:40px}.hero-start{color:var(--accent-warm-hi);margin-top:var(--space-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.hero-start-icons{align-items:center;gap:4px;display:inline-flex}.hero-start-icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.hero-pill{font-size:var(--fs-cap);color:var(--accent-warm-hi);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle;text-shadow:0 0 4px #fbbf2466,0 1px 1px #000;background:linear-gradient(#2a1a0e 0%,#14080a 100%);border:1px solid #b48c4680;border-radius:2px;margin:0;padding:4px 14px;font-weight:400;box-shadow:0 0 8px #fbbf2426,inset 0 1px #fbbf2426,inset 0 -1px #0009}.stage-pill.boss{background:linear-gradient(#dc2626,#7f1d1d);animation:1.5s ease-in-out infinite bossPulse}@keyframes bossPulse{0%,to{box-shadow:0 0 #dc262699}50%{box-shadow:0 0 0 8px #dc262600}}.tier-badge{color:var(--accent-warm-hi);text-shadow:0 1px 1px #000;pointer-events:none;letter-spacing:-1px;font-variant-numeric:tabular-nums;z-index:4;background:#000000d9;border:1px solid #b48c4699;border-radius:4px;padding:1px 5px;font-size:12px;line-height:1;position:absolute;bottom:-4px;right:0}.tier-badge.tier-2{color:#60a5fa}.tier-badge.tier-3{color:#f472b6;filter:drop-shadow(0 0 4px #f472b699);font-size:10px}.merge-panel{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:6px 10px;display:flex}.merge-title{color:var(--accent-warm-hi);font-weight:700;font-family:var(--font-display);letter-spacing:.04em}.merge-btn{background:linear-gradient(180deg, var(--accent-warm), #b45309);color:#fff;border-color:#78350f}.merge-btn:hover:not(:disabled){background:linear-gradient(180deg, var(--accent-warm-hi), #d97706);box-shadow:var(--shadow-glow-amber)}.event-screen{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.event-card{--event-accent:var(--accent-warm);--event-accent-hi:var(--accent-warm-hi);--event-glow:#fbbf2447;background:var(--bg-card-glass-hi);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6) var(--space-5);text-align:left;width:min(560px,100%);box-shadow:0 24px 64px #0000008c, 0 0 0 1px #ffffff0a inset, 0 0 32px var(--event-glow);animation:.32s cubic-bezier(.2,.8,.2,1) both event-card-in;overflow:hidden}.event-card[data-event=merchant]{--event-accent:var(--accent-warm);--event-accent-hi:var(--accent-warm-hi);--event-glow:#fbbf2447}.event-card[data-event=shrine]{--event-accent:var(--rarity-rare);--event-accent-hi:#60a5fa;--event-glow:#3b82f64d}.event-card[data-event=forge]{--event-accent:var(--accent-danger);--event-accent-hi:#f87171;--event-glow:#ef444447}.event-card[data-event=bazaar]{--event-accent:var(--accent-primary);--event-accent-hi:var(--accent-primary-hi);--event-glow:#a855f74d}.event-accent{background:linear-gradient(90deg, transparent, var(--event-accent-hi) 30%, var(--event-accent) 70%, transparent);opacity:.85;z-index:1;height:3px;position:absolute;inset:0 0 auto}.event-title{z-index:2;margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);letter-spacing:.04em;color:var(--fg-primary);text-shadow:0 2px 8px #0009;position:relative}.event-desc{z-index:2;color:var(--fg-default);font-size:var(--fs-body);line-height:var(--lh-body);margin:0 0 var(--space-5);opacity:.92;position:relative}.event-choices{z-index:2;gap:var(--space-3);display:grid;position:relative}.event-choice{padding:var(--space-4);text-align:left;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);background:linear-gradient(#0f172ab8,#0b1220d9);flex-direction:column;gap:6px;display:flex;position:relative}.event-choice:before{content:"";background:var(--event-accent);opacity:0;width:2px;transition:opacity var(--dur-fast);border-radius:0 2px 2px 0;position:absolute;top:10%;bottom:10%;left:0}.event-choice:hover{border-color:var(--event-accent);box-shadow:0 8px 20px #00000073, 0 0 18px var(--event-glow);transform:translateY(-2px)}.event-choice:hover:before{opacity:1}.event-choice:active{transform:translateY(0)scale(.99)}.event-choice-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.event-choice-label{font-size:var(--fs-body);color:var(--fg-primary);font-weight:700}.event-choice-desc{color:var(--fg-muted);font-size:var(--fs-cap)}.event-chip{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;background:#00000059;border:1px solid;border-radius:999px;align-items:center;padding:3px 10px;display:inline-flex}.event-chip-gold{color:var(--accent-warm-hi);box-shadow:0 0 10px #fbbf2433}.event-chip-heal{color:var(--accent-success);box-shadow:0 0 10px #22c55e33}.event-chip-reroll{color:var(--rarity-rare);box-shadow:0 0 10px #3b82f633}.event-chip-upgrade{color:var(--accent-primary-hi);box-shadow:0 0 10px #a855f738}.event-chip-item{font-family:var(--font-ui);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}@keyframes event-card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.event-card{animation:none}.event-choice:hover{transform:none}}.victory-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.victory-card{-webkit-backdrop-filter:var(--backdrop-blur);border:3px solid var(--accent-warm-hi);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(#1e293bd9,#0f172ad9);padding:48px 64px;box-shadow:0 0 40px #fbbf2466}.victory-card h1{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 var(--space-4);font-size:42px;font-weight:700}.victory-title{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 40%,#fbbf24 60%,#f59e0b 100%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.victory-screen{position:relative;overflow:hidden}.confetti-layer{pointer-events:none;z-index:0;position:absolute;inset:0}.confetti-piece{opacity:.9;transform-origin:50%;border-radius:2px;width:8px;height:12px;animation:3.6s linear infinite confettiFall;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:.9}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.confetti-piece{display:none}.victory-title{animation:none}}.cd-ring{pointer-events:none;border-radius:var(--radius-sm);position:absolute;inset:0}.cd-text{color:var(--accent-warm-hi);text-shadow:1px 1px #000;pointer-events:none;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace;font-size:9px;font-weight:700;position:absolute;top:2px;left:4px}.placed-item.pulse{animation:.25s ease-out itemPulse}@keyframes itemPulse{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.8) drop-shadow(0 0 12px var(--accent-warm-hi));transform:scale(1.18)}to{filter:brightness();transform:scale(1)}}.battle{position:relative}.projectile-layer{pointer-events:none;z-index:var(--z-elev);position:absolute;inset:0}.projectile{text-shadow:0 0 8px;will-change:transform;font-size:28px;animation:.5s ease-in forwards projFly;position:absolute;transform:translate(-50%,-50%)}@keyframes projFly{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--tx,0)), calc(-50% + var(--ty,0))) scale(1.3) rotate(180deg);opacity:0}}.fighter-name.downed{color:var(--fg-disabled);opacity:.7;text-decoration:line-through}.fighter-portrait.shake{animation:.32s cubic-bezier(.36,.07,.19,.97) both imgShake}@keyframes imgShake{0%,to{transform:translate(0,0)rotate(0)}10%{transform:translate(-3px,-1px)rotate(-1.2deg)}20%{transform:translate(4px,2px)rotate(1.4deg)}35%{transform:translate(-5px)rotate(-1.8deg)}50%{transform:translate(4px,-2px)rotate(1.2deg)}65%{transform:translate(-3px,1px)rotate(-.8deg)}80%{transform:translate(2px)rotate(.4deg)}}.shockwave{pointer-events:none;z-index:4;mix-blend-mode:screen;border:3px solid #fed7aad9;border-radius:50%;width:24px;height:24px;animation:.46s cubic-bezier(.2,.7,.2,1) forwards shockwaveExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #fdba74b3,inset 0 0 12px #fde04780}@keyframes shockwaveExpand{0%{opacity:0;border-width:4px;transform:translate(-50%,-50%)scale(.2)}30%{opacity:1;border-width:3px;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(3.2)}}.battle-side.lethal .vault-grid{border-radius:12px;animation:1.1s cubic-bezier(.2,.7,.2,1) forwards lethalGridGlow}.battle-side[data-side=p1].lethal .vault-grid{--lethal-color:220, 38, 38}.battle-side[data-side=p2].lethal .vault-grid{--lethal-color:34, 197, 94}@keyframes lethalGridGlow{0%{box-shadow:0 0 0 0 rgba(var(--lethal-color,220, 38, 38), 0), inset 0 0 0 rgba(var(--lethal-color,220, 38, 38), 0);outline:0 solid rgba(var(--lethal-color,220, 38, 38), 0)}25%{box-shadow:0 0 48px 12px rgba(var(--lethal-color,220, 38, 38), .9), 0 0 18px 4px rgba(var(--lethal-color,220, 38, 38), 1), inset 0 0 32px rgba(var(--lethal-color,220, 38, 38), .7);outline:3px solid rgba(var(--lethal-color,220, 38, 38), .95)}60%{box-shadow:0 0 60px 16px rgba(var(--lethal-color,220, 38, 38), .6), 0 0 24px 6px rgba(var(--lethal-color,220, 38, 38), .8), inset 0 0 24px rgba(var(--lethal-color,220, 38, 38), .45);outline:2px solid rgba(var(--lethal-color,220, 38, 38), .7)}to{box-shadow:0 0 0 0 rgba(var(--lethal-color,220, 38, 38), 0), inset 0 0 0 rgba(var(--lethal-color,220, 38, 38), 0);outline:0 solid rgba(var(--lethal-color,220, 38, 38), 0)}}.battle-side.lethal .vault-grid>*{animation:.9s ease-out forwards lethalCellFlare;animation-delay:calc(var(--cell-i,0) * 40ms)}@keyframes lethalCellFlare{0%{filter:brightness()}30%{filter:brightness(1.6) drop-shadow(0 0 12px rgba(var(--lethal-color,220, 38, 38), .9))}to{filter:brightness()}}.boss-intro{z-index:20;justify-content:center;align-items:center;gap:var(--space-3);background:#000000d9;flex-direction:column;animation:.3s ease-out bossFadeIn;display:flex;position:absolute;inset:0}@keyframes bossFadeIn{0%{opacity:0}to{opacity:1}}.boss-intro-skull{font-size:120px;animation:1s ease-in-out infinite bossPulseIn}@keyframes bossPulseIn{0%,to{filter:drop-shadow(0 0 16px #dc2626);transform:scale(1)}50%{filter:drop-shadow(0 0 32px var(--accent-danger));transform:scale(1.15)}}.boss-intro-label{font-family:var(--font-display);color:#dc2626;letter-spacing:12px;text-shadow:0 0 24px #dc262699;font-size:64px;font-weight:900;animation:.5s ease-out slideIn}.boss-intro-name{color:var(--accent-warm-hi);text-shadow:2px 2px #000;font-size:32px;font-weight:700;animation:.6s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.battle-controls{gap:var(--space-2);flex-direction:column;align-items:center;display:flex}.speed-buttons{gap:4px;display:flex}.btn.small.active{background:linear-gradient(180deg, var(--accent-warm), #b45309);color:#fff;border-color:#78350f}.item-tooltip{margin-top:var(--space-2);background:var(--bg-inset);border:2px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);min-width:220px;font-size:13px}.tt-header{align-items:center;gap:var(--space-2);margin-bottom:4px;display:flex}.tt-emoji{font-size:22px}.tt-name{font-size:15px;font-weight:700}.tt-tier{color:var(--accent-warm-hi)}.tt-desc{color:var(--fg-muted);margin-bottom:var(--space-2);font-size:var(--fs-cap)}.tt-stats{flex-direction:column;gap:2px;display:flex}.tt-buff{color:var(--accent-success)}.tt-aura{color:var(--accent-primary)}.tt-aura-block{align-items:center;gap:var(--space-2);background:#a855f714;border:1px dashed #a855f74d;border-radius:4px;margin-top:4px;padding:6px;display:flex}.tt-aura-preview{flex-shrink:0}.tt-rarity{color:var(--fg-disabled);text-transform:capitalize;margin-top:4px;font-size:11px}.tt-rotatable-hint{color:var(--fg-muted);letter-spacing:.04em;margin-top:4px;font-size:11px;font-style:italic}.tt-shape-badge{letter-spacing:.04em;border-radius:var(--radius-pill);color:var(--fg-muted);background:#ffffff14;border:1px solid #ffffff1f;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.tt-tags{flex-wrap:wrap;gap:4px;margin:2px 0 6px;display:flex}.tt-tag{border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);background:#ffffff0f;border:1px solid #ffffff24;align-items:center;gap:4px;padding:2px 6px 2px 4px;font-size:10px;font-weight:700;display:inline-flex}.tt-tag-icon{object-fit:contain;width:14px;height:14px}.tt-tag-fire{color:#f97316;background:#f973161f;border-color:#f9731680}.tt-tag-ice{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa80}.tt-tag-holy{color:#fde68a;background:#fde68a1f;border-color:#fde68a80}.tt-tag-beast{color:#a78bfa;background:#a78bfa1f;border-color:#a78bfa80}.tt-total{color:var(--accent-warm-hi)}.tt-mhit{color:var(--accent-primary);font-weight:600}.tt-rate{color:var(--fg-muted);letter-spacing:.04em;font-size:11px}.tt-rate b{color:var(--accent-warm-hi)}.tt-next-tier{color:var(--fg-muted);background:#fbbf2414;border:1px dashed #fbbf244d;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:11px}.tt-next-tier b{color:var(--accent-warm-hi)}.tt-arrow{color:var(--accent-warm-hi);margin:0 4px}.tt-aura-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tt-aura-live{color:var(--accent-primary);letter-spacing:.04em;font-size:10px}.tt-aura-live b{color:var(--accent-warm-hi)}.tt-aura-live.tt-aura-idle{color:var(--fg-disabled)}.tt-inflow-block{background:#22c55e14;border:1px dashed #22c55e59;border-radius:4px;margin-top:6px;padding:6px 8px}.tt-inflow-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-success);margin-bottom:3px;font-size:10px;font-weight:700}.tt-inflow-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.tt-inflow-list li{justify-content:space-between;gap:8px;font-size:11px;line-height:1.3;display:flex}.tt-inflow-name{color:var(--fg-default)}.tt-inflow-tier{color:var(--accent-warm-hi)}.tt-inflow-amt{color:var(--accent-success);white-space:nowrap;font-weight:700}.battle{gap:var(--space-5);padding:var(--space-5);grid-template-columns:1fr auto 1fr;align-items:start;max-width:1200px;margin:0 auto;display:grid}.battle-side{gap:var(--space-2);flex-direction:column;align-items:center;display:flex;position:relative}.fighter-name{font-family:var(--font-display);letter-spacing:.04em;font-size:18px;font-weight:700}.hp-bar{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#1f2937;width:280px;height:28px;position:relative;overflow:hidden}.hp-fill{height:100%;transition:width .18s}.hp-text{font-size:var(--fs-cap);text-shadow:1px 1px #000;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.status-row{gap:6px;min-height:22px;display:flex}.badge{font-size:var(--fs-cap);padding:2px var(--space-2);border:1px solid var(--border-strong);background:#1f2937;border-radius:12px}.badge.shield{color:#60a5fa;border-color:#60a5fa}.badge.poison{color:var(--accent-primary);border-color:var(--accent-primary)}.badge.burn{color:var(--accent-burn);border-color:var(--accent-burn)}.battle-center{flex-direction:column;align-items:center;gap:20px;padding-top:30px;display:flex}.vs{font-family:var(--font-display);color:var(--accent-danger);text-shadow:2px 2px #000;letter-spacing:.04em;font-size:48px;font-weight:900}.result-banner{font-family:var(--font-display);background:var(--bg-elevated);padding:var(--space-3) 20px;border-radius:var(--radius-lg);border:2px solid var(--accent-warm);text-align:center;letter-spacing:.04em;font-size:24px;font-weight:800;animation:.4s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.float-host{width:100%;height:28px;position:relative}.float{text-shadow:1px 1px #000;pointer-events:none;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;animation:.9s ease-out forwards floatUp;position:absolute;left:50%}@keyframes floatUp{0%{transform:translate(calc(-50% + var(--fx,0px)), 0) scale(.6);opacity:0}18%{transform:translate(calc(-50% + var(--fx,0px)), -8px) scale(1.05);opacity:1}to{transform:translate(calc(-50% + var(--fx,0px)), -48px) scale(1);opacity:0}}.bg-screen{z-index:-1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.bg-screen:after{content:"";background:linear-gradient(#0a0f1c59 0%,#0a0f1cad 100%);position:absolute;inset:0}.portrait-img{object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--border-strong);width:96px;height:128px}.hero-card .portrait-img{z-index:0;object-fit:contain;object-position:center top;border:none;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.boss-intro .portrait-img{border-color:var(--accent-danger);width:200px;height:260px;box-shadow:0 0 32px #dc262699}.placed-emoji img.icon-img{object-fit:contain;width:92%;height:92%;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 4px 6px #0009)}.shop-emoji img.icon-img{object-fit:contain;width:48px;height:48px}.tt-emoji img.icon-img{object-fit:contain;width:28px;height:28px}.badge.stun{color:var(--accent-warm);border-color:var(--accent-warm)}.badge.crit{color:var(--accent-danger);border-color:var(--accent-danger)}.summary-screen{padding:var(--space-3) var(--space-5);justify-content:center;align-items:flex-start;display:flex}.app>.summary-screen{margin-top:var(--space-3);padding-top:0}.summary-card{background:var(--bg-card-glass);-webkit-backdrop-filter:var(--backdrop-blur);border:2px solid var(--accent-warm);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;width:100%;max-width:1180px;box-shadow:var(--shadow-lg)}.summary-card.lose{border-color:var(--accent-danger)}.summary-card h2{font-family:var(--font-display);font-size:var(--fs-h1);margin:0 0 var(--space-4)}.dmg-meter{margin:var(--space-4) auto var(--space-3);max-width:560px}.dmg-meter-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-warm-hi);text-align:center;margin-bottom:6px;font-size:13px}.dmg-meter-row{align-items:center;gap:var(--space-2);grid-template-columns:40px 1fr 40px;display:grid}.dmg-meter-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:12px}.dmg-meter-label.you{color:#ef4444;text-align:right}.dmg-meter-label.opp{color:#7f1d1d;text-align:left}.dmg-meter-bar{background:#0a0806;border:1px solid #b48c4666;border-radius:3px;height:24px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #000000b3}.dmg-fill{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 1px #000;transition:width .6s var(--ease-out);align-items:center;min-width:0;font-size:12px;font-weight:700;display:flex;position:relative;overflow:hidden}.you-fill{background:linear-gradient(#ef4444 0%,#b91c1c 100%);justify-content:flex-end;padding-right:8px;box-shadow:inset 0 -2px #0006}.opp-fill{background:linear-gradient(#7f1d1d 0%,#450a0a 100%);justify-content:flex-start;padding-left:8px;box-shadow:inset 0 -2px #0006}.dmg-fill-value{text-shadow:0 0 4px #000000e6,0 1px 1px #000}.summary-3col{gap:var(--space-3);margin:var(--space-4) auto var(--space-3);grid-template-columns:1fr minmax(280px,1.2fr) 1fr;align-items:start;max-width:1100px;display:grid}@media (width<=900px){.summary-3col{grid-template-columns:1fr}}.summary-3col .summary-stats{grid-template-columns:repeat(2,1fr);max-width:none;margin:0}.item-dmg-box{isolation:isolate;border-radius:var(--radius-md);padding:var(--space-3) var(--space-3) var(--space-2);background:radial-gradient(at 50% 0,#fbbf2414,#0000 65%),linear-gradient(#1c160eeb,#0a0806f5);border:1px solid #b48c468c;position:relative;box-shadow:inset 0 1px #fbbf242e,inset 0 -1px #000000b3,0 4px 14px #00000080,0 0 0 1px #0009}.item-dmg-box:before{content:"";border-radius:calc(var(--radius-md) - 2px);pointer-events:none;z-index:-1;border:1px solid #b48c462e;position:absolute;inset:4px}.item-dmg-box-title{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;text-align:center;margin-bottom:var(--space-3);text-shadow:0 1px 2px #000000e6,0 0 12px;justify-content:center;align-items:center;gap:10px;padding:6px 8px 10px;font-size:15px;font-weight:700;display:flex;position:relative}.item-dmg-box-title:before,.item-dmg-box-title:after{content:"";background:linear-gradient(90deg,#0000,#b48c468c,#0000);flex:auto;height:1px}.item-dmg-box-title.you{color:#86efac}.item-dmg-box-title.you:before,.item-dmg-box-title.you:after{background:linear-gradient(90deg,#0000,#4ade8080,#0000)}.item-dmg-box-title.opp{color:#fca5a5}.item-dmg-box-title.opp:before,.item-dmg-box-title.opp:after{background:linear-gradient(90deg,#0000,#ef444480,#0000)}.item-dmg-box:has(.item-dmg-box-title.you){border-left:3px solid #4ade808c;box-shadow:inset 0 1px #fbbf2424,inset 4px 0 8px -4px #4ade8040,0 4px 14px #00000080}.item-dmg-box:has(.item-dmg-box-title.opp){border-right:3px solid #ef44448c;box-shadow:inset 0 1px #fbbf2424,inset -4px 0 8px -4px #ef444440,0 4px 14px #00000080}.item-dmg-list{flex-direction:column;gap:6px;display:flex}.item-dmg-row{align-items:center;gap:var(--space-2);transition:background var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);cursor:default;border:1px solid #0000;border-radius:4px;grid-template-columns:48px 1fr auto;padding:6px 8px;display:grid}.item-dmg-row:hover{background:linear-gradient(#b48c461a,#b48c460a);border-color:#b48c4673;transform:translate(2px);box-shadow:0 2px 8px #00000080,inset 0 1px #fbbf241a}.item-dmg-row:hover .item-dmg-icon{transform:scale(1.08)}.item-dmg-icon{transition:transform var(--dur-fast);filter:drop-shadow(0 2px 4px #0009);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.item-dmg-icon .icon-img{object-fit:contain;width:110%;height:110%}.item-dmg-meta{min-width:0}.item-dmg-name{color:var(--fg-default);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.item-dmg-value{text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:56px;line-height:1.1;display:flex}.item-dmg-num{font-family:var(--font-mono);color:var(--accent-warm-hi);font-size:13px;font-weight:700}.item-dmg-hits{font-family:var(--font-mono);color:var(--fg-muted);font-size:10px;font-weight:500}.item-dmg-bar{background:#0a0806;border:1px solid #b48c4633;border-radius:999px;height:6px;margin-top:2px;overflow:hidden}.item-dmg-fill{height:100%;transition:width .5s var(--ease-out);border-radius:999px}.item-dmg-fill.self,.item-dmg-fill.enemy{background:linear-gradient(90deg,#b91c1c,#ef4444);box-shadow:0 0 6px #ef444480}.item-dmg-fill.shield{background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 0 6px #60a5fa66}.item-dmg-fill.heal{background:linear-gradient(90deg,#15803d,#4ade80);box-shadow:0 0 6px #4ade8066}.item-dmg-bar{gap:1px;display:flex}.item-dmg-stats{font-family:var(--font-mono);gap:8px;margin-top:2px;font-size:10px;font-weight:700;display:flex}.ms-dmg{color:#fca5a5}.ms-shield{color:#93c5fd}.ms-heal{color:#86efac}.item-dmg-value{font-family:var(--font-mono);color:var(--accent-warm-hi);text-align:right;min-width:36px;font-size:13px;font-weight:700}.summary-stats{gap:var(--space-3);margin:var(--space-4) auto var(--space-5);text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,1fr);place-items:center;max-width:720px;display:grid}@media (width<=600px){.summary-stats{grid-template-columns:repeat(2,1fr)}}.stat-tile{border:1.5px solid var(--border-strong);background:var(--bg-inset);border-radius:var(--radius-md);box-sizing:border-box;width:112px;height:112px;transition:transform var(--dur-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;display:flex}.stat-tile:hover{transform:translateY(-2px)}.stat-tile-label{color:#e5e7eb;text-transform:uppercase;letter-spacing:.04em;text-align:center;text-shadow:0 1px 2px #000c;font-size:12px}.stat-tile-value{font-family:var(--font-mono);color:#fff;text-align:center;text-shadow:0 1px 2px #000000e6;font-size:22px;font-weight:700;line-height:1}.tile-gold{border-color:var(--accent-warm);background:linear-gradient(#f59e0b2e,#f59e0b0f)}.tile-gold .stat-tile-value{color:var(--accent-warm-hi)}.tile-dmg{border-color:var(--accent-danger);background:linear-gradient(#ef44442e,#ef44440d)}.tile-dmg .stat-tile-value{color:#fca5a5}.tile-big{background:linear-gradient(#fb923c33,#fb923c0d);border-color:#fb923c}.tile-big .stat-tile-value{color:#fdba74}.tile-crit{border-color:var(--accent-warm-hi);background:linear-gradient(#fbbf2438,#fbbf240f);box-shadow:0 0 8px #fbbf2440}.tile-crit .stat-tile-value{color:var(--accent-warm-hi);text-shadow:0 0 6px #fbbf2480}.tile-trig{border-color:var(--accent-primary);background:linear-gradient(#a855f72e,#a855f70d)}.tile-trig .stat-tile-value{color:var(--accent-primary-hi)}.tile-heal{border-color:var(--accent-success);background:linear-gradient(#22c55e2e,#22c55e0d)}.tile-heal .stat-tile-value{color:#86efac}.tile-shield{background:linear-gradient(#60a5fa2e,#60a5fa0d);border-color:#60a5fa}.tile-shield .stat-tile-value{color:#93c5fd}.tile-opp{border-color:var(--fg-disabled);background:linear-gradient(#94a3b826,#94a3b808)}.tile-opp .stat-tile-value{color:var(--fg-muted)}.summary-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.summary-actions>.btn:last-child{flex-basis:100%}.placed-item.aura{animation:3s ease-in-out infinite auraIdle}@keyframes auraIdle{0%,to{box-shadow:inset 0 0 0 2px #a855f733,0 0 8px #a855f733}50%{box-shadow:inset 0 0 0 2px #a855f780,0 0 18px #a855f780}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);animation:modalFadeIn var(--dur-mid) var(--ease-out);background:#080c18a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card-glass-hi);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-strong);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:modalIn var(--dur-mid) var(--ease-spring);flex-direction:column;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.modal h2{font-family:var(--font-display);font-size:var(--fs-h2);margin:0}.modal-title{align-items:center;gap:var(--space-2);letter-spacing:.04em;display:flex}.modal-title svg{color:var(--accent-warm-hi)}.modal-subtitle{font-size:var(--fs-lead);margin-top:var(--space-3)!important}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.settings-row label{color:var(--fg-muted)}.settings-row input[type=range]{flex:1;max-width:200px}.settings-row select{background:var(--bg-base);color:var(--fg-default);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:4px 8px}.stats-panel{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-cap);margin-top:var(--space-2);grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.stats-panel dt{color:var(--fg-muted)}.stats-panel dd{color:var(--accent-warm-hi);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.item-tooltip.floating{z-index:var(--z-toast);pointer-events:none;margin-top:0;position:fixed}.fighter-head{align-items:center;gap:8px;display:flex}.fighter-portrait{object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--border-strong);width:56px;height:72px}.particle-layer{pointer-events:none;z-index:11;position:absolute;inset:0}.particle{pointer-events:none;text-shadow:0 0 4px;font-size:14px;animation:.6s ease-out forwards partFly;position:absolute}@keyframes partFly{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}to{transform:translate(calc(-50% + var(--px,0)), calc(-50% + var(--py,0))) scale(.2);opacity:0}}.toast-stack{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{background:var(--bg-elevated);border:2px solid var(--accent-warm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toastIn .3s var(--ease-spring);pointer-events:auto;min-width:220px;padding:10px 14px}.toast .toast-title{color:var(--accent-warm-hi);font-weight:700}.toast .toast-body{color:var(--fg-default);font-size:var(--fs-cap)}@keyframes toastIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.tutorial-overlay{z-index:var(--z-modal);padding:var(--space-5);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--bg-elevated);border:2px solid var(--accent-warm);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;gap:var(--space-3);flex-direction:column;max-width:500px;display:flex}.tutorial-step{color:var(--fg-muted);font-size:var(--fs-cap)}.shop-item.locked{box-shadow:0 0 10px #f59e0b66;border-color:var(--accent-warm)!important}.lock-btn{color:var(--accent-warm-hi);cursor:pointer;background:#000000bf;border:1px solid #fbbf2499;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0009,0 0 0 1px #0006}.lock-btn:hover{background:#000000e6;border-color:#fbbf24;transform:scale(1.08)}.shop-item{position:relative}.boss-intro.zoom{animation:bossZoomIn 1s var(--ease-out) forwards}@keyframes bossZoomIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.stage-transition{background:var(--bg-deep);z-index:var(--z-modal);animation:stageSlide .7s var(--ease-out) forwards;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage-transition-text{font-family:var(--font-display);color:var(--accent-warm-hi);letter-spacing:.08em;font-size:64px}@keyframes stageSlide{0%{transform:translate(-100%)}40%{transform:translate(0)}60%{transform:translate(0)}to{transform:translate(100%)}}.badge.freeze{color:#60a5fa;border-color:#60a5fa}.badge.dodge{color:#94a3b8;border-color:#94a3b8}.run-history{font-size:var(--fs-cap);border-radius:var(--radius-md);background:#f5deb31f;border:1px solid #78501e59;max-height:220px;padding:4px 0;overflow-y:auto}.codex-history-header{color:#3a2410;font-weight:800;font-family:var(--font-display);letter-spacing:.05em;text-shadow:0 1px #ffebc373;margin-bottom:4px}.codex-modal .empty-hint{color:#6b5230;padding:6px 10px;font-style:italic}.run-history-row{color:#2a1a0a;text-align:center;text-shadow:0 1px #ffe6b466;border-bottom:1px dashed #78501e66;grid-template-columns:repeat(3,1fr);gap:2px;padding:6px 4px;font-weight:600;display:grid}.run-history-row>span{text-align:center;justify-self:center}.gem-pill{color:#67e8f9;font-family:var(--font-mono);text-align:center;text-shadow:0 0 6px #22d3ee80,0 1px 1px #000;font-variant-numeric:tabular-nums;background:linear-gradient(#0a1a1f 0%,#060e12 100%);border:1px solid #22d3ee80;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 0 10px #22d3ee33,inset 0 1px #22d3ee33,inset 0 -1px #0009}.deck-import{margin-top:var(--space-4);justify-content:center;align-items:center;gap:8px;display:flex}.deck-input{background:var(--bg-base);color:var(--fg-default);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:260px;padding:6px 10px;font-family:ui-monospace,monospace;font-size:12px}.merge-vfx{pointer-events:none;z-index:var(--z-modal);position:fixed;inset:0}.merge-orb{background:radial-gradient(circle, color-mix(in srgb, var(--mvfx-color,#fbbf24) 25%, #fffbe6) 0%, var(--mvfx-color,#fbbf24) 40%, transparent 75%);box-shadow:0 0 28px 8px var(--mvfx-color,#fbbf24), 0 0 56px 14px color-mix(in srgb, var(--mvfx-color,#fbbf24) 60%, transparent);opacity:.9;will-change:left, top, transform;border-radius:50%;transition-property:left,top,width,height,opacity;transition-timing-function:cubic-bezier(.55,0,.25,1);animation:.55s ease-in-out infinite alternate mergeOrbPulse;position:fixed}.merge-orb.traveling{opacity:1;animation:none}@keyframes mergeOrbPulse{0%{filter:brightness();transform:scale(.92)}to{filter:brightness(1.35);transform:scale(1.1)}}.merge-burst{background:radial-gradient(circle, #fffbe6 0%, var(--mvfx-color,#fbbf24) 35%, color-mix(in srgb, var(--mvfx-color,#fbbf24) 60%, transparent) 60%, transparent 75%);width:18px;height:18px;box-shadow:0 0 32px 10px var(--mvfx-color,#fbbf24);border-radius:50%;margin-top:-9px;margin-left:-9px;animation:.32s ease-out forwards mergeBurst;position:fixed}@keyframes mergeBurst{0%{opacity:1;transform:scale(.4)}55%{opacity:.85;transform:scale(4)}to{opacity:0;transform:scale(6.5)}}.tier-badge.popping{opacity:0;transform-origin:50%;animation:.34s cubic-bezier(.34,1.6,.5,1) .56s forwards tierBadgePop;transform:scale(.2)}.tier-badge.popping.tier-3{animation-name:tierBadgePopGlow}@keyframes tierBadgePop{0%{opacity:0;transform:scale(.2)rotate(-25deg)}60%{opacity:1;transform:scale(1.45)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tierBadgePopGlow{0%{opacity:0;filter:drop-shadow(0 0 #0000);transform:scale(.2)rotate(-25deg)}60%{opacity:1;filter:drop-shadow(0 0 10px #f472b6);transform:scale(1.55)rotate(8deg)}to{opacity:1;filter:drop-shadow(0 0 4px #f472b699);transform:scale(1)rotate(0)}}.set-pills{gap:4px;display:flex}.set-pill{border:1px solid var(--accent-warm);color:#fef3c7;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 2px #000,0 0 4px #000000e6;background:linear-gradient(#14100a,#060403);border-radius:3px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:10px 12px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #000000b3}.set-pill .pill-icon{vertical-align:middle;width:18px;height:18px;margin-right:0}.set-pill.fire{border-color:var(--accent-burn);color:#fed7aa;box-shadow:inset 0 1px #fb923c33,inset 0 -1px #000000b3,0 0 8px #fb923c33}.set-pill.ice{color:#dbeafe;border-color:#60a5fa;box-shadow:inset 0 1px #60a5fa33,inset 0 -1px #000000b3,0 0 8px #60a5fa33}.set-pill.holy{border-color:var(--accent-success);color:#d1fae5;box-shadow:inset 0 1px #22c55e33,inset 0 -1px #000000b3,0 0 8px #22c55e33}.set-pill.beast{border-color:var(--accent-primary);color:#ede9fe;box-shadow:inset 0 1px #a855f733,inset 0 -1px #000000b3,0 0 8px #a855f733}.codex-filters{margin-bottom:var(--space-2);flex-wrap:wrap;gap:4px;display:flex}.codex-filter-chip{background:var(--bg-inset);border:1px solid var(--border-strong);color:var(--fg-muted);border-radius:var(--radius-pill);cursor:pointer;padding:3px 10px;font-size:11px}.codex-filter-chip.active{background:var(--accent-warm);border-color:var(--accent-warm);color:#1f2937;font-weight:700}.codex-chip-count{border-radius:var(--radius-pill);color:inherit;opacity:.85;background:#00000059;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}.codex-filter-chip.active .codex-chip-count{background:#00000040}.codex-modal{gap:var(--space-2);transform-origin:50% 30%;width:720px;max-width:95vw;height:690px;max-height:95vh;transform-style:preserve-3d;perspective:1400px;will-change:transform, opacity, filter;flex-direction:column;animation:.56s cubic-bezier(.18,.84,.32,1.08) codexModalIn;display:flex;position:relative;overflow:hidden}@keyframes codexModalIn{0%{opacity:0;filter:blur(8px)brightness(.55);transform:rotateX(38deg)scale(.62)translateY(40px)}55%{opacity:1;filter:blur()brightness(1.1);transform:rotateX(-4deg)scale(1.02)translateY(-4px)}to{opacity:1;filter:blur()brightness();transform:rotateX(0)scale(1)translateY(0)}}.codex-modal:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;mix-blend-mode:screen;z-index:3;background:linear-gradient(115deg,#0000 30%,#fbd78259 50%,#0000 70%);animation:.9s ease-out .2s forwards codexSweep;position:absolute;inset:0}@keyframes codexSweep{0%{opacity:0;transform:translate(-60%)}35%{opacity:1}to{opacity:0;transform:translate(60%)}}.codex-modal .codex-tabs{animation:.38s cubic-bezier(.22,.61,.36,1) .24s backwards codexFadeUp}.codex-modal .codex-tab-body{animation:.42s cubic-bezier(.22,.61,.36,1) .34s backwards codexFadeUp}@keyframes codexFadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}.modal-backdrop:has(.codex-modal){animation:.42s ease-out codexBackdropIn}@keyframes codexBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur()saturate();background:#080c1800}to{opacity:1;-webkit-backdrop-filter:blur(8px)saturate(1.1);background:#080c18b3}}@media (prefers-reduced-motion:reduce){.codex-modal,.codex-modal .codex-tabs,.codex-modal .codex-tab-body{animation:none}.modal-backdrop:has(.codex-modal){animation:none}.codex-modal:after{display:none}}.codex-tab-body{gap:var(--space-2);flex-direction:column;flex:auto;min-height:0;display:flex}.codex-tab-body>.codex-grid{flex:auto;align-content:start;min-height:0;padding-right:4px;overflow:hidden auto}.codex-history-scroll{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.codex-close{flex:none}.codex-tabs{border-bottom:1px solid var(--border);padding-bottom:var(--space-2);flex-wrap:wrap;gap:4px;display:flex}.codex-tabs .btn.active{background:linear-gradient(180deg, var(--accent-warm), #b45309);color:#fff}.codex-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.ach-card,.codex-item,.perk-card{isolation:isolate;background:var(--card-img,none) center/cover no-repeat, radial-gradient(ellipse at 50% 0%, #fbdca02e 0%, transparent 60%), linear-gradient(180deg, #3c26128c 0%, #1e1208b3 100%);border-radius:var(--radius-md);text-align:center;min-height:170px;font-size:var(--fs-cap);color:#f3e6c4;border:1px solid #b48c468c;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fbdca02e,inset 0 -1px #0006,0 2px 6px #00000073}.ach-card:after,.codex-item:after,.perk-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#0000 0% 40%,#0000008c 70%,#000000e0 100%);position:absolute;inset:0}.ach-card>*,.codex-item>*,.perk-card>*{z-index:1;position:relative}.ach-card.locked{opacity:.6}.ach-card.got{border-color:var(--accent-warm);box-shadow:inset 0 1px #fbdca040,inset 0 -1px #0006,0 0 14px #fbbf2459}.codex-item-footer,.ach-card-footer,.perk-card-footer{text-align:center;flex-direction:column;align-items:center;gap:1px;width:100%;margin-top:auto;padding:6px 6px 8px;display:flex}.perk-card-footer{gap:4px;padding-bottom:10px}.ach-name,.codex-item-name,.perk-name{color:#fde9b8;text-shadow:0 1px 2px #000000e6;font-weight:700;line-height:1.15}.ach-desc,.codex-item-desc,.perk-desc{color:#e0d3a4;text-shadow:0 1px 2px #000000e6;font-size:11px;line-height:1.2}.codex-item-progression{color:#d8c98f;text-shadow:0 1px 2px #000000e6;flex-direction:column;align-items:center;gap:3px;width:100%;margin-top:5px;font-size:11px;display:flex}.codex-prog-row{justify-content:center;align-items:center;display:flex}.codex-prog-row-stats{font-variant-numeric:tabular-nums;gap:10px;font-weight:700}.codex-prog-label{letter-spacing:.8px;color:#fbbf24;background:#00000059;border:1px solid #fbbf2473;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700}.codex-prog-stat{white-space:nowrap;color:#fde9b8;align-items:center;gap:4px;display:inline-flex}.codex-prog-icon{color:#fbbf24;filter:drop-shadow(0 1px 1px #000c);flex-shrink:0;width:12px;height:12px}.codex-prog-sep{background:#fbbf2459;width:1px;height:10px}.codex-badge{z-index:2;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 1px #000;background:#080604c7;border:1px solid;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.2;position:absolute;top:6px;box-shadow:0 1px 3px #00000080}.codex-badge.rarity{left:6px}.codex-badge.cost{color:#fde047;border-color:var(--accent-warm);right:6px}.perk-card.owned{border-color:var(--accent-success)}.perk-owned{color:var(--accent-success);text-shadow:0 1px 2px #000;font-size:12px;font-weight:700}.fighter-portrait-wrap.crit-punch{transform-origin:bottom;animation:.28s cubic-bezier(.2,.7,.2,1) critPunchZoom}@keyframes critPunchZoom{0%{transform:scale(1)}40%{filter:drop-shadow(0 0 14px #fde047a6);transform:scale(1.07)}to{filter:drop-shadow(0 0 #0000);transform:scale(1)}}.battle-side.huge-hit:before{content:"";pointer-events:none;z-index:7;mix-blend-mode:screen;background:radial-gradient(#dc262652 0%,#dc262600 65%);border-radius:16px;animation:.38s ease-out forwards hugeHitPulse;position:absolute;inset:-8px -12px}@keyframes hugeHitPulse{0%{opacity:0;transform:scale(.92)}35%{opacity:1;transform:scale(1.02)}to{opacity:0;transform:scale(1.08)}}.battle-side.frozen:after{content:"";pointer-events:none;z-index:6;background:linear-gradient(135deg,#60a5fa2e,#60a5fa0a);border:1px solid #93c5fd59;border-radius:12px;animation:.7s ease-out forwards freezeSideIn;position:absolute;inset:-4px -8px}@keyframes freezeSideIn{0%{opacity:0}18%{opacity:1}to{opacity:0}}.quest-panel{background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:6px;display:flex}.quest-panel-title{color:var(--accent-warm-hi);font-weight:700;font-size:var(--fs-cap);margin-bottom:4px}.quest-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-size:11px;display:flex}.quest-row:last-child{border-bottom:none}.quest-row.completed{color:var(--accent-success)}.quest-row.claimed{opacity:.5;text-decoration:line-through}.quest-progress{font-variant-numeric:tabular-nums;color:var(--fg-muted)}.endless-banner{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(90deg,#06b6d4,#a855f7);padding:4px 10px;font-size:12px;font-weight:700}.lang-row{flex-wrap:wrap;gap:4px;display:flex}.lang-chip{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-inset);color:var(--fg-muted);cursor:pointer;padding:3px 10px;font-size:11px}.lang-chip.active{background:var(--accent-warm);border-color:var(--accent-warm);color:#1f2937;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.placed-item.pulse,.fighter-portrait.shake,.shockwave,.boss-intro-skull,.stage-pill.boss{animation:none!important}}.topbar h1{align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:2px 0;display:inline-flex}.topbar-logo{object-fit:contain;filter:drop-shadow(0 0 10px #a855f780)drop-shadow(0 2px 4px #0009);width:44px;height:44px;animation:4s ease-in-out infinite logoBreathe}@keyframes logoBreathe{0%,to{filter:drop-shadow(0 0 10px #a855f766)drop-shadow(0 2px 4px #0009)}50%{filter:drop-shadow(0 0 18px #a855f7bf)drop-shadow(0 2px 4px #0009)}}.topbar-grid{align-items:center;gap:var(--space-4);grid-template-columns:minmax(220px,auto) 1fr minmax(120px,auto);display:grid}.topbar-left{align-items:center;gap:var(--space-3);padding-right:var(--space-4);border-right:1px solid;border-image:linear-gradient(180deg, transparent, var(--border-strong) 30%, var(--border-strong) 70%, transparent) 1;min-height:60px;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #0009)drop-shadow(0 0 12px #fbbf2459);flex-shrink:0;width:64px;height:64px}.brand-logo-fallback{color:var(--accent-warm-hi);font-size:48px;line-height:1}.brand-stack{flex-direction:column;align-items:center;gap:4px;line-height:1;display:flex}.topbar-center{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.topbar-right{padding-left:var(--space-4);border-left:1px solid;border-image:linear-gradient(180deg, transparent, var(--border-strong) 30%, var(--border-strong) 70%, transparent) 1;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;min-height:60px;display:flex}.tb-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.tb-row>.stat-chip,.tb-row>.gem-pill{flex:1 1 0;justify-content:center;min-width:90px}.tb-row>.stage-pill{letter-spacing:.22em;flex:100%;justify-content:center;min-width:220px;padding:10px 28px;font-size:15px}.tb-row-pills{gap:6px}.tb-row-pills>.set-pill,.tb-row-pills>.tag{text-align:center;flex:0 auto;min-width:70px;max-width:110px}.tb-row-gem{justify-content:flex-end}.tb-row-gem>.gem-pill{flex:none;min-width:92px;padding:5px 14px;font-size:14px}.gem-pill-btn{cursor:pointer;font-family:var(--font-mono);transition:transform var(--dur-fast), box-shadow var(--dur-fast), border-color var(--dur-fast)}.gem-pill-btn:hover{border-color:#22d3eed9;transform:translateY(-1px);box-shadow:0 0 14px #22d3ee73,inset 0 1px #22d3ee59,inset 0 -1px #0009}.gem-pill-btn:active{transform:translateY(0)}.gem-pill-btn:focus-visible{outline-offset:2px;outline:2px solid #22d3eeb3}.mark-pill{font-size:14px;font-family:var(--font-mono);border-radius:var(--radius-md);color:#fbbf24;white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b8c;align-items:center;gap:6px;min-width:64px;margin-left:6px;padding:5px 12px;display:inline-flex}.topbar-right .icon-btn,.topbar-right .gem-pill,.topbar-right .mark-pill{color:#f4d68a;isolation:isolate;height:40px;transition:transform var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast), color var(--dur-fast), background var(--dur-fast);background:radial-gradient(at 50% 30%,#fbbf242e 0%,#0000 65%),radial-gradient(at 50% 95%,#783c1473 0%,#0000 70%),linear-gradient(#2b1f10 0%,#14100a 100%);border:1px solid #b4823c99;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fbd78238,inset 0 -2px #0000008c,inset 0 0 0 1px #0006,0 2px 6px #00000080}.topbar-right .icon-btn:before,.topbar-right .gem-pill:before,.topbar-right .mark-pill:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(115deg,#0000 30%,#fbd78259 50%,#0000 70%);width:60%;height:100%;transition:left .52s ease-out;position:absolute;top:0;left:-120%;transform:skew(-18deg)}.topbar-right .icon-btn:after,.topbar-right .gem-pill:after,.topbar-right .mark-pill:after{content:"";pointer-events:none;z-index:0;border:1px solid #fbd78214;border-radius:5px;position:absolute;inset:4px}.topbar-right .icon-btn>*,.topbar-right .gem-pill>*,.topbar-right .mark-pill>*{z-index:2;position:relative}.topbar-right .icon-btn:hover:not(:disabled),.topbar-right .gem-pill:hover:not(:disabled),.topbar-right .mark-pill:hover{color:#fff5d6;border-color:#fbbf24f2;transform:translateY(-1px);box-shadow:inset 0 1px #fbd78259,inset 0 -2px #0000008c,inset 0 0 18px #fbbf2440,0 4px 14px #0000008c,0 0 18px #fbbf2466}.topbar-right .icon-btn:hover:not(:disabled):before,.topbar-right .gem-pill:hover:not(:disabled):before,.topbar-right .mark-pill:hover:before{left:140%}.topbar-right .icon-btn:active:not(:disabled),.topbar-right .gem-pill:active:not(:disabled){filter:brightness(.92);transform:translateY(1px);box-shadow:inset 0 2px 4px #0009,inset 0 -1px #00000059,0 1px 2px #00000080}.topbar-right .icon-btn:focus-visible,.topbar-right .gem-pill:focus-visible,.topbar-right .mark-pill:focus-visible{outline-offset:2px;outline:2px solid #fbbf24b3}.topbar-right .icon-btn{width:64px;padding:0}.topbar-right .icon-btn .btn-icon-img{object-fit:contain;filter:drop-shadow(0 1px 2px #000000b3);width:22px;height:22px}.topbar-right .icon-btn svg{width:18px;height:18px;color:inherit;filter:drop-shadow(0 1px 2px #000000b3)}.topbar-right .icon-btn[aria-pressed=false]{color:#8a7a55;background:radial-gradient(at 50% 95%,#3c281466 0%,#0000 70%),linear-gradient(#1a140e 0%,#0c0906 100%);border-color:#785a3280}.topbar-right .icon-btn[aria-pressed=false]:hover:not(:disabled){color:#d6c79a;border-color:#b48c46b3}.topbar-right .gem-pill,.topbar-right .mark-pill{width:64px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;background:radial-gradient(at 50% 30%,#fbbf242e 0%,#0000 65%),radial-gradient(at 50% 95%,#783c1473 0%,#0000 70%),linear-gradient(#2b1f10 0%,#14100a 100%);gap:4px;min-width:64px;max-width:64px;margin-left:0;padding:0 8px;font-size:13px;font-weight:700}.topbar-right .gem-pill{color:#67e8f9;text-shadow:0 0 6px #22d3ee73,0 1px 1px #000}.topbar-right .mark-pill{color:#fbbf24;text-shadow:0 0 6px #fbbf2473,0 1px 1px #000}.topbar-right .gem-pill .pill-icon,.topbar-right .mark-pill .pill-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #000000b3);justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.topbar-right .mark-pill .pill-icon{font-size:16px;line-height:1}@media (prefers-reduced-motion:reduce){.topbar-right .icon-btn,.topbar-right .gem-pill,.topbar-right .mark-pill,.topbar-right .icon-btn:before,.topbar-right .gem-pill:before,.topbar-right .mark-pill:before{transition:none}}.tb-hint{display:inline-flex;position:relative}.vault-row .fight-hint{flex:0 0 132px;align-self:stretch;display:flex}.vault-row .fight-hint>.fight-btn-stacked{flex:auto;width:100%}@media (width<=720px){.vault-row .fight-hint{flex-basis:96px}}.fight-hint:after{bottom:calc(100% + 8px);transform:translate(-50%)translateY(-4px);top:auto!important}.fight-hint:hover:after,.fight-hint:focus-within:after{transform:translate(-50%)translateY(0)}.tb-hint:after{content:attr(data-name);pointer-events:none;opacity:0;border-radius:var(--radius-sm);white-space:nowrap;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#fde68a;text-shadow:0 1px 1px #000000d9;z-index:9999;transition:opacity var(--dur-fast), transform var(--dur-fast);background:linear-gradient(#1c160efa,#0a0804fa);border:1px solid #b48c4699;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 6px 16px #0009}.tb-hint:hover:after,.tb-hint:focus-within:after{opacity:1;transform:translate(-50%)translateY(0)}.tb-hint>.icon-btn,.tb-hint>.gem-pill,.tb-hint>.mark-pill{transition:box-shadow var(--dur-fast), filter var(--dur-fast)}.tb-hint:hover>.icon-btn,.tb-hint:hover>.gem-pill,.tb-hint:hover>.mark-pill{filter:brightness(.85)contrast(1.05)}@media (prefers-reduced-motion:reduce){.tb-hint:after{transition:none}}.has-tooltip{position:relative}.has-tooltip:before,.has-tooltip:after{pointer-events:none;opacity:0;transition:opacity var(--dur-fast), transform var(--dur-fast);z-index:9999;position:absolute;left:50%;transform:translate(-50%)translateY(4px)}.has-tooltip:after{content:attr(data-tooltip-title) " — " attr(data-tooltip-body);border-radius:var(--radius-sm);white-space:normal;text-align:center;color:#fde68a;min-width:220px;max-width:300px;font-family:var(--font-ui);letter-spacing:.02em;text-transform:none;text-shadow:0 1px 1px #000000d9;background:linear-gradient(#1c160efa,#0a0804fa);border:1px solid #b48c4699;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.45;top:calc(100% + 8px);box-shadow:0 8px 20px #000000a6,inset 0 1px #fbbf242e,inset 0 -1px #000000b3}.has-tooltip:before{content:"";border-bottom:6px solid #b48c4699;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;top:calc(100% + 2px)}.has-tooltip:hover:before,.has-tooltip:hover:after,.has-tooltip:focus-visible:before,.has-tooltip:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=768px){.topbar-grid{grid-template-columns:1fr}.topbar-right,.topbar-left{border:none;align-items:center;padding:0}}.brand-text{font-family:var(--font-banner);letter-spacing:.02em;background:linear-gradient(#f5f1e0 0%,#cbb380 60%,#8a6f3a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #0009)drop-shadow(0 0 10px #fbbf244d);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:400;line-height:1}.brand-sub{font-family:var(--font-display);letter-spacing:.4em;text-transform:uppercase;color:var(--accent-warm-hi);box-shadow:none;text-align:center;text-shadow:0 0 6px #fbbf2466;background:0 0;border:none;margin:0;padding:0;font-size:16px;font-weight:400}.brand-hero{margin-top:4px}.pill-icon{object-fit:contain;vertical-align:-3px;width:14px;height:14px;margin-right:2px}.btn-icon-img{object-fit:contain;width:22px;height:22px;display:block}.inline-icon{object-fit:contain;vertical-align:middle;width:16px;height:16px;display:inline-block}.badge-icon{object-fit:contain;vertical-align:middle;width:14px;height:14px;display:inline-block}.log-icon-img{object-fit:contain;vertical-align:middle;width:16px;height:16px;display:inline-block}.float-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px;display:inline-block}.ms-icon{object-fit:contain;vertical-align:middle;width:14px;height:14px;margin-right:2px;display:inline-block}.event-pip-icon{object-fit:contain;vertical-align:middle;width:36px;height:36px;display:inline-block}.btn-icon{object-fit:contain;vertical-align:middle;width:20px;height:20px;margin-right:4px;display:inline-block}.tab-icon{object-fit:contain;vertical-align:middle;width:18px;height:18px;margin-right:4px;display:inline-block}.choice-icon{object-fit:contain;vertical-align:middle;width:24px;height:24px;display:inline-block}.victory-title-icon{object-fit:contain;vertical-align:middle;width:48px;height:48px;display:inline-block}.toast-emoji-img{object-fit:contain;vertical-align:middle;width:20px;height:20px;display:inline-block}.ctx-menu-icon{object-fit:contain;vertical-align:middle;width:16px;height:16px;margin-right:4px;display:inline-block}.ach-badge-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:56px;height:56px;margin:0 auto;display:block}.ach-badge-img.dim{opacity:.4;filter:grayscale()brightness(.6)}.perk-icon-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:48px;height:48px;margin:0 auto;display:block}.lock-icon-img{object-fit:contain;filter:drop-shadow(0 1px 2px #000000e6);width:22px;height:22px;display:block}.topbar>h1:after,.topbar-divider{content:"";background:linear-gradient(180deg, transparent, var(--border-strong), transparent);width:1px;height:28px;margin:0 var(--space-3);vertical-align:middle;display:inline-block}.stat-icon{object-fit:contain;width:18px;height:18px;display:block}.stage-pill{align-items:center;gap:4px;display:inline-flex}.stage-pill-icon{object-fit:contain;width:18px;height:18px;display:block}.merge-title{align-items:center;gap:var(--space-2);display:inline-flex}.merge-icon{object-fit:contain;width:22px;height:22px;display:block}.reroll-btn{align-items:center;gap:4px;display:inline-flex}.reroll-icon{object-fit:contain;width:16px;height:16px;display:block}.badge-icon{object-fit:contain;vertical-align:middle;width:14px;height:14px;margin-right:2px;display:inline-block}.panel-bg{border-radius:inherit;pointer-events:none;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.codex-modal .panel-bg,.settings-modal .panel-bg,.summary-card .panel-bg,.event-card .panel-bg,.tutorial-card .panel-bg,.confirm-modal .panel-bg{background-size:100% 100%}.left,.merge-panel,.inventory-tray,.codex-modal,.settings-modal,.summary-card,.event-card,.tutorial-card,.toast{isolation:isolate;position:relative}.modal-backdrop{isolation:isolate}.panel-bg:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0000001f,#00000047);position:absolute;inset:0}.stat-chip{background:url(/img/ui/bg_stat_chip.png) 50%/100% 100% no-repeat,linear-gradient(#1a1410 0%,#0a0806 100%)}.gem-pill{background:url(/img/ui/bg_gem_pill.png) 50%/100% 100% no-repeat,linear-gradient(#0a1a1f 0%,#060e12 100%)}.hero-pill{background:url(/img/ui/bg_hero_pill.png) center/100% 100% no-repeat, var(--bg-elevated)}.stage-pill{background:url(/img/ui/bg_stage_pill.png) 50%/100% 100% no-repeat,linear-gradient(#2b1f10 0%,#14100a 100%)}.stage-pill.boss{background:url(/img/ui/bg_stage_pill_boss.png) 50%/100% 100% no-repeat,linear-gradient(#3a0e0e 0%,#1a0606 100%)}.set-pill.fire{background:url(/img/ui/bg_set_pill_fire.png) 50%/100% 100% no-repeat,linear-gradient(#14100a,#060403)}.set-pill.ice{background:url(/img/ui/bg_set_pill_ice.png) 50%/100% 100% no-repeat,linear-gradient(#14100a,#060403)}.set-pill.holy{background:url(/img/ui/bg_set_pill_holy.png) 50%/100% 100% no-repeat,linear-gradient(#14100a,#060403)}.set-pill.beast{background:url(/img/ui/bg_set_pill_beast.png) 50%/100% 100% no-repeat,linear-gradient(#14100a,#060403)}.stat-tile{background:url(/img/ui/bg_stat_tile.png) center/cover no-repeat, var(--bg-inset)}.run-history-row{background:url(/img/ui/bg_history_row.png) 50%/cover no-repeat,0 0}.modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:1000;background:#08060ea6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-overlay{-webkit-backdrop-filter:blur(8px)saturate(1.1);background:radial-gradient(#08060e8c 0%,#020104d1 100%);animation:.22s ease-out confirmOverlayFade}@keyframes confirmOverlayFade{0%{opacity:0;-webkit-backdrop-filter:blur()saturate()}to{opacity:1}}.modal-card.confirm-modal{isolation:isolate;min-width:320px;max-width:460px;color:var(--fg);text-align:center;transform-origin:50% 40%;background:linear-gradient(#1c160ed1 0%,#100c08e0 100%);border:1px solid #fbbf2473;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:36px 28px 18px;animation:.28s cubic-bezier(.22,.61,.36,1) confirmCardIn;display:flex;position:relative;box-shadow:inset 0 1px #fbbf2438,inset 0 -2px #0000008c,0 0 0 1px #00000080,0 24px 48px #000000b3,0 0 60px #fbbf2426}.modal-card.confirm-modal:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#08040259 0%,#0804028c 100%);position:absolute;inset:0}.modal-card.confirm-modal>*{z-index:1;position:relative}.modal-card.confirm-modal>.panel-bg{z-index:-1}@keyframes confirmCardIn{0%{opacity:0;filter:blur(2px);transform:scale(.86)translateY(18px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.confirm-accent{background:linear-gradient(90deg, transparent, var(--confirm-accent,#fbbf24), transparent);height:3px;box-shadow:0 0 14px var(--confirm-accent-glow,#fbbf24b3);pointer-events:none;border-radius:0 0 4px 4px;position:absolute;top:0;left:12%;right:12%}.confirm-icon-wrap{justify-content:center;align-items:center;width:72px;height:72px;margin-top:-16px;display:flex;position:relative}.confirm-icon-glow{background:radial-gradient(circle, var(--confirm-accent-glow,#fbbf248c) 0%, transparent 70%);filter:blur(6px);border-radius:50%;animation:2.4s ease-in-out infinite confirmIconPulse;position:absolute;inset:-8px}@keyframes confirmIconPulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.confirm-icon{border:1.5px solid var(--confirm-accent,#fbbf24a6);background:radial-gradient(circle at 50% 35%,#fbbf2438,#0000 70%),linear-gradient(#2b1f10f2,#140e08fa);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:inset 0 1px #fbbf2440,inset 0 -2px #0000008c,0 4px 10px #00000073}.confirm-icon-img{object-fit:contain;width:36px;height:36px}.confirm-icon-emoji{filter:drop-shadow(0 1px 2px #000c);font-size:30px;line-height:1}.confirm-title{font-family:var(--font-display,inherit);letter-spacing:.04em;text-transform:uppercase;color:var(--confirm-accent,#fbbf24);text-shadow:0 1px 2px #000000e6, 0 0 12px var(--confirm-accent-glow,#fbbf2473);margin:0;font-size:22px;font-weight:700}.confirm-divider{background:linear-gradient(90deg, transparent, var(--confirm-accent,#fbbf248c), transparent);opacity:.7;width:60%;height:1px;margin:2px 0 6px}.confirm-message{color:var(--fg);white-space:pre-line;text-shadow:0 1px 1px #000000b3;max-width:380px;margin:0;font-size:15px;line-height:1.5}.confirm-actions{justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.confirm-actions .btn{letter-spacing:.04em;min-width:110px;padding:10px 18px;font-weight:700}.confirm-btn-cancel{color:#d6c8a8;background:linear-gradient(#3c3428d9,#1c160ef2);border-color:#a08c6466}.confirm-btn-cancel:hover{color:#f4e8c4;border-color:#dcc88c99}.confirm-btn-confirm.danger{color:#fff5f5;text-shadow:0 1px #00000073,0 0 12px #ef444459;background:linear-gradient(#f87171 0%,#dc2626 50%,#991b1b 100%);border-color:#7f1d1d}.confirm-btn-confirm.danger:hover{filter:brightness(1.08);box-shadow:0 0 20px #dc26268c,inset 0 1px #ffffff40}.confirm-hint{color:#dcc8a08c;letter-spacing:.05em;margin-top:6px;font-size:11px}.confirm-hint kbd{color:#f0dcb4d9;background:#0006;border:1px solid #dcc8a04d;border-radius:4px;margin:0 2px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-block}.confirm-tone-default{--confirm-accent:#fbbf24;--confirm-accent-glow:#fbbf248c}.confirm-tone-danger{--confirm-accent:#f87171;--confirm-accent-glow:#f8717199}.confirm-tone-warning{--confirm-accent:#fb923c;--confirm-accent-glow:#fb923c8c}.confirm-tone-info{--confirm-accent:#60a5fa;--confirm-accent-glow:#60a5fa8c}.confirm-tone-success{--confirm-accent:#4ade80;--confirm-accent-glow:#4ade808c}@media (prefers-reduced-motion:reduce){.confirm-overlay,.modal-card.confirm-modal,.confirm-icon-glow{animation:none}}.battle-scrim{pointer-events:none;z-index:0;background:radial-gradient(at 50% 35%,#0000 0%,#0000008c 75%,#000000d9 100%),linear-gradient(#00000040,#0000008c);position:fixed;inset:0}.battle{z-index:1;gap:var(--space-4,16px);padding:var(--space-5);grid-template-columns:1fr auto 1fr;place-content:center;align-items:stretch;max-width:1700px;margin:0 auto;display:grid;position:fixed;inset:0;overflow:hidden}.battle .vault{background:radial-gradient(at 50% 0,#fed7aa1a 0%,#0000 55%),linear-gradient(#1a14108c 0%,#0e0a08a6 60%,#060404c7 100%),url(/img/ui/bg_inventory_tray.png) top/100% repeat-y,linear-gradient(#1a1410 0%,#0e0a08 60%,#060404 100%);border:3px solid #78350f;border-radius:10px;justify-content:center;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:14px;display:flex;position:relative;box-shadow:0 0 0 1px #fed7aa52,0 0 0 4px #00000080,0 12px 30px #000000b3,inset 0 1px #fed7aa47,inset 0 -1px #0009,inset 0 0 28px #0000008c}.battle .battle-side[data-side=p1] .vault{margin-left:auto;margin-right:0;transform:translate(80px)}.battle .battle-side[data-side=p2] .vault{margin-left:0;margin-right:auto;transform:translate(-80px)}.battle .vault:before{content:"";pointer-events:none;border-radius:inherit;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fed7aa1f}.battle .vault:after{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:linear-gradient(#fed7aa24 0%,#fed7aa08 60%,#fed7aa00 100%);height:38px;position:absolute;inset:0 0 auto}.battle .vault-grid{position:relative;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.battle .vault-grid:before,.battle .vault-grid:after{display:none!important}.battle .vault>:first-child:before,.battle .vault-stud,.battle .vault .stud-tl,.battle .vault .stud-tr,.battle .vault .stud-bl,.battle .vault .stud-br{display:none}.battle .vault-grid{--stud-color:radial-gradient(circle at 35% 35%, #fde68a 0%, #b45309 70%, #422006 100%)}.fighter-portrait-wrap.boss-aura:after{content:"";pointer-events:none;border:1.5px solid #dc26268c;border-radius:14px;animation:2.4s ease-in-out infinite bossAuraBreathe;position:absolute;inset:-6px;box-shadow:0 0 14px #dc262659,inset 0 0 8px #dc262640}@keyframes bossAuraBreathe{0%,to{opacity:.55}50%{opacity:1}}.fighter-head{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.fighter-portrait-wrap{background:linear-gradient(#1a1410 0%,#0a0608 100%);border:3px solid #78350f;border-radius:10px;justify-content:center;align-items:flex-end;width:300px;height:424px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fed7aa59,0 0 0 4px #00000080,0 14px 36px #000000bf,inset 0 1px #fed7aa4d,inset 0 -1px #0009}.fighter-portrait-wrap:before{content:"";pointer-events:none;z-index:1;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 32px #000000b3,inset 0 0 0 1px #fed7aa1f}.fighter-portrait-wrap:after{content:"";pointer-events:none;z-index:2;border-radius:inherit;background:linear-gradient(#fed7aa26 0%,#fed7aa0a 50%,#fed7aa00 100%);height:60px;position:absolute;inset:0 0 auto}.fighter-portrait{object-fit:cover;object-position:center 10%;width:100%;height:100%;box-shadow:none;border:none;border-radius:0}.fighter-name-overlay{color:#fff;font-family:var(--font-display);letter-spacing:.04em;text-align:center;text-shadow:0 2px #000,0 0 12px #000000b3;z-index:3;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000 0%,#0000008c 45%,#000000eb 100%);padding:10px 12px 8px;font-size:20px;font-weight:800;position:absolute;bottom:44px;left:0;right:0;overflow:hidden}.fighter-name-overlay.downed{color:#fecaca;opacity:.75;text-decoration:line-through}.fighter-portrait.hit{animation:.2s ease-out portraitHit}@keyframes portraitHit{0%{filter:brightness();transform:translate(0)}25%{filter:brightness(1.5)saturate(.7);transform:translate(-3px)}60%{filter:brightness(1.15);transform:translate(2px)}to{filter:brightness();transform:translate(0)}}.fighter-shadow{pointer-events:none;filter:blur(2px);background:radial-gradient(#0000008c 0%,#0000 70%);width:320px;height:24px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.fighter-head.downed .fighter-portrait{filter:grayscale()brightness(.55)}.battle-side .status-row{justify-content:center;gap:6px;min-height:22px;display:flex}.battle-side .badge{border-radius:var(--radius-pill);border:1px solid var(--border-strong);letter-spacing:.04em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172ad9;padding:2px 8px;font-size:12px;font-weight:700}.battle.is-boss .battle-side[data-side=p2] .hp-bar{border-color:#7a1212;box-shadow:inset 0 1px #ffc8c814,inset 0 -2px #000000b3,0 0 18px #dc262659}.battle .hp-ghost{z-index:1;background:linear-gradient(#fff5d7d9,#ffc8c899);height:100%;transition:width .7s cubic-bezier(.4,0,.2,1) .22s;position:absolute;inset:0 auto 0 0}.battle .hp-fill{z-index:2;height:100%;transition:width .18s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff2e,inset 0 -3px #00000040}.battle .hp-shield-overlay{z-index:3;color:#0b1424;text-shadow:0 1px #fff9;background:linear-gradient(#bedcffd9,#bedcff73 70%,#bedcff00);border-bottom:1px solid #ffffff59;align-items:center;gap:4px;height:42%;padding-left:8px;font-size:11px;font-weight:800;transition:width .22s ease-out;display:flex;position:absolute;top:0;left:0}.hp-shield-icon{object-fit:contain;filter:drop-shadow(0 1px #fff6);width:12px;height:12px}.hp-shield-val{font-variant-numeric:tabular-nums}.battle .hp-text{color:#fff;text-shadow:0 1px #000,0 0 6px #0009;font-variant-numeric:tabular-nums;z-index:4;letter-spacing:.02em;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex;position:absolute;inset:0}.battle .float-host{pointer-events:none;z-index:12;position:absolute;inset:0}.battle .float{text-shadow:0 0 #0000;-webkit-text-stroke:1px #000;pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:.01em;z-index:5;font-size:20px;font-weight:900;animation:.95s cubic-bezier(.2,.6,.2,1) forwards floatUp;position:absolute;top:6px;left:50%}.battle .float.crit{-webkit-text-stroke:2px #7c2d12;filter:drop-shadow(0 0 8px #fde047e6);font-size:38px;animation:1.1s cubic-bezier(.2,.7,.2,1) forwards floatUpCrit}@keyframes floatUpCrit{0%{transform:translate(calc(-50% + var(--fx,0px)), 4px) scale(.4);opacity:0}15%{transform:translate(calc(-50% + var(--fx,0px)), -4px) scale(1.6);opacity:1}30%{transform:translate(calc(-50% + var(--fx,0px)), -8px) scale(1.3);opacity:1}to{transform:translate(calc(-50% + var(--fx,0px)), -56px) scale(1.05);opacity:0}}.battle .float.heal-dir{animation:.95s cubic-bezier(.2,.6,.2,1) forwards floatDownHeal}@keyframes floatDownHeal{0%{transform:translate(calc(-50% + var(--fx,0px)), -28px) scale(.7);opacity:0}20%{transform:translate(calc(-50% + var(--fx,0px)), -14px) scale(1.05);opacity:1}to{transform:translate(calc(-50% + var(--fx,0px)), 12px) scale(1);opacity:0}}.battle .impact-burst{pointer-events:none;z-index:6;opacity:.75;border-radius:50%;width:80px;height:80px;animation:.32s ease-out forwards impactBurst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}@keyframes impactBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}30%{opacity:.75;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.battle .hp-bar.low-hp{animation:1.4s ease-in-out infinite lowHpPulse}@keyframes lowHpPulse{0%,to{box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #0009,0 2px 6px #00000080,0 0 #dc262600}50%{box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #0009,0 2px 6px #00000080,0 0 14px #dc26268c}}.battle-center{flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:center;gap:14px;min-width:260px;padding-top:0;display:flex}.battle-side[data-side=p1] .fighter-name,.battle-side[data-side=p1] .fighter-head,.battle-side[data-side=p1] .hp-bar,.battle-side[data-side=p1] .status-box{align-self:flex-end}.battle-side[data-side=p2] .fighter-name,.battle-side[data-side=p2] .fighter-head,.battle-side[data-side=p2] .hp-bar,.battle-side[data-side=p2] .status-box{align-self:flex-start}.battle-side .vault{align-self:center}.battle-info-box{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#0000008c;flex-direction:row;justify-content:space-between;align-items:stretch;gap:6px;width:260px;padding:6px 12px 8px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 3px 10px #00000073}.battle-info-box .info-row{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.1;display:flex}.battle-info-box .info-row+.info-row{border-top:0;border-left:1px dashed var(--border);padding-top:0;padding-left:6px}.battle-info-box .info-label{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent-warm-hi);text-transform:uppercase;font-size:9px;font-weight:800}.battle-info-box .info-value{color:#f1f5f9;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;font-size:16px;font-weight:800;display:inline-flex}.battle-info-box .info-sub{color:var(--fg-muted);font-size:11px;font-weight:500}.battle-info-box .info-tag.boss{color:#fff;letter-spacing:.14em;border-radius:var(--radius-pill);background:linear-gradient(#dc2626,#7f1d1d);border:1px solid #7f1d1d;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:800;box-shadow:0 0 10px #dc26268c}.battle-info-box .info-w{color:#86efac}.battle-info-box .info-l{color:#fca5a5}.battle-info-box .info-sep{color:var(--fg-muted);opacity:.6}.battle .battle-skip-btn{font-family:var(--font-display);letter-spacing:.16em;color:#fef3c7;border-radius:var(--radius-md);cursor:pointer;text-shadow:0 1px #000;background:linear-gradient(#b45309 0%,#78350f 100%);border:2px solid #78350f;margin-top:4px;padding:10px 24px;font-size:16px;font-weight:800;box-shadow:0 0 0 1px #fed7aa59,0 4px 12px #0009,inset 0 1px #fed7aa66,inset 0 -2px #0006}.battle .battle-skip-btn:hover{background:linear-gradient(#d97706 0%,#92400e 100%)}.battle .battle-skip-btn:active{box-shadow:0 0 0 1px #fed7aa59,0 2px 6px #0009,inset 0 2px 4px #00000080}.tug-of-war{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:#0000008c;width:220px;height:12px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #0009}.tug-fill{transition:width .22s cubic-bezier(.4,0,.2,1);position:absolute;top:1px;bottom:1px}.tug-fill.tug-p1{border-radius:var(--radius-pill) 0 0 var(--radius-pill);background:linear-gradient(90deg,#38bdf8,#2563eb);left:1px}.tug-fill.tug-p2{border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:linear-gradient(90deg,#f97316,#dc2626);right:1px}.tug-knob{z-index:2;background:#fef3c7;border:2px solid #78350f;width:14px;height:14px;transition:left .22s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 8px #fef3c7b3}.battle .vs{font-family:var(--font-display);color:var(--accent-danger);text-shadow:2px 2px #000,0 0 24px #dc262673;letter-spacing:.06em;font-size:56px;font-weight:900;line-height:1}.battle .vs.pulse{animation:.24s ease-out vsPulse}@keyframes vsPulse{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(1.25)drop-shadow(0 0 8px #fde047);transform:scale(1.1)}to{filter:brightness();transform:scale(1)}}.battle .battle-log.compact{border:1px solid var(--border);border-radius:var(--radius-md);width:240px;height:64px;margin-top:var(--space-2);background:#00000073;flex-direction:column-reverse;gap:2px;padding:6px 10px;font-size:11px;display:flex;overflow:hidden}.battle .battle-log.compact .log-line{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.battle .battle-log.tall{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:260px;height:auto;margin-top:var(--space-2);background:#0000008c;flex-direction:column;gap:4px;padding:8px 10px 10px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 2px 6px #0006}.battle .battle-log.tall .battle-log-label{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent-warm-hi);text-transform:uppercase;border-bottom:1px dashed var(--border);justify-content:center;align-items:center;gap:8px;padding-bottom:4px;font-size:10px;font-weight:800;display:flex}.battle .battle-log.tall .log-title{letter-spacing:.22em;color:var(--accent-warm-hi);font-size:12px}.battle .battle-log.tall .log-title-line{color:var(--fg-muted);opacity:.55;letter-spacing:.04em;font-size:10px}.battle-log-legend{letter-spacing:0;text-transform:none;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.battle-log-legend .legend-tag{border-radius:var(--radius-pill);border:1px solid var(--border-strong);padding:1px 6px}.battle-log-legend .legend-tag.p1{color:#7dd3fc;background:#38bdf81f;border-color:#38bdf880}.battle-log-legend .legend-tag.p2{color:#fdba74;background:#f973161f;border-color:#f9731680}.battle .battle-log.tall .battle-log-list{flex-direction:column-reverse;gap:4px;height:220px;font-size:12px;display:flex;overflow:hidden}.battle .battle-log.tall .log-line{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;border-radius:4px;flex-direction:row;align-items:center;gap:8px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.3;display:flex;overflow:hidden}.battle .battle-log.tall .log-line.log-p2{text-align:right;border-left:0;border-right:2px solid #0000;flex-direction:row-reverse}.battle .log-line .log-side-tag{text-align:center;opacity:.65;flex:none;min-width:14px;font-size:10px}.battle .log-line .log-icon{text-align:center;flex:none;min-width:16px;font-size:13px;line-height:1}.battle .log-line .log-msg{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.battle .log-line.log-p1{color:#e0f2fe;background:linear-gradient(90deg,#38bdf81a,#38bdf800);border-left-color:#38bdf8b3}.battle .log-line.log-p1 .log-side-tag{color:#38bdf8}.battle .log-line.log-p2{color:#ffedd5;background:linear-gradient(270deg,#f973161a,#f9731600);border-right-color:#f97316b3}.battle .log-line.log-p2 .log-side-tag{color:#fb923c}.battle .log-line.log-crit{color:#fef3c7;background:linear-gradient(90deg,#fde0472e,#fde04700);border-left-color:#fde047;font-weight:700}.battle .log-line.log-crit .log-icon{filter:drop-shadow(0 0 4px #fde047e6)}.battle .log-line.log-k-heal .log-icon{color:#22c55e}.battle .log-line.log-k-shield .log-icon{color:#60a5fa}.battle .log-line.log-k-poison .log-icon{color:#a855f7}.battle .log-line.log-k-burn .log-icon{color:#f97316}.battle .log-line.log-k-freeze .log-icon{color:#38bdf8}.battle .log-line.log-k-death .log-icon{color:#ef4444}.battle .log-line.log-k-tick_damage .log-icon{color:#a855f7}.battle .log-msg .log-num{color:#fde68a;font-variant-numeric:tabular-nums;font-weight:700}.battle .log-line.log-k-heal .log-msg .log-num{color:#86efac}.battle .log-line.log-k-shield .log-msg .log-num{color:#93c5fd}.battle .log-line.log-k-poison .log-msg .log-num,.battle .log-line.log-k-tick_damage .log-msg .log-num{color:#d8b4fe}.battle .log-line.log-k-burn .log-msg .log-num{color:#fdba74}.battle .log-msg .log-kw{letter-spacing:.04em;border-radius:3px;padding:0 4px;font-size:10px;font-weight:800}.battle .log-msg .log-kw-crit{color:#422006;background:#fde047}.battle .log-msg .log-kw-dodge{color:#0f172a;background:#94a3b8}.battle .log-msg .log-kw-miss{color:#f1f5f9;background:#475569}.battle .log-msg .log-kw-kill{color:#fff;background:#ef4444}.battle .log-msg .log-kw-stun{color:#422006;background:#facc15}.battle .log-msg .log-kw-freeze{color:#0f172a;background:#60a5fa}.battle .log-msg .log-kw-burn{color:#1f2937;background:#f97316}.battle .log-msg .log-kw-poison{color:#fff;background:#a855f7}.battle .log-msg .log-kw-heal{color:#052e16;background:#22c55e}.battle .log-msg .log-kw-shield{color:#0f172a;background:#60a5fa}.battle-side .status-box{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#0f172abf;flex-direction:column;gap:4px;width:320px;max-width:100%;padding:6px 10px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 2px 6px #00000059}.battle-side .status-box-label{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent-warm-hi);text-transform:uppercase;font-size:10px;font-weight:800}.battle-side .status-box-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:22px;display:flex}.battle-side .status-empty{color:var(--fg-disabled);letter-spacing:.1em;font-size:13px}.battle .projectile.arc{pointer-events:none;filter:drop-shadow(0 0 8px);will-change:transform;font-size:26px;animation:none;position:absolute;transform:translate(-50%,-50%)}.battle .projectile.arc .proj-emoji,.battle .projectile.arc .proj-trail{animation:.48s cubic-bezier(.45,.05,.55,.95) forwards projArc;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.battle .projectile.arc .proj-trail{opacity:.55;filter:blur(1px)}.battle .projectile.arc .proj-trail.t1{opacity:.4;animation-delay:60ms}.battle .projectile.arc .proj-trail.t2{opacity:.22;animation-delay:.11s}@keyframes projArc{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)rotate(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(40deg)}50%{transform:translate(calc(-50% + var(--mx,0px)), calc(-50% + var(--my,0px))) scale(1.05) rotate(180deg);opacity:1}to{transform:translate(calc(-50% + var(--tx,0px)), calc(-50% + var(--ty,0px))) scale(1.2) rotate(360deg);opacity:0}}.boss-letterbox{z-index:21;pointer-events:none;background:#000;height:40px;animation:.32s ease-out letterboxIn;position:absolute;left:0;right:0}.boss-letterbox.top{top:0}.boss-letterbox.bottom{bottom:0}@keyframes letterboxIn{0%{transform:translateY(var(--lb-from,-100%))}to{transform:translateY(0)}}.boss-letterbox.bottom{--lb-from:100%}.boss-letterbox.top{--lb-from:-100%}.boss-stripes{z-index:19;pointer-events:none;mix-blend-mode:screen;opacity:.6;background:repeating-linear-gradient(45deg,#dc262600 0 28px,#dc26262e 28px 40px);animation:1.6s linear infinite stripesSlide;position:absolute;inset:0}@keyframes stripesSlide{0%{background-position:0 0}to{background-position:56px 0}}.result-overlay{z-index:30;pointer-events:none;justify-content:center;align-items:center;animation:.36s ease-out resultIn;display:flex;position:fixed;inset:0}@keyframes resultIn{0%{opacity:0}to{opacity:1}}.result-vignette{pointer-events:none;position:absolute;inset:0}.result-overlay.win .result-vignette{background:radial-gradient(#22c55e52 0%,#0000 55%),radial-gradient(circle,#0000 40%,#000000b3 100%);animation:.48s ease-out vignetteWin}.result-overlay.lose .result-vignette{background:radial-gradient(#dc262652 0%,#0000 55%),radial-gradient(circle,#0000 40%,#000000bf 100%);animation:.48s ease-out vignetteLose}.result-overlay.draw .result-vignette{background:radial-gradient(#f59e0b40 0%,#0000 55%),radial-gradient(circle,#0000 40%,#0009 100%)}@keyframes vignetteWin{0%{opacity:0}20%{opacity:1;background-color:#22c55e26}to{opacity:1;background-color:#0000}}@keyframes vignetteLose{0%{opacity:0}20%{opacity:1;background-color:#dc26262e}to{opacity:1;background-color:#0000}}.result-title{font-family:var(--font-display);letter-spacing:.12em;color:#fff;text-shadow:2px 2px #000;font-size:96px;font-weight:900;animation:.52s cubic-bezier(.2,.8,.2,1) resultPop;position:relative}.result-overlay.win .result-title{filter:drop-shadow(0 0 24px #22c55ee6)drop-shadow(0 0 8px #22c55e99)}.result-overlay.lose .result-title{color:#fee2e2;filter:drop-shadow(0 0 24px #dc2626e6)drop-shadow(0 0 8px #dc2626b3)}.result-overlay.draw .result-title{color:#fde68a;filter:drop-shadow(0 0 18px #f59e0bcc)}@keyframes resultPop{0%{opacity:0;transform:scale(.65)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.battle .placed-item.pulse{animation:.26s ease-out cdReady;box-shadow:0 0 0 2px,0 0 18px 2px #ffffff73}@keyframes cdReady{0%{box-shadow:0 0 0 2px,0 0 4px #fff0}40%{box-shadow:0 0 0 3px #fde68a,0 0 22px 4px #fde68acc}to{box-shadow:0 0 0 2px,0 0 18px 2px #fff0}}.battle .cd-text{font-family:var(--font-display);color:#fde68a;text-shadow:0 1px #000,0 0 4px #000000f2;z-index:6;pointer-events:none;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:#080c14c7;border:1px solid #fed7aa73;border-radius:6px;justify-content:center;align-items:center;min-width:16px;padding:1px 5px;font-size:14px;font-weight:900;line-height:1;position:absolute;inset:4px 4px auto auto;display:inline-flex!important}.battle .cd-veil{pointer-events:none;z-index:4;border-radius:inherit;-webkit-mask:linear-gradient(180deg, #000 0%, #000 calc(var(--cd,0) * 100%), transparent calc(var(--cd,0) * 100%), transparent 100%);-webkit-mask:linear-gradient(180deg, #000 0%, #000 calc(var(--cd,0) * 100%), transparent calc(var(--cd,0) * 100%), transparent 100%);mask:linear-gradient(180deg, #000 0%, #000 calc(var(--cd,0) * 100%), transparent calc(var(--cd,0) * 100%), transparent 100%);-webkit-backdrop-filter:saturate(.5)blur(.5px);background:linear-gradient(#080c14c7 0%,#080c149e 60%,#080c148c 100%);position:absolute;inset:0}.battle .cd-ring-arc{pointer-events:none;z-index:5;color:#fde68a;filter:drop-shadow(0 0 6px #fed7aab3);position:absolute;inset:0;overflow:visible}.battle .cd-ring-arc.almost{color:#fef08a;filter:drop-shadow(0 0 10px #fde047f2)}.battle .cd-ring-arc.ready{color:#4ade80;filter:drop-shadow(0 0 12px #4ade80d9)}@media (prefers-reduced-motion:reduce){.battle .projectile.arc,.battle .impact-burst,.battle .particle,.boss-stripes,.battle .float.crit,.battle .float.heal-dir,.battle .float,.fighter-portrait.hit,.placed-item.pulse,.fighter-portrait.shake,.shockwave,.battle-side.huge-hit:before,.battle-side.frozen:after,.fighter-portrait-wrap.crit-punch,.fighter-portrait-wrap.boss-aura:after,.hp-bar.low-hp,.battle-side.lethal .vault-grid,.battle-side.lethal .vault-grid>*,.battle .vs.pulse{animation:none!important}.battle .hp-fill,.battle .hp-ghost,.battle .hp-shield-overlay,.tug-fill,.tug-knob{transition:none!important}}.battle[data-fx=minimal] .fighter-portrait.shake,.battle[data-fx=minimal] .shockwave,.battle[data-fx=minimal] .battle-side.huge-hit:before,.battle[data-fx=minimal] .battle-side.frozen:after,.battle[data-fx=minimal] .fighter-portrait-wrap.crit-punch,.battle[data-fx=minimal] .fighter-portrait.hit,.battle[data-fx=minimal] .battle-side.lethal .vault-grid,.battle[data-fx=minimal] .battle-side.lethal .vault-grid>*,.battle[data-fx=minimal] .hp-bar.low-hp,.battle[data-fx=minimal] .battle .vs.pulse,.battle[data-fx=minimal] .battle .impact-burst,.battle[data-fx=minimal] .battle .particle,.battle[data-fx=minimal] .fighter-portrait-wrap.boss-aura:after{animation:none!important;display:none!important}.battle[data-fx=standard] .battle-side.huge-hit:before,.battle[data-fx=standard] .fighter-portrait-wrap.crit-punch{animation:none!important}.battle .hp-bar.inside-portrait{z-index:4;border-bottom:0!important;border-left:0!important;border-right:0!important;border-radius:0!important;width:auto!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.battle .status-box.inside-portrait{z-index:5;pointer-events:none;flex-direction:row;justify-content:flex-end;gap:6px;width:auto;display:flex;top:8px;left:8px;right:8px;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;position:absolute!important}.battle .status-box.inside-portrait .badge{border-radius:var(--radius-pill);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 1px 2px #000;background:#0f172ad9;padding:4px 10px;font-size:13px;font-weight:800}.battle .status-box.inside-portrait .badge.poison{color:#e9d5ff;border-color:#a855f7b3;box-shadow:0 0 8px #a855f780}.battle .status-box.inside-portrait .badge.burn{color:#fed7aa;border-color:#f97316b3;box-shadow:0 0 8px #f9731680}.battle .hp-bar.inside-portrait .hp-fill{border-radius:0!important}.battle .hp-bar{border-radius:var(--radius-pill);background:linear-gradient(#050a14 0%,#0b1424 55%,#0a0f1e 100%);border:2px solid #1f2937;width:340px;height:44px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,inset 0 -3px #0000008c,inset 0 0 0 1px #ffffff05,0 3px 8px #0000008c}.battle .hp-bar .hp-ticks{pointer-events:none;border-radius:var(--radius-pill);z-index:5;background:repeating-linear-gradient(90deg,#fff0 0 24px,#ffffff0d 24px 25px);position:absolute;inset:4px}.battle .hp-bar .hp-ghost{z-index:1;background:linear-gradient(#fff5d7b3,#ffc8c866);height:100%;position:absolute;inset:0 auto 0 0;transition:width .8s cubic-bezier(.4,0,.2,1) .22s!important}.battle .hp-bar .hp-fill{z-index:2;border-radius:var(--radius-pill);height:100%;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #ffffff38,inset 0 -3px #00000047;transition:width .22s cubic-bezier(.4,0,.2,1),background .4s!important}.battle .hp-bar .hp-gloss{border-radius:var(--radius-pill);pointer-events:none;background:linear-gradient(#ffffff52,#fff0);height:45%;position:absolute;inset:1px 1px auto}.battle .hp-bar .hp-shield-overlay{z-index:3;color:#0b1424;text-shadow:0 1px #fff9;background:repeating-linear-gradient(135deg,#bedcff00 0 5px,#ffffff2e 5px 7px),linear-gradient(#bedcffe6,#bedcff80 70%,#bedcff00);border-bottom:1px solid #fff6;align-items:center;gap:4px;height:48%;padding-left:10px;font-size:12px;font-weight:800;display:flex;position:absolute;top:0;left:0;transition:width .26s ease-out!important}.battle .hp-bar .hp-text{color:#fff;text-shadow:0 1px #000,0 0 8px #000000b3;font-variant-numeric:tabular-nums;z-index:6;letter-spacing:.04em;pointer-events:none;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex;position:absolute;inset:0}.battle .hp-bar.low-hp{border-color:#7f1d1d;animation:1.2s ease-in-out infinite lowHpPulseV2!important}@keyframes lowHpPulseV2{0%,to{box-shadow:inset 0 1px #ffffff0f,inset 0 -3px #0000008c,0 3px 8px #0000008c,0 0 #dc262600}50%{box-shadow:inset 0 1px #ffffff0f,inset 0 -3px #0000008c,0 3px 8px #0000008c,0 0 18px #dc2626b3}}.battle .hp-bar .hp-dmg-sweep{pointer-events:none;z-index:4;mix-blend-mode:screen;background:linear-gradient(90deg,#fff0 0%,#ff646480 50%,#fff0 100%);position:absolute;inset:0;animation:.38s ease-out forwards hpDmgSweep!important}@keyframes hpDmgSweep{0%{opacity:0;transform:translate(-30%)}30%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20%)}}.battle .hp-bar .hp-heal-sweep{pointer-events:none;z-index:4;mix-blend-mode:screen;background:linear-gradient(90deg,#fff0 0%,#86efac8c 50%,#fff0 100%);position:absolute;inset:0;animation:.48s ease-out forwards hpHealSweep!important}@keyframes hpHealSweep{0%{opacity:0;transform:translate(20%)}30%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30%)}}@media (width<=768px){.battle{gap:var(--space-3);grid-template-columns:1fr}.battle .hp-bar{width:100%;max-width:360px}.battle-center{padding-top:0}.result-title{font-size:64px}}*{scrollbar-width:thin;scrollbar-color:var(--accent-warm,#b45309) #0f172a80}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(#0f172af2,#020617f2);border:1px solid #78350f40;border-radius:8px;box-shadow:inset 0 0 4px #0009}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-warm-hi,#f59e0b) 0%, var(--accent-warm,#b45309) 50%, #7c2d12 100%);background-clip:padding-box;border:1px solid #00000080;border-radius:8px;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #00000059,0 0 4px #f59e0b40}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #fbbf24 0%, var(--accent-warm-hi,#f59e0b) 50%, var(--accent-warm,#b45309) 100%);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000059,0 0 8px #f59e0b80}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg, var(--accent-warm,#b45309) 0%, #7c2d12 100%)}::-webkit-scrollbar-corner{background:#020617f2}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin{scrollbar-width:thin}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.vault-label,.inventory-label,.shop-header-title{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 1px 2px #000000e6,0 0 10px;margin:0 0 var(--space-2);filter:saturate(1.1);justify-content:center;align-items:center;gap:12px;padding:6px 8px 8px;font-size:17px;font-weight:700;display:flex;position:relative}.vault-label:before,.vault-label:after,.inventory-label:before,.inventory-label:after,.shop-header-title:before,.shop-header-title:after{content:"";opacity:.45;background:linear-gradient(90deg,#0000,currentColor,#0000);flex:auto;height:1px}.vault-label{color:#fbbf24}.inventory-label{color:#c4b5fd}.shop-header-title{color:#fde68a}.vault-grid{border-radius:var(--radius-md);background:radial-gradient(at 50% 0,#fbbf2417,#0000 60%),linear-gradient(#16100a9e,#0a0804c7);position:relative;box-shadow:inset 0 1px #fbbf241f,inset 0 -1px #0000008c,inset 0 0 0 1px #00000059,0 6px 16px #00000080;border:1px solid #b48c4680!important}.vault-grid:before,.vault-grid:after{content:"";pointer-events:none;background:radial-gradient(circle,#fbbf24 20%,#92400e 70%,#1c0d05 100%);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 4px #fbbf2480,inset 0 -1px 1px #0009}.vault-grid:before{top:4px;left:4px}.vault-grid:after{top:4px;right:4px}.inventory-tray{border-radius:var(--radius-md);padding:4px var(--space-2);background:radial-gradient(at 50% 100%,#6366f11a,#0000 70%),linear-gradient(#0c0e1a99,#04060ec7);min-height:44px;box-shadow:inset 0 1px #c4b5fd1a,inset 0 -1px #00000080,0 4px 12px #00000073,0 0 14px #6366f10f;border:1px solid #7c6de066!important}.right-shop{border-radius:var(--radius-lg);border:1px solid #b48c4666;box-shadow:inset 0 1px #fbbf241a,0 6px 20px #0009}.shop-header{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:var(--space-2);background:linear-gradient(#3c261266,#1c120a8c);border-bottom:1px solid #b48c464d;padding:6px 14px 4px}.shop-header-gold{font-family:var(--font-mono);color:var(--accent-warm-hi);text-shadow:0 1px 2px #000000d9,0 0 8px #fbbf2473;border-radius:var(--radius-pill);background:linear-gradient(#1c120ab3,#0c0804d9);border:1px solid #b48c468c;padding:2px 10px;font-size:16px;font-weight:700;box-shadow:inset 0 1px #fbbf242e,inset 0 -1px #0009}.topbar{box-shadow:0 8px 24px #0009,inset 0 1px #fbbf2424,inset 0 -1px #000000a6,inset 0 0 0 1px #00000073;border:1px solid #b48c4652!important}.topbar:before{box-shadow:0 0 8px #fbbf2459;opacity:.85!important;background:linear-gradient(90deg,#0000,#fbbf24b3 30%,#fbbf24 50%,#fbbf24b3 70%,#0000)!important;height:2px!important}.topbar .brand-text{filter:drop-shadow(0 2px #000000b3)drop-shadow(0 0 14px #fbbf2473)}.shop-owned-badge{z-index:6;font-family:var(--font-display);letter-spacing:.18em;border-radius:var(--radius-pill);color:#f0fdf4;text-shadow:0 1px 1px #000000b3;pointer-events:none;background:linear-gradient(#34d399 0%,#15803d 100%);border:1px solid #fff6;padding:3px 8px;font-size:9px;font-weight:700;animation:2.4s ease-in-out infinite alternate ownedPulse;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000073,0 0 10px #34d3998c,0 2px 6px #00000080}@keyframes ownedPulse{0%{box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000073,0 0 8px #34d39966,0 2px 6px #00000080}to{box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000073,0 0 14px #34d399b3,0 2px 6px #00000080}}.shop-item-bg.owned{box-shadow:inset 0 0 0 1px #34d39959,inset 0 0 20px #34d3991a}.shop-item-img,.placed-item img.icon-img,.tray-item img.icon-img,.item-dmg-icon .icon-img{image-rendering:auto;image-rendering:high-quality}.placed-item img.icon-img,.tray-item img.icon-img{filter:saturate(1.08)contrast(1.04)drop-shadow(0 1px #ffffff38)drop-shadow(0 1px 1px #00000059)drop-shadow(0 4px 3px #00000073)drop-shadow(0 8px 8px #00000080)}.codex-item{background:var(--card-img,none) center 8px / 82% auto no-repeat, radial-gradient(ellipse at 50% 12%, #fbbf242e, transparent 55%), radial-gradient(ellipse at 50% 0%, #fbdca02e 0%, transparent 60%), linear-gradient(180deg, #3c26128c 0%, #1e1208b3 100%);transition:transform var(--dur-fast), box-shadow var(--dur-fast), background-size var(--dur-mid)}.codex-item:hover{background-size:92%,100% 100%,100% 100%,100% 100%;transform:translateY(-2px);box-shadow:inset 0 1px #fbdca04d,inset 0 -1px #00000073,0 8px 18px #000000a6,0 0 20px #fbbf2438}.codex-item[style*=rare]:hover{box-shadow:0 0 20px #3b82f640,0 8px 18px #000000a6}.codex-item[style*=epic]:hover{box-shadow:0 0 22px #a855f74d,0 8px 18px #000000a6}.float-layer{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:visible}.float-num{--drift-x:0px;--float-delay:0s;font-family:var(--font-mono);white-space:nowrap;letter-spacing:.01em;color:#fecaca;text-shadow:-1px -1px #000000eb,1px -1px #000000eb,-1px 1px #000000eb,1px 1px #000000eb,0 2px 6px #000000bf;animation:1.5s cubic-bezier(.22,.61,.36,1) both floatArc;animation-delay:var(--float-delay);will-change:transform, opacity;backface-visibility:hidden;contain:layout paint;font-size:22px;font-weight:900;line-height:1;position:absolute;transform:translate(-50%)}.float-dmg{color:#fecaca;top:58%}.float-dot{color:#e9d5ff;font-size:18px;font-weight:800;top:64%}.float-heal{color:#bbf7d0;top:56%}.float-absorb{color:#bfdbfe;top:52%}.float-crit{color:#fef08a;font-size:32px;animation-name:floatArcCrit;animation-duration:1.7s;animation-timing-function:cubic-bezier(.18,.72,.26,1);top:38%}.float-absorb{text-shadow:-1px -1px #0f172af2,1px -1px #0f172af2,-1px 1px #0f172af2,1px 1px #0f172af2,0 0 12px #60a5fab3}.float-heal{text-shadow:-1px -1px #0f2819f2,1px -1px #0f2819f2,-1px 1px #0f2819f2,1px 1px #0f2819f2,0 0 12px #34d399bf;animation-name:floatArcHeal}.float-dot{text-shadow:-1px -1px #2d0f3cf2,1px -1px #2d0f3cf2,-1px 1px #2d0f3cf2,1px 1px #2d0f3cf2,0 0 10px #a855f7b3}.float-crit{text-shadow:-1px -1px #500000f2,1px -1px #500000f2,-1px 1px #500000f2,1px 1px #500000f2,0 0 16px #facc15e6,0 0 28px #ef444499}.float-num.big{font-size:28px}.float-num.big.float-crit{font-size:38px}.float-num.huge{letter-spacing:.02em;font-size:34px}.float-num.huge.float-crit{font-size:48px}.float-num.huge.float-dmg{color:#f87171}.float-num.huge.float-absorb{color:#93c5fd}@keyframes floatArc{0%{opacity:0;transform:translate3d(calc(-50% + var(--drift-x) * 0), 16px, 0) scale(.45)}14%{opacity:1;transform:translate3d(calc(-50% + var(--drift-x) * .16), -18px, 0) scale(1.18)}35%{opacity:1;transform:translate3d(calc(-50% + var(--drift-x) * .45), -34px, 0) scale(1.02)}65%{opacity:.95;transform:translate3d(calc(-50% + var(--drift-x) * .78), -42px, 0) scale(.98)}to{opacity:0;transform:translate3d(calc(-50% + var(--drift-x) * 1), -56px, 0) scale(.9)}}@keyframes floatArcCrit{0%{opacity:0;transform:translate3d(calc(-50% + var(--drift-x) * 0), 18px, 0) scale(.3) rotate(-6deg)}10%{opacity:1;transform:translate3d(calc(-50% + var(--drift-x) * .12), -14px, 0) scale(1.55) rotate(2deg)}22%{opacity:1;transform:translate3d(calc(-50% + var(--drift-x) * .25), -28px, 0) scale(1.15) rotate(-1deg)}55%{opacity:1;transform:translate3d(calc(-50% + var(--drift-x) * .6), -44px, 0) scale(1.05) rotate(0)}to{opacity:0;transform:translate3d(calc(-50% + var(--drift-x) * 1), -64px, 0) scale(.95) rotate(0)}}@keyframes floatArcHeal{0%{opacity:0;transform:translate3d(calc(-50% + var(--drift-x) * 0), 8px, 0) scale(.55)}20%{opacity:1;transform:translate3d(calc(-50% + var(--drift-x) * .22), -10px, 0) scale(1.12)}60%{opacity:1;transform:translate3d(calc(-50% + var(--drift-x) * .65), -28px, 0) scale(1)}to{opacity:0;transform:translate3d(calc(-50% + var(--drift-x) * 1), -44px, 0) scale(.92)}}@media (prefers-reduced-motion:reduce){.float-num{filter:none!important;animation-duration:.6s!important}}.shop-item-bg:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#00000073 0%,#0000 70%);border-radius:50%;width:64%;height:14px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.vault-row{flex-direction:row;flex:none;align-items:stretch;gap:10px;width:100%;display:flex}.vault-row .inventory{flex-direction:column;flex:auto;min-width:0;display:flex}.vault-row .inventory-tray{flex:auto}.vault-row .sell-zone-wrap{flex-direction:column;flex:0 0 132px;display:flex}.vault-row .fight-btn-stacked{flex-direction:column;flex:0 0 132px;align-self:stretch;gap:0;width:132px;height:auto;min-height:0;padding:2px;overflow:hidden}.vault-row .fight-btn-stacked .fight-btn-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vault-row .fight-btn-stacked .fight-btn-icon>img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}@media (width<=720px){.vault-row .fight-btn-stacked{flex-basis:96px;width:96px}}.sell-zone-label{font-family:var(--font-display,inherit);letter-spacing:.32em;text-transform:uppercase;text-align:center;color:#fca5a5;text-shadow:0 1px 2px #000000e6;justify-content:center;align-items:center;gap:8px;margin-bottom:2px;font-size:17px;font-weight:700;display:flex}.sell-zone-label:before,.sell-zone-label:after{content:"";opacity:.45;background:linear-gradient(90deg,#0000,currentColor,#0000);flex:auto;height:1px}.sell-zone{border-radius:var(--radius-md);color:#fca5a5;text-align:center;transition:border-color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast), box-shadow var(--dur-fast);background:radial-gradient(at 50% 100%,#dc26261f,#0000 70%),linear-gradient(#1c0a0a99,#0e0404c7);border:1.5px dashed #dc50508c;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;padding:10px 8px;display:flex;position:relative;box-shadow:inset 0 1px #fca5a514,inset 0 -1px #00000080}.sell-zone.is-armed{border-style:dashed;border-color:#f87171d9;animation:1.4s ease-in-out infinite sell-pulse}.sell-zone.is-over{background:radial-gradient(at 50% 100%,#f8717147,#0000 70%),linear-gradient(#3c0e0ed9,#1e0606eb);border-style:solid;border-color:#f87171;animation:none;transform:scale(1.02);box-shadow:inset 0 1px #fca5a52e,inset 0 -1px #00000080,0 0 0 2px #f8717166,0 8px 24px #dc262659}.sell-refund-preview{border-radius:var(--radius-md);color:#fde68a;font-family:var(--font-display,inherit);text-shadow:0 1px 2px #000000d9,0 0 8px #fbbf2473;pointer-events:none;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:linear-gradient(#140808e0,#080404eb);border:1px solid #fbbf248c;align-items:center;gap:4px;padding:6px 10px;font-size:18px;font-weight:700;display:inline-flex}.sell-refund-preview.is-over{color:#fff5d6;transform:scale(1.15);box-shadow:0 0 0 2px #fbbf2499,0 6px 18px #fbbf2459}.sell-refund-plus{line-height:1}.sell-refund-icon{object-fit:contain;width:22px;height:22px;display:block}.sell-refund-g{opacity:.9;font-size:14px}@keyframes sell-pulse{0%,to{box-shadow:inset 0 1px #fca5a514,inset 0 -1px #00000080,0 0 #f8717100}50%{box-shadow:inset 0 1px #fca5a514,inset 0 -1px #00000080,0 0 0 3px #f871712e}}@media (width<=720px){.vault-row .sell-zone-wrap{flex-basis:96px}}@media (prefers-reduced-motion:reduce){.sell-zone,.sell-zone.is-armed{transition:none;animation:none}.sell-zone.is-over{transform:none}}.battle[data-intro=shrink] .battle-side[data-side=p1] .fighter-portrait-wrap{opacity:0;transform:translate(-180%)}.battle[data-intro=shrink] .battle-side[data-side=p2] .fighter-portrait-wrap,.battle[data-intro=p1_in] .battle-side[data-side=p2] .fighter-portrait-wrap,.battle[data-intro=p1_hp] .battle-side[data-side=p2] .fighter-portrait-wrap{opacity:0;transform:translate(180%)}.battle[data-intro=shrink] .battle-side[data-side=p2] .placed-item,.battle[data-intro=p1_in] .battle-side[data-side=p2] .placed-item,.battle[data-intro=p1_hp] .battle-side[data-side=p2] .placed-item,.battle[data-intro=p2_in] .battle-side[data-side=p2] .placed-item,.battle[data-intro=p2_hp] .battle-side[data-side=p2] .placed-item{opacity:0!important;transform:scale(.3)rotate(-10deg)!important}.battle[data-intro=shrink] .battle-side[data-side=p1] .vault{transform-origin:50%;animation:.45s cubic-bezier(.22,.61,.36,1) forwards introBpShrink}@keyframes introBpShrink{0%{opacity:0;filter:blur(4px);transform:scale(2)translateY(120px)}40%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.battle[data-intro=p1_in] .battle-side[data-side=p1] .fighter-portrait-wrap,.battle[data-intro=p1_hp] .battle-side[data-side=p1] .fighter-portrait-wrap,.battle[data-intro=p2_in] .battle-side[data-side=p1] .fighter-portrait-wrap,.battle[data-intro=p2_hp] .battle-side[data-side=p1] .fighter-portrait-wrap,.battle[data-intro=p2_items] .battle-side[data-side=p1] .fighter-portrait-wrap{animation:.45s cubic-bezier(.22,.61,.36,1) forwards introSlideInLeft}@keyframes introSlideInLeft{0%{opacity:0;transform:translate(-180%)}to{opacity:1;transform:translate(0)}}.battle[data-intro=p2_in] .battle-side[data-side=p2] .fighter-portrait-wrap,.battle[data-intro=p2_hp] .battle-side[data-side=p2] .fighter-portrait-wrap,.battle[data-intro=p2_items] .battle-side[data-side=p2] .fighter-portrait-wrap{animation:.45s cubic-bezier(.22,.61,.36,1) forwards introSlideInRight}@keyframes introSlideInRight{0%{opacity:0;transform:translate(180%)}to{opacity:1;transform:translate(0)}}.battle[data-intro=p1_hp] .hp-fill,.battle[data-intro=p2_hp] .hp-fill,.battle[data-intro=p1_hp] .hp-ghost,.battle[data-intro=p2_hp] .hp-ghost{transition:width .55s cubic-bezier(.22,.61,.36,1)!important}.battle[data-intro=p2_items] .battle-side[data-side=p2] .vault-grid>div .placed-item{animation:.42s cubic-bezier(.34,1.56,.64,1) forwards introItemPop;animation-delay:calc(var(--placed-idx,0) * .13s)}@keyframes introItemPop{0%{opacity:0;transform:scale(.3)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.intro-countdown{pointer-events:none;z-index:80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-count-num{font-family:var(--font-display,sans-serif);color:#fef3c7;text-shadow:0 0 24px #fbbf24d9,0 0 60px #dc262699,4px 6px #000;font-size:240px;font-weight:900;line-height:1;animation:.6s cubic-bezier(.22,.61,.36,1) both introCountPulse}.intro-count-num.intro-count_go{color:#fecaca;letter-spacing:.04em;text-shadow:0 0 30px #f87171f2,0 0 80px #dc2626b3,4px 6px #000;font-size:180px}@keyframes introCountPulse{0%{opacity:0;transform:scale(2.4)}25%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@media (prefers-reduced-motion:reduce){.battle[data-intro] .battle-side[data-side=p1] .vault,.battle[data-intro] .battle-side[data-side=p1] .fighter-portrait-wrap,.battle[data-intro] .battle-side[data-side=p2] .fighter-portrait-wrap,.battle[data-intro] .battle-side[data-side=p2] .vault-grid>div .placed-item,.intro-count-num{opacity:1!important;animation:none!important;transform:none!important}}.shop-smart-hints{z-index:4;pointer-events:none;font-family:var(--font-display);letter-spacing:.06em;opacity:0;flex-flow:wrap;justify-content:flex-end;align-items:flex-start;gap:3px;font-weight:700;transition:opacity .12s;display:flex;position:absolute;top:30px;left:4px;right:4px}.shop-item-bg:hover .shop-smart-hints,.shop-item-bg:focus-visible .shop-smart-hints,.shop-item-bg.set-complete .shop-smart-hints,.shop-item-bg.merge-ready .shop-smart-hints,.shop-item-bg.no-fit .shop-smart-hints{opacity:1}.shop-set-progress{border-radius:var(--radius-pill);color:#e5e7eb;text-shadow:0 1px 1px #000000b3;background:linear-gradient(#1e1e28d9,#0f0f16d9);border:1px solid #ffffff2e;align-items:center;gap:2px;padding:2px 5px;font-size:9px;display:inline-flex}.shop-set-progress.completes{color:#fff7e6;background:linear-gradient(#fbbf24 0%,#b45309 100%);border-color:#ffdc9699;animation:1.6s ease-in-out infinite alternate setCompletesPulse;box-shadow:0 0 10px #fbbf2499}@keyframes setCompletesPulse{0%{box-shadow:0 0 6px #fbbf2466}to{box-shadow:0 0 14px #fbbf24d9}}.shop-merge-hint{border-radius:var(--radius-pill);color:#faf5ff;text-shadow:0 1px 1px #000000b3;background:linear-gradient(#a855f7 0%,#6b21a8 100%);border:1px solid #d8b4fe8c;padding:2px 6px;font-size:9px;animation:1.4s ease-in-out infinite alternate mergeHintPulse;box-shadow:0 0 10px #a855f78c}.shop-fit-warn{border-radius:var(--radius-pill);color:#fee2e2;text-shadow:0 1px 1px #000000b3;background:linear-gradient(#ef4444e6,#7f1d1df2);border:1px solid #fecaca66;padding:2px 6px;font-size:9px}.shop-item-bg.no-fit{filter:saturate(.65)}.shop-item-bg.no-fit .shop-item-img{opacity:.7}.shop-item-bg.merge-ready{box-shadow:inset 0 0 0 1px #d8b4fe73,inset 0 0 22px #a855f72e,0 0 16px #a855f759}.shop-item-bg.set-complete{box-shadow:inset 0 0 0 1px #fcd34d8c,inset 0 0 22px #fbbf2433,0 0 18px #fbbf2473}.shop-item-bg.wishlisted{animation:1.2s ease-in-out infinite alternate wishlistPulse;box-shadow:inset 0 0 0 1px #fbbf248c,inset 0 0 22px #fbbf242e,0 0 18px #fbbf248c}.shop-item-bg.wishlisted:after{content:"";z-index:7;pointer-events:none;filter:drop-shadow(0 1px 2px #000000d9)drop-shadow(0 0 8px #fbbf24b3);background-image:url(/img/ui/glyph_tier_star.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;position:absolute;bottom:4px;left:4px}@keyframes wishlistPulse{0%{box-shadow:inset 0 0 0 1px #fbbf2473,inset 0 0 16px #fbbf241f,0 0 10px #fbbf2459}to{box-shadow:inset 0 0 0 1px #fbbf24b3,inset 0 0 26px #fbbf2438,0 0 22px #fbbf24b3}}@media (prefers-reduced-motion:reduce){.shop-set-progress.completes,.shop-merge-hint,.shop-item-bg.wishlisted{animation:none}}@keyframes prestigeBurstFade{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1.05)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.died-modal{z-index:10000;opacity:0;background:radial-gradient(#280000d9 0%,#080000fa 70%,#000 100%);justify-content:center;align-items:center;font-family:inherit;transition:opacity 1.2s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.died-modal.is-revealed{opacity:1}.died-modal-vignette{pointer-events:none;background:radial-gradient(circle at 50% 60%,#0000 30%,#000000bf 90%),repeating-linear-gradient(0deg,#00000026 0 2px,#0000 2px 4px);position:absolute;inset:0}.died-modal-rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.died-rain-drop{opacity:.5;background:linear-gradient(#b41e1e00 0%,#c83c3c80 50%,#ff646400 100%);width:1px;height:80px;animation-name:diedRainFall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-10%}@keyframes diedRainFall{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}.died-modal-content{z-index:1;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:14px;max-width:640px;padding:32px 48px;transition:transform 1.4s cubic-bezier(.16,1,.3,1) .2s,opacity 1.4s ease-out .2s;display:flex;position:relative;transform:translateY(20px)}.died-modal.is-revealed .died-modal-content{opacity:1;transform:translateY(0)}.died-banner-wrap{filter:drop-shadow(0 8px 24px #96141499)drop-shadow(0 0 40px #78000059);width:clamp(280px,50vw,480px)}.died-banner-img{width:100%;height:auto;display:block}.died-banner-fallback{color:#c8c8c8;text-shadow:0 0 32px #c80000b3,0 0 64px #96000066;font-size:120px;line-height:1}.died-title{letter-spacing:.15em;color:#f5d5d5;text-shadow:0 0 8px #ff5050cc,0 0 24px #b41e1eb3,0 0 64px #78000080,0 4px #2a0000,0 8px 16px #000000e6;margin:8px 0 0;font-size:clamp(64px,12vw,144px);font-weight:900;animation:4s ease-in-out infinite diedTitleFlicker;position:relative}@keyframes diedTitleFlicker{0%,to{opacity:1}47%{opacity:1}48%{opacity:.72}50%{opacity:1}51%{opacity:.85}53%{opacity:1}}.died-divider{background:linear-gradient(90deg,#0000 0%,#b41e1ecc 50%,#0000 100%);width:80%;max-width:320px;height:2px;margin:4px 0 8px}.died-subtitle{color:#d8b0b0;letter-spacing:.04em;margin:0;font-size:clamp(18px,2.5vw,26px);font-style:italic}.died-hero{color:#f0c0a0;text-transform:capitalize;font-weight:700}.died-detail{color:#a08080;max-width:480px;margin:4px 0 16px;font-size:14px;line-height:1.6}.died-cta{letter-spacing:.12em;cursor:pointer;margin-top:16px;padding:14px 40px;font-size:18px;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 0 0 1px #0009,0 4px 16px #78000080,inset 0 1px #ffc8c826;color:#f4dada!important;background:linear-gradient(#6b1820 0%,#3a0a10 100%)!important;border:1px solid #dc505080!important}.died-cta:hover:not(.is-disabled){filter:brightness(1.2);transform:translateY(-1px);box-shadow:0 0 0 1px #0009,0 8px 24px #b40000b3,inset 0 1px #ffc8c840}.died-cta.is-disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.4)}.died-flavor{letter-spacing:.3em;color:#604040;text-transform:uppercase;margin-top:18px;font-size:11px}@media (prefers-reduced-motion:reduce){.died-modal,.died-modal-content,.died-title{transition-duration:.1s;animation:none}.died-rain-drop{display:none}}.battle .battle-side[data-side=p1] .fighter-portrait-wrap{background:radial-gradient(at 50% 0,#38bdf82e 0%,#0000 55%),linear-gradient(#0c1a2b 0%,#050a14 100%);border-color:#1e40af;box-shadow:0 0 0 1px #7dd3fc99,0 0 0 4px #020617b3,0 0 24px #38bdf852,0 14px 36px #000000c7,inset 0 1px #bae6fd66,inset 0 -1px #000000b3}.battle .battle-side[data-side=p1] .fighter-portrait-wrap:before{background:radial-gradient(circle at 11px 11px,#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 11px) 11px,#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at 11px calc(100% - 11px),#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat;box-shadow:inset 0 0 36px #020617d9,inset 0 0 0 1px #7dd3fc33}.battle .battle-side[data-side=p1] .fighter-portrait-wrap:after{background:linear-gradient(#bae6fd47 0%,#38bdf80f 55%,#38bdf800 100%)}.battle .battle-side[data-side=p2] .fighter-portrait-wrap{background:radial-gradient(at 50% 0,#dc262633 0%,#0000 55%),linear-gradient(#2a0a0a 0%,#0e0303 100%);border-color:#7f1d1d;box-shadow:0 0 0 1px #fca5a58c,0 0 0 4px #140000b8,0 0 24px #dc262659,0 14px 36px #000000d1,inset 0 1px #fecaca52,inset 0 -1px #000000c7}.battle .battle-side[data-side=p2] .fighter-portrait-wrap:before{background:radial-gradient(circle at 11px 11px,#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 11px) 11px,#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at 11px calc(100% - 11px),#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat;box-shadow:inset 0 0 36px #140000d9,inset 0 0 0 1px #fca5a538}.battle .battle-side[data-side=p2] .fighter-portrait-wrap:after{background:linear-gradient(#fecaca42 0%,#dc26260f 55%,#dc262600 100%)}.battle .battle-side[data-side=p1] .fighter-name-overlay{text-shadow:0 2px #000,0 0 12px #38bdf873;background:linear-gradient(#08142800 0%,#0814288c 45%,#020c1ceb 100%);border-bottom:1px solid #7dd3fc59}.battle .battle-side[data-side=p2] .fighter-name-overlay{text-shadow:0 2px #000,0 0 12px #dc262680;background:linear-gradient(#28080800 0%,#2808088c 45%,#140202eb 100%);border-bottom:1px solid #fca5a559}.battle .battle-side[data-side=p1] .vault{background:radial-gradient(at 50% 0,#38bdf829 0%,#0000 55%),linear-gradient(#0c1a2bb3 0%,#050a14c7 60%,#02060ce0 100%),url(/img/ui/bg_inventory_tray.png) top/100% repeat-y,linear-gradient(#0c1a2b 0%,#050a14 60%,#02060c 100%);border-color:#1e40af;box-shadow:0 0 0 1px #7dd3fc8c,0 0 0 4px #02061799,0 0 22px #38bdf847,0 12px 30px #000000b8,inset 0 1px #bae6fd52,inset 0 -1px #000000a6,inset 0 0 28px #02061799}.battle .battle-side[data-side=p1] .vault:before{background:radial-gradient(circle at 10px 10px,#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 10px) 10px,#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at 10px calc(100% - 10px),#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#bae6fd 0 2px,#38bdf8 2px 3.5px,#0c4a6e 3.5px 5px,#0000 5px) no-repeat;box-shadow:inset 0 0 0 1px #7dd3fc33}.battle .battle-side[data-side=p1] .vault:after{background:linear-gradient(#bae6fd38 0%,#38bdf80d 60%,#38bdf800 100%)}.battle .battle-side[data-side=p2] .vault{background:radial-gradient(at 50% 0,#dc26262e 0%,#0000 55%),linear-gradient(#2a0a0ab3 0%,#140404c7 60%,#0a0202e0 100%),url(/img/ui/bg_inventory_tray.png) top/100% repeat-y,linear-gradient(#2a0a0a 0%,#0e0303 60%,#060101 100%);border-color:#7f1d1d;box-shadow:0 0 0 1px #fca5a580,0 0 0 4px #140000a6,0 0 22px #dc26264d,0 12px 30px #000000c7,inset 0 1px #fecaca47,inset 0 -1px #000000b8,inset 0 0 28px #14000099}.battle .battle-side[data-side=p2] .vault:before{background:radial-gradient(circle at 10px 10px,#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 10px) 10px,#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at 10px calc(100% - 10px),#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#fecaca 0 2px,#ef4444 2px 3.5px,#450a0a 3.5px 5px,#0000 5px) no-repeat;box-shadow:inset 0 0 0 1px #fca5a538}.battle .battle-side[data-side=p2] .vault:after{background:linear-gradient(#fecaca33 0%,#dc26260d 60%,#dc262600 100%)}.battle .battle-log.tall,.battle .battle-log.compact,.battle-info-box{border-radius:var(--radius-md);background:radial-gradient(at 50% 0,#fed7aa1f 0%,#0000 55%),linear-gradient(#1a1208c7 0%,#0c0804e0 100%);border:2px solid #78350f;position:relative;box-shadow:0 0 0 1px #fed7aa73,0 0 0 3px #0000008c,0 0 18px #fdba7438,0 8px 22px #000000a6,inset 0 1px #fed7aa52,inset 0 -1px #000000a6,inset 0 0 22px #00000080}.battle .battle-log.tall:before,.battle .battle-log.compact:before,.battle-info-box:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at 9px 9px,#fde68a 0 2px,#f59e0b 2px 3.5px,#422006 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 9px) 9px,#fde68a 0 2px,#f59e0b 2px 3.5px,#422006 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at 9px calc(100% - 9px),#fde68a 0 2px,#f59e0b 2px 3.5px,#422006 3.5px 5px,#0000 5px) no-repeat,radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),#fde68a 0 2px,#f59e0b 2px 3.5px,#422006 3.5px 5px,#0000 5px) no-repeat;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fed7aa2e}.battle .battle-log.tall:after,.battle .battle-log.compact:after,.battle-info-box:after{content:"";pointer-events:none;z-index:0;border-radius:inherit;background:linear-gradient(#fed7aa38 0%,#fdba740d 60%,#fdba7400 100%);height:28px;position:absolute;inset:0 0 auto}.battle .battle-log.tall>*,.battle .battle-log.compact>*,.battle-info-box>*{z-index:1;position:relative}.battle-info-box .info-label,.battle .battle-log.tall .battle-log-label,.battle .battle-log.tall .log-title{color:#fde68a;text-shadow:0 1px #000,0 0 8px #fdba7459}.battle-fx-layer{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.fx-projectile{width:var(--fx-sz);height:var(--fx-sz);animation:fxProjectileFly var(--fx-dur) cubic-bezier(.4, .05, .7, 1) forwards;filter:drop-shadow(0 0 8px var(--fx-glow));will-change:transform, opacity;z-index:1;position:absolute;transform:translate(-50%,-50%)}.fx-projectile.r-rare{filter:drop-shadow(0 0 12px var(--fx-glow));animation-name:fxProjectileWave}.fx-projectile.r-epic{filter:drop-shadow(0 0 10px var(--fx-glow)) drop-shadow(0 0 18px #fde68a73);animation-name:fxProjectileSpiral}.fx-projectile.is-crit{filter:drop-shadow(0 0 12px gold) drop-shadow(0 0 20px var(--fx-glow))}.fx-projectile-inner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fx-projectile-inner .icon-img{object-fit:contain;width:100%;height:100%}.fx-projectile-trail{background:linear-gradient(90deg, transparent, var(--fx-glow));opacity:.5;z-index:-1;border-radius:50%;position:absolute;inset:-30% -60% -30% 0}.fx-projectile.r-epic .fx-projectile-trail{background:linear-gradient(90deg, transparent 20%, #fde68a47 60%, var(--fx-glow));opacity:.5;inset:-35% -80% -35% 0}.fx-projectile-sparkle{pointer-events:none;mix-blend-mode:screen;opacity:.55;z-index:-1;background:radial-gradient(circle at 25% 30%,#fff6,#0000 50%),radial-gradient(circle at 75% 70%,#ffe6b459,#0000 50%);border-radius:50%;animation:.4s ease-in-out infinite fxSparklePulse;position:absolute;inset:-10%}@keyframes fxProjectileFly{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{transform:translate(calc(-50% + var(--fx-tx)), calc(-50% + var(--fx-ty))) scale(1);opacity:1}}@keyframes fxProjectileWave{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}15%{transform:translate(calc(-50% + var(--fx-tx) * .15), calc(-50% + var(--fx-ty) * .15 - 18px)) scale(1.15);opacity:1}50%{transform:translate(calc(-50% + var(--fx-tx) * .5), calc(-50% + var(--fx-ty) * .5 + 22px)) scale(1.1);opacity:1}80%{transform:translate(calc(-50% + var(--fx-tx) * .8), calc(-50% + var(--fx-ty) * .8 - 14px)) scale(1.05);opacity:1}to{transform:translate(calc(-50% + var(--fx-tx)), calc(-50% + var(--fx-ty))) scale(1);opacity:1}}@keyframes fxProjectileSpiral{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}20%{transform:translate(calc(-50% + var(--fx-tx) * .2 - 24px), calc(-50% + var(--fx-ty) * .2 - 24px)) scale(1.2);opacity:1}50%{transform:translate(calc(-50% + var(--fx-tx) * .5 + 24px), calc(-50% + var(--fx-ty) * .5 + 18px)) scale(1.15);opacity:1}80%{transform:translate(calc(-50% + var(--fx-tx) * .8 - 14px), calc(-50% + var(--fx-ty) * .8 - 12px)) scale(1.08);opacity:1}to{transform:translate(calc(-50% + var(--fx-tx)), calc(-50% + var(--fx-ty))) scale(1.05);opacity:1}}@keyframes fxSparklePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.fx-burst{pointer-events:none;z-index:2;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.fx-particle{animation:fxParticleBurst var(--fx-dur) ease-out forwards;will-change:transform, opacity;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.fx-burst-ring{opacity:0;animation:fxBurstRing var(--fx-dur) ease-out forwards;border-style:solid;border-width:2px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fxParticleBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}60%{opacity:.8}to{transform:translate(calc(-50% + var(--fx-dx)), calc(-50% + var(--fx-dy))) scale(.2);opacity:0}}@keyframes fxBurstRing{0%{opacity:.9;transform:translate(-50%,-50%)scale(.15)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.fx-screen-flash{pointer-events:none;background:radial-gradient(circle at var(--fx-x) var(--fx-y), #fde68a73, #f472b640 20%, transparent 45%);mix-blend-mode:screen;z-index:3;animation:.22s ease-out forwards fxScreenFlash;position:fixed;inset:0}@keyframes fxScreenFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.placed-item.attacking{z-index:6;animation:.26s ease-out fxSlotCharge}@keyframes fxSlotCharge{0%{filter:brightness();transform:scale(1)}40%{filter:brightness(1.6)drop-shadow(0 0 10px #fde68ae6);transform:scale(.88)}70%{filter:brightness(1.25)drop-shadow(0 0 14px #fde68ab3);transform:scale(1.12)}to{filter:brightness();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.fx-projectile,.fx-projectile-inner,.fx-particle,.fx-burst-ring,.fx-screen-flash,.placed-item.attacking{animation-duration:1ms!important}.fx-projectile-sparkle{display:none}}.splash-root{z-index:100;cursor:pointer;animation:.6s ease-out both splashFadeIn;position:fixed;inset:0;overflow:hidden}.splash-vignette{pointer-events:none;background:radial-gradient(#0000 45%,#0000008c 100%),linear-gradient(#0f172a00 60%,#0f172ad9 100%);position:absolute;inset:0}.splash-cta{font-family:var(--font-display,system-ui);letter-spacing:.32em;text-transform:uppercase;color:#fde6c2;text-shadow:0 0 12px #f973168c,0 2px 8px #000000d9;-webkit-backdrop-filter:blur(3px);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background:#0f172a8c;border:1px solid #f9731659;border-radius:999px;padding:10px 22px;font-size:clamp(13px,1.6vw,18px);position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.splash-cta-loading{opacity:.7;letter-spacing:.18em;color:#cbd5e1;border-color:#94a3b840;animation:1.4s ease-in-out infinite splashPulse}.splash-cta-ready{animation:2.2s ease-in-out infinite splashPulse}@keyframes splashPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.03)}}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.splash-cta-loading,.splash-cta-ready{opacity:.95;animation:none}.splash-root{animation:none}}