.battle-tactics-info{padding:var(--space-3);background:var(--surface-elevated);border-radius:var(--radius-base);border:1px solid var(--border-default)}.battle-tactics-list{display:flex;flex-direction:column;gap:var(--space-3)}.battle-tactics-card-selector{position:relative}.configuration-section--selected .configuration-section__button{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 2px var(--primary-200)}.configuration-section--disabled .configuration-section__button{opacity:.5;cursor:not-allowed}.configuration-section--disabled .configuration-section__button:hover{border-color:var(--border-default);transform:none}.selection-checkmark{color:var(--primary-500);font-weight:700;margin-right:var(--space-1)}.configuration-section__view-button{margin-left:var(--space-2);padding:var(--space-1) var(--space-2);min-width:auto;opacity:.7;transition:opacity .2s ease}.configuration-section__view-button:hover{opacity:1;background:var(--surface-elevated)}.configuration-section__button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-3)}.configuration-section__checkbox-area{display:flex;align-items:center;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-base);transition:background-color .2s ease}.configuration-section__checkbox-area:hover{background:var(--surface-elevated)}.custom-checkbox{width:20px;height:20px;border:2px solid var(--border-default);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--surface-base);transition:all .2s ease}.custom-checkbox--checked{background:var(--primary-500);border-color:var(--primary-500)}.custom-checkbox__check{color:var(--text-inverse);font-size:14px;font-weight:700;line-height:1}.configuration-section__content{flex:1;min-width:0}.configuration-section__selected--warning{color:var(--warning-text)}.battle-tactics-item-setup{margin-top:var(--space-2);padding-left:var(--space-6)}.badge{padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.badge--warning{background:var(--warning-500);color:var(--text-inverse)}.badge--primary{background:var(--primary-500);color:var(--text-inverse)}.badge--success{background:var(--success-500);color:var(--text-inverse)}.tactic-detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.tactic-detail-points{font-weight:700;color:var(--primary-500);font-size:var(--font-size-lg)}.tactic-detail-section{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-base);padding:var(--space-3)}.tactic-detail-section h4{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary)}@media (max-width: 768px){.battle-tactics-item-header{flex-direction:column;align-items:stretch}.checkbox-label{width:100%}}.ability-card{background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.ability-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.ability-card-name{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);flex:1}.ability-card-type{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--text-inverse);white-space:nowrap}.ability-card-section{margin-bottom:var(--space-4)}.ability-card-section:last-child{margin-bottom:0}.ability-card-section-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ability-card-text{margin:0;font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6}.battle-tactics-card-progress .special-setup-note{background:var(--warning-100);border:1px solid var(--warning-300);border-radius:var(--radius-base);padding:var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.battle-tactics-card-progress .special-setup-note strong{color:var(--warning-700);display:block;margin-bottom:var(--space-1)}.battle-tactics-tracker .tactics-list{display:flex;flex-direction:column;gap:var(--space-3)}.battle-tactics-tracker .tactic-item{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-base);padding:var(--space-3)}.battle-tactics-tracker .tactic-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.battle-tactics-tracker .tactic-type{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.battle-tactics-tracker .tactic-type strong{color:var(--text-primary);font-size:var(--font-size-base)}.battle-tactics-tracker .completion-badge{background:var(--success-500);color:var(--text-inverse);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.battle-tactics-tracker .tactic-requirement{font-style:italic;color:var(--text-tertiary)}.battle-tactics-tracker .tactic-vp{font-weight:600;color:var(--primary-500)}.battle-tactics-tracker{display:flex;flex-direction:column;gap:var(--space-4)}.battle-tactics-card-progress{background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.battle-tactics-card-progress h3{margin:0 0 var(--space-3) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.battle-tactics-card-progress .special-setup-note{background:var(--warning-100);border:1px solid var(--warning-300);border-radius:var(--radius-base);padding:var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--warning-900)}.battle-tactics-card-progress .special-setup-note strong{color:var(--warning-700)}.battle-tactics-tracker .tactics-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.battle-tactics-tracker .tactic-item{background:var(--surface-base);border:2px solid var(--border-default);border-radius:var(--radius-base);padding:var(--space-3);transition:all .2s ease}.battle-tactics-tracker .tactic-item.completed{background:var(--success-100);border-color:var(--success-500)}.battle-tactics-tracker .tactic-item.disabled{opacity:.6}.battle-tactics-tracker .tactic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3);gap:var(--space-3)}.battle-tactics-tracker .tactic-type{flex:1}.battle-tactics-tracker .tactic-type strong{display:block;font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-1)}.completion-badge{display:inline-block;background:var(--success-500);color:var(--text-inverse);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-left:var(--space-2)}.battle-tactics-tracker .tactic-details{display:flex;flex-direction:column;gap:var(--space-2)}.battle-tactics-tracker .tactic-details p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.tactic-requirement{font-style:italic;color:var(--text-tertiary)!important}.tactic-vp{font-weight:600;color:var(--primary-500)!important}.warning-banner,.info-banner{padding:var(--space-3);border-radius:var(--radius-base);margin-bottom:var(--space-4)}.warning-banner{background:var(--warning-100);border:1px solid var(--warning-300)}.warning-banner strong{color:var(--warning-700);display:block;margin-bottom:var(--space-2)}.warning-banner p{margin:0;color:var(--warning-900)}.info-banner{background:var(--info-100);border:1px solid var(--info-300)}.info-banner strong{color:var(--info-700);display:block;margin-bottom:var(--space-2)}.info-banner p{margin:0;color:var(--info-900)}@media (max-width: 768px){.battle-tactics-tracker .tactic-header{flex-direction:column;align-items:flex-start}.battle-tactics-tracker .tactic-header button{align-self:stretch;width:100%}}.theme-preview{background:var(--surface-base);border-radius:8px;padding:16px;transition:transform .2s;isolation:isolate}.theme-preview:hover{transform:translateY(-2px)}.theme-preview__card{background:var(--surface-raised);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px}.theme-preview__header{display:flex;flex-direction:column;gap:4px}.theme-preview__title{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.theme-preview__description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4;min-height:4.2em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.theme-preview__buttons{display:flex;flex-direction:column;gap:8px}.theme-preview .btn--primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700))!important;color:var(--text-on-primary)!important;border-color:var(--primary-600)!important}.theme-preview .btn--secondary{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-700))!important;color:var(--text-on-secondary)!important;border-color:var(--secondary-600)!important}.theme-preview__owned-badge{background:var(--surface-elevated);color:var(--color-primary);padding:8px 12px;border-radius:6px;font-size:.875rem;font-weight:500;text-align:center;border:1px solid var(--border-default)}.theme-store-filters{padding:0;margin:0}.filter-buttons{display:flex;gap:8px;justify-content:center}.filter-button{background:var(--surface-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.filter-button:hover{background:var(--surface-hover);border-color:var(--primary-500)}.filter-button.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.theme-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px}.theme-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:12px;transition:all .2s}.theme-card:hover{border-color:var(--primary-500);box-shadow:0 4px 12px #00000026}.theme-store-empty{grid-column:1 / -1;text-align:center;padding:48px;color:var(--text-secondary)}.theme-store-empty p{margin:0;font-size:16px}.theme-store-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.pagination-info{font-size:14px;color:var(--text-secondary);font-weight:500;text-align:center;min-width:50px}.pagination-prev,.pagination-next{min-width:40px;padding:6px 8px;font-size:18px;line-height:1}.theme-store-info{margin:0;font-size:12px;color:var(--text-secondary);text-align:center}@media (max-width: 768px){.theme-store-grid{grid-template-columns:1fr;padding:16px}}.checkout-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:12px}.checkout-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:var(--surface-base);border-radius:12px;box-shadow:0 8px 32px #0000004d}.checkout-loading-spinner p{margin:0;color:var(--text-primary);font-size:16px;font-weight:500}.checkout-subtitle{margin:0 0 16px;font-size:14px;color:var(--text-secondary);font-weight:400;text-align:center}.checkout-subtitle strong{color:var(--primary-500)}.checkout-summary{padding:20px;background:var(--surface-elevated);border-radius:8px;margin-bottom:16px;border:1px solid var(--border-default)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:var(--text-secondary);font-size:14px}.summary-row--total{padding-top:12px;margin-top:8px;border-top:1px solid var(--border-default)}.summary-label{font-weight:600;color:var(--text-primary)}.summary-value{color:var(--text-primary)}.summary-price{font-size:20px;font-weight:700;color:var(--primary-500)}.checkout-section{margin-bottom:16px}.checkout-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-method{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--surface-elevated);border:2px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .2s;font-size:13px;font-weight:500;color:var(--text-primary)}.payment-method:hover{border-color:var(--primary-500);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.payment-method.active{border-color:var(--primary-500);background:var(--surface-raised);box-shadow:0 0 0 1px var(--primary-500)}.payment-icon{font-size:24px}.checkout-form{display:flex;flex-direction:column}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-input{width:100%;padding:10px 12px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}.checkout-input:hover{border-color:var(--border-emphasis)}.checkout-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;background:var(--surface-raised)}.checkout-input::placeholder{color:var(--text-tertiary)}.payment-info{padding:24px;background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:8px}.checkout-error{margin-bottom:16px;padding:12px 16px;background:var(--surface-elevated);border:1px solid var(--error-500);border-radius:6px;color:var(--error-500);font-size:14px;text-align:center}.checkout-actions{display:flex;flex-direction:column;gap:12px}.checkout-notice{margin:0 0 12px;font-size:12px;color:var(--text-secondary);text-align:center}@media (max-width: 768px){.payment-methods,.form-row,.checkout-actions{grid-template-columns:1fr}}.theme-dropdown{position:relative;width:100%}.theme-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease;color:var(--text-primary);font-size:var(--font-size-base)}.theme-dropdown__trigger:hover{border-color:var(--border-emphasis);background-color:var(--surface-overlay)}.theme-dropdown__trigger:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f633}.theme-dropdown__trigger-content{display:flex;align-items:center;gap:var(--space-3);flex:1}.theme-dropdown__trigger-name{font-weight:var(--font-weight-medium)}.theme-dropdown__trigger-palette{display:flex;gap:var(--space-1)}.theme-dropdown__icon{margin-left:var(--space-2);color:var(--text-secondary);transition:transform var(--transition-fast) ease;font-size:.75rem}.theme-dropdown__menu{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:1000;background-color:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;max-height:400px;overflow-y:auto;animation:slideDown var(--transition-fast) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.theme-dropdown__item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--border-subtle);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast) ease;text-align:left}.theme-dropdown__item:last-child{border-bottom:none}.theme-dropdown__item:hover{background-color:var(--color-surface-hover);transform:translate(4px)}.theme-dropdown__item--selected{font-weight:var(--font-weight-semibold)}.theme-dropdown__item-content{display:flex;align-items:center;gap:var(--space-3);flex:1}.theme-dropdown__item-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.theme-dropdown__item-palette{display:flex;gap:var(--space-1);margin-left:auto}.theme-dropdown__check{margin-left:var(--space-2);color:var(--primary-500);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.theme-palette-dot{width:16px;height:16px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px #0000001a;flex-shrink:0}[data-theme=dark] .theme-palette-dot,[data-theme=stormcast] .theme-palette-dot,[data-theme=celestial] .theme-palette-dot,[data-theme=lumineth] .theme-palette-dot,[data-theme=idoneth] .theme-palette-dot,[data-theme=khaine] .theme-palette-dot,[data-theme=fyreslayers] .theme-palette-dot,[data-theme=chaos] .theme-palette-dot,[data-theme=khorne] .theme-palette-dot,[data-theme=tzeentch] .theme-palette-dot,[data-theme=pestilence] .theme-palette-dot,[data-theme=slaanesh] .theme-palette-dot,[data-theme=skaven] .theme-palette-dot,[data-theme=undeath] .theme-palette-dot,[data-theme=nighthaunt] .theme-palette-dot,[data-theme=ossiarch] .theme-palette-dot,[data-theme=ironjawz] .theme-palette-dot,[data-theme=gloomspite] .theme-palette-dot,[data-theme=ogor] .theme-palette-dot{border-color:#ffffff1a}.theme-dropdown__menu::-webkit-scrollbar{width:8px}.theme-dropdown__menu::-webkit-scrollbar-track{background:var(--surface-base)}.theme-dropdown__menu::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-sm)}.theme-dropdown__menu::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}button,a,input,select,textarea,.btn,.card,[role=button],[role=tab],[role=checkbox],[role=radio]{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.card__body,.modal__body,.page-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.btn:not(.back-to-top),.card,.notification:not([style*="position: fixed"]){will-change:transform,opacity}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:root{--spring-easing: cubic-bezier(.68, -.55, .265, 1.55);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--animation-fast: 1s;--animation-normal: 2s;--animation-slow: 3s;--ease-material: cubic-bezier(.4, 0, .6, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}:root{--overlay: rgba(0, 0, 0, .5);--overlay-dark: rgba(0, 0, 0, .6);--overlay-darker: rgba(0, 0, 0, .7);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-80: rgba(255, 255, 255, .8);--white-alpha-90: rgba(255, 255, 255, .9);--black-alpha-5: rgba(0, 0, 0, .05);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-30: rgba(0, 0, 0, .3);--primary-alpha-20: rgba(96, 165, 250, .2);--primary-alpha-30: rgba(96, 165, 250, .3);--primary-alpha-40: rgba(96, 165, 250, .4);--warning-alpha-30: rgba(249, 115, 22, .3);--warning-alpha-40: rgba(249, 115, 22, .4);--success-alpha-10: rgba(34, 197, 94, .1);--success-alpha-30: rgba(34, 197, 94, .3);--success-alpha-40: rgba(34, 197, 94, .4);--error-alpha-10: rgba(239, 68, 68, .1);--blue-alpha-10: rgba(0, 123, 255, .1);--blue-alpha-30: rgba(0, 123, 255, .3);--blue-alpha-40: rgba(0, 123, 255, .4);--blue-alpha-60: rgba(0, 123, 255, .6);--info-500: #3b82f6;--dice-red-light: #ef4444;--dice-red-dark: #dc2626;--dice-orange-light: #f97316;--dice-orange-dark: #ea580c;--dice-amber-light: #f59e0b;--dice-amber-dark: #d97706;--dice-yellow-light: #eab308;--dice-yellow-dark: #ca8a04;--dice-lime-light: #84cc16;--dice-lime-dark: #65a30d;--dice-green-light: #22c55e;--dice-green-dark: #16a34a;--gradient-gaming-start: #ff6b6b;--gradient-gaming-end: #4ecdc4;--size-120: 120px;--size-180: 180px;--size-200: 200px;--size-240: 240px;--size-250: 250px;--size-280: 280px;--size-300: 300px;--size-320: 320px;--blur-sm: 4px;--grid-auto-fit-120: repeat(auto-fit, minmax(var(--size-120), 1fr));--grid-auto-fit-180: repeat(auto-fit, minmax(var(--size-180), 1fr));--grid-auto-fit-200: repeat(auto-fit, minmax(var(--size-200), 1fr));--grid-auto-fit-240: repeat(auto-fit, minmax(var(--size-240), 1fr));--grid-auto-fit-250: repeat(auto-fit, minmax(var(--size-250), 1fr));--grid-auto-fit-280: repeat(auto-fit, minmax(var(--size-280), 1fr));--grid-auto-fit-320: repeat(auto-fit, minmax(var(--size-320), 1fr));--grid-auto-fill-300: repeat(auto-fill, minmax(var(--size-300), 1fr));--text-brand: #3b82f6;--text-accent: #2563eb;--text-link: #3b82f6;--text-link-hover: #2563eb;--text-interactive: #60a5fa;--text-interactive-hover: #3b82f6;--text-muted: var(--text-tertiary);--text-light: var(--text-quaternary);--text-emphasis: var(--text-primary);--primary-50: var(--primary-50);--primary-100: var(--primary-100);--primary-200: var(--primary-200);--primary-300: var(--primary-300);--primary-400: var(--primary-400);--primary-500: var(--primary-500);--primary-600: var(--primary-600);--primary-700: var(--primary-700);--primary-800: var(--primary-800);--primary-900: var(--primary-900);--secondary-50: var(--secondary-50);--secondary-100: var(--secondary-100);--secondary-200: var(--secondary-200);--secondary-300: var(--secondary-300);--secondary-400: var(--secondary-400);--secondary-500: var(--secondary-500);--secondary-600: var(--secondary-600);--secondary-700: var(--secondary-700);--secondary-800: var(--secondary-800);--secondary-900: var(--secondary-900);--text-on-error: #ffffff;--text-on-success: #ffffff;--text-on-warning: #000000;--text-on-info: #ffffff;--color-success-standard: #10b981;--color-success-hover-standard: #059669;--color-success-light-standard: #d1fae5;--color-success-dark-standard: #047857;--color-error-standard: #ef4444;--color-error-hover-standard: #dc2626;--color-error-light-standard: #fecaca;--color-error-dark-standard: #b91c1c;--color-warning-standard: #f59e0b;--color-warning-hover-standard: #d97706;--color-warning-light-standard: #fef3c7;--color-warning-dark-standard: #92400e;--color-info-standard: #3b82f6;--color-info-hover-standard: #2563eb;--color-info-light-standard: #dbeafe;--color-info-dark-standard: #1e40af;--color-accent: #D4AF37;--color-accent-hover: #C19B26;--color-accent-light: #F5E6A3;--color-accent-dark: #A68820;--border-width: 1px;--border-width-thick: 2px;--shadow-glow: 0 0 8px rgba(212, 175, 55, .3);--shadow-glow-strong: 0 0 16px rgba(212, 175, 55, .5);--space-0: 0;--space-1: calc(var(--size-xs) * .1);--space-2: calc(var(--size-xs) * .18);--space-3: calc(var(--size-xs) * .27);--space-4: calc(var(--size-xs) * .36);--space-5: calc(var(--size-xs) * .45);--space-6: calc(var(--size-xs) * .55);--space-8: calc(var(--size-xs) * .73);--space-10: calc(var(--size-sm) * .52);--space-12: var(--size-sm);--space-14: calc(var(--size-md) * .88);--space-16: var(--size-md);--space-20: var(--size-lg);--space-24: var(--size-xl);--error-25: #fef2f2;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--success-25: #f0fdf4;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-25: #fffbeb;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--primary-25: #f8faff;--radius-none: 0;--radius-sm: calc(var(--size-xs) * .06);--radius-base: calc(var(--size-xs) * .11);--radius-md: calc(var(--size-xs) * .17);--radius-lg: calc(var(--size-xs) * .23);--radius-xl: calc(var(--size-xs) * .34);--radius-full: 9999px;--radius-12: 12px;--radius-24: 24px;--shadow-sm: 0 calc(var(--text-size-xs) * .08) calc(var(--text-size-xs) * .17) rgba(0, 0, 0, .05);--shadow-base: 0 calc(var(--text-size-xs) * .08) calc(var(--text-size-xs) * .25) rgba(0, 0, 0, .1), 0 calc(var(--text-size-xs) * .08) calc(var(--text-size-xs) * .17) rgba(0, 0, 0, .06);--shadow-md: 0 calc(var(--text-size-xs) * .33) calc(var(--text-size-xs) * .5) rgba(0, 0, 0, .07), 0 calc(var(--text-size-xs) * .17) calc(var(--text-size-xs) * .33) rgba(0, 0, 0, .06);--shadow-lg: 0 calc(var(--text-size-xs) * .83) calc(var(--text-size-base) * .94) rgba(0, 0, 0, .1), 0 calc(var(--text-size-xs) * .33) calc(var(--text-size-xs) * .5) rgba(0, 0, 0, .05);--shadow-xl: 0 calc(var(--text-size-base) * 1.25) calc(var(--text-size-lg) * 1.04) rgba(0, 0, 0, .1), 0 calc(var(--text-size-xs) * .83) calc(var(--text-size-xs) * .83) rgba(0, 0, 0, .04);--shadow-2xl: 0 calc(var(--text-size-xl) * 1.04) calc(var(--text-size-2xl) * 1.39) rgba(0, 0, 0, .25);--font-family-sans: "Inter", "Segoe UI", system-ui, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-family-base: "Inter", "Segoe UI", system-ui, sans-serif;--font-family-heading: "Inter", "Segoe UI", system-ui, sans-serif;--font-size-2xs: var(--text-size-xs);--font-size-xs: var(--text-size-xs);--font-size-sm: var(--text-size-sm);--font-size-base: var(--text-size-base);--font-size-lg: var(--text-size-lg);--font-size-xl: var(--text-size-xl);--font-size-2xl: var(--text-size-2xl);--font-size-3xl: var(--text-size-3xl);--font-size-4xl: calc(var(--text-size-3xl) * 1.2);--font-size-5xl: calc(var(--text-size-3xl) * 1.6);--icon-xs: var(--text-size-xs);--icon-sm: var(--text-size-sm);--icon-md: var(--text-size-lg);--icon-lg: var(--text-size-xl);--icon-xl: var(--text-size-2xl);--button-height: var(--size-md);--button-height-xs: var(--size-xs);--button-height-sm: var(--size-sm);--button-height-lg: var(--size-lg);--input-height: var(--size-sm);--touch-target: var(--size-xs);--touch-target-lg: var(--size-sm);--container-xs: calc(var(--size-2xl) * 4.2);--container-sm: calc(var(--size-2xl) * 4.7);--container-md: calc(var(--size-2xl) * 5.3);--container-lg: calc(var(--size-2xl) * 6);--progress-sm: var(--text-size-xs);--progress-md: var(--text-size-sm);--progress-lg: var(--text-size-base);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-normal: 1.45;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--line-height-none: 1;--letter-spacing-tight: calc(var(--text-size-base) * -.025);--letter-spacing-normal: 0;--letter-spacing-wide: calc(var(--text-size-base) * .025);--z-base: 1;--z-docked: 10;--z-floating: 100;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skiplink: 1600;--z-toast: 1700;--z-tooltip: 1800;--skeleton-base: linear-gradient( 90deg, var(--neutral-100) 25%, var(--neutral-50) 50%, var(--neutral-100) 75% );--primary-500-rgb: 99, 102, 241;--success-500-rgb: 34, 197, 94;--error-500-rgb: 239, 68, 68;--warning-500-rgb: 245, 158, 11;--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-floating: 0 20px 40px rgba(0, 0, 0, .12), 0 10px 20px rgba(0, 0, 0, .06);--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--shadow-dropdown-lg: 0 8px 20px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-menu: 0 6px 16px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .06);--shadow-popover: 0 10px 24px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--drop-shadow-sm: drop-shadow(0 1px 2px rgba(0, 0, 0, .1));--drop-shadow-md: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));--transform-center: translate(-50%, -50%);--rotation-half: 180deg;--rotation-quarter: 90deg;--rotation-full: 360deg;--rotation-45: 45deg;--rotation-180: 180deg;--scale-hover: 1.05;--scale-active: .95;--scale-large: 1.1;--scale-normal: 1;--scale-small: .9;--position-center: 50%;--position-full: 100%;--width-almost-full: 90%;--size-60: 60px;--focus-ring-width: calc(var(--text-size-xs) * .25);--focus-ring-offset: calc(var(--text-size-xs) * .17);--focus-ring-color: var(--primary-500);--letter-spacing-tighter: .05em;--offset-neg-1: -1px;--offset-neg-2: -2px;--offset-neg-4: -4px;--offset-neg-5: -5px;--offset-neg-6: -6px;--offset-neg-8: -8px;--offset-neg-10: -10px;--offset-neg-12: -12px;--offset-neg-16: -16px;--offset-neg-20: -20px;--offset-neg-30: -30px;--offset-neg-50: -50px;--offset-1: 1px;--offset-2: 2px;--offset-4: 4px;--offset-5: 5px;--offset-8: 8px;--offset-10: 10px;--offset-12: 12px;--offset-16: 16px;--offset-20: 20px;--offset-30: 30px;--offset-50: 50px}:root{--button-padding-xs: var(--space-1) var(--space-2);--button-padding-sm: var(--space-2) var(--space-3);--button-padding-base: var(--space-3) var(--space-4);--button-padding-lg: var(--space-4) var(--space-6);--button-radius: var(--radius-base);--button-font-weight: var(--font-weight-medium);--button-transition: var(--transition-base);--button-primary-bg: var(--primary-500);--button-primary-bg-hover: var(--primary-600);--button-primary-text: var(--text-on-primary);--button-primary-border: var(--primary-500);--button-secondary-bg: var(--secondary-500);--button-secondary-bg-hover: var(--secondary-600);--button-secondary-text: white;--button-secondary-border: var(--secondary-500);--card-bg: var(--surface-raised);--card-border: var(--surface-border);--card-border-hover: var(--surface-border-hover);--card-radius: var(--radius-lg);--card-padding: var(--space-6);--card-shadow: var(--shadow-base);--card-shadow-hover: var(--shadow-lg);--input-bg: var(--surface-base);--input-border: var(--surface-border);--input-border-focus: var(--primary-500);--input-text: var(--text-primary);--input-placeholder: var(--text-tertiary);--input-radius: var(--radius-base);--input-padding: var(--space-3) var(--space-4);--header-bg: var(--surface);--header-border: var(--border-default);--header-text: var(--text-primary);--header-height: var(--size-xl);--header-shadow: var(--shadow-sm)}[data-theme=light]{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1e40af;--primary-800: #1d4ed8;--primary-900: #1e3a8a;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--secondary-200: #fed7aa;--secondary-300: #fdba74;--secondary-400: #fb923c;--secondary-500: #f97316;--secondary-600: #ea580c;--secondary-700: #c2410c;--secondary-800: #9a3412;--secondary-900: #7c2d12;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200);--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--surface-base: #ffffff;--surface: #f8fafc;--surface-raised: #ffffff;--surface-secondary: #f1f5f9;--surface-emphasis: #e2e8f0;--surface-overlay: #ffffff;--surface-sunken: #cbd5e1;--surface-subtle: #e2e8f0;--surface-elevated: #ffffff;--surface-tertiary: #f1f5f9;--surface-code: #f8fafc;--border-subtle: #f1f5f9;--border-code: #e2e8f0;--text-code: #475569;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--accent-secondary: #f59e0b;--border-default: #e2e8f0;--border-emphasis: #cbd5e1;--border-light: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-quaternary: #94a3b8;--text-inverse: #ffffff;--text-on-primary: var(--text-on-info);--text-on-secondary: var(--text-on-info);--text-on-accent: #0f172a;--text-brand: #3b82f6;--text-accent: #2563eb;--text-link: #3b82f6;--text-link-hover: #2563eb;--text-interactive: #60a5fa;--text-interactive-hover: #3b82f6}[data-theme=dark]{--primary-50: #1e3a8a;--primary-100: #1e40af;--primary-200: #1d4ed8;--primary-300: #2563eb;--primary-400: #3b82f6;--primary-500: #4f8ff7;--primary-600: #6ba3f8;--primary-700: #87b6f9;--primary-800: #a3c9fa;--primary-900: #bfdbfe;--secondary-50: #7c2d12;--secondary-100: #9a3412;--secondary-200: #c2410c;--secondary-300: #ea580c;--secondary-400: #f97316;--secondary-500: #fb923c;--secondary-600: #fdba74;--secondary-700: #fed7aa;--secondary-800: #fef3c7;--secondary-900: #fffbeb;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200);--color-gray-50: #0a0a0a;--color-gray-100: #171717;--color-gray-200: #262626;--color-gray-300: #404040;--color-gray-400: #525252;--color-gray-500: #737373;--color-gray-600: #a3a3a3;--color-gray-700: #d4d4d4;--color-gray-800: #e5e5e5;--color-gray-900: #f5f5f5;--neutral-50: #0a0a0a;--neutral-100: #171717;--neutral-200: #262626;--neutral-300: #404040;--neutral-400: #525252;--neutral-500: #737373;--neutral-600: #a3a3a3;--neutral-700: #d4d4d4;--neutral-800: #e5e5e5;--neutral-900: #f5f5f5;--surface-base: #0a0a0a;--surface: #171717;--surface-raised: #262626;--surface-secondary: #171717;--surface-emphasis: #404040;--surface-overlay: #404040;--surface-sunken: #000000;--surface-subtle: #171717;--surface-elevated: #404040;--surface-tertiary: #404040;--surface-code: #171717;--border-subtle: #262626;--border-code: #404040;--text-code: #a3a3a3;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--accent-secondary: #f59e0b;--border-default: #262626;--border-emphasis: #404040;--border-light: #525252;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-quaternary: #525252;--text-inverse: #ffffff;--text-on-primary: var(--text-on-info);--text-on-secondary: var(--text-on-info);--text-on-accent: #0a0a0a;--text-brand: #60a5fa;--text-accent: #93c5fd;--text-link: #60a5fa;--text-link-hover: #93c5fd;--text-interactive: #3b82f6;--text-interactive-hover: #60a5fa}[data-theme=saurian-splendor]{--primary-50: #0a1f2e;--primary-100: #0e2938;--primary-200: #133444;--primary-300: #194052;--primary-400: #1f4d61;--primary-500: #266071;--primary-600: #2e7482;--primary-700: #378a95;--primary-800: #41a1a9;--primary-900: #4cb8be;--secondary-50: #1a1005;--secondary-100: #2d1c08;--secondary-200: #42280c;--secondary-300: #5c3710;--secondary-400: #784915;--secondary-500: #ca8a04;--secondary-600: #eab308;--secondary-700: #fde047;--secondary-800: #fef08a;--secondary-900: #fef9c3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #3d8891;--color-gray-100: #5a9ea7;--color-gray-200: #78b4bc;--color-gray-300: #96cad1;--color-gray-400: #b4dfe5;--color-gray-500: #ccedf1;--color-gray-600: #ddf4f7;--color-gray-700: #ebf9fb;--color-gray-800: #f5fcfd;--color-gray-900: #fafeff;--neutral-50: #3d8891;--neutral-100: #5a9ea7;--neutral-200: #78b4bc;--neutral-300: #96cad1;--neutral-400: #b4dfe5;--neutral-500: #ccedf1;--neutral-600: #ddf4f7;--neutral-700: #ebf9fb;--neutral-800: #f5fcfd;--neutral-900: #fafeff;--surface-base: #ccedf1;--surface: #ddf4f7;--surface-raised: #ebf9fb;--surface-secondary: #ddf4f7;--surface-emphasis: #b4dfe5;--surface-overlay: #ebf9fb;--surface-sunken: #b4dfe5;--surface-subtle: #ddf4f7;--surface-elevated: #f5fcfd;--surface-tertiary: #ebf9fb;--surface-code: #ddf4f7;--border-subtle: #b4dfe5;--border-code: #96cad1;--text-code: #266071;--border-default: #96cad1;--border-emphasis: #78b4bc;--border-light: #b4dfe5;--text-primary: #0a1f2e;--text-secondary: #133444;--text-tertiary: #1f4d61;--text-quaternary: #76d4dd;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #1a1005;--text-on-accent: #1a4d52;--text-brand: #eab308;--text-accent: #fde047;--text-link: #fde047;--text-link-hover: #fef08a;--text-interactive: #eab308;--text-interactive-hover: #fde047}[data-theme=festering-pus]{--primary-50: #14190f;--primary-100: #1f2917;--primary-200: #2d3d21;--primary-300: #3d522d;--primary-400: #4d663a;--primary-500: #5a7a42;--primary-600: #6b8f52;--primary-700: #85a86b;--primary-800: #a8c48f;--primary-900: #cfe0b8;--secondary-50: #1a0f1a;--secondary-100: #2d1a2d;--secondary-200: #3d2638;--secondary-300: #52334d;--secondary-400: #6b4361;--secondary-500: #855378;--secondary-600: #a16d94;--secondary-700: #bc8fb0;--secondary-800: #d6b5cd;--secondary-900: #eddce8;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #f7f8f0;--color-gray-100: #eff0e3;--color-gray-200: #e3e8cc;--color-gray-300: #d4deb3;--color-gray-400: #c1d194;--color-gray-500: #a8bf70;--color-gray-600: #8aa854;--color-gray-700: #6b8641;--color-gray-800: #4f6330;--color-gray-900: #354220;--neutral-50: #f7f8f0;--neutral-100: #eff0e3;--neutral-200: #e3e8cc;--neutral-300: #d4deb3;--neutral-400: #c1d194;--neutral-500: #a8bf70;--neutral-600: #8aa854;--neutral-700: #6b8641;--neutral-800: #4f6330;--neutral-900: #354220;--surface-base: #f7f8f0;--surface: #eff0e3;--surface-raised: #f7f8f0;--surface-secondary: #eff0e3;--surface-emphasis: #e3e8cc;--surface-overlay: #f7f8f0;--surface-sunken: #e3e8cc;--surface-subtle: #eff0e3;--surface-elevated: #f7f8f0;--surface-tertiary: #e3e8cc;--surface-code: #eff0e3;--border-subtle: #e3e8cc;--border-code: #d4deb3;--text-code: #6b8641;--border-default: #d4deb3;--border-emphasis: #c1d194;--border-light: #e3e8cc;--text-primary: #354220;--text-secondary: #4f6330;--text-tertiary: #6b8641;--text-quaternary: #8aa854;--text-inverse: #ffffff;--text-on-primary: #f7f8f0;--text-on-secondary: #f7f8f0;--text-on-accent: #f7f8f0;--text-brand: #5a7a42;--text-accent: #6b8f52;--text-link: #5a7a42;--text-link-hover: #6b8f52;--text-interactive: #4d663a;--text-interactive-hover: #5a7a42}[data-theme=unholy-glory]{--primary-50: #2d0505;--primary-100: #4d0a0a;--primary-200: #6e0f0f;--primary-300: #8f1414;--primary-400: #b31a1a;--primary-500: #8b1a1a;--primary-600: #b32424;--primary-700: #d92f2f;--primary-800: #e85555;--primary-900: #f58a8a;--secondary-50: #1a1005;--secondary-100: #291a08;--secondary-200: #3d280c;--secondary-300: #543810;--secondary-400: #6e4a15;--secondary-500: #ca8a04;--secondary-600: #eab308;--secondary-700: #facc15;--secondary-800: #fde047;--secondary-900: #fef9c3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #000000;--color-gray-100: #0d0d0d;--color-gray-200: #1a1a1a;--color-gray-300: #2d2d2d;--color-gray-400: #404040;--color-gray-500: #5c5c5c;--color-gray-600: #808080;--color-gray-700: #a8a8a8;--color-gray-800: #d4d4d4;--color-gray-900: #f0f0f0;--neutral-50: #000000;--neutral-100: #0d0d0d;--neutral-200: #1a1a1a;--neutral-300: #2d2d2d;--neutral-400: #404040;--neutral-500: #5c5c5c;--neutral-600: #808080;--neutral-700: #a8a8a8;--neutral-800: #d4d4d4;--neutral-900: #f0f0f0;--surface-base: #000000;--surface: #0d0d0d;--surface-raised: #1a1a1a;--surface-secondary: #0d0d0d;--surface-emphasis: #2d2d2d;--surface-overlay: #2d2d2d;--surface-sunken: #000000;--surface-subtle: #0d0d0d;--surface-elevated: #2d2d2d;--surface-tertiary: #2d2d2d;--surface-code: #0d0d0d;--border-subtle: #1a1a1a;--border-code: #2d2d2d;--text-code: #808080;--border-default: #1a1a1a;--border-emphasis: #2d2d2d;--border-light: #404040;--text-primary: #e8e8e8;--text-secondary: #c0c0c0;--text-tertiary: #a0a0a0;--text-quaternary: #808080;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-brand: #8b1a1a;--text-accent: #b32424;--text-link: #d92f2f;--text-link-hover: #e85555;--text-interactive: #d92f2f;--text-interactive-hover: #e85555}[data-theme=crimson-thirst]{--primary-50: #330a0a;--primary-100: #520f0f;--primary-200: #6e1414;--primary-300: #8f1a1a;--primary-400: #b32121;--primary-500: #d42828;--primary-600: #e84040;--primary-700: #f26666;--primary-800: #f99999;--primary-900: #fdd1d1;--secondary-50: #0f0d0a;--secondary-100: #1f1b14;--secondary-200: #332d21;--secondary-300: #4a4233;--secondary-400: #635847;--secondary-500: #8a7d68;--secondary-600: #b5a890;--secondary-700: #d4cabf;--secondary-800: #e8e3db;--secondary-900: #f5f3ef;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0a0a0a;--color-gray-100: #141414;--color-gray-200: #1f1f1f;--color-gray-300: #2e2e2e;--color-gray-400: #3d3d3d;--color-gray-500: #525252;--color-gray-600: #6b6b6b;--color-gray-700: #8f8f8f;--color-gray-800: #b8b8b8;--color-gray-900: #e3e3e3;--neutral-50: #0a0a0a;--neutral-100: #141414;--neutral-200: #1f1f1f;--neutral-300: #2e2e2e;--neutral-400: #3d3d3d;--neutral-500: #525252;--neutral-600: #6b6b6b;--neutral-700: #8f8f8f;--neutral-800: #b8b8b8;--neutral-900: #e3e3e3;--surface-base: #0a0a0a;--surface: #141414;--surface-raised: #1f1f1f;--surface-secondary: #141414;--surface-emphasis: #2e2e2e;--surface-overlay: #2e2e2e;--surface-sunken: #050505;--surface-subtle: #141414;--surface-elevated: #2e2e2e;--surface-tertiary: #2e2e2e;--surface-code: #141414;--border-subtle: #1f1f1f;--border-code: #2e2e2e;--text-code: #6b6b6b;--border-default: #1f1f1f;--border-emphasis: #2e2e2e;--border-light: #3d3d3d;--text-primary: #f5d1d1;--text-secondary: #e89999;--text-tertiary: #d47272;--text-quaternary: #b34949;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #0a0a0a;--text-on-accent: #ffffff;--text-brand: #d42828;--text-accent: #e84040;--text-link: #f26666;--text-link-hover: #f99999;--text-interactive: #e84040;--text-interactive-hover: #f26666}[data-theme=gilded-stormhost]{--primary-50: #000814;--primary-100: #001028;--primary-200: #00203c;--primary-300: #002f57;--primary-400: #003B6D;--primary-500: #004789;--primary-600: #0066bf;--primary-700: #3385d1;--primary-800: #66a4de;--primary-900: #99c3eb;--secondary-50: #1a1005;--secondary-100: #2d1c08;--secondary-200: #42280c;--secondary-300: #5c3710;--secondary-400: #784915;--secondary-500: #ca8a04;--secondary-600: #eab308;--secondary-700: #fde047;--secondary-800: #fef08a;--secondary-900: #fef9c3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #ffffff;--color-gray-100: #fafafa;--color-gray-200: #f5f5f5;--color-gray-300: #e5e5e5;--color-gray-400: #d4d4d4;--color-gray-500: #a3a3a3;--color-gray-600: #737373;--color-gray-700: #525252;--color-gray-800: #404040;--color-gray-900: #262626;--neutral-50: #ffffff;--neutral-100: #fafafa;--neutral-200: #f5f5f5;--neutral-300: #e5e5e5;--neutral-400: #d4d4d4;--neutral-500: #a3a3a3;--neutral-600: #737373;--neutral-700: #525252;--neutral-800: #404040;--neutral-900: #262626;--surface-base: #ffffff;--surface: #fafafa;--surface-raised: #ffffff;--surface-secondary: #f5f5f5;--surface-emphasis: #e5e5e5;--surface-overlay: #ffffff;--surface-sunken: #f5f5f5;--surface-subtle: #fafafa;--surface-elevated: #ffffff;--surface-tertiary: #f5f5f5;--surface-code: #f5f5f5;--border-subtle: #e5e5e5;--border-code: #d4d4d4;--text-code: #525252;--border-default: #d4d4d4;--border-emphasis: #a3a3a3;--border-light: #e5e5e5;--text-primary: #001028;--text-secondary: #00203c;--text-tertiary: #002f57;--text-quaternary: #003B6D;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #0f172a;--text-on-accent: #ffffff;--text-brand: #004789;--text-accent: #D4AF37;--text-link: #004789;--text-link-hover: #003B6D;--text-interactive: #004789;--text-interactive-hover: #003B6D}[data-theme=ivory-elegance]{--primary-50: #0a1929;--primary-100: #0f2740;--primary-200: #15385c;--primary-300: #1e4d7a;--primary-400: #2a649c;--primary-500: #5b9bd5;--primary-600: #7eb3e3;--primary-700: #a0c9ee;--primary-800: #c2dff6;--primary-900: #e3f2fb;--secondary-50: #1f1812;--secondary-100: #33281f;--secondary-200: #4a3a2d;--secondary-300: #654d3c;--secondary-400: #82654d;--secondary-500: #a87c5e;--secondary-600: #c29677;--secondary-700: #d4b199;--secondary-800: #e6cfbd;--secondary-900: #f5ebe0;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #faf9f7;--color-gray-100: #f5f3f0;--color-gray-200: #eae6e0;--color-gray-300: #d9d3ca;--color-gray-400: #c4bcb0;--color-gray-500: #a89d8e;--color-gray-600: #877a68;--color-gray-700: #6b5f50;--color-gray-800: #504740;--color-gray-900: #38322d;--neutral-50: #faf9f7;--neutral-100: #f5f3f0;--neutral-200: #eae6e0;--neutral-300: #d9d3ca;--neutral-400: #c4bcb0;--neutral-500: #a89d8e;--neutral-600: #877a68;--neutral-700: #6b5f50;--neutral-800: #504740;--neutral-900: #38322d;--surface-base: #faf9f7;--surface: #f5f3f0;--surface-raised: #ffffff;--surface-secondary: #f5f3f0;--surface-emphasis: #eae6e0;--surface-overlay: #ffffff;--surface-sunken: #eae6e0;--surface-subtle: #f5f3f0;--surface-elevated: #ffffff;--surface-tertiary: #eae6e0;--surface-code: #f5f3f0;--border-subtle: #eae6e0;--border-code: #d9d3ca;--text-code: #6b5f50;--border-default: #d9d3ca;--border-emphasis: #c4bcb0;--border-light: #eae6e0;--text-primary: #0a1929;--text-secondary: #0f2740;--text-tertiary: #15385c;--text-quaternary: #1e4d7a;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-brand: #5b9bd5;--text-accent: #7eb3e3;--text-link: #5b9bd5;--text-link-hover: #2a649c;--text-interactive: #5b9bd5;--text-interactive-hover: #2a649c}[data-theme=abyssal-tide]{--primary-50: #0a1419;--primary-100: #0f2329;--primary-200: #15343d;--primary-300: #1c4754;--primary-400: #245c6e;--primary-500: #0891b2;--primary-600: #06b6d4;--primary-700: #22d3ee;--primary-800: #67e8f9;--primary-900: #a5f3fc;--secondary-50: #0f1419;--secondary-100: #1a2329;--secondary-200: #28363d;--secondary-300: #374b54;--secondary-400: #47626e;--secondary-500: #7dd3c0;--secondary-600: #94e2d5;--secondary-700: #b2ebe4;--secondary-800: #d1f4ee;--secondary-900: #ecfdf9;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0a1419;--color-gray-100: #0f1e24;--color-gray-200: #152b33;--color-gray-300: #1d3a45;--color-gray-400: #264b59;--color-gray-500: #356475;--color-gray-600: #4d8294;--color-gray-700: #6fa5b8;--color-gray-800: #9bc5d4;--color-gray-900: #cee6ed;--neutral-50: #0a1419;--neutral-100: #0f1e24;--neutral-200: #152b33;--neutral-300: #1d3a45;--neutral-400: #264b59;--neutral-500: #356475;--neutral-600: #4d8294;--neutral-700: #6fa5b8;--neutral-800: #9bc5d4;--neutral-900: #cee6ed;--surface-base: #0a1419;--surface: #0f1e24;--surface-raised: #152b33;--surface-secondary: #0f1e24;--surface-emphasis: #1d3a45;--surface-overlay: #1d3a45;--surface-sunken: #050a0d;--surface-subtle: #0f1e24;--surface-elevated: #1d3a45;--surface-tertiary: #1d3a45;--surface-code: #0f1e24;--border-subtle: #152b33;--border-code: #1d3a45;--text-code: #4d8294;--border-default: #152b33;--border-emphasis: #1d3a45;--border-light: #264b59;--text-primary: #cee6ed;--text-secondary: #6fa5b8;--text-tertiary: #4d8294;--text-quaternary: #356475;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #0a1419;--text-on-accent: #ffffff;--text-brand: #06b6d4;--text-accent: #22d3ee;--text-link: #06b6d4;--text-link-hover: #22d3ee;--text-interactive: #0891b2;--text-interactive-hover: #06b6d4}[data-theme=serpentine-ritual]{--primary-50: #2d0a14;--primary-100: #4d0f24;--primary-200: #6e1438;--primary-300: #941a4d;--primary-400: #be2166;--primary-500: #8b1538;--primary-600: #b31d47;--primary-700: #d92b5c;--primary-800: #e85580;--primary-900: #f58aab;--secondary-50: #1a1820;--secondary-100: #2d2633;--secondary-200: #42374a;--secondary-300: #5c4c66;--secondary-400: #786385;--secondary-500: #8b7a99;--secondary-600: #a896b3;--secondary-700: #c4b5cc;--secondary-800: #d9d1e0;--secondary-900: #f0ebf5;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #faf5f5;--color-gray-100: #f5ebeb;--color-gray-200: #ebdada;--color-gray-300: #dcc2c2;--color-gray-400: #c9a3a3;--color-gray-500: #b38585;--color-gray-600: #996b6b;--color-gray-700: #7a5252;--color-gray-800: #5c3d3d;--color-gray-900: #3d2929;--neutral-50: #faf5f5;--neutral-100: #f5ebeb;--neutral-200: #ebdada;--neutral-300: #dcc2c2;--neutral-400: #c9a3a3;--neutral-500: #b38585;--neutral-600: #996b6b;--neutral-700: #7a5252;--neutral-800: #5c3d3d;--neutral-900: #3d2929;--surface-base: #faf5f5;--surface: #f5ebeb;--surface-raised: #ffffff;--surface-secondary: #f5ebeb;--surface-emphasis: #ebdada;--surface-overlay: #ffffff;--surface-sunken: #ebdada;--surface-subtle: #f5ebeb;--surface-elevated: #ffffff;--surface-tertiary: #ebdada;--surface-code: #f5ebeb;--border-subtle: #ebdada;--border-code: #dcc2c2;--text-code: #996b6b;--border-default: #dcc2c2;--border-emphasis: #c9a3a3;--border-light: #ebdada;--text-primary: #2d0a14;--text-secondary: #4d0f24;--text-tertiary: #6e1438;--text-quaternary: #941a4d;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-brand: #8b1538;--text-accent: #b31d47;--text-link: #8b1538;--text-link-hover: #b31d47;--text-interactive: #8b1538;--text-interactive-hover: #b31d47}[data-theme=fiery-oath]{--primary-50: #331400;--primary-100: #4d1f00;--primary-200: #662b00;--primary-300: #853800;--primary-400: #a84700;--primary-500: #dc5f00;--primary-600: #ff6b00;--primary-700: #ff8c29;--primary-800: #ffad5c;--primary-900: #ffce8f;--secondary-50: #1a0f05;--secondary-100: #2d1a08;--secondary-200: #42280c;--secondary-300: #5c3710;--secondary-400: #784915;--secondary-500: #996019;--secondary-600: #b8792d;--secondary-700: #d49647;--secondary-800: #e6b570;--secondary-900: #f5d6a3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #faf6f0;--color-gray-100: #f5ede0;--color-gray-200: #ebdcc9;--color-gray-300: #dcc7ad;--color-gray-400: #c9ab8a;--color-gray-500: #b3936b;--color-gray-600: #997852;--color-gray-700: #7a5e3d;--color-gray-800: #5c472e;--color-gray-900: #3d301f;--neutral-50: #faf6f0;--neutral-100: #f5ede0;--neutral-200: #ebdcc9;--neutral-300: #dcc7ad;--neutral-400: #c9ab8a;--neutral-500: #b3936b;--neutral-600: #997852;--neutral-700: #7a5e3d;--neutral-800: #5c472e;--neutral-900: #3d301f;--surface-base: #faf5f0;--surface: #f5ebe0;--surface-raised: #ffffff;--surface-secondary: #f5ebe0;--surface-emphasis: #ebdac9;--surface-overlay: #ffffff;--surface-sunken: #ebdac9;--surface-subtle: #f5ebe0;--surface-elevated: #ffffff;--surface-tertiary: #ebdac9;--surface-code: #f5ebe0;--border-subtle: #ebdac9;--border-code: #dcc4ad;--text-code: #997552;--border-default: #dcc4ad;--border-emphasis: #c9a88a;--border-light: #ebdac9;--text-primary: #331400;--text-secondary: #4d1f00;--text-tertiary: #662b00;--text-quaternary: #853800;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-brand: #dc5f00;--text-accent: #ff6b00;--text-link: #dc5f00;--text-link-hover: #ff6b00;--text-interactive: #dc5f00;--text-interactive-hover: #ff6b00}[data-theme=bloodied-brass]{--primary-50: #1a0000;--primary-100: #330000;--primary-200: #4d0000;--primary-300: #660000;--primary-400: #990000;--primary-500: #cc0000;--primary-600: #ff0000;--primary-700: #ff3333;--primary-800: #ff6666;--primary-900: #ff9999;--secondary-50: #1a1005;--secondary-100: #2d1c08;--secondary-200: #42280c;--secondary-300: #5c3710;--secondary-400: #784915;--secondary-500: #966019;--secondary-600: #b87a2d;--secondary-700: #d49847;--secondary-800: #e6b870;--secondary-900: #f5d6a3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0d0404;--color-gray-100: #1a0808;--color-gray-200: #2d1010;--color-gray-300: #401818;--color-gray-400: #5c2424;--color-gray-500: #733030;--color-gray-600: #994545;--color-gray-700: #bf6b6b;--color-gray-800: #d99999;--color-gray-900: #f0cccc;--neutral-50: #0d0404;--neutral-100: #1a0808;--neutral-200: #2d1010;--neutral-300: #401818;--neutral-400: #5c2424;--neutral-500: #733030;--neutral-600: #994545;--neutral-700: #bf6b6b;--neutral-800: #d99999;--neutral-900: #f0cccc;--surface-base: #0d0404;--surface: #1a0808;--surface-raised: #2d1010;--surface-secondary: #1a0808;--surface-emphasis: #401818;--surface-overlay: #401818;--surface-sunken: #050202;--surface-subtle: #1a0808;--surface-elevated: #401818;--surface-tertiary: #401818;--surface-code: #1a0808;--border-subtle: #2d1010;--border-code: #401818;--text-code: #994545;--border-default: #2d1010;--border-emphasis: #401818;--border-light: #5c2424;--text-primary: #f0cccc;--text-secondary: #bf6b6b;--text-tertiary: #994545;--text-quaternary: #733030;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #0d0404;--text-on-accent: #ffffff;--text-brand: #ff0000;--text-accent: #ff3333;--text-link: #ff3333;--text-link-hover: #ff6666;--text-interactive: #cc0000;--text-interactive-hover: #ff0000}[data-theme=twisted-sorcery]{--primary-50: #083344;--primary-100: #0e4c5e;--primary-200: #156575;--primary-300: #1b7e8c;--primary-400: #22a5b8;--primary-500: #06b6d4;--primary-600: #22d3ee;--primary-700: #67e8f9;--primary-800: #a5f3fc;--primary-900: #cffafe;--secondary-50: #1a1005;--secondary-100: #2d1c08;--secondary-200: #42280c;--secondary-300: #5c3710;--secondary-400: #784915;--secondary-500: #ca8a04;--secondary-600: #eab308;--secondary-700: #fde047;--secondary-800: #fef08a;--secondary-900: #fef9c3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #020617;--color-gray-100: #0a0e29;--color-gray-200: #0f1729;--color-gray-300: #172033;--color-gray-400: #1e293b;--color-gray-500: #334155;--color-gray-600: #475569;--color-gray-700: #64748b;--color-gray-800: #94a3b8;--color-gray-900: #cbd5e1;--neutral-50: #020617;--neutral-100: #0a0e29;--neutral-200: #0f1729;--neutral-300: #172033;--neutral-400: #1e293b;--neutral-500: #334155;--neutral-600: #475569;--neutral-700: #64748b;--neutral-800: #94a3b8;--neutral-900: #cbd5e1;--surface-base: #020617;--surface: #0a0e29;--surface-raised: #0f1729;--surface-secondary: #0a0e29;--surface-emphasis: #172033;--surface-overlay: #172033;--surface-sunken: #000000;--surface-subtle: #0a0e29;--surface-elevated: #172033;--surface-tertiary: #172033;--surface-code: #0a0e29;--border-subtle: #0f1729;--border-code: #172033;--text-code: #475569;--border-default: #0f1729;--border-emphasis: #172033;--border-light: #1e293b;--text-primary: #cffafe;--text-secondary: #a5f3fc;--text-tertiary: #67e8f9;--text-quaternary: #22d3ee;--text-inverse: #ffffff;--text-on-primary: #020617;--text-on-secondary: #020617;--text-on-accent: #020617;--text-brand: #22d3ee;--text-accent: #67e8f9;--text-link: #67e8f9;--text-link-hover: #a5f3fc;--text-interactive: #22d3ee;--text-interactive-hover: #67e8f9}[data-theme=dark-excess]{--primary-50: #3d3040;--primary-100: #52415c;--primary-200: #6b5578;--primary-300: #856b94;--primary-400: #9f82b0;--primary-500: #b89bcc;--primary-600: #c9b3db;--primary-700: #d9cbe8;--primary-800: #e8e0f2;--primary-900: #f4f0f9;--secondary-50: #0f0f0f;--secondary-100: #1c1c1c;--secondary-200: #2a2a2a;--secondary-300: #3d3d3d;--secondary-400: #525252;--secondary-500: #737373;--secondary-600: #a3a3a3;--secondary-700: #d4d4d4;--secondary-800: #e5e5e5;--secondary-900: #f5f5f5;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--surface-base: #fafafa;--surface: #f5f5f5;--surface-raised: #fafafa;--surface-secondary: #f5f5f5;--surface-emphasis: #e5e5e5;--surface-overlay: #fafafa;--surface-sunken: #e5e5e5;--surface-subtle: #f5f5f5;--surface-elevated: #fafafa;--surface-tertiary: #e5e5e5;--surface-code: #f5f5f5;--border-subtle: #e5e5e5;--border-code: #d4d4d4;--text-code: #525252;--border-default: #d4d4d4;--border-emphasis: #a3a3a3;--border-light: #e5e5e5;--text-primary: #2d1a3d;--text-secondary: #3d2452;--text-tertiary: #4d2e66;--text-quaternary: #5d387a;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-brand: #8b5cf6;--text-accent: #a78bfa;--text-link: #8b5cf6;--text-link-hover: #a78bfa;--text-interactive: #7c3aed;--text-interactive-hover: #8b5cf6}[data-theme=verminous-treachery]{--primary-50: #0a1a0a;--primary-100: #0f290f;--primary-200: #143d14;--primary-300: #1a5419;--primary-400: #216e21;--primary-500: #16a34a;--primary-600: #22c55e;--primary-700: #4ade80;--primary-800: #86efac;--primary-900: #bbf7d0;--secondary-50: #1a0505;--secondary-100: #2d0909;--secondary-200: #4a0d0d;--secondary-300: #6b1212;--secondary-400: #8b1a1a;--secondary-500: #b22222;--secondary-600: #c53030;--secondary-700: #d84949;--secondary-800: #e87272;--secondary-900: #f5a5a5;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #272321;--color-gray-100: #332d2a;--color-gray-200: #423a35;--color-gray-300: #534942;--color-gray-400: #665a51;--color-gray-500: #7b6d62;--color-gray-600: #928375;--color-gray-700: #ab9b8b;--color-gray-800: #c6b6a5;--color-gray-900: #e0d3c5;--neutral-50: #272321;--neutral-100: #332d2a;--neutral-200: #423a35;--neutral-300: #534942;--neutral-400: #665a51;--neutral-500: #7b6d62;--neutral-600: #928375;--neutral-700: #ab9b8b;--neutral-800: #c6b6a5;--neutral-900: #e0d3c5;--surface-base: #272321;--surface: #332d2a;--surface-raised: #423a35;--surface-secondary: #332d2a;--surface-emphasis: #534942;--surface-overlay: #534942;--surface-sunken: #1f1c1a;--surface-subtle: #332d2a;--surface-elevated: #534942;--surface-tertiary: #534942;--surface-code: #332d2a;--border-subtle: #423a35;--border-code: #534942;--text-code: #f5dcc0;--border-default: #423a35;--border-emphasis: #534942;--border-light: #665a51;--text-primary: #f5dcc0;--text-secondary: #e8c9a8;--text-tertiary: #d3ac88;--text-quaternary: #b8906f;--text-inverse: #2d1f1a;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-brand: #16a34a;--text-accent: #22c55e;--text-link: #22c55e;--text-link-hover: #4ade80;--text-interactive: #22c55e;--text-interactive-hover: #4ade80}[data-theme=ethereal-dread]{--primary-50: #0a1a1a;--primary-100: #0f2929;--primary-200: #143d3d;--primary-300: #1a5454;--primary-400: #216e6e;--primary-500: #06b6d4;--primary-600: #22d3ee;--primary-700: #67e8f9;--primary-800: #a5f3fc;--primary-900: #cffafe;--secondary-50: #0a140f;--secondary-100: #14241f;--secondary-200: #1f3d33;--secondary-300: #2e5947;--secondary-400: #3d7a5c;--secondary-500: #4ade80;--secondary-600: #86efac;--secondary-700: #bbf7d0;--secondary-800: #dcfce7;--secondary-900: #f0fdf4;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #040608;--color-gray-100: #080c10;--color-gray-200: #0d1419;--color-gray-300: #121d26;--color-gray-400: #182833;--color-gray-500: #1f3447;--color-gray-600: #2d4a5e;--color-gray-700: #42657a;--color-gray-800: #5e8499;--color-gray-900: #8faab8;--neutral-50: #040608;--neutral-100: #080c10;--neutral-200: #0d1419;--neutral-300: #121d26;--neutral-400: #182833;--neutral-500: #1f3447;--neutral-600: #2d4a5e;--neutral-700: #42657a;--neutral-800: #5e8499;--neutral-900: #8faab8;--surface-base: #040608;--surface: #080c10;--surface-raised: #0d1419;--surface-secondary: #080c10;--surface-emphasis: #121d26;--surface-overlay: #121d26;--surface-sunken: #020304;--surface-subtle: #080c10;--surface-elevated: #121d26;--surface-tertiary: #121d26;--surface-code: #080c10;--border-subtle: #0d1419;--border-code: #121d26;--text-code: #2d4a5e;--border-default: #0d1419;--border-emphasis: #121d26;--border-light: #182833;--text-primary: #cffafe;--text-secondary: #a5f3fc;--text-tertiary: #67e8f9;--text-quaternary: #22d3ee;--text-inverse: #ffffff;--text-on-primary: #040608;--text-on-secondary: #040608;--text-on-accent: #040608;--text-brand: #06b6d4;--text-accent: #22d3ee;--text-link: #22d3ee;--text-link-hover: #67e8f9;--text-interactive: #06b6d4;--text-interactive-hover: #22d3ee}[data-theme=skeletal-dominion]{--primary-50: #0a0e14;--primary-100: #0f1824;--primary-200: #14273d;--primary-300: #1a3857;--primary-400: #214a75;--primary-500: #1e3a5f;--primary-600: #2d5a8f;--primary-700: #4a7bb8;--primary-800: #7aa3d4;--primary-900: #b3cee8;--secondary-50: #0f0f0e;--secondary-100: #1f1f1c;--secondary-200: #33332e;--secondary-300: #4a4a42;--secondary-400: #636359;--secondary-500: #85857a;--secondary-600: #aeae9f;--secondary-700: #d4d4c7;--secondary-800: #ebebdf;--secondary-900: #f7f7f2;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #f5f0e8;--color-gray-100: #ebe3d4;--color-gray-200: #ddd1ba;--color-gray-300: #cdbca0;--color-gray-400: #bba687;--color-gray-500: #a68f6f;--color-gray-600: #8d7759;--color-gray-700: #705f47;--color-gray-800: #544837;--color-gray-900: #3d3429;--neutral-50: #f5f0e8;--neutral-100: #ebe3d4;--neutral-200: #ddd1ba;--neutral-300: #cdbca0;--neutral-400: #bba687;--neutral-500: #a68f6f;--neutral-600: #8d7759;--neutral-700: #705f47;--neutral-800: #544837;--neutral-900: #3d3429;--surface-base: #f5f0e8;--surface: #ebe3d4;--surface-raised: #ddd1ba;--surface-secondary: #ebe3d4;--surface-emphasis: #cdbca0;--surface-overlay: #cdbca0;--surface-sunken: #faf7f0;--surface-subtle: #ebe3d4;--surface-elevated: #cdbca0;--surface-tertiary: #cdbca0;--surface-code: #ebe3d4;--border-subtle: #ddd1ba;--border-code: #cdbca0;--text-code: #705f47;--border-default: #ddd1ba;--border-emphasis: #cdbca0;--border-light: #bba687;--text-primary: #0a0e14;--text-secondary: #0f1824;--text-tertiary: #14273d;--text-quaternary: #1a3857;--text-inverse: #ffffff;--text-on-primary: #f5f0e8;--text-on-secondary: #3d3429;--text-on-accent: #f5f0e8;--text-brand: #1e3a5f;--text-accent: #2d5a8f;--text-link: #1e3a5f;--text-link-hover: #2d5a8f;--text-interactive: #1e3a5f;--text-interactive-hover: #2d5a8f}[data-theme=unbridled-war]{--primary-50: #0f1a0a;--primary-100: #1a2e0f;--primary-200: #2d4a1a;--primary-300: #426626;--primary-400: #5a8533;--primary-500: #6b8e23;--primary-600: #8ab530;--primary-700: #a8d14a;--primary-800: #c4e082;--primary-900: #e0f0bb;--secondary-50: #1a1405;--secondary-100: #2e2408;--secondary-200: #4a3a0d;--secondary-300: #665212;--secondary-400: #856b18;--secondary-500: #ca8a04;--secondary-600: #eab308;--secondary-700: #facc15;--secondary-800: #fde047;--secondary-900: #fef9c3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0a0c0f;--color-gray-100: #14181f;--color-gray-200: #1f2733;--color-gray-300: #2e3947;--color-gray-400: #3d4d5c;--color-gray-500: #475569;--color-gray-600: #64748b;--color-gray-700: #94a3b8;--color-gray-800: #cbd5e1;--color-gray-900: #e2e8f0;--neutral-50: #0a0c0f;--neutral-100: #14181f;--neutral-200: #1f2733;--neutral-300: #2e3947;--neutral-400: #3d4d5c;--neutral-500: #475569;--neutral-600: #64748b;--neutral-700: #94a3b8;--neutral-800: #cbd5e1;--neutral-900: #e2e8f0;--surface-base: #0a0c0f;--surface: #14181f;--surface-raised: #1f2733;--surface-secondary: #14181f;--surface-emphasis: #2e3947;--surface-overlay: #2e3947;--surface-sunken: #050608;--surface-subtle: #14181f;--surface-elevated: #2e3947;--surface-tertiary: #2e3947;--surface-code: #14181f;--border-subtle: #1f2733;--border-code: #2e3947;--text-code: #64748b;--border-default: #1f2733;--border-emphasis: #2e3947;--border-light: #3d4d5c;--text-primary: #e0f0bb;--text-secondary: #c4e082;--text-tertiary: #a8d14a;--text-quaternary: #8ab530;--text-inverse: #ffffff;--text-on-primary: #0a0c0f;--text-on-secondary: #0a0c0f;--text-on-accent: #0a0c0f;--text-brand: #6b8e23;--text-accent: #8ab530;--text-link: #8ab530;--text-link-hover: #a8d14a;--text-interactive: #6b8e23;--text-interactive-hover: #8ab530}[data-theme=devious-mire]{--primary-50: #14190f;--primary-100: #242e1a;--primary-200: #3d4a2d;--primary-300: #576642;--primary-400: #738559;--primary-500: #7a904d;--primary-600: #98ad66;--primary-700: #b5c98a;--primary-800: #d1dfb3;--primary-900: #e8f0dc;--secondary-50: #1a0505;--secondary-100: #330a0a;--secondary-200: #520f0f;--secondary-300: #6e1414;--secondary-400: #8f1a1a;--secondary-500: #d62828;--secondary-600: #ef4444;--secondary-700: #f87171;--secondary-800: #fca5a5;--secondary-900: #fecaca;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0f0a08;--color-gray-100: #1f140f;--color-gray-200: #33241a;--color-gray-300: #4a3426;--color-gray-400: #634633;--color-gray-500: #7d5a42;--color-gray-600: #9c7456;--color-gray-700: #ba9475;--color-gray-800: #d4b89e;--color-gray-900: #eddcc7;--neutral-50: #0f0a08;--neutral-100: #1f140f;--neutral-200: #33241a;--neutral-300: #4a3426;--neutral-400: #634633;--neutral-500: #7d5a42;--neutral-600: #9c7456;--neutral-700: #ba9475;--neutral-800: #d4b89e;--neutral-900: #eddcc7;--surface-base: #0f0a08;--surface: #1f140f;--surface-raised: #33241a;--surface-secondary: #1f140f;--surface-emphasis: #4a3426;--surface-overlay: #4a3426;--surface-sunken: #080604;--surface-subtle: #1f140f;--surface-elevated: #4a3426;--surface-tertiary: #4a3426;--surface-code: #1f140f;--border-subtle: #33241a;--border-code: #4a3426;--text-code: #9c7456;--border-default: #33241a;--border-emphasis: #4a3426;--border-light: #634633;--text-primary: #eddcc7;--text-secondary: #ba9475;--text-tertiary: #9c7456;--text-quaternary: #7d5a42;--text-inverse: #ffffff;--text-on-primary: #0f0a08;--text-on-secondary: #ffffff;--text-on-accent: #0f0a08;--text-brand: #7a904d;--text-accent: #98ad66;--text-link: #7a904d;--text-link-hover: #98ad66;--text-interactive: #738559;--text-interactive-hover: #7a904d}[data-theme=bad-moon]{--primary-50: #0a1f0a;--primary-100: #143314;--primary-200: #1f4a1f;--primary-300: #2b662b;--primary-400: #388538;--primary-500: #4ade80;--primary-600: #5ee68a;--primary-700: #7aed9f;--primary-800: #9ff2b8;--primary-900: #c7f7d6;--secondary-50: #331a00;--secondary-100: #4d2600;--secondary-200: #6e3800;--secondary-300: #944d00;--secondary-400: #bd6300;--secondary-500: #fbbf24;--secondary-600: #fcd34d;--secondary-700: #fde047;--secondary-800: #fef08a;--secondary-900: #fef9c3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #000000;--color-gray-100: #0a0a0a;--color-gray-200: #141414;--color-gray-300: #1f1f1f;--color-gray-400: #2b2b2b;--color-gray-500: #424242;--color-gray-600: #666666;--color-gray-700: #999999;--color-gray-800: #cccccc;--color-gray-900: #f0f0f0;--neutral-50: #000000;--neutral-100: #0a0a0a;--neutral-200: #141414;--neutral-300: #1f1f1f;--neutral-400: #2b2b2b;--neutral-500: #424242;--neutral-600: #666666;--neutral-700: #999999;--neutral-800: #cccccc;--neutral-900: #f0f0f0;--surface-base: #000000;--surface: #0a0a0a;--surface-raised: #141414;--surface-secondary: #0a0a0a;--surface-emphasis: #1f1f1f;--surface-overlay: #1f1f1f;--surface-sunken: #000000;--surface-subtle: #0a0a0a;--surface-elevated: #1f1f1f;--surface-tertiary: #1f1f1f;--surface-code: #0a0a0a;--border-subtle: #141414;--border-code: #1f1f1f;--text-code: #666666;--border-default: #141414;--border-emphasis: #1f1f1f;--border-light: #2b2b2b;--text-primary: #e8e8e8;--text-secondary: #c0c0c0;--text-tertiary: #a0a0a0;--text-quaternary: #808080;--text-inverse: #ffffff;--text-on-primary: #000000;--text-on-secondary: #000000;--text-on-accent: #000000;--text-brand: #4ade80;--text-accent: #5ee68a;--text-link: #5ee68a;--text-link-hover: #7aed9f;--text-interactive: #4ade80;--text-interactive-hover: #5ee68a}[data-theme=tyrant-flesh]{--primary-50: #0f0a05;--primary-100: #1a140a;--primary-200: #2e240f;--primary-300: #423314;--primary-400: #59451a;--primary-500: #6e5621;--primary-600: #8a6e2e;--primary-700: #a88a42;--primary-800: #c4ad70;--primary-900: #dfd1a8;--secondary-50: #1a0505;--secondary-100: #2e0a0a;--secondary-200: #4a0f0f;--secondary-300: #661414;--secondary-400: #851a1a;--secondary-500: #cc0000;--secondary-600: #e60000;--secondary-700: #ff0000;--secondary-800: #ff4d4d;--secondary-900: #ff9999;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #f5ebe8;--color-gray-100: #ebd9d4;--color-gray-200: #ddc4ba;--color-gray-300: #cdad9e;--color-gray-400: #bb9582;--color-gray-500: #a87d68;--color-gray-600: #8f664f;--color-gray-700: #72503d;--color-gray-800: #563d2e;--color-gray-900: #3d2c21;--neutral-50: #f5ebe8;--neutral-100: #ebd9d4;--neutral-200: #ddc4ba;--neutral-300: #cdad9e;--neutral-400: #bb9582;--neutral-500: #a87d68;--neutral-600: #8f664f;--neutral-700: #72503d;--neutral-800: #563d2e;--neutral-900: #3d2c21;--surface-base: #f5ebe8;--surface: #ebd9d4;--surface-raised: #ddc4ba;--surface-secondary: #ebd9d4;--surface-emphasis: #cdad9e;--surface-overlay: #cdad9e;--surface-sunken: #faf3f0;--surface-subtle: #ebd9d4;--surface-elevated: #cdad9e;--surface-tertiary: #cdad9e;--surface-code: #ebd9d4;--border-subtle: #ddc4ba;--border-code: #cdad9e;--text-code: #72503d;--border-default: #ddc4ba;--border-emphasis: #cdad9e;--border-light: #bb9582;--text-primary: #0f0a05;--text-secondary: #1a140a;--text-tertiary: #2e240f;--text-quaternary: #423314;--text-inverse: #ffffff;--text-on-primary: #14100a;--text-on-secondary: #ffffff;--text-on-accent: #14100a;--text-brand: #9c7d4f;--text-accent: #bf9c6b;--text-link: #9c7d4f;--text-link-hover: #bf9c6b;--text-interactive: #78633d;--text-interactive-hover: #9c7d4f;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=forged-alliance]{--primary-50: #1a0505;--primary-100: #2d0808;--primary-200: #420c0c;--primary-300: #5c1010;--primary-400: #781515;--primary-500: #961919;--primary-600: #b82d2d;--primary-700: #d44747;--primary-800: #e67070;--primary-900: #f5a3a3;--secondary-50: #1a0f05;--secondary-100: #2d1c08;--secondary-200: #42280c;--secondary-300: #5c3710;--secondary-400: #784915;--secondary-500: #966019;--secondary-600: #b87a2d;--secondary-700: #d49847;--secondary-800: #e6b870;--secondary-900: #f5d6a3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #14161a;--color-gray-100: #1f2328;--color-gray-200: #2d3238;--color-gray-300: #3d444d;--color-gray-400: #525a66;--color-gray-500: #6b7380;--color-gray-600: #8a919b;--color-gray-700: #abb0b8;--color-gray-800: #cbced3;--color-gray-900: #e8e9eb;--neutral-50: #14161a;--neutral-100: #1f2328;--neutral-200: #2d3238;--neutral-300: #3d444d;--neutral-400: #525a66;--neutral-500: #6b7380;--neutral-600: #8a919b;--neutral-700: #abb0b8;--neutral-800: #cbced3;--neutral-900: #e8e9eb;--surface-base: #14161a;--surface: #1f2328;--surface-raised: #2d3238;--surface-secondary: #1f2328;--surface-emphasis: #3d444d;--surface-overlay: #3d444d;--surface-sunken: #0f1114;--surface-subtle: #1f2328;--surface-elevated: #3d444d;--surface-tertiary: #2d3238;--surface-code: #1f2328;--border-subtle: #2d3238;--border-code: #3d444d;--text-code: #8a919b;--border-default: #2d3238;--border-emphasis: #3d444d;--border-light: #525a66;--text-primary: #e8e8e8;--text-default: #d4d4d4;--text-secondary: #b8b8b8;--text-tertiary: #9c9c9c;--text-disabled: #808080;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #1a0f05;--text-on-accent: #14161a;--text-brand: #b87a2d;--text-accent: #d49847;--text-link: #d49847;--text-link-hover: #e6b870;--text-interactive: #b87a2d;--text-interactive-hover: #d49847;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=skybound-steel]{--primary-50: #1a0f05;--primary-100: #2d1c08;--primary-200: #42280c;--primary-300: #5c3710;--primary-400: #784915;--primary-500: #966019;--primary-600: #b87a2d;--primary-700: #d49847;--primary-800: #e6b870;--primary-900: #f5d6a3;--secondary-50: #14101a;--secondary-100: #1f1a2d;--secondary-200: #2d2442;--secondary-300: #3d305c;--secondary-400: #4f3d78;--secondary-500: #634d96;--secondary-600: #7d63b5;--secondary-700: #9b82d3;--secondary-800: #baa8e6;--secondary-900: #d9d1f5;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #6b7380;--color-gray-100: #8a919b;--color-gray-200: #9ea5ad;--color-gray-300: #abb0b8;--color-gray-400: #bac0c7;--color-gray-500: #cbced3;--color-gray-600: #d6d9dd;--color-gray-700: #e1e3e6;--color-gray-800: #ebeced;--color-gray-900: #f5f5f6;--neutral-50: #6b7380;--neutral-100: #8a919b;--neutral-200: #9ea5ad;--neutral-300: #abb0b8;--neutral-400: #bac0c7;--neutral-500: #cbced3;--neutral-600: #d6d9dd;--neutral-700: #e1e3e6;--neutral-800: #ebeced;--neutral-900: #f5f5f6;--surface-base: #bac0c7;--surface: #cbced3;--surface-raised: #d6d9dd;--surface-secondary: #cbced3;--surface-emphasis: #e1e3e6;--surface-overlay: #e1e3e6;--surface-sunken: #abb0b8;--surface-subtle: #cbced3;--surface-elevated: #e1e3e6;--surface-tertiary: #d6d9dd;--surface-code: #cbced3;--border-subtle: #9ea5ad;--border-code: #8a919b;--text-code: #3d444d;--border-default: #9ea5ad;--border-emphasis: #8a919b;--border-light: #abb0b8;--text-primary: #1a0f05;--text-default: #2d1c08;--text-secondary: #42280c;--text-tertiary: #5c3710;--text-disabled: #8a919b;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-accent: #ffffff;--text-brand: #b87a2d;--text-accent: #d49847;--text-link: #b87a2d;--text-link-hover: #d49847;--text-interactive: #966019;--text-interactive-hover: #b87a2d;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=sylvan-spirit]{--primary-50: #0a1a0f;--primary-100: #0f2917;--primary-200: #143d21;--primary-300: #1a542d;--primary-400: #216e3a;--primary-500: #2a8b49;--primary-600: #35a85d;--primary-700: #4dc477;--primary-800: #75d896;--primary-900: #a5e9bb;--secondary-50: #0a1a1f;--secondary-100: #0f2933;--secondary-200: #143d4a;--secondary-300: #1a5466;--secondary-400: #216e85;--secondary-500: #2a8ba6;--secondary-600: #3ba8c7;--secondary-700: #5bc4e0;--secondary-800: #84d8ed;--secondary-900: #b3e9f7;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #1a1410;--color-gray-100: #2d2419;--color-gray-200: #423624;--color-gray-300: #5c4c30;--color-gray-400: #78643e;--color-gray-500: #967f4e;--color-gray-600: #b59c64;--color-gray-700: #d3ba80;--color-gray-800: #e6d4a3;--color-gray-900: #f5eac9;--neutral-50: #1a1410;--neutral-100: #2d2419;--neutral-200: #423624;--neutral-300: #5c4c30;--neutral-400: #78643e;--neutral-500: #967f4e;--neutral-600: #b59c64;--neutral-700: #d3ba80;--neutral-800: #e6d4a3;--neutral-900: #f5eac9;--surface-base: #1a1410;--surface: #2d2419;--surface-raised: #423624;--surface-secondary: #2d2419;--surface-emphasis: #5c4c30;--surface-overlay: #5c4c30;--surface-sunken: #14100a;--surface-subtle: #2d2419;--surface-elevated: #5c4c30;--surface-tertiary: #423624;--surface-code: #2d2419;--border-subtle: #423624;--border-code: #5c4c30;--text-code: #b59c64;--border-default: #423624;--border-emphasis: #5c4c30;--border-light: #78643e;--text-primary: #a5e9bb;--text-default: #75d896;--text-secondary: #4dc477;--text-tertiary: #35a85d;--text-disabled: #2a8b49;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-on-secondary: #0a1a1f;--text-on-accent: #1a1410;--text-brand: #35a85d;--text-accent: #4dc477;--text-link: #4dc477;--text-link-hover: #75d896;--text-interactive: #35a85d;--text-interactive-hover: #4dc477;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=beastly-horde]{--primary-50: #1e1410;--primary-100: #33221a;--primary-200: #4d3328;--primary-300: #6b4837;--primary-400: #8d6149;--primary-500: #b37d5e;--primary-600: #d3a88a;--primary-700: #e3c4a8;--primary-800: #eddac4;--primary-900: #f5ebe0;--secondary-50: #1a0505;--secondary-100: #2d0808;--secondary-200: #470c0c;--secondary-300: #661111;--secondary-400: #8b1a1a;--secondary-500: #b32424;--secondary-600: #d63636;--secondary-700: #f05555;--secondary-800: #f78181;--secondary-900: #fcb3b3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0f0a05;--color-gray-100: #1c140c;--color-gray-200: #2d2419;--color-gray-300: #423426;--color-gray-400: #5c4936;--color-gray-500: #7a6148;--color-gray-600: #9c7d61;--color-gray-700: #c19d7d;--color-gray-800: #dcc2a3;--color-gray-900: #f0e3cc;--neutral-50: #0f0a05;--neutral-100: #1c140c;--neutral-200: #2d2419;--neutral-300: #423426;--neutral-400: #5c4936;--neutral-500: #7a6148;--neutral-600: #9c7d61;--neutral-700: #c19d7d;--neutral-800: #dcc2a3;--neutral-900: #f0e3cc;--surface-base: #0f0a05;--surface: #1c140c;--surface-raised: #2d2419;--surface-secondary: #1c140c;--surface-emphasis: #423426;--surface-overlay: #423426;--surface-sunken: #0a0603;--surface-subtle: #1c140c;--surface-elevated: #423426;--surface-tertiary: #2d2419;--surface-code: #1c140c;--border-subtle: #2d2419;--border-code: #423426;--text-code: #9c7d61;--border-default: #2d2419;--border-emphasis: #423426;--border-light: #5c4936;--text-primary: #f5ebe0;--text-default: #eddac4;--text-secondary: #e3c4a8;--text-tertiary: #d3a88a;--text-disabled: #b37d5e;--text-inverse: #ffffff;--text-on-primary: #1e1410;--text-on-secondary: #1a0505;--text-on-accent: #0f0a05;--text-brand: #d3a88a;--text-accent: #e3c4a8;--text-link: #e3c4a8;--text-link-hover: #eddac4;--text-interactive: #d3a88a;--text-interactive-hover: #e3c4a8;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=ghoulish-delusion]{--primary-50: #0f1410;--primary-100: #1a221a;--primary-200: #293329;--primary-300: #3b473b;--primary-400: #4f5e4f;--primary-500: #677a67;--primary-600: #849984;--primary-700: #a3b8a3;--primary-800: #c4d4c4;--primary-900: #e3ebe3;--secondary-50: #1a0508;--secondary-100: #2d080d;--secondary-200: #470c14;--secondary-300: #66111d;--secondary-400: #8b1729;--secondary-500: #b31f38;--secondary-600: #d6334f;--secondary-700: #f0546d;--secondary-800: #f7818f;--secondary-900: #fcb3bd;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0d0f0d;--color-gray-100: #171a17;--color-gray-200: #252926;--color-gray-300: #363b36;--color-gray-400: #4a4f4a;--color-gray-500: #616861;--color-gray-600: #7e857e;--color-gray-700: #9fa69f;--color-gray-800: #c4c9c4;--color-gray-900: #e6e8e6;--neutral-50: #0d0f0d;--neutral-100: #171a17;--neutral-200: #252926;--neutral-300: #363b36;--neutral-400: #4a4f4a;--neutral-500: #616861;--neutral-600: #7e857e;--neutral-700: #9fa69f;--neutral-800: #c4c9c4;--neutral-900: #e6e8e6;--surface-base: #0d0f0d;--surface: #171a17;--surface-raised: #252926;--surface-secondary: #171a17;--surface-emphasis: #363b36;--surface-overlay: #363b36;--surface-sunken: #090a09;--surface-subtle: #171a17;--surface-elevated: #363b36;--surface-tertiary: #252926;--surface-code: #171a17;--border-subtle: #252926;--border-code: #363b36;--text-code: #7e857e;--border-default: #252926;--border-emphasis: #363b36;--border-light: #4a4f4a;--text-primary: #e3ebe3;--text-default: #c4d4c4;--text-secondary: #a3b8a3;--text-tertiary: #849984;--text-disabled: #677a67;--text-inverse: #ffffff;--text-on-primary: #0f1410;--text-on-secondary: #1a0508;--text-on-accent: #0d0f0d;--text-brand: #849984;--text-accent: #a3b8a3;--text-link: #a3b8a3;--text-link-hover: #c4d4c4;--text-interactive: #849984;--text-interactive-hover: #a3b8a3;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=primal-savagery]{--primary-50: #0a1a0f;--primary-100: #0f2918;--primary-200: #143d26;--primary-300: #1a5436;--primary-400: #216e48;--primary-500: #2a8b5d;--primary-600: #35a877;--primary-700: #4dc494;--primary-800: #75d8b2;--primary-900: #a5e9d0;--secondary-50: #1a140f;--secondary-100: #2d221a;--secondary-200: #423328;--secondary-300: #5c4836;--secondary-400: #786148;--secondary-500: #967d5e;--secondary-600: #b59d7a;--secondary-700: #d3bd99;--secondary-800: #e6d7b8;--secondary-900: #f5ebdb;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #14100a;--color-gray-100: #211c14;--color-gray-200: #332d21;--color-gray-300: #473f2e;--color-gray-400: #5e543d;--color-gray-500: #786b4f;--color-gray-600: #968766;--color-gray-700: #b5a685;--color-gray-800: #d3c8ac;--color-gray-900: #ede7d6;--neutral-50: #14100a;--neutral-100: #211c14;--neutral-200: #332d21;--neutral-300: #473f2e;--neutral-400: #5e543d;--neutral-500: #786b4f;--neutral-600: #968766;--neutral-700: #b5a685;--neutral-800: #d3c8ac;--neutral-900: #ede7d6;--surface-base: #14100a;--surface: #211c14;--surface-raised: #332d21;--surface-secondary: #211c14;--surface-emphasis: #473f2e;--surface-overlay: #473f2e;--surface-sunken: #0f0c07;--surface-subtle: #211c14;--surface-elevated: #473f2e;--surface-tertiary: #332d21;--surface-code: #211c14;--border-subtle: #332d21;--border-code: #473f2e;--text-code: #968766;--border-default: #332d21;--border-emphasis: #473f2e;--border-light: #5e543d;--text-primary: #a5e9d0;--text-default: #75d8b2;--text-secondary: #4dc494;--text-tertiary: #35a877;--text-disabled: #2a8b5d;--text-inverse: #ffffff;--text-on-primary: #0a1a0f;--text-on-secondary: #1a140f;--text-on-accent: #14100a;--text-brand: #35a877;--text-accent: #4dc494;--text-link: #4dc494;--text-link-hover: #75d8b2;--text-interactive: #35a877;--text-interactive-hover: #4dc494;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=colossal-reign]{--primary-50: #1a1410;--primary-100: #2d2419;--primary-200: #423626;--primary-300: #5c4c36;--primary-400: #786448;--primary-500: #96805e;--primary-600: #b59f7a;--primary-700: #d3bf99;--primary-800: #e6d9b8;--primary-900: #f5ebdb;--secondary-50: #1a0808;--secondary-100: #2d0d0d;--secondary-200: #471414;--secondary-300: #661d1d;--secondary-400: #8b2828;--secondary-500: #b33636;--secondary-600: #d65252;--secondary-700: #f07676;--secondary-800: #f79e9e;--secondary-900: #fcc9c9;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #14100a;--color-gray-100: #211c14;--color-gray-200: #332d21;--color-gray-300: #473f2e;--color-gray-400: #5e543d;--color-gray-500: #786b4f;--color-gray-600: #968766;--color-gray-700: #b5a685;--color-gray-800: #d3c8ac;--color-gray-900: #ede7d6;--neutral-50: #14100a;--neutral-100: #211c14;--neutral-200: #332d21;--neutral-300: #473f2e;--neutral-400: #5e543d;--neutral-500: #786b4f;--neutral-600: #968766;--neutral-700: #b5a685;--neutral-800: #d3c8ac;--neutral-900: #ede7d6;--surface-base: #14100a;--surface: #211c14;--surface-raised: #332d21;--surface-secondary: #211c14;--surface-emphasis: #473f2e;--surface-overlay: #473f2e;--surface-sunken: #0f0c07;--surface-subtle: #211c14;--surface-elevated: #473f2e;--surface-tertiary: #332d21;--surface-code: #211c14;--border-subtle: #332d21;--border-code: #473f2e;--text-code: #968766;--border-default: #332d21;--border-emphasis: #473f2e;--border-light: #5e543d;--text-primary: #f5ebdb;--text-default: #e6d9b8;--text-secondary: #d3bf99;--text-tertiary: #b59f7a;--text-disabled: #96805e;--text-inverse: #ffffff;--text-on-primary: #1a1410;--text-on-secondary: #1a0808;--text-on-accent: #14100a;--text-brand: #b59f7a;--text-accent: #d3bf99;--text-link: #d3bf99;--text-link-hover: #e6d9b8;--text-interactive: #b59f7a;--text-interactive-hover: #d3bf99;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}[data-theme=felfire-forge]{--primary-50: #0a1a14;--primary-100: #0f2922;--primary-200: #143d33;--primary-300: #1a5447;--primary-400: #216e5e;--primary-500: #2a8b77;--primary-600: #35a894;--primary-700: #4dc4b3;--primary-800: #75d8cc;--primary-900: #a5e9e0;--secondary-50: #1a1005;--secondary-100: #2d1c08;--secondary-200: #42280c;--secondary-300: #5c3710;--secondary-400: #784915;--secondary-500: #ca8a04;--secondary-600: #eab308;--secondary-700: #fde047;--secondary-800: #fef08a;--secondary-900: #fef9c3;--error-50: #7f1d1d;--error-100: #991b1b;--error-200: #b91c1c;--error-300: #dc2626;--error-400: #ef4444;--error-500: #f87171;--error-600: #fca5a5;--error-700: #fecaca;--error-800: #fee2e2;--error-900: #fef2f2;--color-gray-50: #0f0a14;--color-gray-100: #1a1421;--color-gray-200: #292133;--color-gray-300: #3b2e47;--color-gray-400: #4f3d5e;--color-gray-500: #675078;--color-gray-600: #846796;--color-gray-700: #a384b5;--color-gray-800: #c4a7d3;--color-gray-900: #e3ceeb;--neutral-50: #0f0a14;--neutral-100: #1a1421;--neutral-200: #292133;--neutral-300: #3b2e47;--neutral-400: #4f3d5e;--neutral-500: #675078;--neutral-600: #846796;--neutral-700: #a384b5;--neutral-800: #c4a7d3;--neutral-900: #e3ceeb;--surface-base: #0f0a14;--surface: #1a1421;--surface-raised: #292133;--surface-secondary: #1a1421;--surface-emphasis: #3b2e47;--surface-overlay: #3b2e47;--surface-sunken: #0a0610;--surface-subtle: #1a1421;--surface-elevated: #3b2e47;--surface-tertiary: #292133;--surface-code: #1a1421;--border-subtle: #292133;--border-code: #3b2e47;--text-code: #846796;--border-default: #292133;--border-emphasis: #3b2e47;--border-light: #4f3d5e;--text-primary: #d9c4e8;--text-default: #c4a7d3;--text-secondary: #a384b5;--text-tertiary: #846796;--text-disabled: #675078;--text-inverse: #ffffff;--text-on-primary: #0a1a14;--text-on-secondary: #1a1005;--text-on-accent: #0f0a14;--text-brand: #35a894;--text-accent: #4dc4b3;--text-link: #4dc4b3;--text-link-hover: #75d8c4;--text-interactive: #35a894;--text-interactive-hover: #4dc4b3;--success-50: #14532d;--success-100: #166534;--success-200: #15803d;--success-300: #16a34a;--success-400: #22c55e;--success-500: #4ade80;--success-600: #86efac;--success-700: #bbf7d0;--success-800: #dcfce7;--success-900: #f0fdf4;--surface-info: var(--primary-50);--text-info: var(--primary-900);--border-info: var(--primary-200);--surface-success: var(--success-50);--text-success: var(--success-900);--border-success: var(--success-200);--surface-warning: var(--secondary-50);--text-warning: var(--secondary-900);--border-warning: var(--secondary-200);--surface-error: var(--error-50);--text-error: var(--error-900);--border-error: var(--error-200)}:root{--size-xs: 2.75rem;--size-sm: 3rem;--size-md: 3.25rem;--size-lg: 3.75rem;--size-xl: 4.5rem;--size-2xl: 5.5rem;--text-size-xs: calc(var(--size-xs) * .3);--text-size-sm: calc(var(--size-xs) * .35);--text-size-base: calc(var(--size-xs) * .4);--text-size-lg: calc(var(--size-xs) * .45);--text-size-xl: calc(var(--size-xs) * .55);--text-size-2xl: calc(var(--size-xs) * .65);--text-size-3xl: calc(var(--size-xs) * .75);--btn-xs-height: var(--size-xs);--btn-sm-height: var(--size-sm);--btn-height: var(--size-md);--btn-lg-height: var(--size-lg);--btn-xl-height: var(--size-xl);--btn-xs-min-width: var(--btn-xs-height);--btn-sm-min-width: var(--btn-sm-height);--btn-min-width: var(--btn-height);--btn-lg-min-width: var(--btn-lg-height);--btn-xl-min-width: var(--btn-xl-height);--input-height-xs: var(--size-xs);--input-height-sm: var(--size-xs);--input-height: var(--size-sm);--input-height-lg: var(--size-md);--select-height: var(--size-sm);--textarea-min-height: var(--size-lg);--nav-item-height: var(--size-sm);--nav-item-height-lg: var(--size-md);--tab-height: var(--size-sm);--breadcrumb-height: var(--size-xs);--menu-item-height: var(--size-sm);--card-header-height: var(--size-lg);--card-min-height: var(--size-2xl);--sidebar-width: calc(var(--size-2xl) * 4);--header-height: var(--size-xl);--footer-height: var(--size-lg);--table-row-height: var(--size-sm);--table-row-height-lg: var(--size-md);--list-item-height: var(--size-sm);--accordion-header-height: var(--size-md);--icon-container-xs: var(--size-xs);--icon-container-sm: var(--size-sm);--icon-container-md: var(--size-md);--icon-container-lg: var(--size-lg);--avatar-xs: var(--size-xs);--avatar-sm: var(--size-sm);--avatar-md: var(--size-md);--avatar-lg: var(--size-lg);--avatar-xl: var(--size-xl);--avatar-2xl: var(--size-2xl);--badge-height: calc(var(--size-xs) * .6);--chip-height: calc(var(--size-xs) * .8);--tag-height: calc(var(--size-xs) * .7);--checkbox-size: calc(var(--size-xs) * .6);--radio-size: calc(var(--size-xs) * .6);--toggle-height: calc(var(--size-xs) * .7);--switch-height: var(--size-xs);--slider-track-height: calc(var(--size-xs) * .3);--slider-thumb-size: var(--size-xs);--progress-height-sm: calc(var(--size-xs) * .2);--progress-height: calc(var(--size-xs) * .3);--progress-height-lg: calc(var(--size-xs) * .4);--spinner-size-sm: var(--size-xs);--spinner-size: var(--size-sm);--spinner-size-lg: var(--size-md);--stepper-step-size: calc(var(--size-xs) * .8);--stepper-step-height: var(--size-sm);--stepper-nav-height: var(--size-lg);--toast-height: var(--size-md);--banner-height: var(--size-sm);--alert-min-height: var(--size-sm);--modal-header-height: var(--size-lg);--modal-footer-height: var(--size-lg);--drawer-width: calc(var(--size-2xl) * 6);--popover-min-height: var(--size-lg);--button-padding-xs: var(--space-2) var(--space-3)}@media (pointer: fine){:root{--size-xs: 3rem;--size-sm: 3.25rem;--size-md: 3.5rem;--size-lg: 4rem;--size-xl: 5rem;--size-2xl: 6rem;--header-height: calc(var(--size-xl) * 1.2);--sidebar-width: calc(var(--size-2xl) * 5);--drawer-width: calc(var(--size-2xl) * 7);--card-header-height: calc(var(--size-lg) * 1.1);--modal-header-height: calc(var(--size-lg) * 1.1);--modal-footer-height: calc(var(--size-lg) * 1.1)}}@media (pointer: fine) and (min-width: 1200px){:root{--size-xs: 3.25rem;--size-sm: 3.5rem;--size-md: 3.75rem;--size-lg: 4.25rem;--size-xl: 5.5rem;--size-2xl: 6.5rem;--sidebar-width: calc(var(--size-2xl) * 4.5);--drawer-width: calc(var(--size-2xl) * 6)}}*{-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}button,a,input,textarea,select,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-moz-tap-highlight-color:transparent!important}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}button:focus,button:active,.btn:focus,.btn:active{outline:none!important}button:focus-visible,.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}body.touching *:focus,body.touching button:focus,body.touching .btn:focus,body.touching a:focus{outline:none!important;box-shadow:none!important;border-color:inherit!important}@media (max-width: 768px),(hover: none){*{-webkit-tap-highlight-color:transparent!important}button,.btn,a{-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}button:focus,.btn:focus,a:focus{outline:none!important}button:active,.btn:active{-webkit-tap-highlight-color:transparent!important}button:focus,button:focus-visible,button:focus-within,.btn:focus,.btn:focus-visible,.btn:focus-within,input:focus,textarea:focus,select:focus,a:focus{outline:none!important;box-shadow:none!important}.btn--primary:focus,.btn--primary:focus-visible,.btn--primary:active{background:linear-gradient(135deg,var(--primary-500),var(--primary-700))!important;border-color:var(--primary-600)!important;box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a!important}.btn--secondary:focus,.btn--secondary:focus-visible,.btn--secondary:active{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-700))!important;border-color:var(--secondary-600)!important;box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a!important}.btn--danger:focus,.btn--danger:focus-visible,.btn--danger:active{background:linear-gradient(135deg,var(--danger-500),var(--danger-700))!important;border-color:var(--danger-600)!important;box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a!important}button:focus:not(.btn--primary):not(.btn--secondary):not(.btn--danger),.btn:focus:not(.btn--primary):not(.btn--secondary):not(.btn--danger){background:var(--surface)!important;border-color:var(--border-light)!important;opacity:1!important}button:before,button:after,.btn:before,.btn:after,.btn--primary:before,.btn--primary:after,.btn--secondary:before,.btn--secondary:after,.btn--danger:before,.btn--danger:after{display:none!important;width:0!important;height:0!important;opacity:0!important;content:none!important}button:focus:before,button:active:before,.btn:focus:before,.btn:active:before{display:none!important;width:0!important;height:0!important}}.base-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));height:100vh;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.base-modal{background:var(--surface);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-primary);box-shadow:var(--shadow-overlay);max-width:min(800px,90vw);max-height:90vh;width:100%;min-width:320px;display:flex;flex-direction:column;position:relative}.base-modal:has(.status-message--error .error-details){max-width:min(1200px,95vw);width:min(1200px,95vw)}.base-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-width) solid var(--border-emphasis);background:var(--surface-emphasis);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;gap:var(--space-3)}.base-modal-title{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1}.base-modal-title h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1}.base-modal-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.base-modal-emoji{font-size:var(--font-size-xl);line-height:1}.base-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-xl);line-height:1;cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) ease;flex-shrink:0}.base-modal-close:hover{background:var(--surface-tertiary);color:var(--text-primary)}.base-modal-content{flex:1;min-height:0;padding:0;max-width:100%;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.base-modal-content:not(:has(.modal-sticky-content,.modal-sticky-bottom)){padding:var(--space-4);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.base-modal-footer{flex-shrink:0;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--border-light);background:var(--surface-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.base-modal-bottom-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-weight-medium)}.base-modal-bottom-btn-icon{font-size:var(--font-size-lg);line-height:1}.modal-content-wrapper{padding:var(--space-4);overflow-y:auto;height:100%}.modal-sticky-top{flex-shrink:0;padding-bottom:var(--space-3)}.modal-sticky-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:var(--space-4);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);margin:0}.modal-sticky-content::-webkit-scrollbar{width:8px}.modal-sticky-content::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:var(--radius-sm)}.modal-sticky-content::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-sm);border:1px solid var(--surface)}.modal-sticky-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modal-sticky-bottom{flex-shrink:0;padding:var(--space-4);max-width:100%;overflow:hidden;border-top:var(--border-width) solid var(--border-light);background:var(--surface-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-actions{display:flex;justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--size-48)}@media (max-width: 768px){.base-modal-overlay{padding:var(--space-2);min-height:100vh;min-height:var(--initial-vh, 100vh)}.base-modal{max-width:95vw;max-height:95vh;max-height:calc(var(--initial-vh, 100vh) * .95);border-radius:var(--radius-md)}.base-modal-header{padding:var(--space-3);border-bottom:var(--border-width) solid var(--border-emphasis);border-radius:var(--radius-md) var(--radius-md) 0 0}.modal-sticky-layout{max-height:100%}.modal-sticky-layout .modal-sticky-bottom{position:sticky;bottom:0;background:var(--surface);z-index:10}.modal-sticky-layout .modal-sticky-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);margin:0}.modal-sticky-content input,.modal-sticky-content textarea,.modal-sticky-content select{font-size:16px}}.button-group-responsive{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%}@media (min-width: 600px){.button-group-responsive{grid-template-columns:1fr 1fr;gap:var(--space-4)}}.button-group-horizontal{display:flex;gap:var(--space-3);width:100%}.button-group-horizontal .btn{flex:1;min-width:0}.button-group-vertical{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.button-group-vertical .btn{width:100%}html{transition:background-color var(--duration-normal) ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:color .3s ease,background-color .3s ease;color:var(--text-primary);background-color:var(--surface-base);margin:0;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-layout{background-color:var(--surface-base);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease}.breadcrumbs{display:inline-flex;align-items:center;gap:0;font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0;padding:0;white-space:nowrap;overflow:visible}.breadcrumb-separator{color:var(--text-quaternary);-webkit-user-select:none;user-select:none;flex-shrink:0;margin:0 var(--space-1);padding:0}.breadcrumb-link{color:var(--text-tertiary);background:none;border:none;text-decoration:none;cursor:pointer;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);transition:color .3s ease,background-color .3s ease;text-transform:lowercase;white-space:nowrap;flex-shrink:0}.breadcrumb-link:hover{color:var(--text-primary);background-color:var(--surface-subtle)}.breadcrumb-current{color:var(--text-primary);font-weight:500;text-transform:lowercase;white-space:nowrap;overflow:visible;text-overflow:none;min-width:auto}@media (max-width: 768px){.breadcrumbs{max-width:60vw}.breadcrumb-current{max-width:var(--container-xs)}.sticky-header{padding:var(--space-2) var(--space-3)}.sticky-header .cluster,.sticky-header .cluster--2{gap:var(--space-1)}}*,*:before,*:after{color:inherit}h1,h2,h3,h4,h5,h6,p,span,div,section,article,.text,.heading{color:var(--text-primary)}.card,.btn,.input,.select{transition:background-color var(--duration-normal) ease,border-color var(--duration-normal) ease,color var(--duration-normal) ease}.bg-surface{background:var(--surface)}.bg-surface-subtle{background:var(--surface-subtle)}.bg-surface-elevated{background:var(--surface-elevated)}.text-color-primary{color:var(--text-primary)}.text-color-secondary{color:var(--text-secondary)}.text-color-muted{color:var(--text-tertiary)}.css-containment{contain:layout style paint}.skeleton-text-sm{height:var(--progress-md)}.skeleton-text-xs{height:var(--progress-sm);margin-top:var(--space-2)}.stagger-0{--stagger-index: 0}.stagger-1{--stagger-index: 1}.stagger-2{--stagger-index: 2}.min-touch-target{min-height:var(--touch-target-lg);min-width:var(--touch-target-lg)}.touch-pan-x{touch-action:pan-x}.demo-modal{position:fixed;top:var(--position-center);left:var(--position-center);transform:var(--transform-center);background:var(--surface);padding:var(--space-16);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);z-index:1000;max-width:var(--container-xs);width:var(--width-almost-full)}.demo-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay);z-index:var(--z-overlay);animation:fadeIn var(--duration-normal) ease}.breadcrumb__current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.heading{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--space-4) 0}.heading--1{font-size:var(--font-size-5xl);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-6) 0}.heading--2{font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight);margin:var(--space-8) 0 var(--space-5) 0}.heading--3{font-size:var(--font-size-3xl);margin:var(--space-6) 0 var(--space-4) 0}.heading--4{font-size:var(--font-size-2xl);margin:var(--space-5) 0 var(--space-3) 0}.heading--5{font-size:var(--font-size-xl);margin:var(--space-4) 0 var(--space-2) 0}.heading--6{font-size:var(--font-size-lg);margin:var(--space-3) 0 var(--space-2) 0}.heading:first-child{margin-top:0}.text{font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--text-primary);margin:0 0 var(--space-3) 0}.text--xs{font-size:var(--font-size-xs)}.text--sm{font-size:var(--font-size-sm)}.text--lg{font-size:var(--font-size-lg)}.text--xl{font-size:var(--font-size-xl)}.text--2xl{font-size:var(--font-size-2xl)}.text--3xl{font-size:var(--font-size-3xl)}.text--4xl{font-size:var(--font-size-4xl)}.text--5xl{font-size:var(--font-size-5xl)}.text--primary{color:var(--text-primary)}.text--secondary{color:var(--text-secondary)}.text--muted{color:var(--text-tertiary)}.text--light{color:var(--text-quaternary)}.text--inverse{color:var(--surface)}.text--normal{font-weight:var(--font-weight-normal)}.text--medium{font-weight:var(--font-weight-medium)}.text--semibold{font-weight:var(--font-weight-semibold)}.text--bold{font-weight:var(--font-weight-bold)}.lh-normal{line-height:var(--line-height-normal)}.lh-relaxed{line-height:1.6}.lh-loose{line-height:1.8}.mt-5{margin-top:var(--space-5)}.mb-5{margin-bottom:var(--space-5)}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.text:last-child{margin-bottom:0}p{margin:0 0 var(--space-3) 0;line-height:var(--line-height-normal)}p:last-child{margin-bottom:0}ul,ol{margin:0 0 var(--space-3) 0;padding-left:var(--space-4)}ul:last-child,ol:last-child{margin-bottom:0}li{margin-bottom:var(--space-1)}li:last-child{margin-bottom:0}li>ul,li>ol{margin-top:var(--space-1);margin-bottom:0}.divider{margin:var(--space-6) 0;height:1px;background:var(--border-light);border:none}.divider--thin{margin:var(--space-4) 0}.modal-body{padding:var(--space-4)}.validation-error{color:var(--error-600);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.flex-start{display:flex;align-items:flex-start;gap:var(--space-2)}.flex-center{display:flex;align-items:center;gap:var(--space-2)}.flex-gap-2{display:flex;gap:var(--space-2);flex-wrap:wrap}.flex-gap-3{display:flex;gap:var(--space-3);flex-wrap:wrap}.flex-gap-4{display:flex;gap:var(--space-4);flex-wrap:wrap}.icon-xs{font-size:16px}.icon-sm{font-size:24px}.icon-md{font-size:32px}.icon-lg{font-size:40px}.icon-xl{font-size:48px}.icon-2xl{font-size:56px}.icon-3xl{font-size:64px}.collapsible{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-raised);overflow:hidden;box-shadow:var(--shadow-sm)}.collapsible__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--primary-500);border:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);color:var(--text-on-primary);text-align:left}.collapsible__toggle{font-size:var(--text-sm);color:var(--white-alpha-90);margin-left:var(--space-2)}.collapsible__header[aria-expanded=true] .collapsible__toggle{transform:rotate(var(--rotation-half))}.collapsible__content{padding:var(--space-4);background:var(--surface-raised);border-top:1px solid var(--border-light)}.collapsible.disabled{opacity:.6}.collapsible.disabled .collapsible__header{cursor:not-allowed;color:var(--text-disabled);background:var(--surface-disabled)}.collapsible.disabled .collapsible__header:hover{background:var(--surface-disabled)}.collapsible__title{display:flex;align-items:center;gap:var(--space-2);flex:1}.collapsible__icon{display:flex;align-items:center;font-size:var(--text-lg)}.accordion-group{display:flex;flex-direction:column;gap:var(--space-2)}.accordion-group .collapsible{margin-bottom:0}.accordion-group .collapsible:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.accordion-group .collapsible:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.accordion-group .collapsible:not(:first-child){border-top:none}.status-message{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-top:var(--space-4);line-height:var(--line-height-normal)}.status-message__icon{font-size:var(--text-lg);flex-shrink:0;margin-top:0;line-height:var(--line-height-normal)}.status-message__text{flex:1;line-height:var(--line-height-normal)}.status-message__line{margin-bottom:var(--space-1)}.status-message__line:last-child{margin-bottom:0}.status-message--success{background:var(--surface-success);border-color:var(--border-success);color:var(--text-success)}.status-message--success .status-message__icon,.status-message--success .status-message__text,.status-message--success .status-message__line{color:var(--text-success)!important}.status-message--error{background:linear-gradient(135deg,var(--error-50) 0%,var(--error-100) 100%);border:2px solid var(--error-600);border-radius:var(--radius-lg);color:var(--text-error)!important;box-shadow:0 4px 12px var(--error-alpha-10);position:relative;overflow:hidden}.status-message--error:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--error-600) 0%,var(--error-500) 50%,var(--error-600) 100%);animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.7}}.status-message--error .status-message__icon,.status-message--error .status-message__text,.status-message--error .status-message__line{color:var(--text-error)!important}.error-details{display:flex;flex-direction:column;gap:var(--space-4)}.error-item{position:relative;border:0;border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-left:4px solid #dc2626;box-shadow:0 2px 8px #dc26261a;transition:all .2s ease}.error-item:hover{box-shadow:0 4px 12px #dc262626;transform:translateY(-1px)}.error-item:not(:last-child){margin-bottom:var(--space-3)}.error-header{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:#991b1b;margin-bottom:var(--space-3);font-size:var(--font-size-base)}.error-header:before{content:"⚠️";font-size:var(--font-size-lg);flex-shrink:0}.error-fields-section{margin-bottom:var(--space-3);padding:var(--space-3);background:rgba(255,255,255,.7);border-radius:var(--radius-md);border:1px solid rgba(220,38,38,.2)}.error-fields-section:last-child{margin-bottom:0}.error-fields-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#7c2d12;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.error-fields-title--found:before{content:"🔍";font-size:var(--font-size-base)}.error-fields-title--expected:before{content:"✅";font-size:var(--font-size-base)}.error-field-list{display:flex;flex-wrap:wrap;gap:var(--space-2);line-height:1.6}.error-field-tag{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);color:#7c2d12;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-mono);border:1px solid #dc2626;display:inline-flex;align-items:center;font-weight:var(--font-weight-medium);box-shadow:0 1px 3px #dc26261a;transition:all .2s ease}.error-field-tag:hover{transform:translateY(-1px);box-shadow:0 2px 6px #dc262633}.error-item--validation{border-left-color:#ea580c;background:linear-gradient(135deg,#fff7ed 0%,#fed7aa 100%)}.error-item--validation .error-header{color:#9a3412}.error-item--validation .error-header:before{content:"📋"}.error-item--format{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.error-item--format .error-header{color:#991b1b}.error-item--format .error-header:before{content:"🔧"}.error-item--syntax{border-left-color:#7c3aed;background:linear-gradient(135deg,#f5f3ff 0%,#e0e7ff 100%)}.error-item--syntax .error-header{color:#5b21b6}.error-item--syntax .error-header:before{content:"📝"}.error-field-tag--found{border-color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.error-field-tag--expected{border-color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#047857}.error-description{font-size:var(--font-size-sm);color:#7c2d12;line-height:1.6;margin-bottom:var(--space-2)}.error-code{font-family:var(--font-mono);background:rgba(0,0,0,.05);padding:var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-xs);display:inline-block;margin:0 2px}.error-item{animation:errorSlideIn .3s ease-out}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.error-item{background:linear-gradient(135deg,#1f1f23 0%,#2d1b1b 100%);border-left-color:#ef4444}.error-fields-section{background:rgba(0,0,0,.3);border-color:#ef44444d}.error-field-tag{background:linear-gradient(135deg,#1f1f23 0%,#374151 100%);color:#fca5a5;border-color:#ef4444}}.modal__title:has(.status-message--error){background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold)}.status-message--warning{background:var(--surface-warning);border-color:var(--border-warning);color:var(--text-warning)}.status-message--info{background:var(--surface-info);border:1px solid var(--border-info);border-left:4px solid var(--primary-500);color:var(--text-info)}.file-card{background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast) ease;box-shadow:var(--shadow-sm)}.file-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.file-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.file-card__info{flex:1}.file-card__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.file-card__badge--army{background:var(--color-success-light-standard);color:var(--color-success-dark-standard)}.file-card__badge--battlepack{background:var(--color-warning-light-standard);color:var(--color-warning-dark-standard)}.file-card__badge--core{background:var(--color-info-light-standard);color:var(--color-info-dark-standard)}.file-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:1.3}.file-card__filename{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.file-card__actions{flex-shrink:0}.file-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);font-size:var(--text-sm)}.file-card__date{color:var(--text-tertiary);margin:0}.file-card__usage{display:inline-flex;align-items:center;background:var(--color-danger-light-standard);color:var(--color-danger-dark-standard);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);margin-bottom:var(--space-2);margin-top:var(--space-1)}.progress-stepper-wrapper{margin:0;padding:0}.progress-stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:0;margin:0}.progress-stepper__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;z-index:1;flex:1;min-width:0}.progress-stepper__step--clickable{cursor:pointer}.progress-stepper__step--clickable:hover .progress-stepper__circle{transform:scale(1.1);box-shadow:0 0 0 4px var(--primary-100)}.progress-stepper__step--clickable:focus{outline:none}.progress-stepper__step--clickable:focus .progress-stepper__circle{box-shadow:0 0 0 4px var(--primary-200)}.progress-stepper__circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:2px solid var(--border-default);color:var(--text-tertiary);font-weight:var(--weight-semibold);transition:all var(--transition-fast) ease;position:relative;z-index:2}.progress-stepper__step--active .progress-stepper__circle{background:var(--primary-500);border-color:var(--primary-500);color:#fff;box-shadow:0 0 0 4px var(--primary-100)}.progress-stepper__step--completed .progress-stepper__circle{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-tertiary)}.progress-stepper__number{font-size:var(--text-base)}.progress-stepper__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);text-align:center;max-width:100px;line-height:1.3;min-height:2.6em;display:flex;align-items:center;justify-content:center}.progress-stepper__step--active .progress-stepper__label{color:var(--text-primary);font-weight:var(--weight-semibold)}.progress-stepper__step--completed .progress-stepper__label{color:var(--text-secondary)}.progress-stepper__line{height:2px;width:80px;background:var(--border-default);position:relative;transition:background var(--transition-normal) ease;margin:0 var(--space-2)}.progress-stepper__line--completed{background:var(--border-default)}.progress-stepper.flash-stepper{animation:stepperFlash .6s ease-out}@keyframes stepperFlash{0%{background-color:transparent}20%{background-color:var(--primary-100);transform:scale(1.02)}40%{background-color:var(--primary-50)}60%{background-color:var(--primary-100)}to{background-color:transparent;transform:scale(1)}}@media (max-width: 768px){.progress-stepper{padding:var(--space-1) 0}.progress-stepper__circle{width:36px;height:36px}.progress-stepper__label{font-size:var(--text-xs);max-width:80px}.progress-stepper__line{width:40px;margin:0 var(--space-1)}}.game-tracker-navigation{display:flex;gap:var(--space-3);padding:0}.game-tracker-navigation .btn{flex:1;min-height:48px}@media (max-width: 768px){.game-tracker-navigation{flex-direction:column}.game-tracker-navigation .btn{width:100%}}.dropdown{position:relative;display:inline-block}.dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary-500);border:1px solid var(--primary-500);border-radius:var(--radius-md);color:var(--text-on-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;min-width:var(--container-xs);box-shadow:var(--shadow-sm)}.dropdown__trigger:hover{background:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md)}.dropdown__trigger:focus{outline:2px solid var(--primary-300);outline-offset:-2px;background:var(--primary-600);border-color:var(--primary-600)}.dropdown__trigger[aria-expanded=true]{background:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md)}.dropdown__icon{transition:transform var(--transition-fast) ease;color:var(--white-alpha-80)}.dropdown__trigger[aria-expanded=true] .dropdown__icon{transform:rotate(var(--rotation-half))}.dropdown__menu{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);padding:var(--space-2);margin-top:var(--space-1);opacity:0;visibility:hidden;transform:translateY(calc(var(--space-2) * -1));transition:all var(--transition-fast) ease}.dropdown__menu[data-state=open]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;transition:all var(--transition-fast) ease;border:none;background:none;width:100%;text-align:left}.dropdown__item:hover{background:var(--surface-raised);color:var(--text-primary)}.dropdown__item:focus{outline:2px solid var(--primary-500);outline-offset:-2px;background:var(--surface-raised)}.dropdown__item--active{background:var(--primary-50);color:var(--primary-700)}.dropdown__item--disabled{color:var(--text-quaternary);cursor:not-allowed}.dropdown__item--disabled:hover{background:none;color:var(--text-quaternary)}.dropdown__separator{height:1px;background:var(--border-light);margin:var(--space-1) 0}.dropdown__label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.collapsible__title{display:flex;align-items:center;gap:var(--space-3);flex:1}.collapsible__icon{display:flex;align-items:center;font-size:var(--text-xl);filter:var(--drop-shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--button-padding-base);min-height:var(--btn-height);min-width:var(--btn-min-width);border:1px solid transparent;border-radius:var(--button-radius);background:transparent;color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--button-font-weight);line-height:var(--line-height-none);text-decoration:none;cursor:pointer;transition:var(--button-transition);-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.btn:focus{outline:none}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--primary-500);outline-offset:var(--focus-ring-offset)}.btn:hover{transform:translateY(var(--offset-neg-1))}@media (hover: hover) and (pointer: fine){.btn:active{transform:translateY(0)}}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:var(--text-on-primary);border-color:var(--primary-600);box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a;position:relative;overflow:hidden}.btn--primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-color:var(--primary-700);box-shadow:0 4px 16px #0003,0 2px 6px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #00000026}.btn--secondary{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-700));color:#fff;border-color:var(--secondary-600);box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a;position:relative;overflow:hidden}.btn--secondary:hover{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-800));border-color:var(--secondary-700);color:#fff;box-shadow:0 4px 16px #0003,0 2px 6px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #00000026}.btn--primary-gradient{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;border:1px solid var(--primary-600);box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a;transition:all var(--duration-fast) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn--primary-gradient:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border-color:var(--primary-700);transform:translateY(var(--offset-neg-1));box-shadow:0 4px 16px #0003,0 2px 6px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #00000026}.btn--secondary-gradient{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-700));color:#fff;border:1px solid var(--secondary-600);box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn--secondary-gradient:hover{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-800));border-color:var(--secondary-700);transform:translateY(var(--offset-neg-1));box-shadow:0 4px 16px #0003,0 2px 6px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #00000026}.btn--success-gradient{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:var(--text-on-success);border:1px solid var(--success-500);box-shadow:var(--shadow-elevated);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn--success-gradient:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));border-color:var(--success-600);transform:translateY(var(--offset-neg-1));box-shadow:0 4px 12px var(--success-alpha-30),0 2px 4px var(--success-alpha-40),inset 0 1px 0 var(--white-alpha-30)}.btn--outline{background:transparent;color:var(--text-interactive);border-color:var(--text-interactive);position:relative;overflow:hidden}.btn--outline:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--primary-50);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:0}.btn--outline:hover{color:var(--text-interactive-hover);border-color:var(--text-interactive)}.btn--outline:hover:before{width:300%;height:300%}.btn--outline .btn-icon,.btn--outline .btn-text{position:relative;z-index:1}.btn--ghost{background:transparent;color:var(--text-interactive);border-color:transparent;position:relative;overflow:hidden}.btn--ghost:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(var(--primary-500-rgb, 59, 130, 246),.08);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s ease;z-index:0;opacity:0}.btn--ghost:hover{color:var(--text-interactive-hover)}.btn--ghost:hover:before{width:100%;height:100%;opacity:1}.btn--ghost .btn-icon,.btn--ghost .btn-text{position:relative;z-index:1}.btn--subtle{background:transparent;color:var(--text-secondary);border-color:var(--border-light);position:relative;overflow:hidden}.btn--subtle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--surface-subtle);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:0}.btn--subtle:hover{color:var(--text-primary);border-color:var(--primary-500)}.btn--subtle:hover:before{display:none}.btn--subtle .btn-icon,.btn--subtle .btn-text{position:relative;z-index:1}.btn--link{background:transparent;color:var(--text-link);border:none;padding:0;text-decoration:underline;text-underline-offset:var(--space-1)}.btn--link:hover{color:var(--text-link-hover);text-decoration:none;transform:none}.btn--dice-subtle{background:transparent;color:var(--text-secondary);border-color:var(--border-light);box-shadow:none}.btn--dice-subtle:hover{background:var(--surface-subtle);color:var(--text-primary);border-color:var(--border-default)}.btn--danger{background:linear-gradient(135deg,var(--error-500),var(--error-700));color:#fff;border-color:var(--error-600);box-shadow:0 2px 8px #00000026,0 1px 3px #0003,inset 0 1px #ffffff40,inset 0 -1px #0000001a;position:relative;overflow:hidden}.btn--danger:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn--danger:hover{background:linear-gradient(135deg,var(--error-600),var(--error-800));border-color:var(--error-700);box-shadow:0 4px 16px #0003,0 2px 6px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #00000026}@media (hover: hover) and (pointer: fine){.btn--danger:hover:before{width:100%}}.btn--success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:var(--text-on-success);border-color:var(--success-500);box-shadow:0 2px 4px #22c55e33,0 1px 2px #22c55e4d,inset 0 1px #fff3;position:relative;overflow:hidden}.btn--success:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn--success:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));border-color:var(--success-600);box-shadow:0 4px 12px #22c55e4d,0 2px 4px #22c55e66,inset 0 1px #ffffff4d}.btn--success:hover:before{width:100%;height:100%}.btn--xs{padding:var(--button-padding-xs);min-height:var(--btn-xs-height);min-width:var(--btn-xs-min-width);font-size:var(--font-size-xs)}.btn--sm{padding:var(--button-padding-sm);min-height:var(--btn-sm-height);min-width:var(--btn-sm-min-width);font-size:var(--font-size-xs)}.btn--lg{padding:var(--button-padding-lg);min-height:var(--btn-lg-height);min-width:var(--btn-lg-min-width);font-size:var(--font-size-lg)}.btn--full-width{width:100%}.btn--animated{animation:pulse-glow 2s ease-in-out infinite;transition:transform .2s ease,animation-duration .2s ease}.btn--animated:hover{animation:pulse-glow 1s ease-in-out infinite;transform:scale(1.05)}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;width:var(--icon-sm);height:var(--icon-sm);border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin var(--animation-fast) linear infinite}@keyframes btn-spin{to{transform:rotate(var(--rotation-full))}}.btn-group{display:inline-flex;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;gap:var(--space-3);align-items:center}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right-width:1px}.btn-group .btn:only-child{border-radius:var(--radius-md);border-right-width:1px}.btn-group--sm{gap:var(--space-2)}.btn-group--lg{gap:var(--space-4)}.btn-group--vertical{flex-direction:column;align-items:stretch}.btn-group--attached .btn{border-radius:0;border-right-width:0}.btn-group--attached .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group--attached .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right-width:2px}.btn-section{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.btn-section__content{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.btn-section__navigation{display:flex;justify-content:center;width:100%}.btn-section--two-row{gap:var(--space-4)}.btn-section--two-row .btn-section__content,.btn-section--two-row .btn-section__navigation{display:flex;justify-content:center}.btn-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%}@media (min-width: 600px){.btn-grid{grid-template-columns:var(--grid-auto-fit-200)}}.btn--balanced{min-width:var(--container-xs);max-width:var(--container-sm);width:auto;justify-content:center}.btn--full{width:100%;justify-content:center}.button-container{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.button-container--horizontal{flex-direction:row;align-items:center;justify-content:space-between}@media (max-width: 600px){.button-container--horizontal{flex-direction:column;align-items:stretch}}.btn-group--attached .btn:only-child{border-radius:var(--radius-md);border-right-width:2px}.dice-threshold-buttons,.dice-threshold-mode-buttons,.dice-modifier-buttons,.dice-crit-buttons,.dice-type-buttons{gap:0!important}.dice-ward-buttons{flex-wrap:nowrap!important;display:flex!important;width:100%!important;max-width:none!important;overflow-x:auto}.btn-group.btn-group--horizontal.dice-threshold-buttons.dice-ward-buttons{flex-wrap:nowrap!important;display:flex!important}.dice-ward-buttons .btn{flex:1 1 auto;min-width:0;white-space:nowrap}.dice-threshold-buttons,.dice-threshold-mode-buttons,.dice-modifier-buttons,.dice-crit-buttons,.dice-type-buttons{gap:0!important;width:100%!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.dice-threshold-buttons{display:flex!important;flex-wrap:wrap!important;gap:0!important;width:100%!important}.dice-threshold-buttons .btn{flex:1 1 auto!important;min-width:0!important}.dice-threshold-buttons .btn:nth-child(6n+1){flex-basis:calc(100% / 6)!important}.dice-threshold-buttons .btn:nth-child(6n+2),.dice-threshold-buttons .btn:nth-child(6n+3),.dice-threshold-buttons .btn:nth-child(6n+4),.dice-threshold-buttons .btn:nth-child(6n+5),.dice-threshold-buttons .btn:nth-child(6n){flex-basis:calc(100% / 6)!important}.dice-threshold-mode-buttons,.dice-modifier-buttons,.dice-crit-buttons,.dice-type-buttons{display:flex!important}.dice-threshold-buttons .btn{border-radius:0!important;border-right-width:0!important;border-bottom-width:0!important;margin:0!important;min-width:0!important;width:100%!important;padding-left:.75rem!important;padding-right:.75rem!important}.dice-threshold-buttons .btn:nth-child(6n){border-right-width:1px!important}.dice-threshold-buttons .btn:nth-last-child(-n+6){border-bottom-width:1px!important}.dice-threshold-buttons .btn:last-child:not(:nth-child(6n)){border-right-width:1px!important}.dice-threshold-mode-buttons .btn,.dice-modifier-buttons .btn,.dice-crit-buttons .btn,.dice-type-buttons .btn{border-radius:0;border-right-width:0}.dice-threshold-mode-buttons .btn:first-child,.dice-modifier-buttons .btn:first-child,.dice-crit-buttons .btn:first-child,.dice-type-buttons .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.dice-threshold-mode-buttons .btn:last-child,.dice-modifier-buttons .btn:last-child,.dice-crit-buttons .btn:last-child,.dice-type-buttons .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-right-width:1px}.dice-threshold-mode-buttons .btn:only-child,.dice-modifier-buttons .btn:only-child,.dice-crit-buttons .btn:only-child,.dice-type-buttons .btn:only-child{border-radius:var(--radius-md);border-right-width:1px}.input{display:block;width:100%;padding:var(--space-3) var(--space-5);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:all var(--transition-fast) ease;box-shadow:var(--shadow-sm)}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.input:focus{outline:2px solid var(--primary-500);outline-offset:-2px;border-color:var(--primary-500);box-shadow:var(--shadow-md)}.input:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23666" d="M10.293 0.293a1 1 0 0 1 1.414 1.414L6 7.414 0.293 1.707A1 1 0 0 1 1.707 0.293L6 4.586l4.293-4.293z"/></svg>');background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer;width:100%!important}.card__header .form-group,.card__header .form-group .input{width:100%}.select{display:block;width:100%;padding:var(--space-3) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:all var(--transition-fast) ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23666" d="M10.293 0.293a1 1 0 0 1 1.414 1.414L6 7.414 0.293 1.707A1 1 0 0 1 1.707 0.293L6 4.586l4.293-4.293z"/></svg>');background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.select:focus{outline:none;border-color:var(--text-interactive);box-shadow:0 0 0 3px var(--primary-100)}.select:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed}.select:hover:not(:disabled){border-color:var(--border-strong)}.input--sm{padding:var(--space-2) var(--space-5);font-size:var(--font-size-xs)}.input--lg{padding:var(--space-4) var(--space-4);font-size:var(--font-size-lg)}.input--error{border-color:var(--error-500)}.input--error:focus{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.select--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);padding-right:var(--space-7)}.select--lg{padding:var(--space-4) var(--space-4);font-size:var(--font-size-lg);padding-right:var(--space-10)}.select--error{border-color:var(--error-500)}.select--error:focus{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.textarea{display:block;width:100%;padding:var(--space-3) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:all var(--transition-fast) ease;resize:vertical;min-height:var(--size-lg)}.textarea::placeholder{color:var(--text-tertiary)}.textarea:focus{outline:none;border-color:var(--text-interactive);box-shadow:0 0 0 3px var(--primary-100)}.textarea:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed;resize:none}.textarea:hover:not(:disabled){border-color:var(--border-strong)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-label--required:after{content:" *";color:var(--error-500)}.form-help{font-size:var(--font-size-xs);color:var(--text-tertiary)}.form-error{font-size:var(--font-size-xs);color:var(--error-500)}.form-group{margin-bottom:var(--space-4)}.form-group--compact{margin-bottom:var(--space-3)}.form-group--spacious{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-label--required:after{content:"*";color:var(--error-500);margin-left:var(--space-1)}.form-help{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--text-tertiary)}.form-error{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--error-500)}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast) ease;padding:var(--space-4);box-shadow:var(--shadow-soft)}.card--elevated{box-shadow:var(--shadow-elevated)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-elevated);transform:translateY(var(--offset-neg-2))}.card--interactive:active{transform:translateY(0)}.card__header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border-light)}.card__header .form-group:last-child{margin-bottom:var(--space-2)}.card__body{padding:var(--space-4)}.card__footer{padding:var(--space-2) var(--space-4) var(--space-4);border-top:1px solid var(--border-light)}.card--game-system{position:relative;background:var(--surface);border:2px solid var(--border-light);padding:var(--space-6);text-align:center;transition:all var(--transition-fast) ease;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-sm);height:280px;display:flex;flex-direction:column;justify-content:center;border-radius:var(--radius-lg)}@media (hover: none) and (pointer: coarse),(max-width: 768px),(max-device-width: 768px),screen and (max-width: 768px){.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty){border:2px solid var(--accent-primary)!important;box-shadow:var(--shadow-lg),0 0 15px var(--blue-alpha-30)!important;background:var(--surface-raised)!important}.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--blue-alpha-10),transparent);animation:shimmer 3s ease-in-out infinite;z-index:1}@keyframes shimmer{0%{left:-100%}to{left:100%}}.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-cta{opacity:1;transform:translateY(0)}.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-button{animation:pulse 2s infinite;box-shadow:0 4px 15px var(--blue-alpha-40)}@keyframes pulse{0%,to{transform:scale(var(--scale-normal));box-shadow:0 4px 15px var(--blue-alpha-40)}50%{transform:scale(1.05);box-shadow:0 6px 20px var(--blue-alpha-60)}}}.is-mobile .card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty){border:2px solid var(--accent-primary)!important;box-shadow:var(--shadow-lg),0 0 15px var(--blue-alpha-30)!important;background:var(--surface-raised)!important}.is-mobile .card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--blue-alpha-10),transparent);animation:shimmer 3s ease-in-out infinite;z-index:1}.is-mobile .card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-cta{opacity:1;transform:translateY(0)}.is-mobile .card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-button{animation:pulse 2s infinite;box-shadow:0 4px 15px var(--blue-alpha-40)}@media only screen and (max-width: 768px){.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty){border:2px solid var(--accent-primary)!important;box-shadow:var(--shadow-lg),0 0 15px var(--blue-alpha-30)!important;background:var(--surface-raised)!important}.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty):before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,var(--blue-alpha-10),transparent)!important;animation:shimmer 3s ease-in-out infinite!important;z-index:1!important}}@media (max-width: 480px),(max-height: 896px) and (max-width: 414px){.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty){border:2px solid var(--accent-primary)!important;box-shadow:var(--shadow-lg),0 0 15px var(--blue-alpha-30)!important;background:var(--surface-raised)!important}.card--game-system:not(.card--disabled):not(.card--coming-soon):not(.card--empty):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--blue-alpha-10),transparent);animation:shimmer 3s ease-in-out infinite;z-index:1}}@media (hover: hover) and (pointer: fine) and (min-width: 769px){.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty){border-color:var(--text-interactive);box-shadow:var(--shadow-xl);transform:translateY(var(--offset-neg-6));background:var(--surface-raised)}.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-cta{opacity:1;transform:translateY(0)}.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-icon{transform:scale(var(--scale-large))}.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-button{box-shadow:0 4px 15px var(--blue-alpha-40);transform:scale(1.02)}.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .card-action-hint{opacity:1}}.card--game-system.card--disabled{opacity:.6;cursor:not-allowed}.card--game-system.card--coming-soon{opacity:.8;cursor:not-allowed;background:var(--surface-sunken)}.card--game-system.card--coming-soon{background:var(--surface-sunken);border:2px dashed var(--border-light);cursor:default;opacity:.7}.card--game-system.card--placeholder{background:var(--surface-sunken);border:2px solid var(--border-light);cursor:default;opacity:.5}.card--game-system:focus:not(.card--disabled):not(.card--coming-soon):not(.card--empty){outline:2px solid var(--text-interactive);outline-offset:2px}.card--game-system:focus-visible:not(.card--disabled):not(.card--coming-soon):not(.card--empty){outline:3px solid var(--accent-primary);outline-offset:2px;border-color:var(--accent-primary)}.game-system-icon{font-size:var(--font-size-4xl);margin-bottom:0;display:block;transition:transform var(--transition-fast) ease;line-height:1}.game-system-icon--empty{opacity:.5;color:var(--text-tertiary)}.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-icon{transform:scale(var(--scale-large))}.game-system-content{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:flex-start;position:relative;z-index:2;gap:var(--space-4)}.game-system-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:1;justify-content:center}.game-system-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.game-system-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.game-system-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.4}.game-system-cta{margin-top:auto;opacity:.8;transform:translateY(0);transition:all var(--transition-fast) ease;width:100%}.game-system-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;position:relative;overflow:hidden;text-decoration:none}.game-system-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white-alpha-20),transparent);transition:left .5s ease;z-index:1}.game-system-button:hover:before{left:100%}.btn-icon{font-size:var(--font-size-lg);filter:var(--drop-shadow-md);position:relative;z-index:2;color:inherit}.btn-text{font-size:var(--font-size-sm);letter-spacing:.5px;position:relative;z-index:2;color:inherit}.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .game-system-cta{opacity:1;transform:translateY(0)}.status-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tighter)}.status-badge--coming-soon{background:var(--warning-500);color:var(--surface)}.status-badge--premium{background:var(--success-500);color:var(--surface)}.card-action-hint{margin-top:var(--space-3);opacity:0;transition:opacity var(--transition-fast) ease}.card--game-system:hover:not(.card--disabled):not(.card--coming-soon):not(.card--empty) .card-action-hint{opacity:1}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.placeholder-icon{width:var(--size-60);height:var(--size-60);border-radius:var(--radius-full);background:var(--border-light);animation:pulse var(--animation-normal) cubic-bezier(.4,0,.6,1) infinite}.placeholder-title{width:120px;height:20px;border-radius:var(--radius-sm);background:var(--border-light);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.placeholder-description{width:80px;height:16px;border-radius:var(--radius-sm);background:var(--border-light);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.coming-soon-badge,.upgrade-badge{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--primary-500);color:var(--surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.upgrade-badge{background:var(--warning-500)}.input option:disabled{color:var(--text-quaternary);background-color:var(--surface-subtle);font-style:italic;opacity:.6}.container{width:100%;max-width:calc(var(--container-lg) * 2);margin:0 auto;padding:0 var(--space-4)}.container--sm{max-width:calc(var(--container-xs) * 1.6)}.container--md{max-width:calc(var(--container-sm) * 1.7)}.container--lg{max-width:calc(var(--container-md) * 2)}.container--xl{max-width:calc(var(--container-lg) * 2.2)}.stack{display:flex;flex-direction:column}.stack--1{gap:var(--space-1)}.stack--2{gap:var(--space-2)}.stack--3{gap:var(--space-3)}.stack--4{gap:var(--space-4)}.stack--5{gap:var(--space-5)}.stack--6{gap:var(--space-6)}.stack--8{gap:var(--space-8)}.stack h4,.stack .prebattle-section-header{margin:0}.cluster{display:flex;flex-wrap:wrap;align-items:center}.cluster--1{gap:var(--space-1)}.cluster--2{gap:var(--space-2)}.cluster--3{gap:var(--space-3)}.cluster--4{gap:var(--space-4)}.cluster--5{gap:var(--space-5)}.cluster--6{gap:var(--space-6)}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(var(--size-250),1fr))}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--gap-2{gap:var(--space-2)}.grid--gap-4{gap:var(--space-4)}.grid--gap-6{gap:var(--space-6)}.sidebar{display:flex;gap:var(--space-6)}.sidebar__nav{flex:0 0 var(--size-250)}.sidebar__content{flex:1;min-width:0}.cursor-default{cursor:default}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.position-relative{position:relative}.position-absolute{position:absolute}.display-none{display:none}.display-block{display:block}.display-flex{display:flex}.display-inline-flex{display:inline-flex}.flex-shrink-0{flex-shrink:0}.flex-align-center{align-items:center}.flex-align-start{align-items:flex-start}.flex-align-end{align-items:flex-end}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-end{justify-content:flex-end}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.width-full{width:100%}.text-align-center{text-align:center}.text-align-left{text-align:left}.text-align-right{text-align:right}.margin-top-0{margin-top:0}.margin-top-1{margin-top:var(--space-1)}.margin-top-2{margin-top:var(--space-2)}.margin-top-3{margin-top:var(--space-3)}.margin-top-4{margin-top:var(--space-4)}.margin-bottom-0{margin-bottom:0}.margin-bottom-1{margin-bottom:var(--space-1)}.margin-bottom-2{margin-bottom:var(--space-2)}.margin-bottom-3{margin-bottom:var(--space-3)}.margin-bottom-4{margin-bottom:var(--space-4)}.margin-left-0{margin-left:0}.margin-left-1{margin-left:var(--space-1)}.margin-left-2{margin-left:var(--space-2)}.margin-left-3{margin-left:var(--space-3)}.margin-left-4{margin-left:var(--space-4)}.margin-left-5{margin-left:var(--space-5)}.padding-right-0{padding-right:0}.padding-right-1{padding-right:var(--space-1)}.padding-right-2{padding-right:var(--space-2)}.padding-right-3{padding-right:var(--space-3)}.padding-right-4{padding-right:var(--space-4)}.padding-right-12{padding-right:48px}.padding-left-0{padding-left:0}.padding-left-1{padding-left:var(--space-1)}.padding-left-2{padding-left:var(--space-2)}.padding-left-3{padding-left:var(--space-3)}.padding-left-4{padding-left:var(--space-4)}.padding-left-6{padding-left:var(--space-6)}.font-style-italic{font-style:italic}.font-style-normal{font-style:normal}.min-height-60vh{min-height:60vh}.padding-6{padding:var(--space-6)}.font-size-lg{font-size:var(--font-size-lg)}.font-size-xl{font-size:var(--font-size-xl)}.font-size-4xl{font-size:4rem}.input-overlay-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:var(--space-2) var(--space-3);min-width:auto;border:none;background:transparent}.battle-tactics-vp-display{padding:var(--space-2);margin:0;background:var(--surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-default);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;font-weight:var(--font-weight-semibold)}.search-clear-button{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;opacity:.6}.search-clear-button:hover{opacity:1}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-tertiary)}.breadcrumb-separator{color:var(--text-quaternary)}.breadcrumb-link{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast) ease}.breadcrumb-link:hover{color:var(--text-primary)}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.tabs{display:flex;border-bottom:1px solid var(--border-light);padding:var(--space-1)}.tab{padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast) ease}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--text-brand);border-bottom-color:var(--text-interactive)}.hamburger-menu{position:relative}.hamburger-button{display:flex;flex-direction:column;justify-content:center;width:var(--icon-lg);height:var(--icon-lg);background:none;border:none;cursor:pointer;padding:0;gap:var(--space-1)}.hamburger-line{width:100%;height:var(--space-1);background:var(--text-primary);transition:all var(--transition-fast) ease;transform-origin:center}.hamburger-button.open .hamburger-line:nth-child(1){transform:rotate(var(--rotation-45)) translate(var(--space-1),var(--space-1))}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(var(--space-1),calc(var(--space-1) * -1))}.nav-group{margin-bottom:var(--space-6)}.nav-list{display:flex;flex-direction:column;gap:var(--space-2)}.nav-list--horizontal{flex-direction:row;gap:var(--space-4)}.nav-item{display:flex;align-items:center}.nav-link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s ease}.nav-link:hover{background:var(--surface-subtle);color:var(--text-interactive-hover)}.nav-link--active{background:var(--primary-50);color:var(--text-brand);font-weight:var(--font-weight-medium)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);max-width:var(--container-md);width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal--sm{max-width:var(--container-xs)}.modal--lg{max-width:calc(var(--container-lg) * 1.4)}.modal--xl{max-width:calc(var(--container-lg) * 2)}.modal__header{padding:var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal__body{padding:var(--space-4);flex:1;overflow-y:auto}.modal__body>*+*{margin-top:var(--space-3)}.modal__body>.heading+*{margin-top:var(--space-2)}.modal__footer{padding:var(--space-4);border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:flex-end}.modal__close{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast) ease}.modal__close:hover{background:var(--surface-subtle);color:var(--text-primary)}.modal-sticky-layout{display:flex;flex-direction:column;height:100%;padding:var(--space-4)}.modal-sticky-top{flex-shrink:0;padding-bottom:var(--space-3);margin-bottom:var(--space-3)}.modal-sticky-bottom{flex-shrink:0;padding-top:var(--space-3);max-width:100%;overflow:hidden}.alert{padding:var(--space-4);margin:var(--space-2) 0;border-radius:var(--radius-md);border:1px solid;font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:100%}.alert--success{background:var(--surface-elevated);border-color:var(--color-success-standard);border-left:4px solid var(--color-success-standard);color:var(--text-primary)}.alert--warning{background:var(--surface-elevated);border-color:var(--color-warning-standard);border-left:4px solid var(--color-warning-standard);color:var(--text-primary)}.alert--error{background:var(--surface-elevated);border-color:var(--color-error-standard);border-left:4px solid var(--color-error-standard);color:var(--text-primary)}.alert--info{background:var(--surface-elevated);border-color:var(--color-info-standard);border-left:4px solid var(--color-info-standard);color:var(--text-primary)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;box-shadow:var(--shadow-soft)}.chip--primary{background:var(--primary-100);color:var(--text-brand)}.chip--secondary{background:var(--neutral-100);color:var(--neutral-800)}.chip--success{background:var(--success-100);color:var(--success-800)}.chip--warning{background:var(--warning-100);color:var(--warning-800)}.chip--error{background:var(--error-100);color:var(--error-800)}.status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status__dot{width:var(--icon-xs);height:var(--icon-xs);border-radius:50%}.status--online .status__dot{background:var(--success-500)}.status--offline .status__dot{background:var(--neutral-400)}.status--busy .status__dot{background:var(--error-500)}.status--away .status__dot{background:var(--warning-500)}.list{list-style:none;padding:0;margin:0}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast) ease}.list-item:last-child{border-bottom:none}.list-item--interactive{cursor:pointer}.list-item--interactive:hover{background:var(--surface-subtle)}.list-item__content{flex:1;min-width:0}.list-item__title{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.list-item__description{font-size:var(--font-size-sm);color:var(--text-secondary)}.interactive-group{display:flex;gap:var(--space-3);align-items:center;margin:var(--space-4) 0}.interactive-group--compact{gap:var(--space-2);margin:var(--space-3) 0}.interactive-group--spacious{gap:var(--space-4);margin:var(--space-6) 0}.interactive-group--vertical{flex-direction:column;align-items:stretch}.control-group{display:flex;gap:var(--space-2);align-items:center}.action-group{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.action-group--start{justify-content:flex-start}.action-group--center{justify-content:center}.action-group--space-between{justify-content:space-between}.dropdown__trigger{background:none;border:none;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast) ease}.dropdown__trigger:hover{background:var(--surface-subtle)}.dropdown__content{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);padding:var(--space-2);z-index:10}.dropdown__item{display:block;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast) ease}.accordion{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:4px}.accordion__item{border-bottom:1px solid var(--border-light)}.accordion__header{width:100%;background:none;border:none;padding:var(--space-4);text-align:left;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast) ease;display:flex;align-items:center;justify-content:space-between}.accordion__header:hover{background:var(--surface-subtle)}.accordion__content{padding:0 var(--space-4) var(--space-4);color:var(--text-secondary)}.game-system-card{background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-fast) ease;position:relative;overflow:hidden}.game-system-card:hover{border-color:var(--primary-300);transform:translateY(var(--offset-neg-4));box-shadow:var(--shadow-lg)}.game-system-card--disabled{opacity:.6;cursor:not-allowed;transform:none}.game-system-card--coming-soon{border-color:var(--warning-300);background:var(--warning-50)}.game-system-card__icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.game-system-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.game-system-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.game-system-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--warning-500);color:var(--surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.dice-face{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-xl);height:var(--icon-xl);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--surface);text-shadow:0 1px 2px var(--black-alpha-30)}.dice-face--1{background:linear-gradient(145deg,var(--dice-red-light),var(--dice-red-dark))}.dice-face--2{background:linear-gradient(145deg,var(--dice-orange-light),var(--dice-orange-dark))}.dice-face--3{background:linear-gradient(145deg,var(--dice-amber-light),var(--dice-amber-dark))}.dice-face--4{background:linear-gradient(145deg,var(--dice-yellow-light),var(--dice-yellow-dark))}.dice-face--5{background:linear-gradient(145deg,var(--dice-lime-light),var(--dice-lime-dark))}.dice-face--6{background:linear-gradient(145deg,var(--dice-green-light),var(--dice-green-dark))}.tracker{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4)}.tracker__header{display:flex;align-items:center;justify-content:between;margin-bottom:var(--space-4)}.tracker__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.tracker__value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-brand);text-align:center;margin:var(--space-4) 0}.tracker__controls{display:flex;gap:var(--space-2);justify-content:center}.phase-indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--text-brand)}.phase-indicator__icon{font-size:var(--font-size-lg)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-1{flex:1}.flex-none{flex:none}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-5{gap:var(--space-5)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-xl{box-shadow:var(--shadow-xl)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.demo-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-md);color:var(--warning-800)}.demo-status.loading{background:var(--neutral-100);border-color:var(--neutral-200);color:var(--neutral-600)}.demo-status--compact{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.demo-status__header{display:flex;align-items:center;gap:var(--space-2)}.demo-status__title{font-weight:var(--font-weight-semibold);margin:0}.demo-status__limits{display:flex;flex-direction:column;gap:var(--space-2)}.demo-status__limit{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--white-alpha-50);border-radius:var(--radius-sm)}.demo-status__limit--warning{background:var(--warning-100);color:var(--warning-900);font-weight:var(--font-weight-medium)}.demo-status__limit-label{font-size:var(--font-size-sm)}.demo-status__limit-value{font-weight:var(--font-weight-medium)}.demo-status__upgrade-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--success-500);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}.demo-status__upgrade-btn:hover{background:var(--success-600);transform:translateY(var(--offset-neg-1))}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8);background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);border:1px solid var(--primary-200);border-radius:var(--radius-lg);max-width:480px;margin:0 auto}.upgrade-icon{font-size:var(--text-size-3xl);margin-bottom:var(--space-4)}.upgrade-content{width:100%}.upgrade-title{margin:0 0 var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.upgrade-description{margin:0 0 var(--space-4);color:var(--text-secondary);line-height:1.6}.upgrade-pricing{margin-bottom:var(--space-4)}.upgrade-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-brand)}.upgrade-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.upgrade-btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}.upgrade-btn.primary{background:var(--primary-500);color:#fff}.upgrade-btn.primary:hover{background:var(--primary-600);transform:translateY(var(--offset-neg-1))}.upgrade-btn.secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-light)}.upgrade-btn.secondary:hover{background:var(--neutral-100)}.upgrade-benefits{margin:0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.usage-limits{padding:var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md)}.usage-item{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.usage-item:last-child{margin-bottom:0}.usage-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.usage-bar{height:6px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.usage-progress{height:100%;background:linear-gradient(90deg,var(--success-400) 0%,var(--success-500) 100%);border-radius:var(--radius-full);transition:width var(--transition-base) ease}.usage-upgrade-btn{padding:var(--space-2) var(--space-3);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;margin-top:var(--space-2)}.usage-upgrade-btn:hover{background:var(--primary-600)}.tier-comparison{padding:var(--space-6)}.tier-comparison h3{text-align:center;margin:0 0 var(--space-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.tiers{display:grid;grid-template-columns:var(--grid-auto-fit-280);gap:var(--space-6);max-width:1200px;margin:0 auto}.tier-card{position:relative;padding:var(--space-6);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast) ease}.tier-card.current{border-color:var(--text-interactive);box-shadow:0 0 0 2px var(--primary-100)}.tier-card.upgrade:hover{border-color:var(--primary-300);transform:translateY(var(--offset-neg-2));box-shadow:var(--shadow-lg)}.tier-header{text-align:center;margin-bottom:var(--space-4)}.tier-header h4{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.tier-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-brand)}.tier-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--success-500);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.tier-features{list-style:none;padding:0;margin:0 0 var(--space-4)}.tier-features li{padding:var(--space-2) 0;border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm)}.tier-features li:last-child{border-bottom:none}.tier-more{color:var(--text-tertiary);font-style:italic}.tier-limits{margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary)}.tier-limits>div{padding:var(--space-1) 0}.tier-select-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}.tier-select-btn:hover{background:var(--primary-600)}.tier-current{width:100%;padding:var(--space-3) var(--space-4);background:var(--success-100);color:var(--success-800);border:1px solid var(--success-200);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-align:center}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.confirm-modal{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:var(--space-4);max-height:calc(90vh - var(--space-8));width:calc(100vw - var(--space-8));max-width:var(--container-lg);box-shadow:var(--shadow-xl);animation:modal-appear .2s ease-out;overflow:hidden}@media (max-width: 600px){.confirm-modal{margin:var(--space-4);border-radius:var(--radius-md)}}@keyframes modal-appear{0%{opacity:0;transform:scale(var(--scale-small)) translateY(var(--offset-neg-20))}to{opacity:1;transform:scale(var(--scale-normal)) translateY(0)}}.confirm-modal-header{padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.confirm-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.confirm-modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.confirm-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.confirm-modal-content{box-sizing:border-box;padding:var(--space-4) var(--space-5);overflow-y:auto;max-height:calc(80vh - var(--space-16, 64px))}.confirm-modal-content p{margin:0;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.confirm-modal-actions{padding:var(--space-4)}.modal-button-wrapper{padding:0 var(--space-6);max-width:350px;margin-left:auto}.confirm-modal-cancel{padding:var(--space-3) var(--space-4);background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;font-size:var(--font-size-sm)}.confirm-modal-cancel:hover{background:var(--surface-subtle);border-color:var(--border-emphasis)}.confirm-modal-confirm{padding:var(--space-3) var(--space-4);background:var(--primary-500);color:#fff;border:1px solid var(--primary-600);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;font-size:var(--font-size-sm)}.confirm-modal-confirm:hover{background:var(--primary-600);border-color:var(--primary-700)}.confirm-modal-danger{background:var(--error-500);border-color:var(--error-600)}.confirm-modal-danger:hover{background:var(--error-600);border-color:var(--error-700)}.confirm-modal-success{background:var(--success-500);border-color:var(--success-600)}.confirm-modal-success:hover{background:var(--success-600);border-color:var(--success-700)}.information-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-darker);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);overflow-y:auto}.information-modal{background:var(--surface-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;margin:auto}.information-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);background:var(--surface-subtle)}.information-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.information-modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.information-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.information-modal-content{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.ability-modal{max-width:800px}.ability-modal-content{display:flex;flex-direction:column;gap:var(--space-4)}.ability-section{padding:var(--space-2);border-radius:var(--radius-md);background:transparent;border-left:4px solid var(--border-accent)}.ability-section__label{color:var(--color-accent);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.ability-section__content{color:var(--text-primary);line-height:1.6;font-size:var(--font-size-base)}.ability-section__content.user-html-content{color:var(--text-primary)}.ability-section--timing .ability-section__label:before{content:"⏰";font-size:var(--font-size-sm)}.ability-section--declare .ability-section__label:before{content:"📢";font-size:var(--font-size-sm)}.ability-section--effect .ability-section__label:before{content:"✨";font-size:var(--font-size-sm)}.ability-section--keywords .ability-section__label:before{content:"🏷️";font-size:var(--font-size-sm)}.ability-section--duration .ability-section__label:before{content:"⏳";font-size:var(--font-size-sm)}.ability-section--source .ability-section__label:before{content:"📋";font-size:var(--font-size-sm)}.ability-section--timing{border-left-color:var(--warning-400)}.ability-section--declare{border-left-color:var(--info-400)}.ability-section--effect{border-left-color:var(--success-400)}.ability-section--keywords{border-left-color:var(--color-accent)}.ability-section--duration{border-left-color:var(--warning-400)}.ability-section--source{border-left-color:var(--primary-400)}.game-systems-grid{display:grid;gap:var(--space-6);max-width:1200px;margin:0 auto;grid-template-columns:1fr}.game-systems-grid--enhanced{gap:var(--space-8);grid-template-columns:1fr}.game-systems-container{width:100%}@media (min-width: 640px) and (max-width: 1023px){.game-systems-grid,.game-systems-grid--enhanced{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.game-systems-grid,.game-systems-grid--enhanced{grid-template-columns:repeat(3,1fr)}}@media (max-width: 639px){.game-systems-grid--enhanced{grid-template-columns:1fr;gap:var(--space-4)}.card .stack--6>.stack--3{gap:var(--space-2)}.card .stack--6{gap:var(--space-4)}.card--game-system{height:240px!important;padding:var(--space-8) var(--space-5)!important}.game-system-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.card--game-system .game-system-content{gap:var(--space-6);justify-content:flex-start}.card--game-system .game-system-header{gap:var(--space-5)}.card--game-system .game-system-cta{margin-top:0}}.features-grid{display:grid;grid-template-columns:var(--grid-auto-fit-240);gap:var(--space-4)}.unit-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.unit-categories-accordion{display:flex;flex-direction:column;gap:var(--space-2)}.category-section{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;transition:all .2s ease}.category-section:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.category-section.expanded{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.category-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface-subtle);border:none;border-radius:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-default);cursor:pointer;transition:all .2s ease}.category-header:hover{background:var(--surface-hover);color:var(--text-strong)}.category-section.expanded .category-header{background:var(--primary-50);color:var(--primary-700)}.category-title{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold)}.category-chevron{transition:transform .2s ease;font-size:var(--font-size-sm);color:var(--text-subtle)}.category-section.expanded .category-chevron{transform:rotate(180deg);color:var(--primary-600)}.category-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.category-section.expanded .category-content{max-height:5000px}.unit-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);padding:var(--space-4);background:var(--surface)}.unit-selection-item{position:relative;background:var(--surface);border:2px solid var(--border-light);padding:0;text-align:left;transition:all var(--transition-fast) ease;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);border-left:4px solid #6b7280}.unit-selection-item:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.unit-selection-label{display:block;position:relative;cursor:pointer;width:100%;height:100%;padding:0}.unit-selection-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.unit-selection-info{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:transparent;border:none;width:100%;text-align:left;transition:all var(--transition-fast) ease;min-height:72px}.unit-selection-content{display:flex;align-items:center;flex:1;gap:var(--space-3)}.unit-card-layout{display:flex;align-items:center;gap:var(--space-3);flex:1}.unit-emoji-column{display:flex;align-items:center;justify-content:center;min-width:2.5rem}.unit-type-emoji{font-size:1.2em;display:inline-block;min-width:1.5em}.unit-content-column{flex:1;min-width:0}.unit-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base);line-height:1.3;word-break:break-word;margin:0}.unit-selection-icon{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:var(--text-tertiary);transition:all var(--transition-fast) ease}.unit-action-icon{font-size:1.1em}.unit-selection-item:has(input:checked){border-color:var(--accent-primary);box-shadow:var(--shadow-lg),0 0 15px var(--blue-alpha-30);background:var(--surface-raised);border-left-color:var(--accent-primary)}.unit-selection-item:has(input:checked):hover{border-color:var(--accent-primary);transform:translateY(-1px)}.unit-selection-item:has(input:checked) .unit-name{color:var(--text-primary);font-weight:var(--font-weight-bold)}.unit-selection-item:has(input:checked) .unit-action-icon{color:var(--accent-primary)}@media (max-width: 768px){.unit-selection-grid{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-3)}.category-header{padding:var(--space-3)}.unit-selection-label{padding:var(--space-2)}.unit-selection-info{padding:var(--space-2);min-height:50px}}.selection-counter{display:flex;justify-content:center;margin-top:var(--space-2)}.selection-counter-content{display:flex;align-items:center;gap:var(--space-3)}.selection-counter-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-xs)}.codex-empty-state-card{max-width:600px;margin:0 auto}.codex-controls{display:flex;flex-direction:column;gap:var(--space-3)}.codex-search{display:flex;justify-content:center;width:100%}.codex-search-input{width:100%;max-width:none;min-width:200px}.codex-filters{display:flex;justify-content:center}.codex-results{display:flex;flex-direction:column;gap:var(--space-3)}.codex-results-header{display:flex;justify-content:space-between;align-items:center}.results-count{font-size:var(--font-size-sm);color:var(--gray-600)}.codex-items{display:flex;flex-direction:column;gap:var(--space-4)}.codex-category.card{margin-bottom:var(--space-2)}.codex-category-items{display:flex;flex-direction:column;gap:var(--space-2)}.codex-item.card{margin-bottom:var(--space-1)}.codex-item.card .card__content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)}.codex-item-content{display:flex;flex-direction:column;gap:var(--space-1);flex-grow:1}.codex-item-name{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--gray-900)}.codex-item-army{font-size:var(--font-size-sm);color:var(--primary-600);font-weight:var(--font-weight-medium)}.codex-item-description{margin:0;font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.4}.codex-item-chevron{color:var(--gray-400);font-size:var(--font-size-lg);margin-left:var(--space-3)}.codex-empty-state.card{text-align:center;padding:var(--space-8)}.codex-empty-state.card .card__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.codex-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);min-height:50vh}.codex-empty-state__icon{font-size:4rem;margin-bottom:var(--space-4)}.codex-empty-state__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.codex-empty-state__content{max-width:500px;color:var(--text-secondary);margin-bottom:var(--space-4)}.codex-empty-state__content p{margin-bottom:var(--space-3);line-height:1.6}.codex-empty-state__checklist{list-style:none;padding:0;text-align:left;margin:var(--space-4) 0}.codex-ability-wrapper,.codex-rule-wrapper{display:flex;flex-direction:column;margin-bottom:var(--space-3)}.codex-ability-header,.codex-rule-header{cursor:pointer}.codex-ability-header:hover,.codex-rule-header:hover{transform:translateY(-1px);transition:transform var(--transition-fast) ease}.codex-ability-expanded,.codex-rule-expanded{margin-top:var(--space-3);padding:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);border-top-left-radius:0;border-top-right-radius:0}.codex-ability-card,.codex-rule-card{margin:0}.codex-empty-state__checklist li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;color:var(--text-tertiary)}.codex-empty-state__checklist li.completed{color:var(--success-600);font-weight:var(--font-weight-medium)}.codex-empty-state__action{background:var(--surface-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.codex-empty-state__action p{margin:0;color:var(--text-primary);font-weight:var(--font-weight-medium)}.codex-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.codex-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.codex-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--gray-200)}.codex-modal-header h3{margin:0;color:var(--gray-900)}.codex-modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--gray-400);padding:var(--space-1);line-height:1}.codex-modal-close:hover{color:var(--gray-600)}.codex-modal-content{padding:var(--space-4);overflow-y:auto;flex-grow:1}.codex-content h4{margin:0 0 var(--space-3) 0;color:var(--primary-600)}@media (max-width: 768px){.codex-controls{gap:var(--space-2)}.codex-search-input{min-width:150px}.filter-buttons{flex-wrap:wrap;gap:var(--space-1)}.filter-button{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.theme-store-info{margin-bottom:var(--space-3)}.codex-item-button{padding:var(--space-2)}.codex-modal{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}}.reset-options{display:flex;flex-direction:column;gap:var(--space-3)}.reset-option{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.reset-option:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.reset-option .btn{border:none;border-radius:0;text-align:left;height:auto;padding:0;width:100%;display:block;background:var(--surface);color:var(--text-default);min-height:auto}.reset-option .btn:hover{background:var(--surface-hover);transform:none}.reset-option .btn--outline{background:var(--surface);color:var(--text-default);border:none}.reset-option .btn--outline:hover{background:var(--surface-hover);color:var(--text-default)}.reset-option .btn--secondary{background:var(--secondary-500);color:var(--text-on-secondary)}.reset-option .btn--secondary:hover{background:var(--secondary-600);color:var(--text-on-secondary)}.reset-option .btn--danger{background:var(--danger-500);color:var(--white)}.reset-option .btn--danger:hover{background:var(--danger-600);color:var(--white)}.reset-option-content{padding:var(--space-4);width:100%;word-wrap:break-word;overflow-wrap:break-word}.reset-option-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:inherit;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.reset-option-description{margin:0;font-size:var(--font-size-sm);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.reset-option .btn--outline .reset-option-description{color:var(--text-subtle)}.reset-option .btn--secondary .reset-option-description{color:var(--text-on-secondary);opacity:.8}.reset-option .btn--secondary:hover .reset-option-description{color:var(--text-on-secondary);opacity:1}.reset-option .btn--danger .reset-option-description{color:var(--danger-100);opacity:.9}.reset-option .btn--danger:hover .reset-option-description{color:var(--danger-50);opacity:1}.game-tracker-turn-timer{display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--surface);border:2px solid var(--primary-500);border-radius:var(--radius-lg);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-brand);min-height:80px;position:relative;overflow:hidden}.game-tracker-turn-timer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,var(--primary-50) 50%,transparent 70%);animation:timer-pulse 2s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:0}50%{opacity:1}}.timer-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--neutral-100);border-radius:var(--radius-md)}.cp-reduction-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--error-500);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-left:var(--space-1)}.system-status{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--success-100);color:var(--success-800);border:1px solid var(--success-200);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.upload-date{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.dice-roller-probability-chart{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-md)}.dice-roller-probability-label{text-align:center;margin-top:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);padding:0 var(--space-3)}.dice-roller-success-probability{margin-top:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--surface-subtle);border-radius:var(--radius-md);border:1px solid var(--border-light)}.dice-roller-success-rate{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.dice-roller-profile-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.dice-roller-profile-row .dice-roller-profile-controls{display:flex;align-items:center;gap:var(--space-3)}.dice-roller-profile-row .info-button{background:var(--surface-muted);border:1px solid var(--border-light);color:var(--text-interactive);font-weight:var(--font-weight-bold);min-width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dice-roller-profile-row .info-button:hover{background:var(--primary-50);border-color:var(--text-interactive)}.status-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light);margin-bottom:var(--space-4)}.status-card.info{background:var(--surface-elevated);border-color:var(--color-info-standard);border-left:4px solid var(--color-info-standard);color:var(--text-primary)}.status-card.warning{background:var(--surface-elevated);border-color:var(--color-warning-standard);border-left:4px solid var(--color-warning-standard);color:var(--text-primary)}.status-card.success{background:var(--surface-elevated);border-color:var(--color-success-standard);border-left:4px solid var(--color-success-standard);color:var(--text-primary)}.information-section{margin-bottom:var(--space-4)}.information-section-header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease;text-align:left}.information-section-header:hover{background:var(--neutral-100)}.information-section-header.expanded{background:var(--primary-50);border-color:var(--primary-200)}.section-icon{font-size:var(--font-size-lg)}.section-title{flex:1;font-weight:var(--font-weight-medium)}.section-arrow{font-size:var(--font-size-sm);color:var(--text-tertiary);transition:transform var(--transition-fast) ease}.information-section-content{padding:var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.feature-card{padding:var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.feature-card h5{margin:0 0 var(--space-2);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.feature-card ul{margin:0;padding-left:var(--space-4)}.feature-card li{margin-bottom:var(--space-1);color:var(--text-secondary)}.ability-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base) ease;box-shadow:var(--shadow-sm);position:relative}.configuration-section.ability-type-command .configuration-section__button{border-left:4px solid #f59e0b}.configuration-section.ability-type-spell .configuration-section__button{border-left:4px solid #8b5cf6}.configuration-section.ability-type-prayer .configuration-section__button{border-left:4px solid #14b8a6}.configuration-section.ability-type-passive .configuration-section__button{border-left:4px solid #3b82f6}.configuration-section.ability-type-normal .configuration-section__button{border-left:4px solid #22c55e}.configuration-section.rule-type-twist .configuration-section__button{border-left:4px solid #ef4444}.configuration-section.rule-type-scoring .configuration-section__button{border-left:4px solid #3b82f6}.configuration-section.rule-type-regular .configuration-section__button{border-left:4px solid #6b7280}.ability-type-emoji{font-size:1.2em;display:inline-block;min-width:1.5em}.ability-card-layout{display:flex;align-items:center;gap:var(--space-3)}.ability-emoji-column{display:flex;align-items:center;justify-content:center;min-width:2em}.ability-content-column{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.ability-name span,.ability-name span.long-name{font-weight:var(--font-weight-bold)}.ability-action-icon{font-size:1.1em;opacity:.7;transition:opacity .2s ease}.configuration-section__button:hover .ability-action-icon{opacity:1}.ability-tags-row{display:flex;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap}.ability-card-header{padding:var(--space-4) var(--space-5);background:var(--neutral-25);border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-base) ease}.ability-card-header:hover{background:var(--neutral-100)}.ability-card-content{padding:var(--space-5);line-height:var(--line-height-relaxed)}.ability-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.625rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);box-shadow:var(--shadow-xs)}.base-modal-header .ability-pill{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.ability-pill--command{background-color:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-200)}.ability-pill--spell{background-color:#f3f0ff;color:#7c3aed;border:1px solid #e0d9ff}.ability-pill--prayer{background-color:#f0fdfa;color:#0f766e;border:1px solid #ccfbf1}.ability-pill--passive{background-color:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.ability-pill--normal{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-300)}.ability-pill--use{background-color:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.ability-pill--lasting{background-color:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.ability-pill--twist{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.ability-pill--scoring{background-color:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}.ability-pill--rule{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.ability-title-row{display:flex;align-items:center;justify-content:space-between;flex:1;gap:var(--space-2)}.ability-use-button:focus-visible{outline:2px solid var(--primary-300);outline-offset:2px}.ability-timing{margin-bottom:var(--space-2);padding:var(--space-2);background:var(--surface-elevated);border:1px solid var(--color-info-standard);border-left:4px solid var(--color-info-standard);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.ability-declare{margin-bottom:var(--space-2);padding:var(--space-2);background:var(--surface-elevated);border:1px solid var(--color-warning-standard);border-left:4px solid var(--color-warning-standard);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.ability-effect{margin-bottom:var(--space-2);padding:var(--space-2);background:var(--surface-elevated);border:1px solid var(--color-success-standard);border-left:4px solid var(--color-success-standard);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.ability-keywords{margin-bottom:var(--space-2);padding:var(--space-2);background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.ability-source{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.stepper-nav{display:flex;flex-direction:column;gap:var(--space-3);padding:0;margin:0}.stepper-labels{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap;width:100%}.base-modal-footer .stepper-labels{margin-bottom:var(--space-3)}.stepper-labels.button-group-horizontal{gap:var(--space-3)}.stepper-labels.button-group-horizontal .btn{flex:1;min-width:0}.step-label{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast) ease;font-weight:var(--font-weight-medium)}.step-label:hover{background:var(--neutral-100);border-color:var(--primary-200)}.step-label.active{background:var(--primary-500)!important;color:var(--text-on-primary)!important;border-color:var(--primary-600)!important}.step-label.active:hover{background:var(--primary-600);color:var(--text-on-primary)}.step-label:disabled,.step-label.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.stepper-content,.stepper-fade{width:100%}.compact-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface);border-bottom:1px solid var(--border-light);padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm);min-height:48px;width:100%}.hamburger-menu-btn{padding:var(--space-2);min-width:auto}.hamburger-menu-btn--fixed{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-modal);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;padding:0!important;min-width:unset!important;min-height:unset!important;box-shadow:0 2px 4px #3b82f633,0 1px 2px #3b82f64d,inset 0 1px #fff3;border-radius:var(--radius-md);width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;overflow:hidden}.hamburger-menu-btn--fixed:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.hamburger-menu-btn--fixed:hover,.hamburger-menu-btn--fixed:focus{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 12px #3b82f64d,0 2px 4px #3b82f666,inset 0 1px #ffffff4d;transform:translateY(var(--offset-neg-2))}.hamburger-menu-btn--fixed:hover:before{width:100%;height:100%}.hamburger-menu-btn--fixed:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633,0 1px 2px #3b82f64d,inset 0 1px #fff3}@media (max-width: 768px){.hamburger-menu-btn--fixed{width:44px;height:44px;bottom:var(--space-3);right:var(--space-3)}.hamburger-menu-btn--fixed .hamburger-icon{font-size:var(--font-size-xl)}}.hamburger-icon{font-size:var(--font-size-2xl);line-height:1;color:#fff}.header-home-btn{display:flex;align-items:center;gap:var(--space-2);flex:1}.header-home-icon{width:var(--icon-sm);height:var(--icon-sm);opacity:.9}.header-home-text{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.header-user-badge{margin-left:auto}.user-avatar--sm{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-secondary);border:2px solid var(--border-light)}.user-avatar--sm img{width:100%;height:100%;object-fit:cover}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);animation:fadeIn .2s ease}.drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);background:var(--surface);box-shadow:var(--shadow-overlay);z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column;animation:slideInLeft .3s ease}@media (min-width: 768px){.drawer{width:min(420px,85vw)}}@media (min-width: 1024px){.drawer{width:min(480px,85vw)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surface-base);min-height:64px}.drawer-branding{display:flex;align-items:center;gap:var(--space-3)}.drawer-branding-icon{width:32px;height:32px;border-radius:var(--radius-md);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.drawer-branding-text{font-family:"Archivo Black",var(--font-family-base);font-size:var(--font-size-xl);font-weight:400;letter-spacing:-.01em;background:linear-gradient(135deg,#c9a961 0%,#f4e4c1 25%,#d4af6a 50%,#f4e4c1 75%,#c9a961 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}[data-theme=light] .drawer-branding-text{background:linear-gradient(135deg,#8b6914 0%,#b8860b 25%,#9d7718 50%,#b8860b 75%,#8b6914 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.drawer-header .header-home-btn{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-600);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s ease}.drawer-header .header-home-btn:hover{background:var(--primary-50);color:var(--primary-700)}.drawer-header .header-home-icon{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.drawer-close-btn{padding:var(--space-2);font-size:var(--font-size-xl);line-height:1;min-width:auto;color:var(--text-secondary);transition:color .15s ease,transform .15s ease;background:transparent!important;position:relative;overflow:visible!important}.drawer-close-btn:before,.drawer-close-btn:after{display:none!important}.drawer-close-btn:hover{color:var(--error-500);background:transparent!important;transform:scale(1.15);box-shadow:none!important}.drawer-close-btn:active{transform:scale(.95);color:var(--error-600)}.drawer-content{flex:1;overflow-y:auto;padding:var(--space-2) 0;display:flex;flex-direction:column}.drawer-section{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.drawer-section--game-system{padding:var(--space-3) var(--space-4);background:var(--surface-secondary)}.drawer-section--game-system .drawer-section-label{display:block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-2)}.drawer-section--bottom{margin-top:auto;border-bottom:none;border-top:1px solid var(--border-light)}.drawer-breadcrumbs{padding:var(--space-2) var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--surface-secondary);border-radius:var(--radius-md);margin:0 var(--space-3)}.drawer-breadcrumbs .breadcrumb-separator{color:var(--text-tertiary);opacity:.5}.drawer-breadcrumbs .breadcrumb-link{color:var(--primary-600);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all .2s ease;background:none;border:none;cursor:pointer}.drawer-breadcrumbs .breadcrumb-link:hover{background:var(--primary-50);color:var(--primary-700)}.drawer-breadcrumbs .breadcrumb-current{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.drawer-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-secondary)}.drawer-user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--surface-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--border-light)}.drawer-user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar-placeholder{font-size:var(--font-size-2xl)}.drawer-user-details{flex:1;min-width:0}.drawer-user-email{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-user-status{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.drawer-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background-color .2s ease}.drawer-item:hover{background:var(--surface-secondary)}.drawer-item:active{background:var(--surface-tertiary)}.drawer-item-icon{font-size:var(--font-size-xl);width:28px;text-align:center;flex-shrink:0}.drawer-item-label{flex:1;font-weight:var(--font-weight-medium)}.drawer-item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.drawer-item-subtitle{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.drawer-item--active-game{background:var(--surface-raised);color:var(--text-primary);border-left:3px solid var(--success-500);font-weight:var(--font-weight-semibold)}.drawer-item--active-game:hover{background:var(--surface-hover);color:var(--text-primary)}.drawer-item--active-game .drawer-item-subtitle{color:var(--text-secondary)}.drawer-item--primary{color:var(--primary-600);font-weight:var(--font-weight-semibold)}.drawer-item--primary:hover{background:var(--primary-50);color:var(--primary-700)}.drawer-item--danger{color:var(--error-600)}.drawer-item--danger:hover{background:var(--error-50);color:var(--error-700)}.sticky-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface);border-bottom:1px solid var(--border-light);padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-3);box-shadow:var(--shadow-sm);color:var(--text-primary);min-height:60px;width:100%;overflow:visible}.sticky-header--split{justify-content:space-between;overflow:visible}.game-tracker-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0}.game-tracker-title{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-height:4.5rem}.game-tracker-title-main{display:flex;align-items:baseline;gap:var(--space-2)}.game-tracker-title h2{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.game-tracker-round{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.historical-banner{background:var(--secondary-50);border:1px solid var(--secondary-200);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--secondary-700);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-3)}.historical-pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--secondary-600);background:var(--secondary-50);padding:calc(var(--space-1) * .6) calc(var(--space-2) * .75);border-radius:var(--radius-sm);border:1px solid var(--secondary-200)}.game-tracker-phase{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.2}.game-tracker-turn-info{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.game-tracker-current-player{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:calc(var(--space-1) * .5) var(--space-2);border-radius:var(--radius-sm);line-height:1.4}.game-tracker-current-player.player-turn{color:var(--primary-700);background:var(--primary-50);border:1px solid var(--primary-200)}.game-tracker-current-player.opponent-turn{color:var(--error-700);background:var(--error-50);border:1px solid var(--error-200)}.game-tracker-seized{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--warning-700);display:flex;align-items:center;gap:var(--space-1)}.game-tracker-controls{display:flex;align-items:flex-start;gap:var(--space-2)}.header-left{display:flex;align-items:center;gap:var(--space-1);overflow:visible;white-space:nowrap}.header-left .btn{margin:0;flex-shrink:0}.header-left .breadcrumbs{margin:0;overflow:visible;white-space:nowrap}.header-left .breadcrumbs span{overflow:visible!important;text-overflow:none!important;white-space:nowrap!important;flex:none!important}.sticky-header .cluster{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.sticky-header .cluster--2{gap:var(--space-3)}.sticky-header span:not(.user-email):not(.breadcrumbs *):not(.user-menu *):not(.user-menu-label):not(.user-avatar):not(.user-menu-arrow){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:center}.header-icon{width:32px;height:32px;object-fit:contain}.landing-page{min-height:100vh;background:var(--color-background);padding-top:var(--space-3)}.landing-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.landing-container .card{margin-bottom:var(--space-6);padding:var(--space-6);background:var(--surface)}@media (min-width: 768px){.landing-container .card,.landing-page{padding:var(--space-8) var(--space-6)}}.landing-hero{padding:0 0 var(--space-6);text-align:center;position:relative;overflow:hidden}@media (min-width: 768px){.landing-hero{padding:var(--space-4) 0 var(--space-6)}}.stars-animated:before,.stars-animated:after,.landing-hero:before,.landing-hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.stars-animated:before,.landing-hero:before{background-image:radial-gradient(10px 10px at 20% 30%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.8),transparent),radial-gradient(7px 7px at 50% 50%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.7),transparent),radial-gradient(8px 8px at 90% 60%,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 33% 80%,rgba(255,255,255,.8),transparent),radial-gradient(5px 5px at 15% 55%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 45% 15%,rgba(255,255,255,.6),transparent),radial-gradient(6px 6px at 75% 45%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 65% 90%,rgba(255,255,255,.7),transparent),radial-gradient(9px 9px at 25% 65%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 5% 75%,rgba(255,255,255,.6),transparent),radial-gradient(4px 4px at 95% 25%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 55% 35%,rgba(255,255,255,.7),transparent),radial-gradient(7px 7px at 35% 5%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 42% 88%,rgba(255,255,255,.6),transparent),radial-gradient(5px 5px at 68% 22%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 8% 45%,rgba(255,255,255,.7),transparent),radial-gradient(8px 8px at 92% 78%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 28% 38%,rgba(255,255,255,.6),transparent),radial-gradient(6px 6px at 72% 62%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 18% 18%,rgba(255,255,255,.7),transparent),radial-gradient(10px 10px at 52% 82%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 82% 42%,rgba(255,255,255,.6),transparent),radial-gradient(4px 4px at 38% 92%,rgba(255,255,255,.8),transparent);background-size:300% 300%;animation:twinkle-move 12s linear infinite}.stars-animated:after,.landing-hero:after{background-image:radial-gradient(6px 6px at 70% 40%,rgba(59,130,246,.8),transparent),radial-gradient(12px 12px at 40% 80%,rgba(139,92,246,.9),transparent),radial-gradient(3px 3px at 25% 20%,rgba(59,130,246,.7),transparent),radial-gradient(8px 8px at 85% 85%,rgba(139,92,246,.8),transparent),radial-gradient(1px 1px at 10% 40%,rgba(59,130,246,.9),transparent),radial-gradient(5px 5px at 50% 10%,rgba(139,92,246,.7),transparent),radial-gradient(2px 2px at 30% 60%,rgba(59,130,246,.6),transparent),radial-gradient(9px 9px at 88% 50%,rgba(139,92,246,.8),transparent),radial-gradient(1px 1px at 12% 85%,rgba(59,130,246,.7),transparent),radial-gradient(7px 7px at 62% 25%,rgba(139,92,246,.9),transparent),radial-gradient(2px 2px at 42% 95%,rgba(59,130,246,.6),transparent),radial-gradient(10px 10px at 78% 75%,rgba(139,92,246,.8),transparent),radial-gradient(1px 1px at 15% 32%,rgba(59,130,246,.7),transparent),radial-gradient(6px 6px at 55% 68%,rgba(139,92,246,.9),transparent),radial-gradient(2px 2px at 92% 15%,rgba(59,130,246,.6),transparent),radial-gradient(8px 8px at 35% 52%,rgba(139,92,246,.8),transparent),radial-gradient(1px 1px at 68% 88%,rgba(59,130,246,.7),transparent),radial-gradient(11px 11px at 22% 72%,rgba(139,92,246,.9),transparent),radial-gradient(2px 2px at 82% 32%,rgba(59,130,246,.6),transparent),radial-gradient(5px 5px at 48% 12%,rgba(139,92,246,.8),transparent);background-size:300% 300%;animation:twinkle-move 15s linear infinite}@keyframes twinkle-move{0%{opacity:.6;background-position:0% 0%}to{opacity:1;background-position:100% 100%}}[data-theme=light] .stars-animated:before,[data-theme=light] .landing-hero:before{background-image:radial-gradient(10px 10px at 20% 30%,rgba(0,0,0,.15),transparent),radial-gradient(2px 2px at 60% 70%,rgba(0,0,0,.12),transparent),radial-gradient(7px 7px at 50% 50%,rgba(0,0,0,.18),transparent),radial-gradient(1px 1px at 80% 10%,rgba(0,0,0,.1),transparent),radial-gradient(8px 8px at 90% 60%,rgba(0,0,0,.15),transparent),radial-gradient(3px 3px at 33% 80%,rgba(0,0,0,.12),transparent),radial-gradient(5px 5px at 15% 55%,rgba(0,0,0,.1),transparent),radial-gradient(1px 1px at 45% 15%,rgba(0,0,0,.08),transparent),radial-gradient(6px 6px at 75% 45%,rgba(0,0,0,.12),transparent),radial-gradient(2px 2px at 65% 90%,rgba(0,0,0,.1),transparent),radial-gradient(9px 9px at 25% 65%,rgba(0,0,0,.15),transparent),radial-gradient(1px 1px at 5% 75%,rgba(0,0,0,.08),transparent),radial-gradient(4px 4px at 95% 25%,rgba(0,0,0,.12),transparent),radial-gradient(2px 2px at 55% 35%,rgba(0,0,0,.1),transparent),radial-gradient(7px 7px at 35% 5%,rgba(0,0,0,.15),transparent),radial-gradient(1px 1px at 42% 88%,rgba(0,0,0,.08),transparent),radial-gradient(5px 5px at 68% 22%,rgba(0,0,0,.12),transparent),radial-gradient(2px 2px at 8% 45%,rgba(0,0,0,.1),transparent),radial-gradient(8px 8px at 92% 78%,rgba(0,0,0,.15),transparent),radial-gradient(1px 1px at 28% 38%,rgba(0,0,0,.08),transparent),radial-gradient(6px 6px at 72% 62%,rgba(0,0,0,.12),transparent),radial-gradient(2px 2px at 18% 18%,rgba(0,0,0,.1),transparent),radial-gradient(10px 10px at 52% 82%,rgba(0,0,0,.15),transparent),radial-gradient(1px 1px at 82% 42%,rgba(0,0,0,.08),transparent),radial-gradient(4px 4px at 38% 92%,rgba(0,0,0,.12),transparent)}[data-theme=light] .stars-animated:after,[data-theme=light] .landing-hero:after{background-image:radial-gradient(6px 6px at 70% 40%,rgba(37,99,235,.15),transparent),radial-gradient(12px 12px at 40% 80%,rgba(109,40,217,.18),transparent),radial-gradient(3px 3px at 25% 20%,rgba(37,99,235,.12),transparent),radial-gradient(8px 8px at 85% 85%,rgba(109,40,217,.15),transparent),radial-gradient(1px 1px at 10% 40%,rgba(37,99,235,.18),transparent),radial-gradient(5px 5px at 50% 10%,rgba(109,40,217,.12),transparent),radial-gradient(2px 2px at 30% 60%,rgba(37,99,235,.1),transparent),radial-gradient(9px 9px at 88% 50%,rgba(109,40,217,.15),transparent),radial-gradient(1px 1px at 12% 85%,rgba(37,99,235,.12),transparent),radial-gradient(7px 7px at 62% 25%,rgba(109,40,217,.18),transparent),radial-gradient(2px 2px at 42% 95%,rgba(37,99,235,.1),transparent),radial-gradient(10px 10px at 78% 75%,rgba(109,40,217,.15),transparent),radial-gradient(1px 1px at 15% 32%,rgba(37,99,235,.12),transparent),radial-gradient(6px 6px at 55% 68%,rgba(109,40,217,.18),transparent),radial-gradient(2px 2px at 92% 15%,rgba(37,99,235,.1),transparent),radial-gradient(8px 8px at 35% 52%,rgba(109,40,217,.15),transparent),radial-gradient(1px 1px at 68% 88%,rgba(37,99,235,.12),transparent),radial-gradient(11px 11px at 22% 72%,rgba(109,40,217,.18),transparent),radial-gradient(2px 2px at 82% 32%,rgba(37,99,235,.1),transparent),radial-gradient(5px 5px at 48% 12%,rgba(109,40,217,.15),transparent)}.stars-container{position:relative;overflow:hidden}.stars-header{padding:var(--space-5) 0;position:relative;overflow:hidden;text-align:center}.stars-header>*{position:relative;z-index:1}.landing-hero__content{max-width:700px;margin:0 auto;position:relative;z-index:1}.landing-hero__branding{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.landing-hero__logo{width:56px;height:56px;object-fit:contain;border-radius:var(--radius-lg);flex-shrink:0}.landing-hero__title{font-family:"Archivo Black",var(--font-family-base);font-size:clamp(2.5rem,5vw + 1rem,5rem);font-weight:400;color:var(--text-primary);margin:0;letter-spacing:-.01em;line-height:1.1;background:linear-gradient(135deg,#c9a961 0%,#f4e4c1 25%,#d4af6a 50%,#f4e4c1 75%,#c9a961 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)) drop-shadow(0 4px 12px rgba(0,0,0,.2));text-shadow:none}.landing-hero__subtitle{font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--text-secondary);margin:0 0 var(--space-4)}.landing-hero__description{font-size:var(--text-base);color:var(--text-tertiary);line-height:1.6;margin:0 0 var(--space-6);max-width:600px;margin-left:auto;margin-right:auto}.landing-hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}@keyframes pulse-glow{0%,to{box-shadow:0 0 #60a5fab3,var(--shadow-base)}50%{box-shadow:0 0 0 8px #60a5fa00,0 0 20px #60a5fa66,var(--shadow-elevated)}}.landing-hero__actions .btn--primary{animation:pulse-glow 2s ease-in-out infinite;transition:transform .2s ease}.landing-hero__actions .btn--primary:hover{animation:pulse-glow 1s ease-in-out infinite;transform:scale(1.05)}.landing-section-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center;margin:0 0 var(--space-8)}.landing-features{padding:var(--space-6) 0}.landing-features__grid{display:flex;flex-direction:column;gap:0}.landing-feature{text-align:center;padding:var(--space-4)}.landing-feature__icon{font-size:2.5rem;margin-bottom:var(--space-3);line-height:1}.landing-feature__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.landing-feature__description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5;margin:0}.landing-mobile{padding:var(--space-6) 0 var(--space-8)}.landing-mobile__content{max-width:600px;margin:0 auto;text-align:center}.landing-mobile__description{font-size:var(--text-base);color:var(--text-tertiary);line-height:1.6;margin:0 0 var(--space-6)}.landing-mobile__stores{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.landing-store-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast) ease;width:clamp(280px,40vw,400px);max-width:100%}.landing-store-badge--disabled{opacity:.5;cursor:not-allowed}.landing-store-badge__icon{font-size:1.75rem;flex-shrink:0}.landing-store-badge__text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.landing-store-badge__text small{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1;margin-bottom:2px}.landing-store-badge__text strong{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--weight-semibold);line-height:1}.landing-mobile__note{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.landing-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-raised);border:1px solid var(--border-default);color:var(--text-secondary)}.landing-badge--dev{background:var(--color-warning-light-standard);border-color:var(--color-warning);color:var(--color-warning-dark-standard)}.landing-footer{background:var(--color-surface-alt);padding:var(--space-6) 0;margin-top:0}.landing-footer__content{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-2);text-align:center}.landing-footer__icon{width:var(--icon-sm);height:var(--icon-sm);opacity:.7;border-radius:var(--radius-sm);display:inline-block;vertical-align:middle;margin:0 var(--space-1)}.landing-footer__content p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}@media (max-width: 768px){.landing-hero{padding:var(--space-8) 0 var(--space-6)}.landing-hero__logo{width:48px;height:48px}.landing-hero__branding{gap:var(--space-2)}.landing-hero__subtitle{font-size:var(--text-lg)}.landing-hero__description{font-size:var(--text-sm)}.landing-section-title{font-size:var(--text-xl);margin-bottom:var(--space-6)}.landing-features{padding:var(--space-6) 0}.landing-features__grid{gap:var(--space-4)}.landing-mobile{padding:var(--space-6) 0}.landing-store-badge{width:calc(100% - var(--space-4));justify-content:center}.landing-footer{margin-top:var(--space-6)}}.game-tracker{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary)}.game-tracker-collapsibles{display:flex;flex-direction:column;gap:var(--space-2)}.game-tracker-collapsibles .collapsible{margin-bottom:0}.twist-information-section,.scoring-information-section{color:var(--text-primary)}.game-tracker-phase-effect,.twist-information-section>div,.scoring-information-section>div,.core-rules-section>div,.user-html-content{line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:var(--font-size-sm)!important;color:var(--text-primary)!important}.game-tracker-phase-effect h1,.twist-information-section h1,.scoring-information-section h1,.core-rules-section h1,.user-html-content h1,.user-html-content h2,.user-html-content h3,.user-html-content h4,.user-html-content h5,.user-html-content h6{margin-top:var(--space-6)!important;margin-bottom:var(--space-1)!important;position:relative!important}.user-html-content h1:before,.user-html-content h2:before,.user-html-content h3:before,.user-html-content h4:before,.user-html-content h5:before,.user-html-content h6:before{content:""!important;display:block!important;width:100%!important;height:1px!important;background:linear-gradient(to right,transparent 0%,var(--border-default) 10%,var(--border-default) 90%,transparent 100%)!important;position:absolute!important;top:calc(-1 * var(--space-3))!important;left:0!important;right:0!important;z-index:99999!important}.user-html-content h1:first-child,.user-html-content h2:first-child,.user-html-content h3:first-child,.user-html-content h4:first-child,.user-html-content h5:first-child,.user-html-content h6:first-child{margin-top:0!important}.user-html-content h1:first-child:before,.user-html-content h2:first-child:before,.user-html-content h3:first-child:before,.user-html-content h4:first-child:before,.user-html-content h5:first-child:before,.user-html-content h6:first-child:before{display:none!important}.user-html-content h1{font-size:var(--font-size-xl)!important;font-weight:700!important;line-height:1.2!important;color:var(--text-primary)!important}.game-tracker-phase-effect h2,.twist-information-section h2,.scoring-information-section h2,.core-rules-section h2,.user-html-content h2{font-size:var(--font-size-lg)!important;font-weight:600!important;line-height:1.3!important;color:var(--text-primary)!important}.game-tracker-phase-effect h3,.twist-information-section h3,.scoring-information-section h3,.core-rules-section h3,.user-html-content h3{font-size:var(--font-size-md)!important;font-weight:600!important;line-height:1.3!important;color:var(--text-emphasis)!important;position:relative!important}.game-tracker-phase-effect h3:before,.twist-information-section h3:before,.scoring-information-section h3:before,.core-rules-section h3:before{content:"▸"!important;color:var(--accent-primary)!important;font-weight:700!important;margin-right:var(--space-2)!important}.user-html-content h3:before{content:none!important}.game-tracker-phase-effect h4,.game-tracker-phase-effect h5,.game-tracker-phase-effect h6,.twist-information-section h4,.twist-information-section h5,.twist-information-section h6,.scoring-information-section h4,.scoring-information-section h5,.scoring-information-section h6,.core-rules-section h4,.core-rules-section h5,.core-rules-section h6,.user-html-content h4,.user-html-content h5,.user-html-content h6{font-size:var(--font-size-sm)!important;font-weight:600!important;line-height:1.3!important;margin-top:var(--space-3)!important;margin-bottom:var(--space-2)!important;color:var(--text-emphasis)!important;text-transform:uppercase!important;letter-spacing:.5px!important}.game-tracker-phase-effect h1:first-child,.game-tracker-phase-effect h2:first-child,.game-tracker-phase-effect h3:first-child,.game-tracker-phase-effect h4:first-child,.game-tracker-phase-effect h5:first-child,.game-tracker-phase-effect h6:first-child,.twist-information-section h1:first-child,.twist-information-section h2:first-child,.twist-information-section h3:first-child,.twist-information-section h4:first-child,.twist-information-section h5:first-child,.twist-information-section h6:first-child,.scoring-information-section h1:first-child,.scoring-information-section h2:first-child,.scoring-information-section h3:first-child,.scoring-information-section h4:first-child,.scoring-information-section h5:first-child,.scoring-information-section h6:first-child,.core-rules-section h1:first-child,.core-rules-section h2:first-child,.core-rules-section h3:first-child,.core-rules-section h4:first-child,.core-rules-section h5:first-child,.core-rules-section h6:first-child,.user-html-content h1:first-child,.user-html-content h2:first-child,.user-html-content h3:first-child,.user-html-content h4:first-child,.user-html-content h5:first-child,.user-html-content h6:first-child{margin-top:0!important}.game-tracker-phase-effect p,.twist-information-section p,.scoring-information-section p,.core-rules-section p,.user-html-content p{font-size:var(--font-size-sm)!important;line-height:1.6!important;margin-top:0!important;margin-bottom:var(--space-3)!important;color:var(--text-primary)!important;text-align:left!important}.game-tracker-phase-effect p+p,.twist-information-section p+p,.scoring-information-section p+p,.core-rules-section p+p,.user-html-content p+p{margin-top:var(--space-3)!important}.game-tracker-phase-effect ul,.game-tracker-phase-effect ol,.twist-information-section ul,.twist-information-section ol,.scoring-information-section ul,.scoring-information-section ol,.core-rules-section ul,.core-rules-section ol,.user-html-content ul,.user-html-content ol{font-size:var(--font-size-sm)!important;line-height:1.6!important;margin-top:var(--space-2)!important;margin-bottom:var(--space-4)!important;margin-left:var(--space-2)!important;padding-left:var(--space-4)!important;color:var(--text-primary)!important;border-left:3px solid var(--border-light)!important}.game-tracker-phase-effect li,.twist-information-section li,.scoring-information-section li,.core-rules-section li,.user-html-content li{font-size:var(--font-size-sm)!important;line-height:1.6!important;margin-bottom:var(--space-2)!important;color:var(--text-primary)!important;position:relative!important}.game-tracker-phase-effect ul li,.twist-information-section ul li,.scoring-information-section ul li,.core-rules-section ul li,.user-html-content ul li{list-style:none!important}.game-tracker-phase-effect ul li:before,.twist-information-section ul li:before,.scoring-information-section ul li:before,.core-rules-section ul li:before,.user-html-content ul li:before{content:"•"!important;color:var(--accent-primary)!important;font-weight:700!important;position:absolute!important;left:calc(-1 * var(--space-4))!important}.game-tracker-phase-effect strong,.game-tracker-phase-effect b,.twist-information-section strong,.twist-information-section b,.scoring-information-section strong,.scoring-information-section b,.core-rules-section strong,.core-rules-section b,.user-html-content strong,.user-html-content b{font-weight:700!important;color:var(--text-emphasis)!important;background:var(--surface-highlight)!important;border-radius:var(--radius-xs)!important}.game-tracker-phase-effect em,.game-tracker-phase-effect i,.twist-information-section em,.twist-information-section i,.scoring-information-section em,.scoring-information-section i,.core-rules-section em,.core-rules-section i,.user-html-content em,.user-html-content i{font-style:italic!important;color:var(--text-secondary)!important}.game-tracker-phase-effect code,.twist-information-section code,.scoring-information-section code,.core-rules-section code,.user-html-content code{background:var(--surface-sunken)!important;color:var(--text-emphasis)!important;padding:2px var(--space-2)!important;border-radius:var(--radius-xs)!important;font-family:var(--font-mono, monospace)!important;font-size:calc(var(--font-size-sm) * .9)!important;border:1px solid var(--border-light)!important}.game-tracker-phase-effect blockquote,.twist-information-section blockquote,.scoring-information-section blockquote,.core-rules-section blockquote,.user-html-content blockquote{background:var(--surface-raised)!important;border-left:4px solid var(--accent-primary)!important;margin:var(--space-4) 0!important;padding:var(--space-3) var(--space-4)!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0!important;font-style:italic!important;color:var(--text-secondary)!important}.game-tracker-phase-effect a,.twist-information-section a,.scoring-information-section a,.core-rules-section a,.user-html-content a{color:var(--text-interactive)!important;text-decoration:underline!important;text-decoration-color:var(--border-light)!important;transition:all var(--transition-fast) ease!important}.game-tracker-phase-effect a:hover,.twist-information-section a:hover,.scoring-information-section a:hover,.core-rules-section a:hover,.user-html-content a:hover{color:var(--text-interactive-hover)!important;text-decoration-color:var(--text-interactive-hover)!important}.game-tracker-phase-effect h1,.game-tracker-phase-effect h2,.game-tracker-phase-effect h3,.twist-information-section h1,.twist-information-section h2,.twist-information-section h3,.scoring-information-section h1,.scoring-information-section h2,.scoring-information-section h3,.core-rules-section h1,.core-rules-section h2,.core-rules-section h3,.user-html-content h1,.user-html-content h2,.user-html-content h3{border-bottom:2px solid var(--accent-primary)!important;padding-bottom:var(--space-2)!important;margin-bottom:var(--space-3)!important;color:var(--text-emphasis)!important}.game-tracker-phase-effect h4,.game-tracker-phase-effect h5,.game-tracker-phase-effect h6,.twist-information-section h4,.twist-information-section h5,.twist-information-section h6,.scoring-information-section h4,.scoring-information-section h5,.scoring-information-section h6,.core-rules-section h4,.core-rules-section h5,.core-rules-section h6,.user-html-content h4,.user-html-content h5,.user-html-content h6{border-bottom:1px solid var(--border-emphasis)!important;padding-bottom:var(--space-1)!important;margin-bottom:var(--space-2)!important;color:var(--text-emphasis)!important}.game-tracker-phase-effect p,.twist-information-section p,.scoring-information-section p,.core-rules-section p,.user-html-content p{margin-bottom:var(--space-3)!important;text-align:left!important}.game-tracker-phase-effect p+p,.twist-information-section p+p,.scoring-information-section p+p,.core-rules-section p+p,.user-html-content p+p{position:relative!important}.game-tracker-phase-effect p+p:before,.twist-information-section p+p:before,.scoring-information-section p+p:before,.core-rules-section p+p:before,.user-html-content p+p:before{content:""!important;display:block!important;width:100%!important;height:1px!important;background:linear-gradient(to right,transparent,var(--border-light),transparent)!important;margin:var(--space-2) 0 var(--space-3) 0!important}.game-tracker-phase-effect ul,.game-tracker-phase-effect ol,.twist-information-section ul,.twist-information-section ol,.scoring-information-section ul,.scoring-information-section ol,.core-rules-section ul,.core-rules-section ol,.user-html-content ul,.user-html-content ol{background:var(--surface-sunken)!important;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6)!important;border-radius:var(--radius-sm)!important;border-left:3px solid var(--accent-secondary)!important;margin:var(--space-3) 0!important}.game-tracker-phase-effect li,.twist-information-section li,.scoring-information-section li,.core-rules-section li,.user-html-content li{padding:var(--space-1) 0!important;border-bottom:none!important}.game-tracker-phase-effect li:last-child,.twist-information-section li:last-child,.scoring-information-section li:last-child,.core-rules-section li:last-child,.user-html-content li:last-child{border-bottom:none!important}.game-tracker-phase-effect blockquote,.twist-information-section blockquote,.scoring-information-section blockquote,.core-rules-section blockquote,.user-html-content blockquote{background:var(--surface-tertiary)!important;border-left:4px solid var(--accent-primary)!important;padding:var(--space-3) var(--space-4)!important;margin:var(--space-4) 0!important;font-style:italic!important;border-radius:0 var(--radius-sm) var(--radius-sm) 0!important}.game-tracker-phase-effect code,.twist-information-section code,.scoring-information-section code,.core-rules-section code,.user-html-content code{background:var(--surface-code)!important;padding:var(--space-1) var(--space-2)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-mono)!important;font-size:var(--font-size-xs)!important;color:var(--text-code)!important;border:1px solid var(--border-code)!important}.game-tracker-phase-effect pre,.twist-information-section pre,.scoring-information-section pre,.core-rules-section pre,.user-html-content pre{background:var(--surface-code)!important;padding:var(--space-3)!important;border-radius:var(--radius-md)!important;overflow-x:auto!important;border:1px solid var(--border-code)!important;margin:var(--space-3) 0!important}.game-tracker-phase-effect a,.twist-information-section a,.scoring-information-section a,.core-rules-section a,.user-html-content a{color:var(--color-primary)!important;text-decoration:underline!important;font-size:inherit!important}.game-tracker-phase-effect a:hover,.twist-information-section a:hover,.scoring-information-section a:hover,.core-rules-section a:hover,.user-html-content a:hover{color:var(--color-primary-hover)!important}.game-tracker-phase-effect div,.twist-information-section div,.scoring-information-section div,.core-rules-section div,.user-html-content div,.user-html-content span{font-size:var(--font-size-sm)!important;line-height:1.5!important;color:var(--text-primary)!important}.game-tracker-phase-effect table,.twist-information-section table,.scoring-information-section table,.core-rules-section table,.user-html-content table{width:100%!important;max-width:100%!important;font-size:var(--font-size-xs)!important;border-collapse:collapse!important;margin-bottom:var(--space-2)!important}.game-tracker-phase-effect td,.game-tracker-phase-effect th,.twist-information-section td,.twist-information-section th,.scoring-information-section td,.scoring-information-section th,.core-rules-section td,.core-rules-section th,.user-html-content td,.user-html-content th{padding:var(--space-1)!important;border:1px solid var(--border-default)!important;font-size:var(--font-size-xs)!important;line-height:1.3!important;color:var(--text-primary)!important}@media (pointer: coarse){.game-tracker-phase-effect h1,.game-tracker-phase-effect h2,.game-tracker-phase-effect h3,.game-tracker-phase-effect h4,.game-tracker-phase-effect h5,.game-tracker-phase-effect h6,.twist-information-section h1,.twist-information-section h2,.twist-information-section h3,.twist-information-section h4,.twist-information-section h5,.twist-information-section h6,.scoring-information-section h1,.scoring-information-section h2,.scoring-information-section h3,.scoring-information-section h4,.scoring-information-section h5,.scoring-information-section h6,.core-rules-section h1,.core-rules-section h2,.core-rules-section h3,.core-rules-section h4,.core-rules-section h5,.core-rules-section h6,.user-html-content h1,.user-html-content h2,.user-html-content h3,.user-html-content h4,.user-html-content h5,.user-html-content h6{font-size:var(--font-size-base)!important}}.separator{display:flex;align-items:center;position:relative}.separator:before,.separator:after{content:"";flex:1;height:var(--border-width);background:linear-gradient(to right,transparent,var(--border-default),transparent)}.separator--default:before,.separator--default:after{background:linear-gradient(to right,transparent,var(--border-default),transparent)}.separator--golden:before,.separator--golden:after{background:linear-gradient(to right,transparent,var(--color-accent),transparent)}.separator--subtle:before,.separator--subtle:after{background:linear-gradient(to right,transparent,var(--border-light),transparent)}.separator--secondary{margin:var(--space-2) 0;display:block;width:100%;height:1px;background:linear-gradient(to right,transparent 0%,var(--border-default) 10%,var(--border-default) 90%,transparent 100%)}.separator--secondary:before,.separator--secondary:after{display:none}.separator--primary:before,.separator--primary:after{background:linear-gradient(to right,transparent,var(--color-accent),transparent)}.separator--primary .separator__icon{margin:0 var(--space-3);font-size:var(--font-size-lg);color:var(--color-accent)}.separator:not(.separator--decorative):before,.separator:not(.separator--decorative):after{margin:0}.separator--line{width:100%;height:1px;background-color:var(--border-default);margin:var(--space-4) 0;display:block}.separator--line:before,.separator--line:after{display:none}.separator--decorative .separator__icon{margin:0 var(--space-3);font-size:var(--font-size-lg);background:var(--surface);padding:0 var(--space-2)}.separator--golden.separator--decorative .separator__icon{color:var(--color-accent);text-shadow:var(--shadow-glow)}.separator--default.separator--decorative .separator__icon{color:var(--text-secondary)}.separator--subtle.separator--decorative .separator__icon{color:var(--text-muted);text-shadow:none}@media (pointer: coarse){.separator--decorative .separator__icon{font-size:var(--font-size-base);margin:0 var(--space-2)}}.file-type-filter{margin-bottom:var(--space-4);margin-top:0}.file-type-filter label{margin-right:var(--space-3);font-weight:var(--font-weight-medium);color:var(--text-primary)}.file-type-filter select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary)}.upload-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-weight:var(--font-weight-medium)}.upload-status.success{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--color-success-standard);border-left:4px solid var(--color-success-standard)}.upload-status.error{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--color-error-standard);border-left:4px solid var(--color-error-standard)}.upload-status.warning{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--color-warning-standard);border-left:4px solid var(--color-warning-standard)}.dice-roller{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.dice-roller-profile-select{padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast) ease}.dice-roller-profile-select:focus{outline:none;border-color:var(--text-interactive);box-shadow:0 0 0 2px var(--primary-100)}.score-tracker{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hamburger-menu{position:fixed;top:var(--space-4);left:var(--space-4);z-index:var(--z-floating)}.hamburger-button{width:48px;height:48px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) ease}.hamburger-button:hover{background:var(--neutral-100)}.user-menu-info .text--sm{display:block}.information-section{margin-bottom:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:4px}.information-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface);border:none;cursor:pointer;transition:all var(--transition-fast) ease;font-weight:var(--font-weight-medium);text-align:left}.information-section-header:hover{background:var(--surface-subtle)}.information-section-header.expanded{background:var(--surface-elevated);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.information-section-header.expanded:hover{background:var(--surface-subtle);box-shadow:var(--shadow-sm)}.information-section-content{padding:var(--space-4);background:var(--surface-subtle);animation:expand-content .2s ease-out}@keyframes expand-content{0%{opacity:0;transform:translateY(var(--offset-neg-10))}to{opacity:1;transform:translateY(0)}}.section-icon{font-size:var(--font-size-lg);margin-right:var(--space-2)}.section-title{flex:1;font-size:var(--font-size-base);color:var(--text-primary)}.section-arrow{color:var(--text-tertiary);font-size:var(--font-size-sm);transition:transform var(--transition-fast) ease}.information-section-header.expanded .section-arrow{transform:rotate(var(--rotation-quarter))}.info-section{margin-bottom:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.info-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface);border:none;cursor:pointer;transition:all var(--transition-fast) ease;font-weight:var(--font-weight-medium);text-align:left}.info-section-header:hover{background:var(--surface-raised)}.info-section-title{display:flex;align-items:center;gap:var(--space-2);flex:1}.info-section-icon{font-size:var(--font-size-lg)}.info-section-toggle{color:var(--text-tertiary);font-size:var(--font-size-sm)}.info-section-content{padding:var(--space-4);background:var(--surface-subtle)}.feature-card h5{margin:0 0 var(--space-2);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.feature-card p{margin:0;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.status-card{padding:var(--space-4);margin-bottom:var(--space-3);border-radius:var(--radius-md);border-left:4px solid}.status-card.latest{background:var(--surface-elevated);border-left-color:var(--color-success-standard);color:var(--text-primary)}.status-card.fixes{background:var(--surface-elevated);border-left-color:var(--color-warning-standard);color:var(--text-primary)}.status-card h5{margin:0 0 var(--space-2);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.status-card ul{margin:0;padding-left:var(--space-4)}.status-card li{margin-bottom:var(--space-1);color:var(--text-secondary)}.content-container{padding:var(--space-4);overflow-y:auto}.back-to-top{position:fixed;bottom:var(--space-4);right:calc(48px + var(--space-4) + var(--space-3));width:48px;height:48px;padding:0;background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:0 2px 4px #0003,0 1px 2px #0000004d,inset 0 1px #fff3;transition:all var(--transition-fast) ease;z-index:var(--z-floating);display:flex;align-items:center;justify-content:center;overflow:hidden}.back-to-top:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.back-to-top:hover{background:linear-gradient(135deg,var(--secondary-600),var(--secondary-700));transform:translateY(var(--offset-neg-2));box-shadow:0 4px 12px #0000004d,0 2px 4px #0006,inset 0 1px #ffffff4d}.back-to-top:hover:before{width:100%;height:100%}.back-to-top:active{transform:translateY(0);box-shadow:var(--shadow-md)}@media (max-width: 768px){.back-to-top{bottom:var(--space-3);right:calc(44px + var(--space-3) + var(--space-2));width:44px;height:44px;font-size:var(--font-size-base)}}.user-menu{position:relative;display:inline-flex;z-index:999998}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease;font-size:var(--font-size-sm);width:auto;min-width:auto;max-width:none}.user-menu-trigger:hover{background:var(--surface-sunken)}.user-avatar{width:32px;height:32px;min-width:32px;max-width:32px;border-radius:var(--radius-full);background:var(--primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.avatar-header-row .account-info-label{margin:0}.avatar-header-row .avatar-preview{flex-shrink:0}.avatar-preview-centered{display:flex;justify-content:center;align-items:center;margin:var(--space-3) 0}.avatar-controls-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.button-group{display:flex;gap:var(--space-2)}.button-group--horizontal{flex-direction:row}.button-group--horizontal>*{flex:1}.account-info-item{padding:var(--space-3);background:var(--surface-secondary);border-radius:var(--radius-md)}.avatar-upload-section{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;gap:var(--space-4)!important}.avatar-preview{flex-shrink:0}.avatar-image,.avatar-placeholder{border-radius:var(--radius-full);border:2px solid var(--border-light);overflow:hidden}.avatar-image--large,.avatar-placeholder--large{width:80px;height:80px}.avatar-image{object-fit:cover;display:block}.avatar-placeholder{background:var(--surface-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.avatar-placeholder .avatar-icon{font-size:2rem}.avatar-controls{flex:1;display:flex;flex-direction:column;gap:var(--space-3);width:100%}.avatar-controls .btn{width:100%!important}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.user-email{color:var(--text-secondary);white-space:nowrap}.user-menu-arrow{color:var(--text-tertiary);font-size:var(--font-size-xs);transition:transform var(--transition-fast) ease}.user-menu.open .user-menu-arrow{transform:rotate(var(--rotation-180))}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-1));right:0;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:999999!important;opacity:0;visibility:hidden;transform:translateY(var(--offset-neg-10));transition:all var(--transition-fast) ease}.user-menu:has(.user-email) .user-menu-dropdown{left:0}.user-menu.open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-item{display:block;width:100%;padding:var(--space-3);background:none;border:none;text-align:left;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast) ease;font-size:var(--font-size-sm)}.user-menu-item:hover{background:var(--surface-sunken)}.user-menu-divider{height:1px;background:var(--border-light);margin:var(--space-1) 0}@media (max-width: 480px){.user-email{display:none}.user-menu-trigger{padding:var(--space-2);min-width:auto;width:auto}.user-menu:has(.user-email) .user-menu-dropdown{left:auto}}@media (min-width: 481px){.user-email{display:block;max-width:none;overflow:visible;text-overflow:unset;white-space:nowrap}.user-menu-label{white-space:nowrap}.user-menu-trigger{width:auto;min-width:auto;max-width:none;overflow:visible}}.breadcrumb-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast) ease}.breadcrumb-button:hover{background:var(--neutral-100);color:var(--text-primary)}.breadcrumb-separator{margin:0 var(--space-1);color:var(--text-quaternary)}.breadcrumb.current{color:var(--text-primary);font-weight:var(--font-weight-medium)}section{margin-bottom:var(--space-8)}section:last-child{margin-bottom:0}.card__body>*+*{margin-top:var(--space-3)}.card__body>.heading+*{margin-top:var(--space-2)}.card__header>.heading{margin:0}.card__footer>*+*{margin-top:var(--space-2)}.form-group:last-child{margin-bottom:0}.information-section-content>*+*{margin-top:var(--space-3)}.information-section-content>.heading+*{margin-top:var(--space-2)}.info-section-content>*+*{margin-top:var(--space-3)}.info-section-content>.heading+*{margin-top:var(--space-2)}.feature-card>*+*{margin-top:var(--space-2)}.feature-card>.heading+*{margin-top:var(--space-1)}.status-card>*+*{margin-top:var(--space-3)}.status-card>.heading+*{margin-top:var(--space-2)}.demo-section{margin-bottom:var(--space-8)}.demo-section:last-child{margin-bottom:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.btn,.card,.input{border-width:2px}}@media (max-width: 480px){.container{padding:0 var(--space-2)}.btn{min-height:var(--button-min-height);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.input{min-height:44px;padding:var(--space-3);font-size:16px}.heading--1{font-size:var(--font-size-3xl)}.heading--2{font-size:var(--font-size-2xl)}.heading--3{font-size:var(--font-size-xl)}.modal{margin:var(--space-1);max-height:calc(100vh - var(--space-2));border-radius:var(--radius-md)}.grid--auto{grid-template-columns:1fr;gap:var(--space-3)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.nav-link,.tab-button,.step-label{min-height:var(--button-min-height);padding:var(--space-3) var(--space-4)}.dice-face{width:var(--space-14);height:var(--space-14);font-size:var(--font-size-xl)}.game-systems-grid,.features-grid{grid-template-columns:1fr}.user-email{display:none}.tiers{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 768px){.container{padding:0 var(--space-3)}.btn{min-height:var(--button-min-height)}.input{min-height:var(--button-min-height);font-size:16px}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.modal{max-width:90vw;margin:var(--space-4)}}@media (max-width: 768px){.container{padding:0 var(--space-3)}.btn{padding:var(--space-3) var(--space-3)}.heading--1{font-size:var(--font-size-4xl)}.heading--2{font-size:var(--font-size-3xl)}.modal{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}.grid--auto{grid-template-columns:1fr}.sidebar{flex-direction:column}.sidebar__nav{flex:none}.app-header{padding:var(--space-2) var(--space-3)}.app-logo-text{display:none}.game-systems-grid,.features-grid,.tiers{grid-template-columns:1fr}.upgrade-prompt{padding:var(--space-6);margin:var(--space-4)}.upgrade-actions{flex-direction:column}.demo-status--full{padding:var(--space-4)}.stepper-labels{flex-direction:column;align-items:stretch;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.stepper-labels::-webkit-scrollbar{display:none}.stepper-labels.button-group-horizontal{flex-direction:row!important;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}.stepper-labels.button-group-horizontal .btn{flex:1;min-width:0}.btn-group{flex-direction:column;align-items:stretch}.btn-group--horizontal{flex-direction:row;flex-wrap:wrap}.info-section-header,.information-section-header{padding:var(--space-3)}.stars-header{padding:var(--space-3) 0}.stack--6,.stack--5{gap:var(--space-3)}.stack--4{gap:var(--space-2)}.card,.card__body{padding:var(--space-4)}.sticky-header{padding:var(--space-3)}.header-icon{width:24px;height:24px}.ability-card-content,.info-section-content,.information-section-content{padding:var(--space-3)}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:90%;padding:0 var(--space-4)}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(2,1fr)}.modal{max-width:80vw}.dice-face{width:var(--space-12);height:var(--space-12)}}@media (min-width: 1025px){.container{max-width:1200px}.btn:hover{transform:translateY(var(--offset-neg-1));box-shadow:var(--shadow-md)}.card--interactive:hover{transform:translateY(var(--offset-neg-2))}.nav-link:hover{transform:translate(2px)}}@media (min-width: 1400px){.container{max-width:1400px}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--text-interactive);animation:spin 1s ease-in-out infinite}.spinner--sm{width:16px;height:16px}.spinner--lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:8px;background:var(--surface-subtle);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--primary-500);border-radius:var(--radius-full);transition:width var(--transition-base) ease}.progress-bar--sm{height:4px}.progress-bar--lg{height:12px}.skeleton{background:linear-gradient(90deg,var(--surface-subtle) 25%,var(--surface-elevated) 50%,var(--surface-subtle) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.skeleton--text{height:1em;margin:.5em 0}.skeleton--title{height:1.5em;margin:.75em 0}.skeleton--avatar{width:40px;height:40px;border-radius:50%}.skeleton--button{height:40px;width:120px}.loading-text{color:var(--text-tertiary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1;white-space:nowrap}.badge--primary{background:var(--primary-100);color:var(--text-brand)}.badge--secondary{background:var(--neutral-100);color:var(--neutral-800)}.badge--success{background:var(--success-500);color:var(--surface)}.badge--warning{background:var(--warning-500);color:var(--surface)}.badge--error{background:var(--error-500);color:var(--surface)}.badge--info{background:var(--info-500);color:var(--surface)}.badge--outline{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.badge--small{padding:var(--space-1) var(--space-1);font-size:var(--font-size-2xs)}.badge--large{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary)}.ability-type-filters-sticky{padding:0 var(--space-3) var(--space-3);background:var(--surface-secondary);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-3);display:flex;justify-content:center}.tag__remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0;font-size:var(--font-size-xs);line-height:1;transition:color var(--transition-fast) ease}.tag__remove:hover{color:var(--error-500)}.accordion{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:4px}.accordion__item{border-bottom:1px solid var(--border-default)}.accordion__item:last-child{border-bottom:none}.accordion__header{width:100%;background:var(--surface);border:none;padding:var(--space-4);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:var(--font-weight-medium);color:var(--text-primary);transition:background-color var(--transition-fast) ease}.accordion__header:hover,.accordion__header--expanded{background:var(--surface-subtle)}.accordion__icon{font-size:var(--font-size-sm);color:var(--text-tertiary);transition:transform var(--transition-fast) ease}.accordion__header--expanded .accordion__icon{transform:rotate(180deg)}.accordion__content{max-height:0;overflow:hidden;transition:max-height var(--transition-base) ease}.accordion__content--expanded{max-height:1000px}.accordion__body{padding:var(--space-4);background:var(--surface-subtle)}.dropdown{position:relative;display:inline-block;padding:4px}.dropdown__trigger{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast) ease}.dropdown__trigger:hover{background:var(--surface-subtle);border-color:var(--border-emphasis)}.dropdown__trigger--open{border-color:var(--text-interactive);box-shadow:0 0 0 3px var(--primary-100)}.dropdown__menu{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;max-height:300px;overflow-y:auto;opacity:0;transform:translateY(var(--offset-neg-8));transition:all var(--transition-fast) ease;pointer-events:none}.dropdown__menu--open{opacity:1;transform:translateY(0);pointer-events:all}.dropdown__item{padding:var(--space-3);cursor:pointer;border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast) ease}.dropdown__item:last-child{border-bottom:none}.dropdown__item:hover{background:var(--surface-subtle)}.dropdown__item--selected{background:var(--primary-50);color:var(--text-interactive)}.dropdown__item--disabled{opacity:.5;cursor:not-allowed}.dropdown__divider{height:1px;background:var(--border-default);margin:var(--space-1) 0}.menu{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2) 0;min-width:180px}.menu__item{padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);transition:background-color var(--transition-fast) ease}.menu__item:hover{background:var(--surface-subtle)}.menu__item--danger{color:var(--error-500)}.menu__item--danger:hover{background:var(--error-50)}.stepper{display:flex;flex-direction:column;gap:var(--space-4)}.stepper__nav{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:4px}.stepper__step{display:flex;align-items:center;gap:var(--space-2);flex:1}.stepper__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface-subtle);border:2px solid var(--border-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);transition:all var(--transition-fast) ease}.stepper__step--active .stepper__number{background:var(--primary-500);border-color:var(--text-interactive);color:var(--surface)}.stepper__step--completed .stepper__number{background:var(--success-500);border-color:var(--success-500);color:var(--surface)}.stepper__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);transition:color var(--transition-fast) ease}.stepper__step--active .stepper__label,.stepper__step--completed .stepper__label{color:var(--text-primary)}.stepper__connector{flex:1;height:2px;background:var(--border-default);margin:0 var(--space-3);transition:background-color var(--transition-fast) ease}.stepper__step--completed+.stepper__step .stepper__connector,.stepper__step--completed .stepper__connector{background:var(--success-500)}.stepper__content{min-height:200px}.step-labels{display:flex;border-bottom:1px solid var(--border-default);margin-bottom:var(--space-4)}.step-label{padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}.step-label:hover{color:var(--text-primary);background:var(--surface-subtle)}.step-label.active{color:var(--text-interactive);border-bottom-color:var(--text-interactive)}.list{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.list__item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast) ease}.list__item:last-child{border-bottom:none}.list__item--interactive{cursor:pointer}.list__item--interactive:hover{background:var(--surface-subtle)}.list__item--selected{background:var(--primary-50);border-color:var(--primary-200)}.list__item--disabled{opacity:.5;cursor:not-allowed}.list__divider{height:1px;background:var(--border-default);margin:0}.list--flush{border:none;border-radius:0}.list--flush .list__item{border-radius:0}.list--ordered{counter-reset:list-counter}.list--ordered .list__item:before{counter-increment:list-counter;content:counter(list-counter) ".";margin-right:var(--space-3);font-weight:var(--font-weight-semibold);color:var(--text-interactive)}.list--unordered .list__item:before{content:"•";margin-right:var(--space-3);color:var(--text-interactive)}.tooltip{position:relative;display:inline-block}.tooltip__trigger{cursor:help}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--neutral-900);color:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:nowrap;z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-fast) ease;margin-bottom:var(--space-2)}.tooltip__content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--neutral-900)}.tooltip:hover .tooltip__content{opacity:1}.tooltip--top .tooltip__content{bottom:100%;margin-bottom:var(--space-2)}.tooltip--bottom .tooltip__content{top:100%;bottom:auto;margin-top:var(--space-2);margin-bottom:0}.tooltip--left .tooltip__content{right:100%;left:auto;top:50%;bottom:auto;transform:translateY(-50%);margin-right:var(--space-2);margin-bottom:0}.tooltip--right .tooltip__content{left:100%;top:50%;bottom:auto;transform:translateY(-50%);margin-left:var(--space-2);margin-bottom:0}.popover{position:absolute;background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:1000;max-width:300px;opacity:0;transform:scale(.9);transition:all var(--transition-fast) ease;pointer-events:none}.popover--open{opacity:1;transform:scale(1);pointer-events:all}.popover__header{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.popover__content{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.toggle{position:relative;display:inline-block;width:48px;height:24px}.toggle__input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--neutral-300);transition:background-color var(--transition-fast) ease;border-radius:var(--radius-24)}.toggle__slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:var(--surface);transition:transform var(--transition-fast) ease;border-radius:50%;box-shadow:0 2px 4px var(--black-alpha-20)}.toggle__input:checked+.toggle__slider{background:var(--primary-500)}.toggle__input:checked+.toggle__slider:before{transform:translate(24px)}.toggle__input:disabled+.toggle__slider{opacity:.5;cursor:not-allowed}.toggle__input:focus+.toggle__slider{outline:2px solid var(--primary-500);outline-offset:2px}.toggle__input:focus-visible+.toggle__slider{outline:2px solid var(--primary-500);outline-offset:2px}.toggle--small{width:36px;height:20px}.toggle--small .toggle__slider:before{height:16px;width:16px}.toggle--small .toggle__input:checked+.toggle__slider:before{transform:translate(16px)}.switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch__input{position:absolute;opacity:0;pointer-events:none}.switch__control{position:relative;width:44px;height:24px;background:var(--neutral-200);border-radius:var(--radius-12);transition:background-color var(--transition-fast) ease}.switch__control:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--surface);border-radius:50%;transition:transform var(--transition-fast) ease;box-shadow:0 1px 3px var(--black-alpha-30)}.switch__input:checked+.switch__control{background:var(--primary-500)}.switch__input:checked+.switch__control:after{transform:translate(20px)}.switch__input:focus+.switch__control{outline:2px solid var(--primary-500);outline-offset:2px}.switch__input:focus-visible+.switch__control{outline:2px solid var(--primary-500);outline-offset:2px}.switch__label{font-size:var(--font-size-sm);color:var(--text-primary);-webkit-user-select:none;user-select:none}.dice-face{display:inline-flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin:var(--space-1);border:2px solid transparent;transition:all var(--transition-fast) ease}.dice-face-1{background:linear-gradient(135deg,var(--dice-red-light),var(--dice-red-dark));color:var(--surface);border-color:var(--error-500)}.dice-face-2{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:var(--surface);border-color:var(--warning-600)}.dice-face-3{background:linear-gradient(135deg,var(--warning-400),var(--warning-500));color:var(--surface);border-color:var(--warning-500)}.dice-face-4{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:var(--surface);border-color:var(--success-600)}.dice-face-5{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--surface);border-color:var(--primary-600)}.dice-face-6{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--surface);border-color:var(--accent-600)}.dice-face-d3-1{background:linear-gradient(135deg,var(--info-500),var(--info-600));color:var(--surface);border-color:var(--info-600)}.dice-face-d3-2{background:linear-gradient(135deg,var(--success-400),var(--success-500));color:var(--surface);border-color:var(--success-500)}.dice-face-d3-3{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:var(--surface);border-color:var(--warning-600)}.dice-face-default{background:var(--surface-subtle);color:var(--text-tertiary);border-color:var(--border-default)}.demo-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.demo-status--compact{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.demo-status--full{flex-direction:column;align-items:stretch;gap:var(--space-4)}.demo-status--expired{background:var(--error-50);border-color:var(--error-200);color:var(--error-800)}.demo-status__icon{font-size:var(--font-size-xl);flex-shrink:0}.demo-status__header{display:flex;align-items:center;gap:var(--space-3)}.demo-status__title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.demo-status__text{font-size:var(--font-size-sm);color:var(--text-secondary)}.demo-status__content{display:flex;flex-direction:column;gap:var(--space-1)}.demo-status__message{font-size:var(--font-size-sm);color:var(--text-tertiary)}.demo-status__limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.demo-status__limit{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-light)}.demo-status__limit--warning{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.demo-status__limit-label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.demo-status__limit-value{font-weight:var(--font-weight-medium);color:var(--text-primary)}.demo-status__cta{margin-top:var(--space-2)}.demo-status__upgrade-btn{width:100%;padding:var(--space-3) var(--space-4);background:var(--primary-500);color:var(--surface);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}.demo-status__upgrade-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.demo-status__spinner{animation:spin 1s linear infinite}.demo-status.loading{opacity:.7}.file-upload-area{width:100%;position:relative}.file-upload-area .upload-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border:3px dashed var(--border-default);border-radius:var(--radius-lg);background:transparent;transition:border-color var(--transition-fast) ease;cursor:pointer;text-align:center;min-height:200px}.file-upload-area .upload-drop-zone:hover,.file-upload-area.drag-over .upload-drop-zone{border-color:var(--primary-400)}.file-upload-area .upload-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-3);color:var(--text-tertiary);transition:color var(--transition-fast) ease}.file-upload-area .upload-drop-zone:hover .upload-icon,.file-upload-area.drag-over .upload-icon{color:var(--primary-500)}.file-upload-area .upload-text{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5;font-weight:500}.file-upload-area .upload-help{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--space-3);text-align:center}.file-upload-area .upload-simple-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--surface-secondary);text-align:center;min-height:160px}.file-upload-area.touch-device .upload-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);color:var(--text-secondary)}.file-upload-area.touch-device .upload-text{text-align:center;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.4;font-weight:500;font-size:var(--font-size-base)}.file-input{position:absolute;opacity:0;pointer-events:none}.system-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:all var(--transition-fast) ease}.system-item.locked{background:var(--surface-subtle);border-color:var(--border-light);opacity:.8}.system-icon{font-size:var(--font-size-lg);flex-shrink:0}.system-name{flex:1;font-weight:var(--font-weight-medium);color:var(--text-primary)}.system-status{font-size:var(--font-size-sm);color:var(--success-600);font-weight:var(--font-weight-medium)}.purchase-btn{padding:var(--space-2) var(--space-3);background:var(--primary-500);color:var(--surface);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}.purchase-btn:hover{background:var(--primary-600)}.account-actions{display:flex;flex-direction:column;gap:var(--space-3)}.account-action-btn{padding:var(--space-3) var(--space-4);background:var(--primary-500);color:var(--surface);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease;text-align:left}.account-action-btn.secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.account-action-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.account-action-btn.secondary:hover{background:var(--surface-subtle);transform:translateY(-1px)}.account-info-item{display:flex;flex-direction:column;gap:var(--space-2)}.account-info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.account-info-value{padding:var(--space-3);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all;line-height:1.4}@media (max-width: 480px){.account-info-value{font-size:var(--font-size-xs);padding:var(--space-2)}.account-info-label{font-size:var(--font-size-xs)}}.continue-btn{width:100%;padding:var(--space-4) var(--space-6);background:var(--success-500);color:var(--surface);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast) ease}.continue-btn:hover{background:var(--success-600);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.turn-timer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.turn-timer__display{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.turn-timer--warning .turn-timer__display{color:var(--warning-500)}.turn-timer--danger .turn-timer__display{color:var(--error-500)}.command-point-tracker{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md)}.command-point-tracker__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-brand)}.command-point-tracker__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-interactive)}.army-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.army-card{background:var(--surface);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast) ease}.army-card:hover{border-color:var(--text-interactive);box-shadow:var(--shadow-md);transform:translateY(-2px)}.army-card--selected{border-color:var(--text-interactive);background:var(--primary-50)}.army-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.army-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.battleplan-card{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-fast) ease}.battleplan-card:hover{border-color:var(--text-interactive);box-shadow:var(--shadow-sm)}.battleplan-card--selected{border-color:var(--text-interactive);background:var(--primary-50)}.battleplan-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.battleplan-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.phase-tracker{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.phase-tracker__current{font-weight:var(--font-weight-semibold);color:var(--text-interactive)}.phase-tracker__round{font-size:var(--font-size-sm);color:var(--text-tertiary)}.in-use-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--success-500);color:var(--surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);margin-left:var(--space-2)}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.p-0{padding:0}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.loading{opacity:.7;pointer-events:none}.active{background:var(--primary-50);color:var(--text-interactive);border-color:var(--primary-200)}.coming-soon{position:relative;opacity:.6}.coming-soon:after{content:"Coming Soon";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--warning-500);color:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:10}.expandable{cursor:pointer;transition:all var(--transition-fast) ease}.expanded{background:var(--surface-subtle)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:all var(--transition-fast) ease}.hover-scale:hover{transform:scale(1.02);transition:transform var(--transition-fast) ease}.error-message{color:var(--error-500);font-size:var(--font-size-sm);margin-top:var(--space-1)}.warning-message{color:var(--warning-500);font-size:var(--font-size-sm);margin-top:var(--space-1)}.success-message{color:var(--success-500);font-size:var(--font-size-sm);margin-top:var(--space-1)}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-flex{display:flex!important}.mobile-block{display:block!important}.mobile-w-full{width:100%!important}.mobile-text-center{text-align:center!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--offset-10))}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.sr-only-focusable:focus,.sr-only-focusable:active{position:fixed!important;top:10px!important;left:10px!important;width:auto!important;height:auto;padding:var(--space-2) var(--space-4);margin:0;overflow:visible;background:var(--surface-overlay);color:var(--text-primary);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-sm);z-index:100000;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;box-shadow:var(--shadow-floating)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-500);color:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);z-index:9999;transition:top .2s ease}.skip-link:focus{top:6px}.field-group{position:relative}.field-group.has-error .input{border-color:var(--error-500);background:var(--error-25);box-shadow:0 0 0 2px var(--error-100)}.field-group.has-error .form-label{color:var(--error-600)}.error-state{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--error-600);font-size:var(--font-size-sm);margin-top:var(--space-1);line-height:var(--line-height-normal)}.error-state__icon{color:var(--error-500);flex-shrink:0;margin-top:2px}.error-state__message{flex:1}.error-state__help{margin-top:var(--space-1);color:var(--error-500);font-weight:var(--font-weight-medium)}.field-group.validating .input{border-color:var(--warning-400);background:var(--warning-25)}.field-group.valid .input{border-color:var(--success-400);background:var(--success-25)}.validation-indicator{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none}.validation-indicator--loading{animation:spin 1s linear infinite}.validation-indicator--success{color:var(--success-500)}.validation-indicator--error{color:var(--error-500)}.space-stack>*+*{margin-top:var(--space-4)}.space-stack--tight>*+*{margin-top:var(--space-2)}.space-stack--loose>*+*{margin-top:var(--space-6)}.space-stack--xl>*+*{margin-top:var(--space-8)}.space-inline>*+*{margin-left:var(--space-3)}.space-inline--tight>*+*{margin-left:var(--space-2)}.space-inline--loose>*+*{margin-left:var(--space-4)}.loading-skeleton{background:linear-gradient(90deg,var(--surface-subtle) 25%,var(--surface-elevated) 50%,var(--surface-subtle) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-skeleton--text{height:1em;margin:var(--space-1) 0}.loading-skeleton--button{height:40px;width:120px}.loading-skeleton--card{height:200px;width:100%}.bg-primary-50{background:var(--primary-50);color:var(--text-primary)}.bg-primary-100{background:var(--primary-100);color:var(--text-primary)}.bg-primary-500{background:var(--primary-500);color:var(--surface)}.bg-primary-900{background:var(--primary-900);color:var(--surface)}.bg-neutral-50{background:var(--neutral-50);color:var(--text-primary)}.bg-neutral-100{background:var(--neutral-100);color:var(--text-primary)}.bg-neutral-200{background:var(--neutral-200);color:var(--text-primary)}.bg-neutral-500{background:var(--neutral-500);color:var(--surface)}.bg-neutral-900{background:var(--neutral-900);color:var(--surface)}.bg-success-500{background:var(--success-500);color:var(--surface)}.bg-warning-500{background:var(--warning-500);color:var(--surface)}.bg-error-500{background:var(--error-500);color:var(--surface)}.bg-info-500{background:var(--info-500);color:var(--surface)}.demo-item{background:var(--neutral-100);padding:var(--space-2);border-radius:var(--radius-sm);text-align:center}.demo-item--large{padding:var(--space-4)}.demo-item--grid{text-align:center}.flex-wrap{flex-wrap:wrap}.w-80{width:80%}.w-60{width:60%}.w-70{width:70%}.w-67{width:67%}.w-30{width:30%}.relative{position:relative}.absolute{position:absolute}.z-1{z-index:1}.demo-position{position:relative;top:auto}.demo-position-dropdown{position:relative;margin-top:1rem}.demo-position-button{position:relative;margin:1rem auto;display:block}.demo-position-container{position:relative;height:100px;background:var(--neutral-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.demo-position-floating{position:absolute;bottom:1rem;right:1rem}.theme-demo-default{background:var(--surface-elevated)}.theme-demo-dark{background:var(--surface-sunken);color:var(--text-primary);border-color:var(--border-light)}.theme-demo-gaming{background:var(--surface-overlay);color:var(--text-primary);border-color:var(--border-light)}.text-white{color:var(--text-on-primary)}.text-neutral-300{color:var(--text-tertiary)}.text-gaming{color:var(--text-secondary)}.btn-gaming{background:linear-gradient(45deg,var(--gradient-gaming-start),var(--gradient-gaming-end))}.demo-dropdown-visible{position:relative;opacity:1;visibility:visible;transform:none;margin-top:.5rem}.size-4{width:16px;height:16px}.rounded-full{border-radius:50%}.card,.modal,.dropdown{contain:layout style paint}.btn,.input,.select{contain:layout style}.btn:hover,.card--interactive:hover,.nav-link:hover{will-change:transform,box-shadow}.loading-skeleton,.spinner,.animate-pulse{will-change:background-position,transform,opacity}.smooth-transform{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.focus-ring{outline:none;position:relative}.focus-ring:focus-visible:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid var(--primary-500);border-radius:calc(var(--radius-md) + 3px);opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.68,-.55,.265,1.55);z-index:1;pointer-events:none}.focus-ring:focus-visible:before{opacity:1;transform:scale(1)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-600);color:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-semibold);z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.skip-link:focus{transform:translateY(0);top:var(--space-2)}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.keyboard-nav-active .btn:focus,.keyboard-nav-active .nav-link:focus,.keyboard-nav-active .input:focus{outline:3px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 5px rgba(var(--primary-500-rgb),.2)}.focus-trap{outline:none}@media (prefers-contrast: high){.btn{border-width:3px;font-weight:var(--font-weight-bold)}.input,.select,.textarea{border-width:2px}.card{border-width:2px;box-shadow:none}}@keyframes spring-in{0%{opacity:0;transform:scale(.8) translateY(var(--offset-20))}60%{opacity:1;transform:scale(1.05) translateY(var(--offset-neg-5))}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spring-out{0%{opacity:1;transform:scale(1) translateY(0)}40%{opacity:1;transform:scale(1.02) translateY(var(--offset-neg-2))}to{opacity:0;transform:scale(.95) translateY(var(--offset-10))}}.modal-enter{animation:spring-in .4s cubic-bezier(.68,-.55,.265,1.55)}.modal-exit{animation:spring-out .3s cubic-bezier(.55,.085,.68,.53)}@keyframes expand-height{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.expand-content{overflow:hidden;animation:expand-height .3s ease-out}.stagger-container>*{animation:fadeInUp .5s ease-out;animation-delay:calc(var(--stagger-index, 0) * .1s);animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--offset-30))}to{opacity:1;transform:translateY(0)}}.content-loading{position:relative;overflow:hidden}.content-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--white-alpha-40),transparent);transform:translate(-100%);animation:shimmer 1.5s infinite;z-index:1}@keyframes shimmer{to{transform:translate(100%)}}.btn-press{transition:all .1s ease}.btn-press:active{transform:scale(.97) translateY(var(--offset-1));box-shadow:0 1px 3px var(--black-alpha-20)}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--white-alpha-30);transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}.ripple:active:before{width:300px;height:300px}.card-physics{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-physics:hover{transform:translateY(var(--offset-neg-8)) scale(1.02);box-shadow:0 20px 40px var(--black-alpha-10),0 10px 20px var(--black-alpha-5)}.input-enhanced{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-enhanced:focus{transform:scale(1.02);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.2),0 4px 12px var(--black-alpha-10)}@media (pointer: coarse){.nav-link{padding:var(--space-4) var(--space-3)}.card--interactive{cursor:default}.btn:hover,.card--interactive:hover,.nav-link:hover{transform:none;box-shadow:initial}}.swipe-container{touch-action:pan-x;-webkit-user-select:none;user-select:none}.skeleton-content{display:grid;gap:var(--space-3);padding:var(--space-4)}.skeleton-header{height:24px;width:70%;background:var(--skeleton-base);border-radius:var(--radius-sm);animation:skeleton-wave 1.5s ease-in-out infinite}.skeleton-text{height:16px;background:var(--skeleton-base);border-radius:var(--radius-sm);animation:skeleton-wave 1.5s ease-in-out infinite;animation-delay:.1s}.skeleton-text:nth-child(2){width:90%;animation-delay:.2s}.skeleton-text:nth-child(3){width:75%;animation-delay:.3s}.skeleton-text:nth-child(4){width:85%;animation-delay:.4s}.skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--skeleton-base);animation:skeleton-wave 1.5s ease-in-out infinite;animation-delay:.5s}@keyframes skeleton-wave{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.img-progressive{background:var(--skeleton-base);transition:opacity .3s ease}.img-progressive.loading{opacity:.7;animation:skeleton-wave 1.5s ease-in-out infinite}.img-progressive.loaded{opacity:1;animation:none}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.error-shake{animation:shake .5s ease-in-out}@keyframes success-scale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success-feedback{animation:success-scale .4s ease-out;background:var(--success-50);border-color:var(--success-200)}.progress-enhanced{position:relative;background:var(--surface-subtle);border-radius:var(--radius-full);overflow:hidden;height:6px}.progress-enhanced__fill{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);transition:width .3s cubic-bezier(.4,0,.2,1);position:relative}.progress-enhanced__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,var(--white-alpha-40),transparent);animation:progress-shimmer 2s ease-in-out infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-color-scheme: dark){.skeleton-base{background:linear-gradient(90deg,var(--neutral-800) 25%,var(--neutral-700) 50%,var(--neutral-800) 75%);background-size:200% 100%}.focus-ring:focus-visible:before{border-color:var(--primary-400);box-shadow:0 0 0 1px var(--neutral-900)}}@media print{.skip-link,.demo-section,.nav-link,.btn,.modal{display:none!important}.card{break-inside:avoid;box-shadow:none;border:1px solid #000}.text{color:#000!important}}@media (prefers-reduced-data: reduce){.skeleton,.loading-skeleton,.content-loading:before{animation:none}.card-physics:hover,.btn-press:active,.ripple:before{transform:none;animation:none}}@media (prefers-reduced-motion: reduce){.progress-enhanced__fill:after,.content-loading:before,.skeleton-wave{animation:none}}.error-boundary{padding:var(--space-6);text-align:center;background:var(--error-50);border:2px solid var(--error-200);border-radius:var(--radius-lg)}.error-boundary__title{color:var(--error-700);margin-bottom:var(--space-3)}.error-boundary__message{color:var(--error-600);margin-bottom:var(--space-4)}.offline-indicator{position:fixed;top:0;left:0;right:0;background:var(--warning-500);color:var(--surface);text-align:center;padding:var(--space-2);font-weight:var(--font-weight-semibold);z-index:2000;transform:translateY(-100%);transition:transform var(--duration-normal) ease}.offline-indicator.show{transform:translateY(0)}.perf-marker{display:none}@supports (contain: layout style paint){.perf-marker:after{content:"CSS Containment Supported"}}@media (hover: none) and (pointer: coarse){.tooltip{display:none}.hover-lift:hover,.card-physics:hover{transform:none}}@media (hover: hover) and (pointer: fine){.btn{cursor:pointer}.btn:hover{will-change:transform,box-shadow}}.optimized{contain:layout style paint;will-change:auto;transform:translateZ(0)}.above-fold{contain:layout style}.below-fold{contain:layout style paint;content-visibility:auto;contain-intrinsic-size:300px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.focusable{outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--duration-fast) ease}.focusable:focus-visible{outline-color:var(--focus-ring-color)}.light-mode-only{display:block}.dark-mode-only{display:none}@media (prefers-color-scheme: dark){.light-mode-only{display:none}.dark-mode-only{display:block}}*{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility}body{scroll-behavior:smooth;text-rendering:optimizeSpeed}@supports (scroll-behavior: smooth){html{scroll-behavior:smooth}}::selection{background:var(--primary-100);color:var(--text-primary)}::-moz-selection{background:var(--primary-100);color:var(--text-primary)}.settings-page{max-width:var(--container-lg);margin:0 auto;padding:var(--space-6)}.settings-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.settings-content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.settings-section--danger{border-color:var(--error-300);background:var(--error-50)}.settings-section .heading{margin:0 0 var(--space-4) 0;color:var(--text-primary)}.settings-section--danger .heading{color:var(--error-600)}.settings-group{display:flex;flex-direction:column;gap:var(--space-4)}.setting-item{display:flex;flex-direction:column;gap:var(--space-2)}.setting-item--toggle{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.setting-info{flex:1}.setting-label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.setting-description{color:var(--text-secondary);font-size:var(--font-size-xs);margin:var(--space-1) 0 0 0;line-height:1.4}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--neutral-300);transition:var(--transition-fast);border-radius:var(--radius-24)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--surface-base);transition:var(--transition-fast);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle-slider{background-color:var(--text-interactive)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle:hover .toggle-slider{box-shadow:var(--shadow-md)}.settings-actions{display:flex;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--border-light)}@media (max-width: 768px){.settings-page{padding:var(--space-4)}.settings-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.setting-item--toggle{flex-direction:column;gap:var(--space-3)}.settings-actions{flex-direction:column}}.app-layout{min-height:100vh;background-color:var(--surface-base);color:var(--text-primary)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.border{border:1px solid var(--border-default)}.border-0{border:none}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.container.main-content{flex:1;padding:var(--space-4)}@media (min-width: 769px){.container.main-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--space-6),8vh,var(--space-12)) var(--space-4)}}@media (max-width: 768px){.container.main-content{padding:var(--space-2)}}.cluster-center{justify-content:center}.icon-margin{margin-right:var(--space-2)}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:var(--space-4)}.spinner{width:var(--spinner-size);height:var(--spinner-size);border:3px solid var(--neutral-200);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.core-rules-selection{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.core-rules-option{position:relative;display:flex;align-items:center;padding:var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.core-rules-option:hover{border-color:var(--primary-300);background:var(--surface-raised);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.core-rules-option.selected{border-color:var(--primary-500);background:var(--surface-raised);box-shadow:var(--shadow-md)}.core-rules-option.selected:after{content:"✓";position:absolute;top:var(--space-2);right:var(--space-3);width:calc(var(--size-xs) * .55);height:calc(var(--size-xs) * .55);background:var(--primary-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-size-xs);font-weight:700}.core-rules-icon{flex-shrink:0;width:3rem;height:3rem;margin-right:var(--space-3);background:var(--primary-100);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .2s ease}.core-rules-option:hover .core-rules-icon{background:var(--primary-200);transform:scale(1.05)}.core-rules-option.selected .core-rules-icon{background:var(--primary-500);color:#fff}.core-rules-content{flex:1;min-width:0}.core-rules-title{font-size:var(--text-size-lg);font-weight:600;color:var(--neutral-900);margin:0 0 var(--space-1) 0;line-height:1.3}.core-rules-description{font-size:var(--text-size-sm);color:var(--neutral-600);margin:0;line-height:1.4}.core-rules-option.selected .core-rules-title{color:var(--primary-700)}.core-rules-option.selected .core-rules-description{color:var(--primary-600)}.core-rules-selector{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.core-rules-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.core-rules-option:hover{border-color:var(--primary-500);background:var(--surface-raised);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.15)}.core-rules-option--selected{border-color:var(--primary-500);background:var(--surface-raised);box-shadow:0 2px 8px rgba(var(--primary-500-rgb),.2)}.core-rules-option--selected:hover{background:var(--surface-overlay)}.core-rules-option__icon{font-size:var(--text-size-2xl);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--icon-container-sm);height:var(--icon-container-sm);background:var(--surface-raised);border-radius:var(--radius-small)}.core-rules-option--selected .core-rules-option__icon{background:var(--primary-500);color:#fff}.core-rules-option__content{flex:1;min-width:0}.core-rules-option__name{margin:0 0 var(--space-1) 0;font-size:var(--text-size-lg);font-weight:600;color:var(--text-primary);line-height:1.3}.core-rules-option__version{margin:0 0 var(--space-2) 0;font-size:var(--text-size-sm);color:var(--primary-600);font-weight:500}.core-rules-option__description{margin:0;font-size:var(--text-size-sm);color:var(--text-secondary);line-height:1.4}.core-rules-option__check{font-size:var(--text-size-xl);color:var(--primary-600);font-weight:700;flex-shrink:0;opacity:0;transform:scale(.8);transition:all .2s ease}.core-rules-option--selected .core-rules-option__check{opacity:1;transform:scale(1)}@media (max-width: 640px){.core-rules-option{padding:var(--space-3);gap:var(--space-3)}.core-rules-option__icon{width:calc(var(--icon-container-sm) * .85);height:calc(var(--icon-container-sm) * .85);font-size:var(--text-size-xl)}.core-rules-option__name{font-size:var(--text-size-base)}.core-rules-option__version,.core-rules-option__description{font-size:var(--text-size-xs)}}.abilities-container{margin-bottom:var(--space-6)}.abilities-title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.abilities-empty{padding:var(--space-6);text-align:center;background:var(--surface-subtle);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.abilities-empty-message{margin:var(--space-2) 0 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.abilities-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.ability-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ability-card-header-wrapper{display:flex;align-items:stretch}.ability-card-header{flex:1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--neutral-25);border:none;cursor:pointer;text-align:left;transition:all var(--transition-base) ease;font-family:inherit;gap:var(--space-3)}.ability-card-header:hover{background:var(--surface-subtle)}.ability-card-header:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.ability-header{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.ability-header h5{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.ability-header h5.long-name{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.ability-metadata{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.ability-type-block{display:inline-block;width:12px;height:12px;border-radius:var(--radius-xs);margin-right:var(--space-2);flex-shrink:0}.ability-type-block--command{background:var(--warning-500)}.ability-type-block--spell{background:var(--purple-500)}.ability-type-block--prayer{background:var(--blue-500)}.ability-type-block--passive{background:var(--success-500)}.ability-type-block--normal{background:var(--neutral-400)}.ability-title-row{display:flex;align-items:center;flex:1}.ability-cost-text{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:.9em}.ability-card-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-2)}.ability-use-button{padding:var(--space-2) var(--space-4);background:var(--primary-500);color:var(--primary-contrast);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-base) ease;box-shadow:var(--shadow-sm)}.ability-use-button:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.ability-use-button:active{background:var(--primary-700)}.ability-title-row h5{margin:0;flex:1}.ability-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.ability-indicators{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.ability-indicator--command{background:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-300)}.ability-indicator--spell{background:var(--purple-100);color:var(--purple-700);border:1px solid var(--purple-300)}.ability-indicator--prayer{background:var(--blue-100);color:var(--blue-700);border:1px solid var(--blue-300)}.ability-indicator--passive{background:var(--success-100);color:var(--success-700);border:1px solid var(--success-300)}.ability-indicator--normal{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-300)}.ability-indicator--lasting{background:var(--info-100);color:var(--info-700);border:1px solid var(--info-300)}.ability-card-chevron{display:flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);color:var(--text-tertiary);font-size:var(--font-size-lg);transition:all var(--transition-fast) ease;flex-shrink:0;font-weight:var(--font-weight-medium)}.ability-card-header:hover .ability-card-chevron{color:var(--color-accent);transform:translate(2px)}.ability-use-button{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--primary-500);color:#fff;border:none;border-left:1px solid var(--border-light);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast) ease;min-width:60px}.ability-use-button:hover{background:var(--primary-600)}.ability-use-button:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.ability-card-content{padding:var(--space-4);background:var(--surface);border-top:1px solid var(--border-light);animation:expandContent var(--transition-normal) ease}@keyframes expandContent{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ability-card-content>div{margin-bottom:var(--space-3);line-height:var(--line-height-relaxed)}.ability-card-content>div:last-child{margin-bottom:0}.ability-timing,.ability-declare,.ability-effect,.ability-keywords,.ability-lasts-until{font-size:var(--font-size-sm)}.ability-timing strong,.ability-declare strong,.ability-effect strong,.ability-keywords strong,.ability-lasts-until strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);display:inline-block;min-width:80px}.ability-timing span,.ability-declare span,.ability-effect span,.ability-lasts-until span{color:var(--text-secondary)}.ability-keywords{color:var(--text-tertiary);font-style:italic}.battlepack-selector{position:relative;width:100%}.battlepack-selector__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);text-align:left}.battlepack-selector__trigger--open{border-color:var(--primary-500);box-shadow:0 0 0 2px rgba(var(--primary-500-rgb),.2)}.battlepack-selector__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battlepack-selector__chevron{margin-left:var(--space-2);transition:transform var(--transition-fast) ease;color:var(--text-tertiary)}.battlepack-selector__chevron--open{transform:rotate(180deg)}.battlepack-selector__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--space-1);max-height:400px;overflow:hidden}.battlepack-selector__content{display:flex;flex-direction:column;max-height:400px;overflow:hidden}.battlepack-selector__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);background:var(--neutral-50)}.battlepack-selector__header h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.battlepack-selector__empty{padding:var(--space-6);text-align:center;color:var(--text-secondary)}.battlepack-selector__list{overflow-y:auto;max-height:320px}.battlepack-selector__item{border-bottom:1px solid var(--border-light)}.battlepack-selector__item:last-child{border-bottom:none}.battlepack-selector__battlepack{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-fast) ease;font-weight:var(--font-weight-medium)}.battlepack-selector__battlepack:hover{background:var(--neutral-100)}.battlepack-selector__battlepack--expanded{background:var(--primary-50);color:var(--primary-700)}.battlepack-selector__battlepack-name{flex:1;min-width:0}.battlepack-selector__battlepack-chevron{margin-left:var(--space-2);transition:transform var(--transition-fast) ease;color:var(--text-tertiary)}.battlepack-selector__battlepack-chevron.expanded{transform:rotate(180deg)}.battlepack-selector__battleplans{background:var(--neutral-25);border-top:1px solid var(--border-light)}.battlepack-selector__battleplan{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-6);margin:0;text-align:left;font-size:var(--font-size-sm);border-radius:0}.battlepack-selector__battleplan--selected{background:var(--primary-100);color:var(--primary-700)}.battlepack-selector__check{color:var(--success-500);font-weight:var(--font-weight-bold);margin-left:var(--space-2)}.army-dropdown-wrapper{width:100%}.army-dropdown-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.army-dropdown{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family-sans);transition:all var(--duration-fast) ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px;padding-right:calc(var(--space-4) + 20px)}.army-dropdown:hover{border-color:var(--primary-300)}.army-dropdown:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb),.1)}.army-dropdown--required{border-color:var(--error-500);box-shadow:0 0 0 1px var(--error-500)}.army-dropdown--required:hover{border-color:var(--error-600);box-shadow:0 0 0 1px var(--error-600)}.army-dropdown--required:focus{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-alpha-10)}.army-dropdown--complete{border-color:var(--success-500);box-shadow:0 0 0 1px var(--success-500)}.army-dropdown--complete:hover{border-color:var(--success-600);box-shadow:0 0 0 1px var(--success-600)}.army-dropdown--complete:focus{border-color:var(--success-500);box-shadow:0 0 0 3px var(--success-alpha-10)}.army-dropdown:disabled{background:var(--neutral-50);color:var(--text-tertiary);cursor:not-allowed;border-color:var(--border-light);box-shadow:none}.army-dropdown option:disabled{display:none}.save-preset-section{padding:0}.save-preset-section .prebattle-section-header{margin-bottom:var(--space-3)}.save-preset-section p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.save-preset-section .preset-actions{margin-top:var(--space-3)}.save-preset-separator{margin:var(--space-2) 0!important}.preset-item{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface);margin-bottom:var(--space-3);overflow:hidden;transition:all var(--transition-fast) ease}.preset-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.preset-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);background:var(--surface-subtle)}.preset-image{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light);background:var(--surface)}.preset-image img{width:100%;height:100%;object-fit:cover}.preset-title-section{flex:1;min-width:0}.preset-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:1.2}.preset-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.3}.preset-delete-btn{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--surface);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast) ease}.preset-delete-btn:hover{background:var(--error-50);border-color:var(--error-200);color:var(--error-600)}.preset-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface);gap:var(--space-3)}.preset-meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-tertiary);flex:1;min-width:0}.preset-footer .btn{flex-shrink:0;min-width:80px}@media (min-width: 768px){.preset-footer .btn{min-width:100px}}@media (min-width: 1024px){.preset-footer .btn{min-width:120px;padding:var(--space-3) var(--space-5)}}.preset-load-btn{flex-shrink:0;padding:var(--space-2) var(--space-4);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) ease}.preset-load-btn:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.preset-load-btn:active{transform:translateY(0)}.preset-actions{margin-bottom:var(--space-4)}.preset-action-buttons{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.preset-action-buttons .btn{flex:1}.preset-list-modal{max-height:400px;overflow-y:auto}.preset-list-modal .no-presets{text-align:center;padding:var(--space-6);color:var(--text-secondary)}.preset-list-modal .preset-list{display:flex;flex-direction:column;gap:var(--space-3)}.preset-list-container h6{margin:0 0 var(--space-3) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.preset-image-upload{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;padding:var(--space-4);border:2px dashed var(--border-light);border-radius:var(--radius-md);background:var(--surface-subtle)}.preset-image-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.preset-preview-image{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--border-light)}.preset-image-remove{margin-top:var(--space-2)}.preset-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-tertiary);text-align:center}.preset-image-icon{font-size:2rem;opacity:.7}.preset-image-placeholder p{margin:0;font-size:var(--font-size-sm)}.form-help{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-2);margin-bottom:var(--space-4)}@media (max-width: 480px){.preset-header{flex-wrap:wrap;gap:var(--space-2)}.preset-footer{flex-direction:column;align-items:stretch;gap:var(--space-3)}.preset-load-btn{width:100%}.preset-preview-image{width:100px;height:100px}}.configuration-section__button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);width:100%;text-align:left;border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-weight:500;transition:all .2s ease;cursor:pointer;box-shadow:var(--shadow-sm)}.configuration-section__button:hover{background:var(--surface-raised);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.configuration-section__button:focus{outline:none}.configuration-section__button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.configuration-section__button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.configuration-section__content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.configuration-section__title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.configuration-section__title-icon{display:inline-flex;align-items:center;font-size:var(--font-size-lg)}.configuration-section__selected{font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent);background:var(--color-accent-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-accent)}.configuration-section__icon{font-size:var(--font-size-xl);opacity:.6;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-tertiary)}.configuration-section__button:hover .configuration-section__icon{opacity:1;color:var(--color-accent)}@keyframes needs-attention{0%,to{box-shadow:0 0 #60a5fab3,var(--shadow-sm);border-color:var(--border-light)}50%{box-shadow:0 0 0 4px #60a5fa00,0 0 12px #60a5fa4d,var(--shadow-md);border-color:var(--color-accent)}}.configuration-section__button--needs-attention{animation:needs-attention 2.5s ease-in-out infinite}.configuration-section__button--needs-attention:hover{animation:none}.configuration-section.selected .configuration-section__button{border-color:var(--warning-500);background:var(--surface-raised);box-shadow:0 0 0 2px var(--warning-200),var(--shadow-md)}.configuration-section.selected .configuration-section__button:hover{border-color:var(--warning-600);box-shadow:0 0 0 2px var(--warning-300),var(--shadow-lg)}.btn--needs-attention{animation:needs-attention 2.5s ease-in-out infinite}.btn--needs-attention:hover{animation:none}.configuration-button-compact{display:inline-flex!important;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)!important;transition:all .2s ease}.configuration-button-compact__icon{font-size:1rem;line-height:1;opacity:.8}.configuration-button-compact__text{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.configuration-button-compact:hover .configuration-button-compact__icon{opacity:1;transform:scale(1.1)}.modal-selection-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-4);max-height:60vh;overflow-y:auto;padding-right:var(--space-2)}.modal-selection-grid::-webkit-scrollbar{width:6px}.modal-selection-grid::-webkit-scrollbar-track{background:var(--surface-raised);border-radius:var(--radius-sm)}.modal-selection-grid::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-sm)}.modal-selection-grid::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.modal-selection-item{border:none;border-radius:var(--radius-md);overflow:visible;background:transparent;margin-bottom:var(--space-3)}.modal-selection-item:last-child{margin-bottom:0}.modal-selection-button{width:100%;padding:var(--space-4);background:var(--surface);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:var(--space-3);box-shadow:var(--shadow-base);display:block;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.modal-selection-button:focus{outline:none}.modal-selection-button:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.modal-selection-button:hover{background:var(--surface-raised);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-selection-button:active{transform:translateY(0);box-shadow:var(--shadow-base)}.modal-selection-button.selected{background:var(--surface-accent);border-color:var(--border-accent);color:var(--text-primary);box-shadow:0 4px 12px rgba(var(--primary-500-rgb),.4)}.modal-selection-button:active{transform:translateY(0);box-shadow:0 2px 6px var(--shadow-subtle)}.modal-selection-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.modal-selection-button.selected .modal-selection-title{color:var(--text-primary)}.modal-selection-preview{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;background:var(--surface-raised);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block;margin-top:var(--space-2)}.modal-selection-button.selected .modal-selection-preview{background:var(--surface-accent-subtle);color:var(--text-primary)}.modal-selection-content{display:block}.modal-selection-details{padding:var(--space-4);background:var(--surface-raised);border:var(--border-width-thick) solid var(--color-accent-subtle);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-selection-details h6{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.enhancement-categories{max-height:70vh;overflow-y:auto}.enhancement-category{margin-bottom:var(--space-6)}.enhancement-category:last-child{margin-bottom:0}.enhancement-category-title{margin:0 0 var(--space-4) 0;padding:var(--space-4);background:linear-gradient(135deg,var(--color-accent-subtle),var(--surface-raised));border:var(--border-width-thick) solid var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;color:var(--text-accent);text-align:center;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 8px var(--black-alpha-10);position:relative;overflow:hidden}.enhancement-category-title:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white-alpha-20),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%{left:-100%}to{left:100%}}.core-rules-abilities-list{max-height:70vh;overflow-y:auto}.modal-sticky-layout--abilities{padding-top:var(--space-2)}.modal-sticky-layout--abilities .modal-sticky-top{padding-bottom:var(--space-1)}.modal-sticky-layout--abilities .ability-filters,.modal-sticky-layout--abilities .ability-search-wrapper{margin-bottom:var(--space-1)}.modal-sticky-layout--abilities .modal-sticky-content{padding:var(--space-4);background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-md);margin:0}.modal-sticky-layout--abilities .abilities-grouped,.modal-sticky-layout--abilities .abilities-type-section:first-child{margin-top:0;padding-top:0}.modal-sticky-layout--abilities .abilities-type-section{margin-bottom:var(--space-3)}.modal-sticky-layout--abilities .abilities-type-title{margin-top:0;margin-bottom:var(--space-1);padding-top:0}.modal-description{margin:0 0 var(--space-4) 0;color:var(--text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--space-3);background:var(--surface-raised);border-radius:var(--border-radius-sm);border:1px solid var(--border-light)}.rules-content{max-height:60vh;overflow-y:auto;padding-right:var(--space-2)}.clickable-rule-card{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--surface-secondary);cursor:pointer;transition:all .2s ease}.clickable-rule-card:hover{background-color:var(--surface-tertiary);border-color:var(--color-primary)}.rule-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.rule-card-title{margin:0;color:var(--color-primary);font-size:var(--font-size-md);font-weight:600}.rule-card-arrow{color:var(--color-primary);font-size:var(--font-size-lg);opacity:.7}.rule-card-preview{color:var(--secondary-color);font-size:var(--font-size-sm);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.modal-empty-state{text-align:center;color:var(--secondary-color);font-style:italic;padding:var(--space-4)}.game-tracker-empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-secondary)}.game-tracker-empty-state__icon{font-size:3rem;margin-bottom:var(--space-3)}.game-tracker-empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.game-tracker-empty-state__content{max-width:480px;margin:0 auto}.game-tracker-instructions{background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);text-align:left}.game-tracker-instructions__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.game-tracker-instructions__list{margin:0;padding-left:var(--space-4);color:var(--text-secondary);line-height:1.6}.game-tracker-instructions__list li{margin-bottom:var(--space-2)}.game-tracker-instructions__list li:last-child{margin-bottom:0}.game-tracker-instructions__list strong{color:var(--text-primary);font-weight:var(--font-weight-medium)}.modal-results-summary{margin-top:var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--secondary-color);word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;width:100%;padding:0 var(--space-2);box-sizing:border-box;white-space:normal}.ability-filters{margin-bottom:0;display:flex;flex-direction:column}.ability-search-wrapper{margin-bottom:var(--space-2);display:flex;gap:var(--space-2);align-items:center}.ability-search-wrapper .input{flex:1}.filter-toggle-button{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-base)}.filter-toggle-button:hover{background:var(--surface-secondary)}.filter-toggle-button--collapsed{margin-left:auto}.filter-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:flex-start}.filter-button-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-button{padding:var(--space-1) var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-primary);font-size:var(--font-size-xs);cursor:pointer;text-transform:capitalize}.filter-button.active{background:var(--color-accent);color:var(--text-on-accent)}.filter-button--clear{background:var(--surface-secondary);color:var(--text-secondary);border-color:var(--border-secondary);font-weight:var(--font-weight-medium)}.filter-button--clear:hover{background:var(--surface-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.abilities-type-section{margin-bottom:var(--space-3)}.abilities-type-section:first-child,.abilities-grouped{margin-top:0;padding-top:0}.abilities-type-title{color:var(--color-accent);margin-top:0;margin-bottom:var(--space-1);padding-top:0;text-transform:uppercase;font-size:var(--font-size-xs);font-weight:700}.abilities-filtered-summary{margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-upload-hidden{display:none}.file-card-disabled{opacity:.5;cursor:not-allowed}.ability-declare-text{color:#495057}.battleplan-filters{margin-bottom:var(--space-6)}.section-spacing-top{margin-top:var(--space-5)}.button-group-spacing,.preset-manager-spacing{margin-top:var(--space-4)}.timer-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.timer-header-title{margin:0}.timer-info-button{background:none;border:1px solid #ccc;border-radius:50%;width:28px;height:28px;min-width:28px;min-height:28px;max-width:28px;max-height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#666;font-weight:700;flex-shrink:0;padding:0;aspect-ratio:1 / 1;transition:border-color .2s ease}.timer-info-button:before{display:none!important}.timer-info-button:hover{border-color:var(--primary-500)!important;background:none!important;color:#666!important;transform:none!important}.timer-info-panel{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.75rem;margin-top:.5rem;font-size:.9rem;color:#495057}.timer-preset-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.timer-custom-controls{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.timer-custom-controls .dice-roller-label{flex:1;min-width:0}.timer-display-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1rem;background:var(--surface-raised);border-radius:var(--radius-md);border:1px solid var(--border-light);margin-top:.5rem;font-weight:500;font-size:.9rem;color:var(--secondary-color);text-align:center}.timer-display-wrapper[data-timer-state=invalid]{background:#ffebee;border-color:#f44336;color:#d32f2f}.timer-display-wrapper[data-timer-state=valid]{background:var(--background-card);border:none}.timer-current-info{font-size:.8rem;margin-top:.25rem}.turn-timer-wrapper{position:fixed;top:20px;right:20px;background:var(--surface-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 4px 12px var(--black-alpha-20);z-index:var(--z-overlay);min-width:280px;margin:8px 0;text-align:center;font-size:1.2rem}.turn-timer-wrapper[data-timer-state=warning]{background:#ffebee;border-color:#f44336;color:#d32f2f}.turn-timer-wrapper[data-timer-state=normal]{background:#e8f5e8;border-color:#4caf50;color:#2e7d32}.timer-turn-info{font-size:.85rem;margin-bottom:6px;font-weight:600;letter-spacing:.5px}.turn-timer-wrapper[data-timer-state=warning] .timer-turn-info{color:#b71c1c}.turn-timer-wrapper[data-timer-state=normal] .timer-turn-info{color:#1b5e20}.timer-display{font-size:2rem;font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:var(--space-2)}.timer-controls-spacing{margin-top:8px}.timer-warning-text{color:var(--color-warning);font-size:.85rem;text-align:center;font-style:italic;margin-top:var(--space-2)}.army-formation-button-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.configuration-item-spacing{margin-top:1rem}.ability-declare-secondary{color:#495057}.ability-expired-text{color:#666;font-style:italic}.file-input-hidden{display:none}.file-card-button-disabled{opacity:.5;cursor:not-allowed}.chart-container{height:var(--chart-height, 400px)}.chart-filter-info{font-size:.85em;color:#666;text-align:center;margin-top:8px;font-style:italic}.preset-button-group-spacing{margin-top:var(--space-4)}.example-container{padding:20px;max-width:600px}.example-content-stack{display:flex;flex-direction:column;gap:8px}.step-content-hidden{display:none;width:100%}.step-content-visible{display:block;width:100%}.abilities-no-results{text-align:center;color:var(--color-text-secondary)}.battleplan-results-wrapper{margin-top:var(--space-4);text-align:center;font-size:var(--font-size-sm);color:var(--secondary-color)}.battleplan-empty-message{text-align:center;color:var(--secondary-color);font-style:italic;padding:var(--space-4)}.btn.btn--dice-threshold{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)!important;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:none}.btn.btn--dice-threshold:hover{background:var(--surface-subtle);color:var(--text-primary);border-color:var(--border-default)!important}.btn.btn--dice-modifier,.btn.btn--dice-crit,.btn.btn--dice-profile{background:linear-gradient(135deg,var(--surface-raised),var(--surface-secondary));color:var(--text-secondary);border:1px solid var(--border-default)!important;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.btn.btn--dice-threshold{min-width:2.5rem}.btn.btn--dice-modifier{min-width:3rem}.btn.btn--dice-crit,.btn.btn--dice-profile{min-width:4rem}.btn.btn--dice-modifier:before,.btn.btn--dice-crit:before,.btn.btn--dice-profile:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(59,130,246,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;z-index:0}.btn.btn--dice-modifier:hover:not(:disabled),.btn.btn--dice-crit:hover:not(:disabled),.btn.btn--dice-profile:hover:not(:disabled){background:linear-gradient(135deg,var(--surface-emphasis),var(--surface-raised));color:var(--text-primary);border-color:var(--primary-400)!important;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a,0 1px 3px #3b82f633,inset 0 1px #ffffff26}.btn.btn--dice-modifier:hover:not(:disabled):before,.btn.btn--dice-crit:hover:not(:disabled):before,.btn.btn--dice-profile:hover:not(:disabled):before{width:200%;height:200%}.btn.btn--dice-threshold.btn--active,.btn.btn--dice-profile.btn--active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-color:var(--primary-500)!important;box-shadow:0 2px 4px #3b82f64d,0 1px 2px #3b82f666,inset 0 1px #ffffff40}.btn.btn--dice-modifier.btn--active{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:var(--text-on-secondary);border-color:var(--secondary-500)!important;box-shadow:0 2px 4px #f973164d,0 1px 2px #f9731666,inset 0 1px #ffffff40}.btn.btn--dice-crit.btn--active{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:var(--text-on-error);border-color:var(--error-500)!important;box-shadow:0 2px 4px #ef44444d,0 1px 2px #ef444466,inset 0 1px #ffffff40}.btn--dice-roll{background:linear-gradient(145deg,var(--gradient-gaming-start),var(--gradient-gaming-end));color:#fff;border:var(--border-width) solid transparent;font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn--dice-roll:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-group--horizontal{flex-direction:row}.btn-group--wrap{flex-wrap:wrap}.dice-roller-controls{display:flex;flex-direction:column;gap:var(--space-4)}.dice-roller-section-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2);font-size:var(--text-sm)}.dice-roller-section-content{display:flex;flex-direction:column;gap:var(--space-3)}.dice-roller-hit-wound-section,.dice-roller-modifier-section{display:flex;flex-direction:column;gap:var(--space-2)}.dice-roller-modifier-title{font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--text-xs)}.dice-roller-label{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--text-sm)}.dice-roller-label span{min-width:140px;flex-shrink:0}.dice-roller-label input{flex:1;max-width:100px}.dice-roller-crit-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-1);font-size:var(--text-sm)}.dice-roller-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--text-sm)}.damage-type-selector{display:flex;gap:var(--space-2)}.damage-type-selector-vertical{display:flex;flex-direction:column;gap:var(--space-2);flex:1;max-width:120px}.damage-type-selector-vertical .btn,.damage-type-selector-vertical .input{width:100%;min-width:0}.dice-roller-label span{text-align:left;flex-shrink:0}.dice-roller-label input{text-align:right;max-width:120px}.dice-roller-threshold-content{display:flex;flex-direction:column;gap:var(--space-3)}.dice-roller-threshold-mode{display:flex;flex-direction:column;gap:var(--space-2)}.dice-roller-probability-section{display:flex;flex-direction:column;gap:var(--space-3)}.dice-type-buttons{justify-content:stretch}.dice-type-buttons .btn{flex:1;border-radius:0}.dice-threshold-buttons .btn{border-radius:0;min-width:0;width:100%}.dice-threshold-mode-buttons{justify-content:stretch}.dice-threshold-mode-buttons .btn{flex:1;border-radius:0}.dice-modifier-buttons{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(40px,1fr))!important;gap:var(--space-1);width:100%}.dice-modifier-buttons .btn{border-radius:0;min-width:0;width:100%}.dice-crit-buttons{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))!important;gap:var(--space-1);width:100%}.dice-crit-buttons .btn{border-radius:0;min-width:0;width:100%}@media (max-width: 768px){.dice-threshold-buttons{grid-template-columns:repeat(6,1fr)!important;gap:2px}.dice-modifier-buttons{grid-template-columns:repeat(auto-fit,minmax(35px,1fr))!important}.dice-crit-buttons{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))!important}.btn--dice-threshold,.btn--dice-modifier,.btn--dice-crit,.btn--dice-profile{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn--dice-threshold:focus,.btn--dice-threshold:focus-visible,.btn--dice-modifier:focus,.btn--dice-modifier:focus-visible,.btn--dice-crit:focus,.btn--dice-crit:focus-visible,.btn--dice-profile:focus,.btn--dice-profile:focus-visible{outline:none!important;box-shadow:none!important;background:var(--surface-secondary)!important;color:var(--text-secondary)!important;border-color:var(--border-subtle)!important}.btn--dice-threshold.btn--active,.btn--dice-profile.btn--active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))!important;color:#fff!important;border-color:var(--primary-500)!important;box-shadow:0 2px 4px #3b82f64d,0 1px 2px #3b82f666,inset 0 1px #ffffff40!important;outline:none!important}.btn--dice-modifier.btn--active{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600))!important;color:var(--text-on-secondary)!important;border-color:var(--secondary-500)!important;box-shadow:0 2px 4px #f973164d,0 1px 2px #f9731666,inset 0 1px #ffffff40!important;outline:none!important}.btn--dice-crit.btn--active{background:linear-gradient(135deg,var(--error-500),var(--error-600))!important;color:var(--text-on-error)!important;border-color:var(--error-500)!important;box-shadow:0 2px 4px #ef44444d,0 1px 2px #ef444466,inset 0 1px #ffffff40!important;outline:none!important}.btn--dice-threshold.btn--active:focus,.btn--dice-threshold.btn--active:focus-visible,.btn--dice-profile.btn--active:focus,.btn--dice-profile.btn--active:focus-visible{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))!important;color:#fff!important;border-color:var(--primary-500)!important;box-shadow:0 2px 4px #3b82f64d,0 1px 2px #3b82f666,inset 0 1px #ffffff40!important;outline:none!important}.btn--dice-modifier.btn--active:focus,.btn--dice-modifier.btn--active:focus-visible{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600))!important;color:var(--text-on-secondary)!important;border-color:var(--secondary-500)!important;box-shadow:0 2px 4px #f973164d,0 1px 2px #f9731666,inset 0 1px #ffffff40!important;outline:none!important}.btn--dice-crit.btn--active:focus,.btn--dice-crit.btn--active:focus-visible{background:linear-gradient(135deg,var(--error-500),var(--error-600))!important;color:var(--text-on-error)!important;border-color:var(--error-500)!important;box-shadow:0 2px 4px #ef44444d,0 1px 2px #ef444466,inset 0 1px #ffffff40!important;outline:none!important}.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.roll-log,.roll-log-entries{display:flex;flex-direction:column;gap:var(--space-4)}.roll-log-entry{background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4);position:relative;transition:all var(--transition-fast) ease}.roll-log-entry--latest{border-color:var(--primary-500);background:var(--surface-raised);box-shadow:var(--shadow-md)}.roll-log-latest-label{position:absolute;top:calc(-1 * var(--space-2));left:var(--space-4);background:var(--primary-500);color:var(--white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.roll-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.roll-log-config{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold)}.roll-log-type{color:var(--text-primary);font-size:var(--font-size-base)}.roll-log-dice{color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family-mono)}.roll-log-modifier{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium)}.roll-log-modifier--positive{background:var(--success-100);color:var(--success-700)}.roll-log-modifier--negative{background:var(--error-100);color:var(--error-700)}.roll-log-result{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.roll-log-result--success{background:var(--success-100);color:var(--success-700)}.roll-log-result--failure{background:var(--error-100);color:var(--error-700)}.roll-log-results{display:flex;flex-direction:column;gap:var(--space-3)}.roll-log-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.roll-log-stat--primary{padding:var(--space-3);background:var(--surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-weight:var(--font-weight-semibold)}.roll-log-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.roll-log-stat-value{color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.roll-log-stat-value--primary{color:var(--primary-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.roll-log-stat-value--mortal{color:var(--error-600);font-weight:var(--font-weight-semibold)}.roll-log-dice-breakdown{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.roll-log-breakdown-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.roll-log-dice-values{display:flex;flex-wrap:wrap;gap:var(--space-2)}.roll-log-dice-value{padding:var(--space-1) var(--space-2);background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.roll-log-empty{text-align:center;padding:var(--space-6);color:var(--text-tertiary)}.roll-log-empty p{margin:0;margin-bottom:var(--space-2)}.roll-log-empty p:last-child{margin-bottom:0}.army-selection-item{padding:var(--space-3);border:2px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all .2s ease}.army-selection-item:hover{border-color:var(--border-accent);background:var(--surface-hover)}.army-selection-item.selected{border-color:var(--color-primary);background:var(--surface-selected)}.army-selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.army-selection-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.army-selection-check{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.army-selection-details{margin-top:var(--space-2)}.army-info-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.army-info-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface-tertiary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;transition:all .2s ease}.army-info-item:hover{background:var(--color-surface-secondary);border-color:var(--color-border-primary)}.army-info-icon{font-size:var(--font-size-sm);line-height:1;flex-shrink:0}.army-info-text{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:var(--font-weight-medium);line-height:1}@media (max-width: 768px){.army-info-grid{gap:var(--space-1)}.army-info-item{padding:calc(var(--space-1) * .75) var(--space-1-5);font-size:var(--font-size-xs)}}.card{background:var(--surface);border:var(--border-width) solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.card--elevated{box-shadow:var(--shadow-md);border:none}.card--outlined{border:var(--border-width-thick) solid var(--border-emphasis);background:var(--surface-secondary)}.card[type=button]{cursor:pointer;border:var(--border-width) solid var(--border-primary);text-align:left;display:block;width:100%;padding:0;background:var(--surface)}.card[type=button]:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card[type=button]:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-secondary);border-bottom:var(--border-width) solid var(--border-primary)}.card__header-content{flex:1;min-width:0}.card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}.card__subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.card__header-actions{flex-shrink:0;margin-left:var(--space-3)}.card__content{padding:var(--space-4)}.card--clickable{cursor:pointer;transition:all .2s ease}.card--clickable:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.card--compact .card__header{padding:var(--space-2) var(--space-3)}.card--compact .card__content{padding:var(--space-3)}.card--compact .card__title{font-size:var(--font-size-base)}.card--compact .card__subtitle{font-size:var(--font-size-xs)}.card__text{color:var(--text-primary);line-height:var(--line-height-relaxed)}.card__text:not(:last-child){margin-bottom:var(--space-3)}@media (max-width: 768px){.card__header{padding:var(--space-2-5) var(--space-3);flex-direction:column;align-items:flex-start;gap:var(--space-2)}.card__header-actions{margin-left:0;align-self:flex-end}.card__content{padding:var(--space-3)}.card__title{font-size:var(--font-size-base)}}.modal-content-section{margin-bottom:var(--space-4)}.modal-content-section:last-child{margin-bottom:0}.modal-section-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--accent-primary);position:relative}.modal-section-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:2px}.modal-section-header h3{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;color:var(--text-primary)!important;margin:0!important;line-height:1.3!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.modal-section-header h3:before{display:none!important}.modal-section-divider:before{content:"✦";position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--surface-primary);color:var(--accent-primary);font-size:12px;padding:0 var(--space-2)}.player-status-metrics{display:flex;flex-direction:column;gap:var(--space-3)}.metric-card{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--transition-base)}.metric-card:hover{background:var(--surface-elevated);border-color:var(--border-emphasis);box-shadow:var(--shadow-sm)}.metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-tertiary);text-align:center}.metric-value-with-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-1);flex-wrap:wrap}.metric-card.victory-points .metric-value-with-controls{gap:var(--space-1);flex-wrap:wrap;max-width:100%}.metric-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family-mono);min-width:var(--size-md);text-align:center;position:relative;transition:all var(--transition-fast)}.cp-adjust-btn{display:flex;align-items:center;justify-content:center;width:calc(var(--size-xs) * .9);height:calc(var(--size-xs) * .9);min-width:calc(var(--size-xs) * .9);border:1px solid var(--border-default);border-radius:var(--radius-base);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;line-height:1;padding:0}.cp-adjust-btn:hover:not(:disabled){background:var(--surface-raised);border-color:var(--color-accent);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cp-adjust-btn:active:not(:disabled){transform:translateY(0);background:var(--surface-subtle);box-shadow:none}.cp-adjust-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-subtle);color:var(--text-quaternary);border-color:var(--border-light)}.underdog-indicator{font-size:var(--font-size-xs);color:var(--secondary-600);font-weight:var(--font-weight-semibold);text-align:center;margin:auto;padding:var(--space-1) var(--space-2);background:var(--secondary-50);border-radius:var(--radius-sm);border:1px solid var(--secondary-200);display:block;width:fit-content}.metric-card.command-points{border-color:var(--primary-200);background:var(--secondary-25)}.metric-card.command-points .metric-label{color:var(--primary-600)}.cp-horizontal-layout{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.cp-label-wrapper{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.underdog-indicator-inline{font-size:var(--font-size-xs);color:var(--warning-600);font-weight:var(--font-weight-semibold);white-space:nowrap}.underdog-indicator-line{font-size:var(--font-size-xs);color:var(--warning-600);font-weight:var(--font-weight-semibold);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:var(--space-2);text-align:center}.metric-card.victory-points{border-color:var(--secondary-200);background:var(--secondary-25)}.metric-card.victory-points .metric-label{color:var(--secondary-600)}.metric-card.victory-points .cp-adjust-btn{width:var(--size-sm);height:var(--size-sm);min-width:var(--size-sm);font-size:var(--font-size-sm);padding:0}.cp-animate{animation:cpReduction 1s ease-out}.vp-animate{animation:vpIncrease 1s ease-out}.vp-animate-decrease{animation:vpDecrease 1s ease-out}@keyframes cpReduction{0%{transform:scale(1);color:var(--text-primary)}20%{transform:scale(1.1);color:#fff!important}to{transform:scale(1);color:var(--text-primary)}}@keyframes vpIncrease{0%{transform:scale(1);color:var(--text-primary)}20%{transform:scale(1.1);color:var(--success-600)}to{transform:scale(1);color:var(--text-primary)}}@keyframes vpDecrease{0%{transform:scale(1);color:var(--text-primary)}20%{transform:scale(1.1);color:var(--error-600)}to{transform:scale(1);color:var(--text-primary)}}.cp-reduction-indicator,.vp-change-indicator{position:absolute;top:-20px;right:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);opacity:0;transform:translateY(10px);animation:indicatorFade 1s ease-out;pointer-events:none}.cp-reduction-indicator{color:#fff}.vp-change-indicator.vp-increase{color:var(--success-600)}.vp-change-indicator.vp-decrease{color:var(--error-600)}@keyframes indicatorFade{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(-5px)}80%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(-15px)}}.game-tracker-auxiliary-units{display:flex;justify-content:flex-start}.game-tracker-checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.game-tracker-checkbox-label:hover{background:var(--surface-subtle)}.game-tracker-checkbox-label input[type=checkbox]{width:var(--icon-md);height:var(--icon-md);margin:0;cursor:pointer;accent-color:var(--primary-500)}@media (max-width: 768px){.player-status-metrics{gap:var(--space-2)}.metric-card{padding:var(--space-2)}.metric-value{font-size:var(--font-size-base);min-width:var(--size-sm)}.cp-adjust-btn{width:calc(var(--size-sm) * .85);height:calc(var(--size-sm) * .85);min-width:calc(var(--size-sm) * .85);font-size:var(--font-size-xs)}.metric-value-with-controls{gap:var(--space-1)}.metric-card.victory-points .cp-adjust-btn{width:calc(var(--size-sm) * .8);height:calc(var(--size-sm) * .8);min-width:calc(var(--size-sm) * .8);font-size:var(--font-size-xs);padding:0}.metric-card.victory-points .metric-value-with-controls{gap:calc(var(--space-1) * .4);flex-wrap:nowrap;justify-content:center}.metric-card.victory-points .metric-value{font-size:var(--font-size-lg);min-width:calc(var(--size-lg) * .85)}.army-formation-button-grid{grid-template-columns:1fr;gap:var(--space-2)}.game-tracker-current-player,.game-tracker-seized{font-size:var(--font-size-xs);padding:calc(var(--space-1) * .75) var(--space-1)}}.confirmation-modal .base-modal{max-width:400px;width:400px}.confirmation-modal .modal-content{padding:var(--space-4);text-align:center}.confirmation-modal .modal-content h3{margin:0 0 var(--space-3) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.confirmation-modal .modal-content p{margin:0;color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.confirmation-modal .modal-actions{display:flex;gap:var(--space-3);justify-content:center}.confirmation-modal .modal-actions .btn{flex:1;max-width:120px}@media (max-width: 480px){.confirmation-modal .base-modal{max-width:90vw;width:90vw}.confirmation-modal .modal-actions{flex-direction:column}.confirmation-modal .modal-actions .btn{max-width:none}}.flash-animation{animation:flashGlow 1s ease-in-out}@keyframes flashGlow{0%{box-shadow:0 0 #3b82f600;background-color:inherit}50%{box-shadow:0 0 20px #3b82f699;background-color:#3b82f61a}to{box-shadow:0 0 #3b82f600;background-color:inherit}}.status-indicator{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal);opacity:.8}.notification-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column-reverse;gap:12px;pointer-events:none;align-items:center}.notification{background:var(--surface-elevated);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);border-left-width:4px;box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideInFromRight .3s ease-out;min-width:250px;max-width:400px;pointer-events:auto;display:flex;align-items:center;gap:var(--space-2)}.notification--success{border-left-color:var(--color-success-standard)}.notification--error{border-left-color:var(--color-error-standard)}.notification--warning{border-left-color:var(--color-warning-standard)}.notification--info{border-left-color:var(--color-info-standard)}.notification__icon{font-size:var(--font-size-lg);line-height:1}.notification__message{flex:1}.notification__dismiss{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);font-size:var(--font-size-base);line-height:1;opacity:.6;transition:opacity var(--duration-fast) ease}.notification__dismiss:hover{opacity:1}.app-footer{margin-top:auto;padding:var(--space-3);text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);opacity:.6;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.app-footer p{margin:0;line-height:1.5;text-align:center}.app-footer__icon{width:var(--icon-sm);height:var(--icon-sm);opacity:.8;flex-shrink:0}.ability-source-group{display:flex;flex-direction:column;gap:var(--space-2)}.ability-source-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.ability-source-items{display:flex;flex-direction:column;gap:var(--space-2)}.subscription-manager{display:flex;flex-direction:column;gap:var(--space-3)}.subscription-current-plan{background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.subscription-plan-label{font-size:var(--font-size-md);color:var(--text-secondary)}.subscription-plan-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.subscription-billing{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.billing-row{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.subscription-features-card{background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4)}.subscription-features-card strong{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-md)}.subscription-features-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.subscription-features-card li{font-size:var(--font-size-sm);color:var(--text-secondary)}.subscription-current{display:flex;flex-direction:column;gap:var(--space-3)}.subscription-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.subscription-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.subscription-status--active{background:var(--success-100);color:var(--success-700)}.subscription-status--cancelled{background:var(--warning-100);color:var(--warning-700)}.subscription-status--expired{background:var(--danger-100);color:var(--danger-700)}.subscription-status--trial{background:var(--primary-100);color:var(--primary-700)}.subscription-plan-card{background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.subscription-plan-name{display:flex;align-items:center;gap:var(--space-3)}.subscription-plan-icon{font-size:var(--text-size-2xl);flex-shrink:0}.subscription-plan-price{font-size:var(--font-size-md);color:var(--text-secondary);margin:var(--space-1) 0 0 0}.subscription-billing-info{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-light)}.subscription-info-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.subscription-features{display:flex;flex-direction:column;gap:var(--space-2)}.subscription-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.subscription-feature-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.subscription-feature-icon{color:var(--success-600);font-weight:var(--font-weight-bold);flex-shrink:0}.subscription-actions{display:flex;flex-direction:column;gap:var(--space-2)}.subscription-upgrade-options{display:flex;flex-direction:column;gap:var(--space-4)}.subscription-tier-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-fast) ease}.subscription-tier-card:hover{border-color:var(--primary-400);box-shadow:0 4px 12px #0000001a}.subscription-tier-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.subscription-tier-icon{font-size:var(--text-size-3xl)}.subscription-tier-price{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.subscription-tier-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm)}.subscription-tier-features li{display:flex;align-items:flex-start;gap:var(--space-2)}.pre-purchase-checklist{display:flex;flex-direction:column;gap:var(--space-4)}.checklist-step{background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.checklist-step--completed{border-color:var(--success-600);background:var(--surface-raised)}.checklist-step-header{display:flex;align-items:flex-start;gap:var(--space-3)}.checklist-step-icon{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);background:var(--surface);color:var(--text-secondary);border:2px solid var(--border-light);flex-shrink:0;margin-top:2px}.checklist-step--completed .checklist-step-icon{background:var(--success-600);color:var(--text-inverse);border-color:var(--success-600)}.checklist-step-content{flex:1}.checklist-step-content h4{margin:0 0 var(--space-1) 0;line-height:1.4}.checklist-step-content p{margin:0}.checklist-step-action{padding-left:calc(32px + var(--space-3));display:flex;flex-direction:column;gap:var(--space-2)}.checklist-step-links{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.legal-document{font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary)}.legal-document h1,.legal-document h2,.legal-document h3{margin-top:var(--space-4);margin-bottom:var(--space-2)}.legal-document h1{font-size:var(--font-size-xl)}.legal-document h2{font-size:var(--font-size-lg)}.legal-document h3{font-size:var(--font-size-md)}.legal-document p{margin-bottom:var(--space-3)}.legal-document ul,.legal-document ol{margin-bottom:var(--space-3);padding-left:var(--space-5)}.legal-document li{margin-bottom:var(--space-1)}.legal-document strong{font-weight:var(--font-weight-bold)}.checklist-step-details{padding-left:calc(32px + var(--space-3))}.checklist-step-completed{padding-left:calc(32px + var(--space-3));color:var(--success-600);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.subscription-plan-preview{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-3)}.subscription-plan-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0}.link{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast) ease}.link:hover{color:var(--primary-700);text-decoration:underline}@media (min-width: 768px){.subscription-upgrade-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.subscription-plan-display{background:linear-gradient(135deg,var(--surface-raised) 0%,var(--surface) 100%);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4)}.subscription-plan-badge{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.subscription-plan-icon-display{font-size:48px;line-height:1;flex-shrink:0}.subscription-plan-details{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.subscription-plan-title{font-size:var(--text-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.subscription-plan-price-display{font-size:var(--font-size-xl);color:var(--text-secondary);font-weight:var(--font-weight-semibold);margin:var(--space-1) 0}.subscription-status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.subscription-status-badge--active{background:var(--success-100);color:var(--success-700)}.subscription-status-badge--cancelled{background:var(--warning-100);color:var(--warning-700)}.subscription-billing-details{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.subscription-detail-row{display:flex;justify-content:space-between;align-items:center}.subscription-detail-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.subscription-detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.subscription-upgrade-pitch{background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%);border:2px solid var(--primary-200);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.subscription-pitch-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0;text-align:center}.subscription-pitch-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.subscription-pitch-list li{font-size:var(--font-size-md);color:var(--text-primary);padding:var(--space-2);background:rgba(255,255,255,.5);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.subscription-action-area{margin-top:var(--space-2)}.subscription-upgrade-btn{display:inline-flex;align-items:center;gap:var(--space-2)}.subscription-plan-card-simple{background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.subscription-plan-header-simple{display:flex;align-items:center;gap:var(--space-3)}.subscription-plan-icon-large{font-size:48px;flex-shrink:0;line-height:1}.subscription-plan-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.subscription-plan-price-large{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin:0}.subscription-upgrade-info{display:flex;flex-direction:column}