:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: #12182b;--color-bg-tertiary: #1a2138;--color-bg-elevated: #232d47;--color-text-primary: #e8eaf0;--color-text-secondary: #a0a6b8;--color-text-tertiary: #6b7280;--color-border-primary: #2d3748;--color-border-secondary: #4a5568;--color-accent-primary: #6366f1;--color-accent-secondary: #8b5cf6;--color-accent-success: #10b981;--color-accent-warning: #f59e0b;--color-accent-danger: #ef4444;--color-accent-info: #3b82f6;--color-alpha: #ffd700;--color-beta: #c0c0c0;--color-gamma: #9333ea;--color-delta: #dc2626;--color-epsilon: #06b6d4;--color-zeta: #dc143c;--color-rarity-basic: #9ca3af;--color-rarity-common: #a3e635;--color-rarity-uncommon: #22d3ee;--color-rarity-rare: #a78bfa;--color-rarity-epic: #c084fc;--color-rarity-legendary: #fb923c;--color-rarity-mythic: #f43f5e;--color-hp-healthy: #10b981;--color-hp-warning: #f59e0b;--color-hp-critical: #ef4444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-modal: 2000;--z-toast: 3000;--z-tooltip: 4000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background-color:var(--color-accent-primary);color:#fff}.btn--primary:hover{background-color:#4f46e5}.btn--secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.btn--secondary:hover{background-color:var(--color-bg-tertiary)}.btn--success{background-color:var(--color-accent-success);color:#fff}.btn--danger{background-color:var(--color-accent-danger);color:#fff}.btn--small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.btn--large{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--color-accent-primary);transform:translateY(-2px)}.screen{min-height:100vh;padding:var(--space-xl)}.screen--main-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.main-menu__header{margin-bottom:var(--space-2xl)}.main-menu__title{font-size:4rem;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}.main-menu__subtitle{font-size:var(--font-size-2xl);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.main-menu__version{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.main-menu__buttons{display:flex;flex-direction:column;gap:var(--space-md);min-width:300px;margin-bottom:var(--space-2xl)}.main-menu__footer{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.main-menu__footer .game-info{margin-bottom:var(--space-sm)}.main-menu__footer .credits{opacity:.7;margin-bottom:0}.main-menu__footer .github-link{margin-top:var(--space-sm);opacity:.5}.main-menu__footer .github-link a{color:var(--color-text-tertiary);text-decoration:none;transition:opacity var(--transition-fast)}.main-menu__footer .github-link a:hover{opacity:1;text-decoration:underline}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-xl);animation:modalFadeIn var(--transition-base)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn var(--transition-base)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-primary)}.modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.modal__body{padding:var(--space-lg)}.modal__footer{padding:var(--space-lg);border-top:1px solid var(--color-border-primary);display:flex;gap:var(--space-md);justify-content:flex-end}.new-game-dialog__intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg);text-align:center}.character-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.character-type-card{background-color:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.character-type-card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.character-type-card__emoji{font-size:3rem;margin-bottom:var(--space-md)}.character-type-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.character-type-card__type{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.character-type-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm)}.toast{background-color:var(--color-bg-elevated);color:var(--color-text-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-accent-primary);min-width:300px;opacity:0;transform:translate(400px);transition:all var(--transition-base)}.toast--show{opacity:1;transform:translate(0)}.toast--success{border-left-color:var(--color-accent-success)}.toast--error{border-left-color:var(--color-accent-danger)}.toast--warning{border-left-color:var(--color-accent-warning)}.toast--info{border-left-color:var(--color-accent-info)}@media(max-width:768px){:root{font-size:14px}.screen{padding:var(--space-md)}.main-menu__title{font-size:3rem}.character-type-grid{grid-template-columns:1fr}.modal{margin:var(--space-md)}.toast-container{left:var(--space-md);right:var(--space-md)}.toast{min-width:unset}}.screen--team-management{padding:var(--space-lg);max-width:1600px;margin:0 auto;background:radial-gradient(ellipse at top,rgba(99,102,241,.05) 0%,transparent 50%)}.team-header{margin-bottom:var(--space-xl);display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);gap:var(--space-lg);background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);box-shadow:0 4px 20px #3b82f626,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.team-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.team-header__title{font-size:var(--font-size-2xl);margin-bottom:0;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;font-weight:700;color:var(--text-primary)}.team-header__subtitle{color:var(--text-muted);margin-bottom:var(--space-md)}.team-header__nav{display:flex;gap:var(--space-sm);flex-wrap:wrap}.team-content{display:flex;flex-direction:column;gap:var(--space-xl)}.team-section{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:0;box-shadow:0 4px 20px #00000080,0 0 0 1px #ffffff0d;margin-bottom:var(--space-xl);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-section__header{margin-bottom:0;padding:var(--space-md) var(--space-lg);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0f172ae6,#1e293b99);position:relative}.team-section__header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.6}.team-section__title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:0;text-shadow:0 0 15px currentColor,0 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:var(--space-md);letter-spacing:.5px}.team-section__subtitle{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700;background:#00000080;padding:8px 16px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);letter-spacing:.5px;box-shadow:0 2px 8px #0006;display:flex;align-items:center;line-height:1;margin:0}.team-section--active{border-color:#22c55e80;box-shadow:0 4px 20px #22c55e33,0 0 0 1px #22c55e33}.team-section--active .team-section__header{border-bottom-color:#22c55e66;background:linear-gradient(135deg,#22c55e26,#0f172acc);color:var(--success-color)}.team-section--active .team-section__title{color:var(--success-color)}.team-section--reserve{border-color:#fbbf2480;box-shadow:0 4px 20px #fbbf2433,0 0 0 1px #fbbf2433}.team-section--reserve .team-section__header{border-bottom-color:#fbbf2466;background:linear-gradient(135deg,#fbbf2426,#0f172acc);color:var(--warning-color)}.team-section--reserve .team-section__title{color:var(--warning-color)}.team-section--roster{border-color:#6366f180;box-shadow:0 4px 20px #6366f133,0 0 0 1px #6366f133}.team-section--roster .team-section__header{border-bottom-color:#6366f166;background:linear-gradient(135deg,#6366f126,#0f172acc);color:var(--primary-color)}.team-section--roster .team-section__title{color:var(--primary-color)}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg);padding:var(--space-lg);background:#00000040}.character-grid--roster{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.character-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);transition:all var(--transition-normal);box-shadow:0 2px 8px #0006,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.character-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.character-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #6366f14d,0 2px 8px #0006,inset 0 1px #6366f133;transform:translateY(-4px)}.character-card__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-sm)}.character-card__name{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.character-card__level{color:var(--text-muted);font-size:var(--font-size-sm);background:#0006;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);font-weight:600}.character-card__type{background:linear-gradient(135deg,var(--primary-color),rgba(99,102,241,.7));color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;font-weight:700;box-shadow:0 2px 8px #0000004d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);align-self:flex-start}.character-card__stats{display:flex;flex-direction:column;gap:var(--space-xs)}.character-card__stat-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.character-card__stat-label{color:var(--text-muted)}.character-card__stat-value{font-weight:600}.character-card__actions{display:flex;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.05)}.character-card__stat{display:flex;flex-direction:column;gap:var(--space-xs);background:#0006;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 3px #00000080}.stat-label{font-size:var(--font-size-xs);color:#fff9;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.stat-value{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-bar{height:10px;background:#0009;border-radius:5px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 4px #0009}.stat-bar__fill{height:100%;transition:width .3s ease-out;position:relative;box-shadow:0 0 12px currentColor,inset 0 1px #ffffff4d}.stat-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:5px 5px 0 0}.stat-bar__fill--hp{background:linear-gradient(90deg,#b91c1c,#dc2626,#ef4444);color:#ef4444}.stat-text{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.8);margin-top:2px}.ap-dots{display:flex;gap:5px;padding:6px 0}.ap-dot{width:12px;height:12px;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.15);transition:all .2s ease;box-shadow:inset 0 1px 2px #00000080}.ap-dot--filled{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border-color:#60a5fa;box-shadow:0 0 10px #3b82f6,0 0 4px #60a5facc,inset 0 1px 2px #fff6;animation:apPulse 2s ease-in-out infinite}@keyframes apPulse{0%,to{box-shadow:0 0 10px #3b82f6,0 0 4px #60a5facc,inset 0 1px 2px #fff6}50%{box-shadow:0 0 15px #3b82f6,0 0 8px #60a5fa,inset 0 1px 2px #fff6}}.character-card--empty{background:linear-gradient(135deg,#0f172a66,#1e293b4d);border:2px dashed rgba(255,255,255,.15);box-shadow:inset 0 2px 8px #0006;min-height:200px;justify-content:center;align-items:center;padding:var(--space-lg)}.character-card--empty:hover{border-color:#6366f180;box-shadow:inset 0 2px 8px #0006,0 0 20px #6366f133;transform:translateY(-2px)}.empty-slot{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;color:var(--text-muted);font-size:var(--font-size-sm)}.empty-slot__icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.15;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))}.empty-slot__text{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;opacity:.4;color:var(--text-muted)}.character-card[draggable=true]{cursor:move;cursor:grab}.character-card.dragging{opacity:.4;cursor:grabbing;transform:scale(.95);filter:brightness(.7)}.character-card.drop-target,.character-card--empty.drop-target{border-color:var(--primary-color);border-style:solid;background:linear-gradient(135deg,#6366f133,#3b82f626);box-shadow:0 0 30px #6366f180,inset 0 0 20px #6366f133;transform:scale(1.02);animation:pulse-drop-zone 1.5s ease-in-out infinite}@keyframes pulse-drop-zone{0%,to{box-shadow:0 0 30px #6366f180,inset 0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f1b3,inset 0 0 30px #6366f14d}}.character-grid.drag-over{background:#6366f11a;border-radius:var(--radius-md)}.screen--campaign-map{padding:var(--space-md);max-width:1600px;margin:0 auto}.campaign-header{margin-bottom:var(--space-md);position:sticky;top:0;background:linear-gradient(135deg,#3b82f60d,#3b82f605);padding:var(--space-md);z-index:10;border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);box-shadow:0 4px 20px #3b82f626,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.campaign-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.campaign-header__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-xs);text-shadow:0 2px 4px rgba(0,0,0,.3)}.campaign-header__subtitle{color:var(--text-muted);margin-bottom:var(--space-md)}.campaign-header__nav{display:flex;gap:var(--space-sm)}.campaign-content{display:flex;flex-direction:column;gap:var(--space-md)}.tier-section{background:linear-gradient(135deg,#10b9810a,#10b98103);border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 4px 15px #0003,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}.tier-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tier-section__header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid rgba(16,185,129,.3)}.tier-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);font-weight:700;color:var(--success-color);text-shadow:0 2px 4px rgba(0,0,0,.5)}.tier-section__progress{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:600}.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.stage-card{background:linear-gradient(135deg,#0006,#0003);border:2px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);transition:all var(--transition-fast);position:relative;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff08}.stage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.5),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stage-card--clickable{cursor:pointer}.stage-card--clickable:hover{border-color:#10b981b3;box-shadow:0 8px 24px #10b9814d,inset 0 1px #ffffff0d;transform:translateY(-4px) scale(1.02)}.stage-card--completed{border-color:#10b98180;opacity:.6}.stage-card--completed:before{background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),transparent)}.stage-card--locked{opacity:.4;pointer-events:none;border-color:#6464644d}.stage-card--locked:before{background:linear-gradient(90deg,transparent,rgba(100,100,100,.3),transparent)}.stage-card--current{border-color:#f59e0bcc;box-shadow:0 0 0 3px #f59e0b4d,0 4px 20px #f59e0b66;animation:pulse 2s ease-in-out infinite}.stage-card--current:before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.8),transparent)}.stage-card--boss{background:linear-gradient(135deg,#8b5cf633,#8b5cf614);border-color:#8b5cf6b3;box-shadow:0 4px 16px #8b5cf64d,inset 0 1px #ffffff0d}.stage-card--boss:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.8),transparent)}.stage-card--boss.stage-card--clickable:hover{border-color:#8b5cf6e6;box-shadow:0 8px 30px #8b5cf680}.stage-card--boss.stage-card--current{border-color:#f59e0bcc;box-shadow:0 0 0 3px #f59e0b4d,0 4px 20px #f59e0b66;animation:pulse 2s ease-in-out infinite}.stage-card--boss.stage-card--current:before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.8),transparent)}.stage-card--boss .stage-card__number{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;box-shadow:0 4px 12px #8b5cf666}.stage-card__number{background:linear-gradient(135deg,var(--primary-color),rgba(59,130,246,.8));color:#fff;font-size:var(--font-size-lg);font-weight:700;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);box-shadow:0 2px 8px #3b82f64d;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stage-card__boss-icon{font-size:var(--font-size-xl);animation:pulse 2s ease-in-out infinite}.stage-card__name{font-size:var(--font-size-md);font-weight:600;text-align:center;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.stage-card__enemies{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;line-height:1.4}.stage-card__rewards{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-sm);margin-top:var(--space-xs);border-top:1px solid rgba(16,185,129,.2);background:#0003;border-radius:var(--radius-sm)}.stage-card__rewards span{display:flex;align-items:center;gap:var(--space-xs)}.stage-card__status{background:#0000004d;padding:var(--space-sm);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-top:auto;border:1px solid rgba(16,185,129,.3)}.stage-card--completed .stage-card__status,.stage-card--clickable .stage-card__status{background:linear-gradient(135deg,var(--success-color),rgba(16,185,129,.8));color:#fff;border-color:var(--success-color);box-shadow:0 2px 8px #10b9814d}.stage-card--locked .stage-card__status{background:#0006;color:var(--text-muted);border-color:#6464644d}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.screen--combat{display:flex;flex-direction:column;gap:var(--space-md);height:100vh;overflow:hidden;padding:0}.combat-header{background:linear-gradient(135deg,#ef44440d,#ef444405);padding:var(--space-md);margin:var(--space-md) var(--space-md) 0 var(--space-md);border:2px solid rgba(239,68,68,.4);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 4px 20px #ef444426,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.combat-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.8),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.combat-header__title{font-size:var(--font-size-xl);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.combat-header__round{color:var(--text-muted);font-size:var(--font-size-md);font-weight:600}.combat-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);padding:0 var(--space-lg);flex:2;overflow:hidden;min-height:0}.combat-team{display:flex;flex-direction:column;gap:var(--space-md);height:100%;overflow-y:auto;background:linear-gradient(135deg,#0000004d,#00000026);border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 4px 15px #0003,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;min-height:0}.combat-team:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.combat-team__title{font-size:var(--font-size-lg);margin:0;padding-bottom:var(--space-sm);border-bottom:2px solid rgba(59,130,246,.3);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.combat-team__active{display:flex;flex-direction:column;gap:var(--space-sm)}.combat-team__reserve{margin-top:var(--space-md);padding:var(--space-sm);background:linear-gradient(135deg,#0006,#0003);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.2);box-shadow:inset 0 2px 4px #0003}.combat-team__reserve-title{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-xs) 0;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.combat-reserve-card{font-size:var(--font-size-sm);padding:var(--space-xs);color:var(--text-muted)}.combat-character-card,.combat-enemy-card{background:linear-gradient(135deg,#00000080,#0000004d);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff08;position:relative}.combat-character-card:before,.combat-enemy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.combat-character-card--active,.combat-enemy-card--active{border-color:#f59e0bcc;box-shadow:0 0 0 3px #f59e0b66,0 4px 20px #f59e0b80}.combat-character-card--active:before,.combat-enemy-card--active:before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.8),transparent)}.combat-enemy-card--targetable{border-color:#22c55eb3;box-shadow:0 0 0 3px #22c55e80,0 4px 16px #22c55e66;transform:scale(1.02);cursor:pointer}.combat-enemy-card--targetable:before{background:linear-gradient(90deg,transparent,rgba(34,197,94,.7),transparent)}.combat-enemy-card--targetable:hover{border-color:#3b82f6cc;box-shadow:0 0 0 4px #3b82f699,0 6px 24px #3b82f666;transform:scale(1.05)}.combat-enemy-card--targetable:hover:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),transparent)}.combat-enemy-card--selected{border-color:#3b82f6e6;box-shadow:0 0 0 4px #3b82f699,0 6px 24px #3b82f680;transform:scale(1.03)}.combat-enemy-card--selected:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.9),transparent)}.combat-enemy-card--selected:hover{border-color:#3b82f6;box-shadow:0 0 0 5px #3b82f6cc,0 8px 32px #3b82f699;transform:scale(1.05)}.combat-enemy-card--dead{opacity:.3;filter:grayscale(100%);border-color:#6464644d}.combat-enemy-card--dead:before{background:linear-gradient(90deg,transparent,rgba(100,100,100,.3),transparent)}.combat-enemy-card__target-indicator{margin-top:var(--space-sm);padding:var(--space-sm);background:linear-gradient(135deg,var(--success-color),rgba(34,197,94,.8));color:#fff;text-align:center;font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #22c55e66}@keyframes targetPulse{0%,to{box-shadow:0 0 0 2px #22c55e80;opacity:1}50%{box-shadow:0 0 0 4px #22c55ecc;opacity:.9}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 3px #f59e0b4d,0 4px 20px #f59e0b66}50%{box-shadow:0 0 0 5px #f59e0b80,0 6px 28px #f59e0b99}}.combat-character-card__header,.combat-enemy-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.combat-character-card__name,.combat-enemy-card__name{font-size:var(--font-size-md);font-weight:700;margin:0}.combat-character-card__type,.combat-enemy-card__level{font-size:var(--font-size-sm);color:var(--text-muted)}.hp-bar-container{position:relative;width:100%;height:24px;background:linear-gradient(135deg,#0006,#0000004d);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-sm);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0000004d}.hp-bar{position:absolute;left:0;top:0;height:100%;transition:width .3s ease;border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #ffffff4d}.hp-bar.hp-healthy{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 10px #22c55e80,inset 0 1px 2px #ffffff4d}.hp-bar.hp-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b80,inset 0 1px 2px #ffffff4d}.hp-bar.hp-critical{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480,inset 0 1px 2px #ffffff4d;animation:criticalPulse 1s ease-in-out infinite}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.8}}.hp-bar-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.5);z-index:1;pointer-events:none}.ap-bar-container{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,#3b82f626,#3b82f614);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);box-shadow:inset 0 1px 3px #0003}.ap-bar-label{font-size:var(--font-size-sm);font-weight:700;color:var(--primary-color);text-shadow:0 1px 2px rgba(0,0,0,.3)}.ap-bar-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.combat-character-card__status,.combat-enemy-card__status{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.status-badge{font-size:var(--font-size-xs);padding:3px 8px;background:linear-gradient(135deg,var(--primary-color),rgba(59,130,246,.8));color:#fff;border:1px solid rgba(59,130,246,.5);border-radius:var(--radius-md);cursor:help;font-weight:600;box-shadow:0 2px 6px #3b82f64d;transition:all var(--transition-fast)}.status-badge:hover{transform:scale(1.1);box-shadow:0 3px 10px #3b82f680}.status-badge--buff{background:linear-gradient(135deg,var(--success-color),rgba(34,197,94,.8));border-color:#22c55e80;box-shadow:0 2px 6px #22c55e4d}.status-badge--debuff{background:linear-gradient(135deg,var(--danger-color),rgba(239,68,68,.8));border-color:#ef444480;box-shadow:0 2px 6px #ef44444d}.status-badge--dot{background:linear-gradient(135deg,#f97316,#f97316cc);border-color:#f9731680;box-shadow:0 2px 6px #f973164d}.combat-character-card__turn-indicator,.combat-enemy-card__turn-indicator{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,var(--warning-color),rgba(245,158,11,.9));color:#fff;text-align:center;font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-md);border:2px solid rgba(245,158,11,.5);box-shadow:0 4px 12px #f59e0b66,inset 0 1px #fff3;animation:pulse 1.5s ease-in-out infinite;text-shadow:0 1px 2px rgba(0,0,0,.4)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.combat-action-panel{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);margin:0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}.combat-action-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.combat-action-panel__waiting{text-align:center;color:var(--text-muted);font-size:var(--font-size-md);padding:var(--space-lg);font-style:italic;background:linear-gradient(135deg,#6464640d,#64646405);border:2px dashed rgba(100,100,100,.3);border-radius:var(--radius-md);margin-top:var(--space-sm)}.combat-action-panel__title{margin:0;font-size:var(--font-size-lg);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.combat-action-panel__abilities{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.ability-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--primary-color),rgba(59,130,246,.8));color:#fff;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);box-shadow:0 4px 12px #3b82f64d;position:relative}.ability-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ability-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#60a5fae6);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #3b82f680}.ability-btn:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.ability-btn--disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#0006,#0000004d);color:var(--text-muted);box-shadow:none}.ability-btn--disabled:before{background:linear-gradient(90deg,transparent,rgba(100,100,100,.3),transparent)}.ability-btn__name{font-weight:700;font-size:var(--font-size-md)}.ability-btn__cost{font-size:var(--font-size-sm);color:var(--warning-color)}.ability-btn__shortcut{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-family-mono);margin-top:2px}.combat-log{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);padding:var(--space-md);margin:0 var(--space-md) var(--space-md) var(--space-md);height:150px;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;box-shadow:0 4px 20px #3b82f626,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.combat-log:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.combat-log__title{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-md);font-weight:700;border-bottom:2px solid rgba(59,130,246,.3);padding-bottom:var(--space-xs);flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.combat-log__messages{display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto;flex:1;padding-right:var(--space-xs);min-height:0}.combat-log__messages::-webkit-scrollbar{width:6px}.combat-log__messages::-webkit-scrollbar-track{background:#0003;border-radius:3px}.combat-log__messages::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.combat-log__messages::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.combat-log__empty{color:var(--text-muted);font-style:italic;text-align:center}.combat-log__entry{display:flex;gap:var(--space-sm);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border-left:3px solid transparent;transition:all var(--transition-fast)}.combat-log__entry--turn-start{background:#3b82f626;border-left-color:var(--primary-color);font-weight:700}.combat-log__entry--ability-use{background:#6366f11a;border-left-color:#6366f199}.combat-log__entry--damage{background:#ef44441a;border-left-color:var(--danger-color);color:var(--danger-color)}.combat-log__entry--healing{background:#10b9811a;border-left-color:var(--success-color);color:var(--success-color)}.combat-log__entry--death{background:#ef444433;border-left-color:var(--danger-color);color:var(--danger-color);font-weight:700;box-shadow:0 2px 8px #ef44444d}.combat-log__entry--status-applied{background:#f59e0b1a;border-left-color:var(--warning-color);color:var(--warning-color)}.combat-log__timestamp{color:var(--text-muted);font-size:var(--font-size-xs);min-width:40px}.combat-log__message{flex:1}@media(min-width:1440px){.combat-action-panel__abilities{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.combat-area{padding:0 var(--space-xl);gap:var(--space-xl);flex:3}.combat-character-card,.combat-enemy-card{padding:var(--space-sm)}.combat-log{height:120px}.combat-action-panel{padding:var(--space-xs) var(--space-md)}}@media(max-width:1024px){.combat-area{grid-template-columns:1fr}.combat-action-panel__abilities{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.screen--combat{gap:var(--space-sm)}.combat-header{padding:var(--space-sm);margin:var(--space-sm) var(--space-sm) 0 var(--space-sm);flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.combat-header__title{font-size:var(--font-size-lg)}.combat-header__round{font-size:var(--font-size-sm)}.combat-area{grid-template-columns:1fr;padding:0 var(--space-sm);gap:var(--space-sm)}.combat-team{padding:var(--space-sm);gap:var(--space-sm);max-height:50vh}.combat-team__title{font-size:var(--font-size-md);padding-bottom:var(--space-xs)}.combat-character-card,.combat-enemy-card{padding:var(--space-sm)}.combat-character-card__name,.combat-enemy-card__name{font-size:var(--font-size-sm)}.hp-bar-container{height:20px}.hp-bar-text{font-size:var(--font-size-xs)}.combat-action-panel{padding:var(--space-sm);margin:0 var(--space-sm);gap:var(--space-sm)}.combat-action-panel__title{font-size:var(--font-size-md)}.combat-action-panel__abilities{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--space-sm);padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.combat-action-panel__abilities::-webkit-scrollbar{height:6px}.combat-action-panel__abilities::-webkit-scrollbar-track{background:#0003;border-radius:3px}.combat-action-panel__abilities::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.ability-btn{flex:0 0 auto;min-width:110px;max-width:110px;padding:var(--space-xs) var(--space-sm);gap:2px}.ability-btn__name{font-size:var(--font-size-sm)}.ability-btn__cost{font-size:var(--font-size-xs)}.ability-btn__shortcut{display:none}.combat-log{height:120px;padding:var(--space-sm);margin:0 var(--space-sm) var(--space-sm) var(--space-sm)}.combat-log__title{font-size:var(--font-size-sm);padding-bottom:4px;margin-bottom:var(--space-xs)}.combat-log__entry{font-size:var(--font-size-xs);padding:4px var(--space-xs);gap:var(--space-xs)}.combat-log__timestamp{font-size:10px;min-width:30px}.status-badge{font-size:10px;padding:2px 6px}.combat-team__reserve{padding:var(--space-xs);margin-top:var(--space-sm)}.combat-team__reserve-title{font-size:var(--font-size-xs)}.combat-reserve-card{font-size:var(--font-size-xs);padding:4px}}@media(max-width:480px){.screen--combat{padding:0}.combat-header{border-radius:var(--radius-md)}.combat-header__title{font-size:var(--font-size-md)}.combat-team{max-height:45vh}.ability-btn{min-width:100px;max-width:100px;padding:var(--space-xs)}.ability-btn__name{font-size:var(--font-size-xs)}.ability-btn__cost{font-size:10px}.combat-log{height:100px}.combat-character-card,.combat-enemy-card{padding:var(--space-xs)}.hp-bar-container{height:18px}.ap-bar-container{padding:4px var(--space-xs)}.ap-bar-label,.ap-bar-text{font-size:var(--font-size-xs)}}.screen--battle-results{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:1000px;margin:0 auto}.battle-results__header{text-align:center;padding:var(--space-xl);border-radius:var(--radius-lg);animation:slideDown var(--transition-slow) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.battle-results__header--victory{background:linear-gradient(135deg,#10b98133,#0596691a);border:2px solid var(--success-color)}.battle-results__header--defeat{background:linear-gradient(135deg,#ef444433,#dc26261a);border:2px solid var(--danger-color)}.battle-results__title{font-size:var(--font-size-xxl);margin:0;animation:pulse 1.5s ease-in-out infinite}.battle-results__stage{font-size:var(--font-size-lg);margin:var(--space-sm) 0 0 0;color:var(--text-muted)}.battle-results__section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);animation:fadeIn var(--transition-normal) ease-out;animation-fill-mode:both}.battle-results__section:nth-child(2){animation-delay:.2s}.battle-results__section:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.battle-results__section-title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);border-bottom:2px solid var(--primary-color);padding-bottom:var(--space-sm)}.battle-results__xp-total{font-size:var(--font-size-md);color:var(--warning-color);margin:0 0 var(--space-md) 0;font-weight:700}.battle-results__characters{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.battle-results__character-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-hover);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.battle-results__character-name{font-weight:700;font-size:var(--font-size-md)}.battle-results__character-xp{color:var(--warning-color);font-size:var(--font-size-sm)}.battle-results__character-level{color:var(--text-muted);font-size:var(--font-size-sm)}.battle-results__loot{display:flex;flex-direction:column;gap:var(--space-sm)}.battle-results__loot-item{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-md);align-items:center;padding:var(--space-sm);background:var(--bg-hover);border-radius:var(--radius-sm);border-left:4px solid;transition:all var(--transition-fast)}.battle-results__loot-item:hover{background:var(--bg-primary);transform:translate(4px)}.battle-results__loot-item.rarity-common{border-left-color:#9ca3af}.battle-results__loot-item.rarity-uncommon{border-left-color:#10b981}.battle-results__loot-item.rarity-rare{border-left-color:#3b82f6}.battle-results__loot-item.rarity-epic{border-left-color:#a855f7}.battle-results__loot-item.rarity-legendary{border-left-color:#f59e0b}.battle-results__loot-item.rarity-mythic{border-left-color:#ec4899}.battle-results__loot-item.rarity-worldbreaker{border-left-color:#ef4444;box-shadow:0 0 10px #ef444480}.battle-results__loot-name{font-weight:700;font-size:var(--font-size-md)}.battle-results__loot-rarity{font-size:var(--font-size-sm);text-transform:uppercase;font-weight:600}.battle-results__loot-slot,.battle-results__loot-level{font-size:var(--font-size-sm);color:var(--text-muted)}.battle-results__actions{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.btn--large{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-xl);min-width:250px}.screen--character-sheet{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);max-width:1400px;margin:0 auto;overflow-y:auto}.character-sheet__header{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:2px solid rgba(59,130,246,.5);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 20px #3b82f626,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.character-sheet__header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.character-sheet__title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-xxl);text-shadow:0 2px 4px rgba(0,0,0,.3)}.character-sheet__level-info{display:flex;flex-direction:column;gap:var(--space-sm)}.character-sheet__level{font-size:var(--font-size-lg);font-weight:700;color:var(--warning-color);text-shadow:0 1px 2px rgba(0,0,0,.3)}.character-sheet__xp{font-size:var(--font-size-md);color:var(--text-muted)}.xp-bar-container{height:16px;background:#0000004d;border-radius:var(--radius-sm);overflow:hidden;margin:var(--space-xs) 0;border:1px solid rgba(59,130,246,.3);box-shadow:inset 0 2px 4px #0000004d;position:relative}.xp-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#f59e0b);transition:width var(--transition-normal);box-shadow:0 0 10px #3b82f680;position:relative}.xp-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.character-sheet__skill-points{font-size:var(--font-size-md);padding:var(--space-md);background:#0003;border-radius:var(--radius-md);border:1px solid var(--border-color)}.character-sheet__skill-points--available{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid rgba(245,158,11,.6);box-shadow:0 0 20px #f59e0b4d;animation:pulse 2s ease-in-out infinite}.character-sheet__nav{margin-top:var(--space-md)}.character-sheet__content{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.character-sheet__section{background:linear-gradient(135deg,#3b82f608,#3b82f603);border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 4px 15px #0003,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}.character-sheet__section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.character-sheet__section--full{grid-column:1 / -1}.character-sheet__section-title{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-lg);font-weight:700;border-bottom:2px solid rgba(59,130,246,.4);padding-bottom:var(--space-sm);text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(90deg,rgba(59,130,246,.1),transparent);padding-left:var(--space-md);margin-left:calc(var(--space-md) * -1);margin-right:calc(var(--space-md) * -1);padding-right:var(--space-md)}.stats-table{width:100%;border-collapse:collapse}.stats-table__row{border-bottom:1px solid rgba(59,130,246,.15);transition:background var(--transition-fast)}.stats-table__row:last-child{border-bottom:none}.stats-table__row:hover{background:#3b82f60d}.stats-table__name{padding:var(--space-sm) var(--space-md);font-weight:700;color:var(--text-muted);cursor:help}.stats-table__value{padding:var(--space-sm) var(--space-md);text-align:right;font-size:var(--font-size-md);font-weight:700;color:var(--primary-color)}.character-sheet__ap-info{margin-top:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#3b82f614,#3b82f608);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid rgba(59,130,246,.2);box-shadow:inset 0 1px 3px #0003}.character-sheet__ap-info p{margin:var(--space-xs) 0}.equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.equipment-slot{background:linear-gradient(135deg,#0000004d,#00000026);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:inset 0 1px 3px #0000004d;transition:all var(--transition-fast)}.equipment-slot:hover{border-color:#3b82f666;background:linear-gradient(135deg,#00000059,#0003)}.equipment-slot__header{font-weight:700;font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.equipment-slot__item{padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border-left:3px solid;background:#0003;box-shadow:0 2px 4px #0003;transition:all var(--transition-fast)}.equipment-slot__item:hover{transform:translate(2px)}.equipment-slot__item.rarity-common{border-left-color:#9ca3af;background:linear-gradient(135deg,#9ca3af26,#9ca3af0d)}.equipment-slot__item.rarity-uncommon{border-left-color:#10b981;background:linear-gradient(135deg,#10b98126,#10b9810d);box-shadow:0 2px 4px #10b98133}.equipment-slot__item.rarity-rare{border-left-color:#3b82f6;background:linear-gradient(135deg,#3b82f626,#3b82f60d);box-shadow:0 2px 4px #3b82f633}.equipment-slot__item.rarity-epic{border-left-color:#a855f7;background:linear-gradient(135deg,#a855f726,#a855f70d);box-shadow:0 2px 4px #a855f733}.equipment-slot__item.rarity-legendary{border-left-color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);box-shadow:0 0 10px #f59e0b4d}.equipment-slot__empty{padding:var(--space-sm);color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm);border:1px dashed rgba(59,130,246,.3);border-radius:var(--radius-sm);text-align:center;background:#0000001a}.abilities-list{margin-bottom:var(--space-md)}.abilities-list__title{font-size:var(--font-size-md);margin:0 0 var(--space-md) 0;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ability-card{background:linear-gradient(135deg,#0000004d,#00000026);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08;transition:all var(--transition-fast)}.ability-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.ability-card--equipped{border-left:3px solid var(--success-color);background:linear-gradient(135deg,#10b9811f,#10b9810a);box-shadow:0 2px 8px #10b98133,inset 0 1px #ffffff08}.ability-card--equipped:hover{box-shadow:0 4px 12px #10b9814d}.ability-card__name{font-weight:700;font-size:var(--font-size-md);margin-bottom:var(--space-sm);color:var(--primary-color)}.ability-card__info{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.ability-card__desc{font-size:var(--font-size-sm);color:var(--text-primary);font-style:italic;line-height:1.5}.ability-card__effect{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid rgba(59,130,246,.2)}.ability-card__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid rgba(59,130,246,.15)}.ability-card__actions .btn{flex:1;min-width:auto}.ability-card__actions .btn--small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.skill-tree{display:flex;flex-direction:column;gap:var(--space-lg)}.skill-tree__row{display:flex;gap:var(--space-md);justify-content:flex-start;flex-wrap:wrap}.skill-node{background:linear-gradient(135deg,#0006,#0003);border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--space-lg);min-width:200px;max-width:250px;display:flex;flex-direction:column;gap:var(--space-sm);transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d;position:relative}.skill-node:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.skill-node--locked{opacity:.5;border-color:#6464644d;background:linear-gradient(135deg,#00000080,#0000004d)}.skill-node--locked:before{background:linear-gradient(90deg,transparent,rgba(100,100,100,.3),transparent)}.skill-node--available{border-color:#f59e0bcc;box-shadow:0 0 0 3px #f59e0b4d,0 4px 20px #f59e0b66,inset 0 1px #ffffff1a;cursor:pointer;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);animation:pulse 2s ease-in-out infinite}.skill-node--available:before{background:linear-gradient(90deg,transparent,rgba(245,158,11,.8),transparent)}.skill-node--available:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 0 4px #f59e0b80,0 8px 30px #f59e0b99}.skill-node--unlocked{border-color:#10b98199;background:linear-gradient(135deg,#10b98126,#10b9810d);box-shadow:0 4px 12px #10b98133,inset 0 1px #ffffff0d}.skill-node--unlocked:before{background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent)}.skill-node__type{font-size:var(--font-size-xl);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.skill-node__name{font-weight:700;font-size:var(--font-size-md);text-align:center;color:var(--primary-color);text-shadow:0 1px 2px rgba(0,0,0,.3)}.skill-node__desc{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;flex:1;line-height:1.5}.skill-node__cost{font-size:var(--font-size-sm);color:var(--warning-color);text-align:center;font-weight:700;padding:var(--space-xs) var(--space-sm);background:#f59e0b1a;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.3)}.skill-node__requirement{font-size:var(--font-size-xs);color:var(--danger-color);text-align:center;font-weight:700}.skill-node__locked-reason{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;font-style:italic}@media(max-width:768px){.character-sheet__content,.equipment-grid{grid-template-columns:1fr}.skill-tree__row{flex-direction:column}.skill-node{max-width:100%}}.screen--inventory{display:flex;flex-direction:column;gap:var(--space-lg);max-width:1400px;margin:0 auto}.inventory__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:linear-gradient(135deg,#3b82f60d,#3b82f605);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);box-shadow:0 4px 20px #3b82f626,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.inventory__header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.inventory__title{font-size:var(--font-size-2xl);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.inventory__nav{display:flex;gap:var(--space-sm)}.inventory__character-selector{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#a855f714,#a855f708);border-radius:var(--radius-lg);border:2px solid rgba(168,85,247,.3);box-shadow:0 4px 15px #0003,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.inventory__selector-label{font-weight:700;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.inventory__selector-dropdown{padding:var(--space-sm) var(--space-md);background:#0000004d;border:1px solid rgba(168,85,247,.4);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;min-width:250px;transition:all var(--transition-fast);box-shadow:inset 0 2px 4px #0003}.inventory__selector-dropdown:hover{border-color:#a855f7b3;background:#0006;box-shadow:0 0 10px #a855f74d,inset 0 2px 4px #0003}.inventory__controls{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#a855f70f,#a855f705);border-radius:var(--radius-lg);border:2px solid rgba(168,85,247,.3);box-shadow:0 4px 15px #0003,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.inventory__filters{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.inventory__filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.inventory__filter-label{font-size:var(--font-size-sm);font-weight:700;color:var(--text-muted)}.inventory__filter-select,.inventory__level-input{padding:var(--space-sm) var(--space-md);background:#0000004d;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);box-shadow:inset 0 2px 4px #0003}.inventory__filter-select:hover,.inventory__level-input:hover{border-color:#a855f780;background:#0006}.inventory__filter-select:focus,.inventory__level-input:focus{outline:none;border-color:#a855f7b3;box-shadow:0 0 10px #a855f74d,inset 0 2px 4px #0003}.inventory__level-input{width:70px;text-align:center}.inventory__level-separator{padding:0 var(--space-sm);color:var(--text-muted);font-weight:700}.inventory__filter-toggles{display:flex;gap:var(--space-lg);align-items:center}.inventory__toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.inventory__toggle:hover{background:#a855f71a}.inventory__toggle-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.inventory__toggle-label{font-size:var(--font-size-sm);color:var(--text-primary)}.inventory__sorting{display:flex;align-items:center;gap:var(--space-md)}.inventory__sort-label{font-size:var(--font-size-sm);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.inventory__sort-select{padding:var(--space-sm) var(--space-md);background:#0000004d;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:inset 0 2px 4px #0003}.inventory__sort-select:hover{border-color:#a855f780;background:#0006}.inventory__sort-select:focus{outline:none;border-color:#a855f7b3;box-shadow:0 0 10px #a855f74d,inset 0 2px 4px #0003}.inventory__content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-lg)}@media(max-width:768px){.inventory__content{grid-template-columns:1fr}}.inventory__equipped-section,.inventory__inventory-section{display:flex;flex-direction:column;gap:var(--space-md)}.inventory__section-title{font-size:var(--font-size-xl);margin:0;color:var(--text-primary);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);padding-bottom:var(--space-sm);border-bottom:2px solid rgba(168,85,247,.4)}.inventory__character-stats{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:linear-gradient(135deg,#0006,#0003);border-radius:var(--radius-lg);border:1px solid rgba(168,85,247,.3);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff08}.inventory__equipped-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.inventory__equipped-slot{background:linear-gradient(135deg,#0000004d,#00000026);border-radius:var(--radius-lg);border:2px solid rgba(168,85,247,.3);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff08;transition:all var(--transition-fast);position:relative}.inventory__equipped-slot:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.inventory__equipped-slot:hover{border-color:#a855f780;background:linear-gradient(135deg,#00000059,#0003);box-shadow:0 4px 12px #0000004d}.inventory__slot-label{font-weight:700;font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.inventory__slot-empty{text-align:center;padding:var(--space-md);color:var(--text-muted);font-style:italic;border:1px dashed rgba(168,85,247,.3);border-radius:var(--radius-md);background:#0003}.inventory__inventory-header{display:flex;justify-content:space-between;align-items:center}.inventory__item-count{color:var(--text-muted);font-size:var(--font-size-sm)}.inventory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.inventory__empty{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--text-muted);font-style:italic}.inventory__equipment-card{background:linear-gradient(135deg,#0006,#0003);border-radius:var(--radius-lg);border:2px solid var(--border-color);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff08;position:relative;min-height:200px}.inventory__equipment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.inventory__equipment-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0006}.inventory__equipment-card--basic{border-color:var(--color-rarity-basic)}.inventory__equipment-card--basic:before{background:linear-gradient(90deg,transparent,var(--color-rarity-basic),transparent)}.inventory__equipment-card--basic:hover{box-shadow:0 8px 24px #9ca3af4d}.inventory__equipment-card--common{border-color:var(--color-rarity-common)}.inventory__equipment-card--common:before{background:linear-gradient(90deg,transparent,var(--color-rarity-common),transparent)}.inventory__equipment-card--common:hover{box-shadow:0 8px 24px #9ca3af4d}.inventory__equipment-card--uncommon{border-color:var(--color-rarity-uncommon)}.inventory__equipment-card--uncommon:before{background:linear-gradient(90deg,transparent,var(--color-rarity-uncommon),transparent)}.inventory__equipment-card--uncommon:hover{box-shadow:0 0 20px #10b98166}.inventory__equipment-card--rare{border-color:var(--color-rarity-rare)}.inventory__equipment-card--rare:before{background:linear-gradient(90deg,transparent,var(--color-rarity-rare),transparent)}.inventory__equipment-card--rare:hover{box-shadow:0 0 25px #3b82f680}.inventory__equipment-card--epic{border-color:var(--color-rarity-epic)}.inventory__equipment-card--epic:before{background:linear-gradient(90deg,transparent,var(--color-rarity-epic),transparent)}.inventory__equipment-card--epic:hover{box-shadow:0 0 30px #a855f799}.inventory__equipment-card--legendary{border-color:var(--color-rarity-legendary)}.inventory__equipment-card--legendary:before{background:linear-gradient(90deg,transparent,var(--color-rarity-legendary),transparent)}.inventory__equipment-card--legendary:hover{box-shadow:0 0 35px #f59e0bb3}.inventory__equipment-card--mythic{border-color:var(--color-rarity-mythic)}.inventory__equipment-card--mythic:before{background:linear-gradient(90deg,transparent,var(--color-rarity-mythic),transparent)}.inventory__equipment-card--mythic:hover{box-shadow:0 0 40px #ec4899cc}.inventory__equipment-name{font-weight:700;font-size:var(--font-size-md);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.inventory__equipment-info{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-muted);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(168,85,247,.2)}.inventory__equipment-slot{text-transform:capitalize}.inventory__equipment-rarity{text-transform:capitalize;font-weight:700;text-shadow:0 0 10px currentColor}.inventory__equipment-rarity--basic{color:var(--color-rarity-basic)}.inventory__equipment-rarity--common{color:var(--color-rarity-common)}.inventory__equipment-rarity--uncommon{color:var(--color-rarity-uncommon)}.inventory__equipment-rarity--rare{color:var(--color-rarity-rare)}.inventory__equipment-rarity--epic{color:var(--color-rarity-epic)}.inventory__equipment-rarity--legendary{color:var(--color-rarity-legendary)}.inventory__equipment-rarity--mythic{color:var(--color-rarity-mythic)}.inventory__equipment-stats{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs) 0;margin:var(--space-xs) 0}.inventory__equipment-stat{font-size:var(--font-size-sm);color:var(--success-color);display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#10b9810d;border-radius:var(--radius-sm);border-left:2px solid var(--success-color)}.inventory__equipped-badge{background:linear-gradient(135deg,var(--success-color),rgba(16,185,129,.8));color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #10b98166;border:1px solid rgba(16,185,129,.6)}.inventory__equipment-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:auto;padding-top:var(--space-sm);border-top:1px solid rgba(168,85,247,.2)}.inventory__equipment-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-xs);padding:var(--space-sm);background:#0003;border-radius:var(--radius-md);border:1px solid rgba(168,85,247,.2);line-height:1.5;box-shadow:inset 0 2px 4px #0003}.settings-screen{display:flex;flex-direction:column;height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary)}.settings-screen__header{padding:var(--space-lg);border-bottom:2px solid var(--color-border-primary);background:var(--color-bg-secondary)}.settings-screen__header h1{font-size:var(--font-size-2xl);color:var(--color-accent-primary);margin-bottom:var(--space-sm)}.settings-screen__header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.settings-screen__content{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.settings-screen__footer{padding:var(--space-lg);border-top:2px solid var(--color-border-primary);background:var(--color-bg-secondary);display:flex;justify-content:center}.settings-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.settings-section--danger{border-color:var(--color-accent-danger);background:#ef44440d}.settings-section--credits{background:var(--color-bg-tertiary)}.settings-section__title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-primary)}.settings-section__warning{color:var(--color-accent-warning);font-weight:700;margin-bottom:var(--space-md);padding:var(--space-sm);background:#f59e0b1a;border-left:3px solid var(--color-accent-warning);border-radius:var(--radius-sm)}.settings-section__btn-group{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md)}.settings-section__reset-btn{margin-top:var(--space-lg);width:100%}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);padding:var(--space-md);border-bottom:1px solid var(--color-border-primary)}.setting-item:last-of-type{border-bottom:none}.setting-item__info{flex:1}.setting-item__label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);display:block;margin-bottom:var(--space-xs)}.setting-item__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.setting-item__control{display:flex;align-items:center;gap:var(--space-md);min-width:200px;justify-content:flex-end}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);transition:all .3s ease;border-radius:26px}.toggle-switch__slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--color-text-secondary);transition:all .3s ease;border-radius:50%}.toggle-switch input:checked+.toggle-switch__slider{background-color:var(--color-accent-success);border-color:var(--color-accent-success)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(24px);background-color:#fff}.toggle-switch input:focus+.toggle-switch__slider{box-shadow:0 0 0 3px #6366f14d}.slider{-webkit-appearance:none;appearance:none;width:100%;max-width:200px;height:6px;border-radius:3px;background:var(--color-bg-tertiary);outline:none;transition:background .2s ease}.slider:hover{background:var(--color-bg-elevated)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent-primary);cursor:pointer;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{background:var(--color-accent-secondary);transform:scale(1.1)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent-primary);cursor:pointer;border:none;transition:all .2s ease}.slider::-moz-range-thumb:hover{background:var(--color-accent-secondary);transform:scale(1.1)}.slider__value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-primary);min-width:50px;text-align:right}.save-info{background:var(--color-bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);border:1px solid var(--color-border-primary)}.save-info__row{display:flex;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-primary)}.save-info__row:last-child{border-bottom:none}.save-info__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.save-info__value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.save-info__empty{text-align:center;color:var(--color-text-tertiary);font-style:italic;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.stats-grid__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary);transition:all .2s ease}.stats-grid__item:hover{background:var(--color-bg-elevated);border-color:var(--color-accent-primary)}.stats-grid__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.stats-grid__value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.stats-grid__value--success{color:var(--color-accent-success)}.stats-grid__value--error{color:var(--color-accent-danger)}.stats-grid__value--primary{color:var(--color-accent-primary)}.stats-grid__value--legendary{color:var(--color-rarity-legendary)}.credits{display:flex;flex-direction:column;gap:var(--space-md)}.credits__item{display:flex;justify-content:space-between;padding:var(--space-sm);border-bottom:1px solid var(--color-border-primary)}.credits__item:last-of-type{border-bottom:none}.credits__item strong{color:var(--color-text-primary);font-weight:600}.credits__item span{color:var(--color-text-secondary)}.credits__footer{text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border-primary);margin-top:var(--space-md)}.credits__footer p{color:var(--color-accent-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.screen--recruitment{max-width:1400px;margin:0 auto;padding:2rem}.recruitment__header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:1rem;border:2px solid #3b82f6;box-shadow:0 0 30px #3b82f64d}.recruitment__title{font-size:2.5rem;margin:0 0 1rem;color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.5)}.recruitment__subtitle{font-size:1.25rem;color:#cbd5e1;margin:0}.recruitment__info{text-align:center;margin-bottom:2rem;padding:1rem;background:#1e293b80;border-radius:.5rem}.recruitment__info-text{font-size:1.1rem;color:#cbd5e1;margin:.5rem 0}.recruitment__next-milestone{font-size:.9rem;color:#94a3b8;margin:.5rem 0}.recruitment__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.recruitment-card{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #475569;border-radius:1rem;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 6px #0000004d}.recruitment-card:hover{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d;transform:translateY(-4px)}.recruitment-card__header{border-bottom:2px solid #475569;padding-bottom:1rem}.recruitment-card__name{font-size:1.8rem;margin:0 0 .5rem;font-weight:700}.recruitment-card__role{font-size:1rem;color:#94a3b8;margin:0;font-style:italic}.recruitment-card__description{color:#cbd5e1;line-height:1.6;margin:0}.recruitment-card__stats{background:#0f172a80;border-radius:.5rem;padding:1rem}.recruitment-card__stats-title{font-size:1rem;color:#3b82f6;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:1px}.recruitment-card__stats-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.recruitment-card__stats-list .stat-item{display:flex;justify-content:space-between;padding:.25rem .5rem;background:#1e293b80;border-radius:.25rem;font-size:.9rem}.recruitment-card__stats-list .stat-label{color:#94a3b8;font-weight:700}.recruitment-card__stats-list .stat-value{color:#cbd5e1}.recruitment-card__traits{background:#0f172a80;border-radius:.5rem;padding:1rem}.recruitment-card__traits-title{font-size:1rem;color:#10b981;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:1px}.recruitment-card__traits-list{list-style:none;padding:0;margin:0}.recruitment-card__traits-list .trait-item{padding:.5rem .75rem;background:#1e293b80;border-radius:.25rem;border-left:3px solid #10b981;margin-bottom:.5rem;color:#cbd5e1}.recruitment-card__traits-list .trait-item:last-child{margin-bottom:0}.recruitment-card .btn{margin-top:auto;width:100%}@media(max-width:1200px){.recruitment__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.recruitment__grid{grid-template-columns:1fr}.recruitment__title{font-size:2rem}.recruitment-card__stats-list{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes combatHit{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.combat-character-card--hit,.combat-enemy-card--hit{animation:combatHit .3s ease-in-out}@keyframes damagePopup{0%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}.damage-popup{position:absolute;font-weight:700;font-size:var(--font-size-xl);color:var(--color-accent-danger);animation:damagePopup 1s ease-out forwards;pointer-events:none;z-index:100}.damage-popup--heal{color:var(--color-accent-success)}.damage-popup--critical{color:var(--color-accent-warning);font-size:var(--font-size-2xl)}@keyframes abilityGlow{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 20px 5px #6366f199}}.ability-btn--active{animation:abilityGlow .6s ease-in-out}@keyframes victoryCelebration{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.battle-results-screen--victory h1{animation:victoryCelebration .8s ease-in-out}@keyframes defeatFade{0%{opacity:1;filter:grayscale(0%)}to{opacity:.7;filter:grayscale(100%)}}.battle-results-screen--defeat{animation:defeatFade 1s ease-in-out forwards}@keyframes pulse{0%,to{box-shadow:0 0 #6366f1b3}50%{box-shadow:0 0 0 10px #6366f100}}.combat-character-card--active,.combat-enemy-card--active{animation:pulse 2s infinite}.hp-bar__fill{transition:width var(--transition-base),background-color var(--transition-base)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.btn:active:not(:disabled){transform:translateY(0);transition:all 50ms}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification{animation:slideInRight var(--transition-base)}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.modal-backdrop{animation:backdropFade var(--transition-fast)}.inventory__equipment-card--legendary,.inventory__equipment-card--mythic{position:relative}.inventory__equipment-card--legendary:before,.inventory__equipment-card--mythic:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-md);background:linear-gradient(45deg,var(--color-rarity-legendary),var(--color-rarity-mythic));z-index:-1;opacity:.3;transition:opacity var(--transition-base)}.inventory__equipment-card--legendary:hover:before,.inventory__equipment-card--mythic:hover:before{opacity:.6}@keyframes unlockNode{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.skill-node--unlocked{animation:unlockNode var(--transition-slow)}.combat-enemy-card--selected{animation:pulse 1.5s infinite;border-color:var(--color-accent-primary)}@keyframes logEntryFade{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.combat-log__entry{animation:logEntryFade var(--transition-fast)}@media(max-width:768px){.screen--team-management{padding:var(--space-sm)}.team-header{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm)}.team-header__title{font-size:var(--font-size-lg)}.team-header__nav{width:100%;justify-content:stretch}.team-header__nav .btn{flex:1;font-size:var(--font-size-sm);padding:var(--space-sm)}.team-section{margin-bottom:var(--space-md)}.team-section__header{padding:var(--space-sm) var(--space-md);flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.team-section__title{font-size:var(--font-size-md)}.team-section__subtitle{padding:6px 12px;font-size:var(--font-size-xs)}.character-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}.character-grid--roster{grid-template-columns:1fr}.character-card{padding:var(--space-md)}.character-card__name{font-size:var(--font-size-md)}.character-card__level{font-size:var(--font-size-xs);padding:4px 10px}.character-card__type{padding:6px 12px;font-size:10px}.ap-dots{gap:4px}.ap-dot{width:10px;height:10px}.character-card__actions{flex-direction:column}.character-card__actions .btn{width:100%}.empty-slot__icon{font-size:3rem}.empty-slot__text{font-size:var(--font-size-xs)}}@media(max-width:480px){.screen--team-management,.team-header{padding:var(--space-xs)}.team-header__title{font-size:var(--font-size-md)}.team-section{margin-bottom:var(--space-sm)}.team-section__header{padding:var(--space-xs) var(--space-sm)}.team-section__title{font-size:var(--font-size-sm)}.character-grid{gap:var(--space-sm);padding:var(--space-sm)}.character-card{padding:var(--space-sm)}.character-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.character-card__name{font-size:var(--font-size-sm)}.stat-label{font-size:10px}.stat-text{font-size:var(--font-size-xs)}.ap-dots{gap:3px}.ap-dot{width:8px;height:8px}}@media(max-width:768px){.screen--campaign-map{padding:var(--space-md)}.campaign-header{padding:var(--space-md);margin-bottom:var(--space-md)}.campaign-header__title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.campaign-header__subtitle{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.campaign-header__nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.campaign-header__nav .btn{font-size:var(--font-size-sm);padding:var(--space-sm);white-space:nowrap}.campaign-content{gap:var(--space-md)}.tier-section{padding:var(--space-md)}.tier-section__header{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.tier-section__title{font-size:var(--font-size-md)}.tier-section__progress{font-size:var(--font-size-xs)}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-xs)}.stage-card{padding:var(--space-xs);gap:4px}.stage-card__number{font-size:var(--font-size-md);padding:4px var(--space-xs)}.stage-card__name{font-size:var(--font-size-sm)}.stage-card__enemies{font-size:var(--font-size-xs)}.stage-card__rewards{font-size:10px;padding:4px var(--space-xs);gap:2px}.stage-card__status{font-size:10px;padding:4px var(--space-xs)}}@media(max-width:480px){.screen--campaign-map,.campaign-header{padding:var(--space-sm)}.campaign-header__title{font-size:var(--font-size-md)}.campaign-header__subtitle{font-size:var(--font-size-xs)}.campaign-header__nav{grid-template-columns:repeat(3,1fr);gap:4px}.campaign-header__nav .btn{font-size:var(--font-size-xs);padding:var(--space-xs) 4px}.tier-section{padding:var(--space-sm)}.tier-section__title{font-size:var(--font-size-sm)}.stage-grid{grid-template-columns:1fr;gap:var(--space-xs)}.stage-card{padding:var(--space-xs);gap:4px}.stage-card__boss-icon{font-size:var(--font-size-lg)}}