@charset "UTF-8";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--surface-app: #2a0f5c;--surface-panel: #382068;--surface-card: #472a8f;--surface-card-hover: #573aa5;--brand: #6d35c5;--brand-strong: #4a1a8a;--accent: #e84e3a;--accent-hover: #ff6b54;--accent-strong: #c83a26;--accent-gold: #f5b73d;--accent-gold-glow: rgba( 245, 183, 61, .5 );--on-surface: #fdf6e7;--on-surface-dim: rgba(253, 246, 231, .72);--on-accent: #fff8ef;--border-subtle: rgba(253, 246, 231, .14);--border-strong: rgba(253, 246, 231, .3);--color-danger: #ff5c47;--color-warning: #f5b73d;--color-info: #5ab0e0;--color-buff: #4ec98a;--color-debuff: #ff5c47;--color-warning-text: #f5c266;--color-info-text: #8fd0f5;--color-buff-text: #7fe0ac;--color-warning-strong: #f5b73d;--color-bg: var(--surface-app);--color-surface: var(--surface-card);--color-green-900: var(--on-surface);--color-green-700: var(--accent);--color-green-500: var(--accent);--color-green-200: var( --surface-panel );--color-steel-800: var(--on-surface);--color-steel-500: var(--on-surface-dim);--color-steel-300: var(--border-strong);--color-steel-100: var(--surface-panel);--color-lfi-purple-900: #2a0f5c;--color-lfi-purple-700: #4a1a8a;--color-lfi-purple-500: #6d35c5;--color-lfi-coral-700: #c83a26;--color-lfi-coral-500: #e84e3a;--color-lfi-coral-300: #ff6b54;--color-lfi-cream: #fdf6e7;--color-arrow-active: var(--color-lfi-coral-500);--color-pill-buff: #4ec4ed;--color-pill-debuff: #c63927;--color-battle-bg-from: var(--color-lfi-purple-900);--color-battle-bg-to: #0f3820;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 3px 10px rgba(0, 0, 0, .38);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .48);--border-thin: 1px solid var(--border-subtle);--font-display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--touch-target-min: 2.75rem;--touch-target-gap: .5rem;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out;--grad-card: linear-gradient(160deg, #573aa5 0%, #472a8f 60%, #3a2072 100%);--grad-panel: linear-gradient(160deg, #3f2478 0%, #33196f 100%);--grad-accent: linear-gradient(180deg, #ff6b54 0%, #e84e3a 55%, #c83a26 100%);--grad-gold: linear-gradient(180deg, #ffd98a 0%, #f5b73d 55%, #c4942a 100%);--on-gold: #3a2606;--relief-light: inset 0 1px 0 rgba(255, 255, 255, .16);--relief-dark: inset 0 -2px 3px rgba(0, 0, 0, .3);--relief-pressed: inset 0 3px 8px rgba(0, 0, 0, .5), inset 0 1px 2px rgba(0, 0, 0, .4);--lift-1: 0 2px 6px rgba(0, 0, 0, .35);--lift-2: 0 8px 22px rgba(0, 0, 0, .45);--glow-sel: 0 0 0 2px rgba(232, 78, 58, .7), 0 0 16px rgba(232, 78, 58, .55)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms linear;--transition-base: 0ms linear;--transition-slow: 0ms linear}}.ds-stage{position:fixed;inset:0;background:#000;overflow:hidden}.ds-card{background:var(--grad-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--relief-light),var(--relief-dark),var(--lift-1);color:var(--on-surface)}.ds-panel{background:var(--grad-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--relief-dark);color:var(--on-surface)}.ds-btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--touch-target-min);min-width:fit-content;flex-shrink:0;white-space:nowrap;padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);color:var(--on-accent);background:var(--grad-accent);border:none;border-radius:var(--radius-md);box-shadow:var(--relief-light),var(--relief-dark),var(--lift-1);cursor:pointer;text-decoration:none;transition:filter var(--transition-fast),transform var(--transition-fast)}.ds-btn-accent:hover:not(:disabled){filter:brightness(.92)}.ds-btn-accent:active:not(:disabled){transform:translateY(1px);box-shadow:var(--relief-dark)}.ds-btn-accent:disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed;box-shadow:none}.ds-btn-ghost{display:inline-flex;align-items:center;min-width:fit-content;flex-shrink:0;white-space:nowrap;justify-content:center;gap:var(--space-1);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);color:var(--on-surface);background:var(--grad-panel);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;text-decoration:none}.ds-btn-ghost:hover:not(:disabled){border-color:var(--accent)}.ds-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.ds-nav-link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--on-surface);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.ds-nav-link:hover,.ds-nav-link:focus-visible{background:var(--brand-strong);box-shadow:var(--relief-pressed)}.ds-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--on-accent);background:var(--grad-accent);border-radius:var(--radius-full);box-shadow:var(--relief-light),var(--relief-dark);white-space:nowrap}.ds-chip{display:inline-flex;align-items:center;padding:0 var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);color:var(--on-accent);background:var(--grad-accent);border-radius:var(--radius-full);box-shadow:var(--relief-light)}.ds-cost{display:inline-flex;align-items:center;padding:0 var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);color:var(--on-gold);background:var(--grad-gold);border-radius:var(--radius-full);box-shadow:var(--relief-light)}.ds-tab{min-height:var(--touch-target-min);padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);color:var(--on-surface-dim);background:var(--grad-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-fast)}.ds-tab.active,.ds-tab[aria-selected=true]{color:var(--on-accent);background:var(--grad-accent);border-color:transparent;box-shadow:var(--glow-sel)}.ds-selectable{cursor:pointer;transition:box-shadow var(--transition-fast)}.ds-selectable.sel,.ds-selectable.active,.ds-selectable[aria-checked=true]{background:var(--grad-accent);color:var(--on-accent);border-color:transparent;box-shadow:var(--glow-sel)}.ds-modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0009}.ds-modal{display:flex;flex-direction:column;gap:var(--space-2);max-width:28rem;width:100%;padding:var(--space-4);background:var(--grad-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--lift-2);color:var(--on-surface)}@keyframes foil-shine{0%,40%{transform:translate(-100%);opacity:0}50%{opacity:1}60%{transform:translate(100%);opacity:1}61%,to{opacity:0}}.cta-foil{position:relative;overflow:hidden}.cta-foil:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,240,200,.5) 48%,rgba(255,250,230,.8) 50%,rgba(255,240,200,.5) 52%,transparent 70%);transform:translate(-100%);animation:foil-shine 3.5s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.cta-foil:after{animation:none;opacity:0}}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka/fredoka-latin.woff2) format("woff2")}.combat-settings-backdrop{background:#0009}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}app-root{display:block;height:100%}body{background:var(--color-bg);color:var(--color-steel-800);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{scrollbar-width:thin;scrollbar-color:var(--brand) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#00000047;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb{background:var(--brand);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}lfi-combat-stage .scene>:not(lfi-combat-zone){background:var(--surface-app)}img.pixel,canvas.pixel{image-rendering:pixelated;image-rendering:-moz-crisp-edges}*:focus-visible{outline:2px solid var(--color-green-500);outline-offset:2px;border-radius:var(--radius-sm)}button{font:inherit;cursor:pointer;border:0;background:transparent;padding:0;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}