@charset "UTF-8";@layer properties;:root{--color-black: #000000;--color-white: #ffffff;--color-gray-900: #0a0a0a;--color-gray-800: #111111;--color-gray-700: #141414;--color-gray-650: #1a1a1a;--color-gray-600: #222222;--color-gray-500: #333333;--color-gray-400: #444444;--color-gray-300: #555555;--color-gray-200: #666666;--color-gray-100: #888888;--color-gray-050: #e0e0e0;--color-primary-red: #ff3300;--color-primary-red-dark: #b32400;--color-primary-orange: #ff9900;--color-primary-yellow: #ffcc00;--color-bg-dark: var(--color-gray-900);--color-bg-panel: var(--color-gray-700);--color-text-main: var(--color-gray-050);--color-text-dim: var(--color-gray-100);--color-border: var(--color-gray-400);--color-accent: #ff4400;--color-btn-bg-top: var(--color-gray-500);--color-btn-bg-bottom: var(--color-gray-800);--color-btn-hover-top: var(--color-gray-300);--color-btn-hover-bottom: var(--color-gray-600);--color-btn-disabled-bg: var(--color-gray-600);--color-btn-disabled-text: var(--color-gray-300);--color-btn-disabled-border: var(--color-gray-500);--gradient-btn-default: linear-gradient( 180deg, var(--color-btn-bg-top), var(--color-btn-bg-bottom) );--gradient-btn-hover: linear-gradient( 180deg, var(--color-btn-hover-top), var(--color-btn-hover-bottom) );--gradient-btn-submit: linear-gradient(180deg, #aa2200, #551100);--gradient-btn-submit-hover: linear-gradient(180deg, #ff4400, #882200);--gradient-text-header: -webkit-linear-gradient( var(--color-primary-yellow), var(--color-primary-red) );--gradient-panel-separator: linear-gradient( 90deg, transparent, var(--color-primary-red), transparent );--gradient-body-overlay: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0, 0, .9));--color-btn-submit-border: #ff4400;--color-btn-submit-glow: rgba(255, 68, 0, .6);--color-hover-bg: #221a00;--color-selected-bg: #330000;--color-selected-glow: rgba(255, 0, 0, .4);--color-input-bg: var(--color-gray-800);--color-input-text: var(--color-white);--color-input-border: var(--color-gray-400);--color-input-focus: var(--color-primary-red);--color-input-focus-glow: rgba(255, 68, 0, .3);--color-bg-overlay-heavy: rgba(0, 0, 0, .8);--color-bg-overlay-medium: rgba(0, 0, 0, .5);--color-bg-overlay-light: rgba(0, 0, 0, .3);--color-bg-panel-dark: rgba(0, 0, 0, .7);--color-bg-semi-transparent: rgba(255, 255, 255, .02);--color-bg-hover-light: rgba(255, 255, 255, .05);--color-shadow-card: rgba(0, 0, 0, .9);--color-text-tertiary: #999;--color-text-light: #ccc;--color-error: #ff4444;--color-success: #00ff9d;--color-success-rgb: 0, 255, 157;--color-gold: #ffd700;--color-green-primary: #059669;--color-green-hover: #047857;--color-green-bg: rgba(5, 150, 105, .1);--color-green-bg-medium: rgba(5, 150, 105, .2);--color-danger: var(--color-primary-red);--color-danger-dark: #dc2626;--color-danger-darker: #5a0000;--color-danger-darkest: #2d0000;--color-danger-bg: rgba(255, 0, 0, .1);--color-danger-bg-medium: rgba(255, 0, 0, .2);--color-danger-shadow: rgba(255, 0, 0, .3);--color-warning: rgba(255, 165, 0, .1);--shadow-sm: rgba(0, 0, 0, .2);--shadow-md: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4);--shadow-xl: rgba(0, 0, 0, .5);--shadow-heavy: rgba(0, 0, 0, .8);--shadow-max: rgba(0, 0, 0, .9);--shadow-ultra: rgba(0, 0, 0, .95);--bg-overlay-10: rgba(0, 0, 0, .1);--bg-overlay-30: rgba(0, 0, 0, .3);--bg-overlay-50: rgba(0, 0, 0, .5);--bg-overlay-70: rgba(0, 0, 0, .7);--bg-overlay-80: rgba(0, 0, 0, .8);--bg-overlay-95: rgba(0, 0, 0, .95);--glow-green-weak: rgba(0, 255, 0, .3);--glow-success-weak: rgba(0, 255, 157, .1);--color-border-dark: #222;--color-border-darker: #333;--color-bg-darker: #111;--glow-red-weak: rgba(255, 0, 0, .3);--glow-red-medium: rgba(255, 0, 0, .4);--glow-red-strong: rgba(255, 0, 0, .6);--glow-orange-weak: rgba(255, 68, 0, .1);--glow-orange-medium: rgba(255, 68, 0, .3);--glow-orange-strong: rgba(255, 68, 0, .5);--glow-orange-hover: rgba(255, 68, 0, .4);--color-rank-0-border: #666666;--color-rank-0-bg: rgba(102, 102, 102, .15);--color-rank-1-border: #6b6b6b;--color-rank-1-bg: rgba(107, 107, 107, .15);--color-rank-1-text: #9ca3af;--color-rank-2-border: #7a8694;--color-rank-2-bg: rgba(122, 134, 148, .18);--color-rank-2-text: #b8a86d;--color-rank-3-border: #6d8eb8;--color-rank-3-bg: rgba(109, 142, 184, .22);--color-rank-3-text: #d4ad3b;--color-rank-4-border: #5a96dd;--color-rank-4-bg: rgba(90, 150, 221, .25);--color-rank-4-text: #e8b419;--color-rank-5-border: #2563eb;--color-rank-5-bg: rgba(37, 99, 235, .3);--color-rank-5-text: #fbbf24;--color-rank-6-border: #fbbf24;--color-rank-6-bg: rgba(96, 110, 234, .3);--color-rank-6-text: #fba024;--color-rank-7-border: #fb9824;--color-rank-7-bg: rgba(139, 92, 246, .32);--color-rank-7-text: #fb7524;--color-rank-8-border: #fb6024;--color-rank-8-bg: rgba(168, 85, 247, .35);--color-rank-8-text: #fc4f24;--color-rank-9-border: #f43f5e;--color-rank-9-bg: rgba(192, 38, 211, .38);--color-rank-9-text: #ef4444;--font-header: "Teko", sans-serif;--font-body: "Share Tech Mono", monospace}.visible{visibility:visible}.fixed{position:fixed}.container{width:100%}.container\!{width:100%!important}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%}body{font-family:var(--font-body);color:var(--color-text-light);background:var(--color-background);overflow:hidden}:root{--viewport-scale: 1;--base-font-size: 16px}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-main);font-family:var(--font-body);font-size:var(--base-font-size);background-image:var(--gradient-body-overlay),url(/assets/images/bg_texture.svg);background-size:cover,200px 200px;background-position:center,center;background-attachment:fixed;overflow:hidden}body:before,body:after{content:"";position:fixed;top:-100%;left:-100%;width:300%;height:300%;pointer-events:none;z-index:1;filter:blur(120px);will-change:transform}body:before{background:radial-gradient(ellipse 1500px 1000px at 50% 50%,rgba(80,80,130,.6) 0%,rgba(60,60,100,.4) 30%,rgba(40,40,70,.2) 50%,transparent 70%);animation:shadowDrift1 35s ease-in-out infinite}body:after{background:radial-gradient(ellipse 1200px 900px at 50% 50%,rgba(70,70,110,.5) 0%,rgba(50,50,80,.3) 35%,transparent 65%);animation:shadowDrift2 28s ease-in-out infinite 5s}@keyframes shadowDrift1{0%{transform:translate(0) rotate(0);opacity:.8}25%{transform:translate(20%,-15%) rotate(8deg);opacity:1}50%{transform:translate(-10%,25%) rotate(-5deg);opacity:.7}75%{transform:translate(-20%,10%) rotate(6deg);opacity:.9}to{transform:translate(0) rotate(0);opacity:.8}}@keyframes shadowDrift2{0%{transform:translate(10%,15%) rotate(5deg);opacity:.7}30%{transform:translate(-15%,-10%) rotate(-7deg);opacity:.9}60%{transform:translate(15%,20%) rotate(4deg);opacity:.6}90%{transform:translate(-5%,-15%) rotate(-3deg);opacity:.85}to{transform:translate(10%,15%) rotate(5deg);opacity:.7}}body>*{position:relative;z-index:10}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-gray-900)}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:3px;border:2px solid var(--color-gray-900)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-orange)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-tertiary) var(--color-gray-900)}.card{background:var(--bg-overlay-70);border:2px solid var(--color-primary-orange);border-radius:4px;padding:1.5rem;transition:all .2s ease}.card--dark{background:var(--bg-overlay-50)}.card--darker{background:var(--bg-overlay-30)}.card--transparent{background:var(--bg-overlay-80)}.card--no-padding{padding:0}.card--gray-border{border-color:var(--color-gray-600)}.card--subtle-border{border:1px solid var(--color-border-darker)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:var(--color-primary-orange);background:var(--glow-orange-weak);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-md)}.card--selectable{cursor:pointer;border:2px solid var(--color-gray-600)}.card--selectable:hover{border-color:var(--color-primary-orange)}.card--selectable.is-selected{border-color:var(--color-primary-red);background:var(--color-danger-bg-medium);box-shadow:0 0 10px var(--glow-red-medium)}.card__title{font-family:var(--font-header);font-size:1.8rem;color:var(--color-primary-orange);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1rem}.card__content{display:flex;flex-direction:column;gap:1rem}.card__section{padding:1rem;background:#ffffff05;border-left:3px solid var(--color-gray-600)}.btn{padding:.8rem 1.5rem;font-size:1rem;background:var(--color-gray-800);border:2px solid var(--color-gray-600);color:var(--color-text-light);cursor:pointer;transition:all .2s;text-transform:uppercase;font-family:var(--font-header);outline:none}.btn:hover{border-color:var(--color-primary-orange);background:var(--color-gray-700);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--small{padding:.5rem 1rem;font-size:.9rem}.btn--large{padding:1rem 2rem;font-size:1.2rem}.btn--bigger{padding:1rem 2rem;font-size:1.6rem;font-weight:600;letter-spacing:.05rem}.btn--primary{background:linear-gradient(180deg,var(--color-primary-orange),var(--color-primary-red));border-color:var(--color-primary-red);color:var(--color-white);font-weight:600;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000,0 3px 5px var(--shadow-heavy)}.btn--primary:hover{background:linear-gradient(180deg,var(--color-primary-yellow),var(--color-primary-orange));border-color:var(--color-primary-orange)}.btn--danger{background:linear-gradient(180deg,var(--color-danger-darker),var(--color-danger-darkest));border-color:var(--color-primary-red);color:var(--color-white);font-weight:600}.btn--danger:hover{background:linear-gradient(180deg,var(--color-primary-red),var(--color-danger-darker));border-color:var(--color-primary-red)}.btn--secondary{background:var(--color-gray-700);border-color:var(--color-gray-500)}.btn--icon{display:inline-flex;align-items:center;gap:.5rem}.btn--settings{font-size:1.1rem}.btn--upload{width:100%;padding:.6rem;font-size:.85rem;background:var(--color-gray-700);border:1px dashed var(--color-gray-500)}.btn--upload:hover{background:var(--color-gray-600);border-style:solid}.form-field{display:flex;flex-direction:column}.form-field--inline{flex-direction:row;align-items:center;gap:1rem}.form-label{font-family:var(--font-header);font-size:1rem;color:var(--color-text-light);display:block;margin-bottom:.5rem;text-transform:uppercase}.form-label--large{font-size:1.2rem}.form-label--small{font-size:.9rem}.form-input{width:100%;height:3.2rem;padding:0 .8rem;border:2px solid var(--color-gray-600);background:var(--color-input-bg);color:var(--color-input-text);font-family:var(--font-body);font-size:1.2rem;transition:border-color .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary-orange)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input--small{height:2.4rem;font-size:1rem}.form-input--large{height:4rem;font-size:1.4rem}.form-error{color:var(--color-error);margin-top:.5rem;font-size:.9rem}.form-grid{display:grid;gap:2rem}.form-grid--2col{grid-template-columns:1fr 1fr}.form-grid--3col{grid-template-columns:1fr 1fr 1fr}.form-grid--4col{grid-template-columns:repeat(4,1fr)}.form-grid--auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-grid--align-end{align-items:end}@media(max-width:768px){.form-grid{grid-template-columns:1fr!important}}.section{background:var(--color-bg-panel-dark);border:2px solid var(--color-primary-orange);padding:1.5rem;border-radius:4px}.section--no-padding{padding:0}.section--small-padding{padding:1rem}.section--large-padding{padding:2rem}.section--no-border{border:none}.section--red-border{border-color:var(--color-primary-red)}.section--transparent{background:var(--color-bg-overlay-light)}.section--darker{background:var(--color-bg-overlay-medium)}.section-title{font-family:var(--font-header);font-size:1.8rem;color:var(--color-primary-orange);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1rem}.section-title--large{font-size:2.5rem}.section-title--medium{font-size:1.5rem}.section-title--small{font-size:1.2rem}.section-title--red{color:var(--color-primary-red)}.section-title--white{color:var(--color-white)}.section-title--with-border{padding-bottom:.75rem;border-bottom:2px solid var(--color-gray-600)}.section-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--color-text-light);margin-bottom:1rem;text-transform:uppercase}.selectable-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:var(--color-bg-overlay-medium);border:2px solid var(--color-gray-600);cursor:pointer;transition:all .2s}.selectable-item:hover{border-color:var(--color-primary-orange);background:var(--glow-orange-weak)}.selectable-item--selected{border-color:var(--color-primary-red);background:var(--color-selected-bg);box-shadow:0 0 10px var(--glow-red-medium)}.selectable-item--disabled{opacity:.5;cursor:not-allowed}.selectable-item--disabled:hover{border-color:var(--color-gray-600);background:var(--color-bg-overlay-medium)}.selectable-item--compact{padding:.4rem .75rem;gap:.5rem}.selectable-item--large{padding:1rem 1.5rem;gap:1rem}.selectable-item__icon{font-size:1.8rem;line-height:1;flex-shrink:0}.selectable-item__icon--small{font-size:1.2rem}.selectable-item__icon--large{font-size:2.5rem}.selectable-item__text{font-family:var(--font-header);font-size:1.2rem;color:var(--color-text-light);text-transform:uppercase}.selectable-item--selected .selectable-item__text{color:var(--color-primary-orange)}.selectable-item__text--small{font-size:1rem}.selectable-item__text--large{font-size:1.5rem}.selectable-grid{display:grid;gap:.5rem}.selectable-grid--2col{grid-template-columns:repeat(2,1fr)}.selectable-grid--3col{grid-template-columns:repeat(3,1fr)}.selectable-grid--4col{grid-template-columns:repeat(4,1fr)}.selectable-grid--auto{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.selectable-grid--gap-small{gap:.25rem}.selectable-grid--gap-large{gap:1rem}.stat{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--color-bg-semi-transparent);border-left:3px solid var(--color-gray-600)}.stat--orange-border{border-left-color:var(--color-primary-orange)}.stat--red-border{border-left-color:var(--color-primary-red)}.stat--no-background{background:transparent}.stat--compact{padding:.15rem .35rem;gap:.35rem}.stat--large{padding:.5rem 1rem;gap:1rem}.stat__icon{font-size:1rem;line-height:1;flex-shrink:0}.stat__icon--small{font-size:.8rem}.stat__icon--large{font-size:1.5rem}.stat__label{font-size:.8rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.03rem;flex:1}.stat__label--large{font-size:1rem}.stat__label--header-font{font-family:var(--font-header);font-size:1.2rem}.stat__value{font-family:var(--font-header);font-size:.9rem;color:var(--color-text-dim);font-weight:700;margin-left:auto}.stat__value--positive{color:var(--color-success)}.stat__value--negative{color:var(--color-error)}.stat__value--orange{color:var(--color-primary-orange)}.stat__value--white{color:var(--color-white)}.stat__value--large{font-size:1.2rem}.stats-container{display:flex;flex-direction:column;gap:.25rem}.stats-container--gap-small{gap:.1rem}.stats-container--gap-large{gap:.5rem}.stats-title{font-family:var(--font-header);font-size:.9rem;color:var(--color-text-light);text-transform:uppercase;margin:0 0 .35rem;letter-spacing:.05rem}.stats-title--large{font-size:1.2rem;margin-bottom:.75rem}.stat-progress{flex:1;height:12px;background:var(--color-black);border:1px solid var(--color-border-darker);overflow:hidden;border-radius:2px}.stat-progress--small{height:8px}.stat-progress--large{height:16px}.stat-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-red),var(--color-primary-orange));box-shadow:0 0 10px var(--glow-orange-strong);transition:width .3s ease}.stat-progress__fill--success{background:var(--color-success)}.stat-progress__fill--error{background:var(--color-error)}.stat-progress__fill--orange{background:var(--color-primary-orange)}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.loading--inline{height:auto;padding:2rem}.loading--small{height:200px}.loading--with-bg{background:var(--gradient-bg)}.loading__spinner{width:50px;height:50px;border:4px solid var(--color-border-darker);border-top:4px solid var(--color-primary-orange);border-radius:50%;animation:spin 1s linear infinite}.loading__spinner--small{width:30px;height:30px;border-width:3px}.loading__spinner--large{width:80px;height:80px;border-width:6px}.loading__spinner--red{border-top-color:var(--color-primary-red)}.loading__spinner--white{border-color:var(--color-gray-600);border-top-color:var(--color-white)}.loading__text{margin-top:1rem;color:var(--color-text-light);font-size:1.2rem}.loading__text--small{font-size:1rem;margin-top:.5rem}.loading__text--large{font-size:1.5rem;margin-top:1.5rem}.loading__text--orange{color:var(--color-primary-orange)}.details-panel{background:var(--color-bg-overlay-medium);border:2px solid var(--color-primary-orange);min-height:300px;position:relative;overflow:hidden;border-radius:4px}.details-panel--no-min-height{min-height:0}.details-panel--red-border{border-color:var(--color-primary-red)}.details-panel--no-overflow{overflow:visible}.details-panel--transparent{background:var(--color-bg-overlay-light)}.details-panel__content{position:absolute;inset:0;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.details-panel__content--relative{position:relative}.details-panel__content--small-padding{padding:1rem}.details-panel__content--large-padding{padding:2rem}.details-panel__header{font-family:var(--font-header);font-size:1.3rem;color:var(--color-primary-orange);text-transform:uppercase;margin:0 0 .75rem;display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-gray-600);flex-shrink:0}.details-panel__header--large{font-size:1.8rem}.details-panel__header--small{font-size:1.1rem}.details-panel__header--no-border{border-bottom:none;padding-bottom:0}.details-panel__header--red{color:var(--color-primary-red)}.details-panel__icon{font-size:1.5rem;line-height:1;flex-shrink:0}.details-panel__icon--small{font-size:1.2rem}.details-panel__icon--large{font-size:2rem}.details-panel__description{font-size:.85rem;color:var(--color-text-dim);margin-bottom:.5rem;line-height:1.5;flex:1;overflow-y:auto;min-height:0}.details-panel__description--large{font-size:1rem}.details-panel__description--light{color:var(--color-text-light)}.details-panel__description--with-border{border-left:3px solid var(--color-primary-orange);padding-left:1rem}.details-panel__footer{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;margin-top:auto}.details-panel__footer--gap-large{gap:.5rem}.archetype-badge__container{position:relative;padding:0;background:transparent;border:none;z-index:1000;isolation:isolate}.archetype-badge__badge{display:flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-width:1px;border-style:solid;border-radius:4px;cursor:help;transition:all .3s ease;font-size:.75rem;font-family:var(--font-body)}.archetype-badge__badge:hover{filter:brightness(1.2);box-shadow:0 0 10px currentColor}.archetype-badge__icon{font-size:.9rem;flex-shrink:0}.archetype-badge__name{font-weight:600;font-family:var(--font-body);white-space:nowrap}.archetype-badge__tooltip{position:absolute;bottom:calc(100% + .5rem);left:0;z-index:99999;animation:fadeInBadge .2s ease;pointer-events:none}.archetype-badge__tooltip--bottom{bottom:auto;top:calc(100% + .5rem)}.archetype-badge__tooltip--right{left:auto;right:0}@keyframes fadeInBadge{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.garage-container .archetype-badge__name{display:none}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box{--color-text-primary: var(--color-text-main);--color-text-secondary: var(--color-text-dim);background:#000000f2;border:2px solid var(--color-primary-orange);border-radius:6px;color:var(--color-text-main);font-family:var(--font-body);font-size:.85rem;font-weight:600;box-shadow:0 4px 20px #00000080;line-height:1.4}.tippy-box .tippy-content{padding:.75rem 1rem}.tippy-box .tippy-content:has(.tooltip){padding:0}.tippy-box .tippy-svg-arrow{fill:var(--color-primary-orange)}.tippy-box .tippy-svg-arrow>svg{fill:var(--color-primary-orange)}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-10px!important}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-10px!important}.tippy-box[data-placement^=left]>.tippy-arrow:before{right:-10px!important}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-10px!important}.tooltip{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;min-width:220px;max-width:320px}.tooltip--large{padding:1rem;min-width:280px;max-width:380px}.tooltip__header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-primary-orange)}.tooltip__icon{font-size:1.25rem;flex-shrink:0}.tooltip__title{font-size:.95rem;font-weight:700;color:var(--color-primary-orange);font-family:var(--font-header)}.tooltip__description{font-size:.85rem;color:var(--color-text-dim);line-height:1.4;margin:0}.tooltip__items{display:flex;flex-direction:column;gap:.5rem}.tooltip__separator{height:1px;background:var(--color-border);margin:.25rem 0}.tooltip__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .5rem;border-radius:4px;font-size:.85rem}.tooltip__item-icon{font-size:1rem;flex-shrink:0;margin-right:.25rem;line-height:1;display:flex;align-items:center}.tooltip__item-label{flex:1;color:var(--color-text-dim);line-height:1.2}.tooltip__item-value{font-weight:700;color:var(--color-text-main);white-space:nowrap;line-height:1.2}.tooltip__item--positive{background:#00ff9d1a;border-left:3px solid var(--color-success)}.tooltip__item--positive .tooltip__item-value{color:var(--color-success)}.tooltip__item--negative{background:#ff33001a;border-left:3px solid var(--color-danger)}.tooltip__item--negative .tooltip__item-value{color:var(--color-danger)}.tooltip__item--neutral{background:#ffffff0d;border-left:3px solid var(--color-gray-400)}.tooltip__item--highlight{background:#ff990026;border:2px solid var(--color-primary-orange);font-weight:700}.tooltip__item--highlight .tooltip__item-value{color:var(--color-primary-orange)}.tooltip__item--vehicle{background:#3b82f61a;border-left:3px solid #3b82f6}.tooltip__item--vehicle .tooltip__item-value{color:#3b82f6}.tooltip__item--character{background:#22c55e1a;border-left:3px solid #22c55e}.tooltip__item--character .tooltip__item-value{color:#22c55e}.tooltip__item--synergy{background:#eab3081a;border-left:3px solid #eab308}.tooltip__item--synergy .tooltip__item-value{color:#eab308}.tooltip__footer{padding-top:.5rem;border-top:1px solid var(--color-gray-600);font-size:.8rem}.tooltip__cost{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;background:#ff99001a;border-radius:4px}.tooltip__cost-label{color:var(--color-text-dim)}.tooltip__cost-value{font-weight:700;color:var(--color-primary-orange);display:flex;align-items:center;gap:.25rem}.tooltip__cost--insufficient{background:#ff330026;border:1px solid var(--color-danger)}.tooltip__cost--insufficient .tooltip__cost-value{color:var(--color-danger)}.tooltip__warning{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#ff33001a;border-left:3px solid var(--color-danger);border-radius:4px;font-size:.8rem;color:var(--color-danger)}.tooltip__warning-icon{font-size:1rem;flex-shrink:0}.tooltip__warning--info{background:#eab3081a;border-left-color:#eab308;color:#eab308}.tooltip__limits{display:flex;flex-direction:column;gap:.4rem}.tooltip__limit{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem .5rem;border-radius:4px;font-size:.85rem}.tooltip__limit-label{flex:1;color:var(--color-text-dim)}.tooltip__limit-value{font-weight:700;white-space:nowrap}.tooltip__bonuses{display:flex;flex-direction:column;gap:.4rem}.tooltip__bonus{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;background:#00ff9d1a;border-left:3px solid var(--color-success);border-radius:4px;font-size:.85rem}.tooltip__bonus-icon{font-size:1rem;flex-shrink:0}.tooltip__bonus-stat{flex:1;color:var(--color-text-dim)}.tooltip__bonus-value{font-weight:700;color:var(--color-success)}.tooltip__note{font-size:.75rem;color:var(--color-text-dim);font-style:italic;padding:.3rem .5rem;background:#ffffff08;border-radius:4px}.tier-badge{font-size:.75rem;color:var(--color-text-secondary);padding:.25rem .65rem;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-body);height:fit-content;display:flex;align-items:center;gap:5px}.tier-badge--rank-0{border-color:var(--color-rank-0-border);background:var(--color-rank-0-bg)}.tier-badge--rank-1{border-color:var(--color-rank-1-border);background:var(--color-rank-1-bg)}.tier-badge--rank-1 .tier-badge__value{color:var(--color-rank-1-text)}.tier-badge--rank-2{border-color:var(--color-rank-2-border);background:var(--color-rank-2-bg)}.tier-badge--rank-2 .tier-badge__value{color:var(--color-rank-2-text)}.tier-badge--rank-3{border-color:var(--color-rank-3-border);background:var(--color-rank-3-bg)}.tier-badge--rank-3 .tier-badge__value{color:var(--color-rank-3-text)}.tier-badge--rank-4{border-color:var(--color-rank-4-border);background:var(--color-rank-4-bg)}.tier-badge--rank-4 .tier-badge__value{color:var(--color-rank-4-text)}.tier-badge--rank-5{border-color:var(--color-rank-5-border);background:var(--color-rank-5-bg)}.tier-badge--rank-5 .tier-badge__value{color:var(--color-rank-5-text)}.tier-badge--rank-6{border-color:var(--color-rank-6-border);background:var(--color-rank-6-bg)}.tier-badge--rank-6 .tier-badge__value{color:var(--color-rank-6-text)}.tier-badge--rank-7{border-color:var(--color-rank-7-border);background:var(--color-rank-7-bg)}.tier-badge--rank-7 .tier-badge__value{color:var(--color-rank-7-text)}.tier-badge--rank-8{border-color:var(--color-rank-8-border);background:var(--color-rank-8-bg)}.tier-badge--rank-8 .tier-badge__value{color:var(--color-rank-8-text)}.tier-badge--rank-9{border-color:var(--color-rank-9-border);background:var(--color-rank-9-bg)}.tier-badge--rank-9 .tier-badge__value{color:var(--color-rank-9-text)}.tier-badge--power{border-color:var(--color-primary-orange);background:#ff99001a;gap:.35rem}.tier-badge__icon{font-size:.85rem;line-height:1;display:flex;align-items:center}.tier-badge__value{font-weight:700;line-height:1;display:flex;align-items:center;transition:color .2s ease}.text--uppercase{text-transform:uppercase}.text--header{font-family:var(--font-header)}.text--body{font-family:var(--font-body)}.text--primary{color:var(--color-primary-orange)}.text--secondary{color:var(--color-primary-red)}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.overlay--heavy{background:var(--color-bg-overlay-heavy)}.overlay--medium{background:var(--color-bg-overlay-medium)}.overlay--light{background:var(--color-bg-overlay-light)}.panel{background:var(--color-bg-panel-dark);border:2px solid var(--color-primary-orange);padding:1.5rem;border-radius:4px}.panel--darker{background:var(--color-bg-overlay-medium)}.panel--transparent{background:var(--color-bg-overlay-light)}.panel--no-padding{padding:0}.glow--red-weak{box-shadow:0 0 10px var(--glow-red-weak)}.glow--red-medium{box-shadow:0 0 10px var(--glow-red-medium)}.glow--red-strong{box-shadow:0 0 15px var(--glow-red-strong)}.glow--orange-weak{box-shadow:0 0 10px var(--glow-orange-weak)}.glow--orange-medium{box-shadow:0 0 10px var(--glow-orange-medium)}.glow--orange-hover{box-shadow:0 0 10px var(--glow-orange-hover)}.glow--orange-strong{box-shadow:0 0 10px var(--glow-orange-strong)}.border--default{border:2px solid var(--color-gray-600)}.border--dark{border:1px solid var(--color-border-dark)}.border--darker{border:1px solid var(--color-border-darker)}.border--orange{border:2px solid var(--color-primary-orange)}.border--red{border:2px solid var(--color-primary-red)}.border--bottom-orange{border-bottom:2px solid var(--color-primary-orange)}.border--left-orange{border-left:3px solid var(--color-primary-orange)}.border--left-gray{border-left:3px solid var(--color-gray-600)}.bg--dark{background:var(--color-bg-darker)}.bg--darker{background:var(--color-gray-900)}.bg--gray-800{background:var(--color-gray-800)}.bg--semi-transparent{background:var(--color-bg-semi-transparent)}.bg--hover-light{background:var(--color-bg-hover-light)}.bg--selected{background:var(--color-selected-bg)}.bg--transparent-dark{background:var(--color-bg-overlay-light)}.text--main{color:var(--color-text-main)}.text--light{color:var(--color-text-light)}.text--dim{color:var(--color-text-dim)}.text--tertiary{color:var(--color-text-tertiary)}.text--orange{color:var(--color-primary-orange)}.text--red{color:var(--color-primary-red)}.text--white{color:var(--color-white)}.text--error{color:var(--color-error)}.text--success{color:var(--color-success)}.text--gold{color:var(--color-gold)}.transition--default{transition:all .2s}.transition--fast{transition:all .15s}.transition--slow{transition:all .3s}.transition--border{transition:border-color .2s}.transition--opacity{transition:opacity .3s ease-in}.flex{display:flex}.flex--column{flex-direction:column}.flex--center{justify-content:center;align-items:center}.flex--between{justify-content:space-between}.flex--gap-sm{gap:.5rem}.flex--gap-md{gap:1rem}.flex--gap-lg{gap:1.5rem}.flex--gap-xl{gap:2rem}.uppercase{text-transform:uppercase}.font--header{font-family:var(--font-header)}.font--body{font-family:var(--font-body)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate--fade-in{animation:fadeIn .2s ease-in}.animate--fade-out{animation:fadeOut .2s ease-out forwards}.animate--slide-in{animation:slideIn .3s ease-out}.animate--slide-out{animation:slideOut .3s ease-out forwards}.animate--spin{animation:spin 1s linear infinite}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}