.vehicle-card{background:var(--accent-secondary-10);border:var(--border-medium) solid var(--accent-secondary-30);border-radius:var(--radius-xl);box-shadow:0 8px 24px var(--shadow-md);margin:var(--space-3xl) 0;padding:var(--space-3xl)}.vehicle-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.vehicle-image{flex-shrink:0}.vehicle-image img{border:3px solid var(--accent-secondary-40);border-radius:var(--radius-lg);box-shadow:0 6px 16px var(--shadow-lg);max-width:250px}.vehicle-title-info{flex:1;min-width:300px}.vehicle-title{color:var(--accent-secondary-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.vehicle-role{color:var(--text-muted);font-size:var(--font-size-lg);font-style:italic;margin-bottom:var(--space-lg)}.vehicle-tier-badges{display:flex;flex-wrap:wrap;gap:var(--space-md)}.vehicle-card .tier-badge{border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg)}.tier-common{background:var(--quality-common-20);border:var(--border-medium) solid var(--quality-common)}.tier-common,.tier-rare{color:var(--text-bright)}.tier-rare{background:var(--quality-rare-20);border:var(--border-medium) solid var(--quality-rare)}.tier-epic{background:var(--quality-epic-20);border:var(--border-medium) solid var(--quality-epic);color:var(--text-bright)}.tier-legendary{background:var(--quality-legendary-20);border:var(--border-medium) solid var(--quality-legendary);color:var(--quality-legendary-text)}.vehicle-stats{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--space-2xl) 0}.vehicle-card .stat-item{background:var(--accent-secondary-10);border-left:3px solid var(--accent-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.vehicle-card .stat-label{color:var(--accent-secondary-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.vehicle-card .stat-value{color:var(--text-main);font-size:var(--font-size-base)}.vehicle-card .skin-gallery{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:var(--space-3xl) 0}.vehicle-card .skin-card{background:var(--theme-purple-primary-10);border:var(--border-medium) solid var(--theme-purple-primary-30);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:var(--transition-normal)}.vehicle-card .skin-card:hover{border-color:var(--theme-purple-primary);box-shadow:0 8px 20px var(--theme-purple-primary-30);transform:translateY(-4px)}.vehicle-card .skin-card img{border-radius:var(--radius-md);box-shadow:0 4px 8px var(--shadow-md);height:auto;margin-bottom:var(--space-md);max-width:100%}.vehicle-card .skin-name{color:var(--text-main);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.vehicle-card .skin-type{color:var(--text-muted);font-size:var(--font-size-sm)}.about-apcs-section{margin:var(--space-4xl) 0}.about-apcs-hero{background:linear-gradient(135deg,var(--accent-blue-0) 0,var(--bg-1) 100%);border:var(--border-medium) solid var(--accent-blue-1);border-radius:var(--radius-xl);margin-bottom:var(--space-4xl);overflow:hidden;padding:var(--space-5xl);position:relative;text-align:center}.about-apcs-hero:before{content:"🚗";font-size:250px;opacity:.05;pointer-events:none;position:absolute;right:-60px;top:-60px;transform:rotate(-15deg)}.about-apcs-hero h2{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-4xl);letter-spacing:.06em;margin:0 0 var(--space-xl) 0;padding-left:0!important;text-shadow:0 4px 16px rgba(0,0,0,.6);text-transform:uppercase}.hero-subtitle{background:var(--overlay-black-40);border:var(--border-thin) solid var(--accent-primary-25);border-radius:var(--radius-lg);color:var(--text-0);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin:0 auto;max-width:900px;padding:var(--space-xl)}.key-features-showcase{background:var(--bg-2);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-4xl);position:relative}.key-features-showcase:before{bottom:-40px;content:"💫";font-size:180px;left:-40px;opacity:.05;pointer-events:none;position:absolute}.key-features-showcase h3{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-3xl);margin:0 0 var(--space-3xl) 0;padding-left:0!important;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.4)}.features-showcase-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.showcase-card{align-items:center;background:var(--glass-bg);border:var(--border-medium) solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-xl);overflow:hidden;padding:var(--space-2xl);position:relative;transition:all var(--transition-normal)}.showcase-card:before{background:var(--accent-blue-1);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform var(--transition-normal);width:4px}.showcase-card:hover{border-color:var(--accent-blue-1);box-shadow:var(--shadow-card-hover),var(--glow-soft);transform:translateX(8px)}.showcase-card:hover:before{transform:scaleY(1)}.showcase-icon{align-items:center;background:var(--accent-primary-12);border:var(--border-thin) solid var(--accent-primary-35);border-radius:var(--radius-md);display:flex;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));flex-shrink:0;font-size:3rem;height:70px;justify-content:center;transition:all var(--transition-normal);width:70px}.showcase-card:hover .showcase-icon{background:var(--accent-primary-25);border-color:var(--accent-blue-1);transform:scale(1.1) rotate(5deg)}.showcase-content{flex:1}.showcase-title{color:var(--accent-blue-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);text-shadow:0 1px 4px rgba(0,0,0,.3)}.showcase-desc{color:var(--text-1);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.vehicle-overview-section{margin:var(--space-5xl) 0}.vehicle-overview-section h2{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);padding-left:0!important;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.4)}.overview-table-wrapper{background:var(--bg-2);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-xl);overflow-x:auto;padding:var(--space-3xl)}.vehicle-overview-table{background:var(--bg-1);border-collapse:separate;border-radius:var(--radius-lg);border-spacing:0;overflow:hidden;width:100%}.vehicle-overview-table thead{background:linear-gradient(135deg,var(--accent-blue-0),var(--accent-primary-12))}.vehicle-overview-table th{border-bottom:var(--border-medium) solid var(--accent-blue-1);color:var(--accent-blue-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-xl);text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.3);text-transform:uppercase}.vehicle-overview-table tbody tr{border-bottom:var(--border-thin) solid var(--overlay-white-05);transition:all var(--transition-normal)}.vehicle-overview-table tbody tr:hover{background:var(--accent-primary-08);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:scale(1.01)}.vehicle-overview-table tbody tr:last-child{border-bottom:none}.vehicle-overview-table td{color:var(--text-0);font-size:var(--font-size-base);padding:var(--space-lg) var(--space-xl);vertical-align:middle}.vehicle-overview-table td:first-child{width:100px}.vehicle-overview-table td img{background:var(--bg-2);border:var(--border-medium) solid var(--accent-primary-35);border-radius:var(--radius-md);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:auto;max-width:80px;padding:var(--space-sm);transition:all var(--transition-normal)}.vehicle-overview-table tbody tr:hover td img{border-color:var(--accent-blue-1);filter:drop-shadow(0 4px 12px var(--accent-primary-45));transform:scale(1.1)}.vehicle-overview-table td strong{color:var(--accent-blue-2);font-weight:var(--font-weight-semibold)}.vehicle-overview-table .tier-badge{border-radius:var(--radius-full);box-shadow:0 2px 6px rgba(0,0,0,.2);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.03em;padding:var(--space-xs) var(--space-md);text-transform:uppercase}@media (max-width:768px){.overview-table-wrapper{padding:var(--space-lg)}.vehicle-overview-table td,.vehicle-overview-table th{font-size:var(--font-size-sm);padding:var(--space-md);text-align:center!important}.vehicle-overview-table td img{display:block!important;margin:0 auto!important;max-width:60px}.vehicle-overview-table .tier-badge{display:inline-block!important;margin:0 auto!important}.features-showcase-grid{grid-template-columns:1fr}.showcase-card{flex-direction:column;text-align:center}}@media (max-width:1024px){.features-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.refitting-intro{padding:var(--space-3xl)}.refitting-intro h2{font-size:var(--font-size-3xl)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.energy-cost-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.refitting-tiers{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.parts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quality-tiers{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.skin-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.about-apcs-section,.tier-slots-section{margin:var(--space-3xl) 0}.about-apcs-hero{padding:var(--space-3xl) var(--space-xl)}.about-apcs-hero:before{font-size:180px;right:-40px;top:-40px}.about-apcs-hero h2{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg);padding:var(--space-lg)}.key-features-showcase{padding:var(--space-3xl) var(--space-xl)}.key-features-showcase h3{font-size:var(--font-size-2xl)}.features-showcase-grid{gap:var(--space-xl);grid-template-columns:1fr}.showcase-card{flex-direction:column;padding:var(--space-xl);text-align:center}.showcase-icon{font-size:2.5rem;height:60px;width:60px}.vehicle-overview-section h2{font-size:var(--font-size-2xl)}.overview-table-wrapper{padding:var(--space-lg)}.vehicle-overview-table td,.vehicle-overview-table th{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);text-align:center!important}.vehicle-overview-table td img{max-width:60px;padding:var(--space-xs)}.vehicle-overview-table .tier-badge{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.vehicle-card{margin:var(--space-2xl) 0;padding:var(--space-xl)}.vehicle-header{flex-direction:column;gap:var(--space-xl);text-align:center}.vehicle-image img{max-width:180px}.vehicle-title{font-size:var(--font-size-2xl)}.vehicle-role{font-size:var(--font-size-base)}.vehicle-stats{grid-template-columns:1fr}.skin-collection-intro{padding:var(--space-3xl) var(--space-xl)}.skin-collection-intro:before{font-size:140px;right:-30px;top:-30px}.skin-collection-intro h2{font-size:var(--font-size-3xl)}.skin-gallery{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.skin-card{padding:var(--space-lg)}.skin-name{font-size:var(--font-size-lg)}.refitting-intro{padding:var(--space-3xl) var(--space-xl)}.refitting-intro:before{font-size:140px;right:-20px;top:-20px}.refitting-intro h2{font-size:var(--font-size-3xl)}.refitting-intro p{font-size:var(--font-size-base)}.features-section{padding:var(--space-3xl) var(--space-xl)}.features-section h3{font-size:var(--font-size-2xl)}.features-grid{gap:var(--space-xl);grid-template-columns:1fr}.feature-card{padding:var(--space-xl)}.feature-icon{font-size:2.5rem}.feature-title{font-size:var(--font-size-lg)}.feature-desc{font-size:var(--font-size-sm)}.energy-warning{padding:var(--space-3xl) var(--space-xl)}.energy-warning:before{font-size:150px;right:-30px;top:-30px}.energy-warning h3{font-size:var(--font-size-2xl)}.energy-intro{font-size:var(--font-size-base);padding:var(--space-lg)}.energy-cost-grid{gap:var(--space-lg);grid-template-columns:1fr}.energy-cost-item{padding:var(--space-lg)}.energy-cost-tier{font-size:var(--font-size-base)}.energy-cost-value{font-size:var(--font-size-lg)}.energy-example{padding:var(--space-xl)}.energy-example strong{font-size:var(--font-size-base)}.tier-slots-section h3{font-size:var(--font-size-2xl)}.refitting-tiers{gap:var(--space-xl);grid-template-columns:1fr}.tier-card{padding:var(--space-xl)}.tier-card-icon{font-size:2.5rem}.tier-card-title{font-size:var(--font-size-lg)}.parts-section-title{font-size:var(--font-size-2xl)}.refitting-section{padding:var(--space-3xl) var(--space-xl)}.refitting-section h4{font-size:var(--font-size-xl)}.parts-grid{gap:var(--space-xl);grid-template-columns:1fr}.part-card{padding:var(--space-xl)}.part-card-header img{height:50px;width:50px}.part-card-name{font-size:var(--font-size-base)}.part-card-type{font-size:var(--font-size-xs)}.quality-tiers{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.quality-tier{padding:var(--space-lg) var(--space-sm)}.quality-tier-name{font-size:var(--font-size-base)}.quality-tier-power{font-size:var(--font-size-xs)}.obtain-guide{padding:var(--space-xl)}.obtain-guide ul{padding-left:var(--space-xl)}.obtain-guide ul li{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}}@media (max-width:480px){.about-apcs-hero,.refitting-intro,.skin-collection-intro{padding:var(--space-2xl) var(--space-lg)}.about-apcs-hero h2,.refitting-intro h2,.skin-collection-intro h2{font-size:var(--font-size-2xl)}.about-apcs-hero:before,.energy-warning:before,.key-features-showcase:before,.refitting-intro:before,.skin-collection-intro:before{font-size:100px}.showcase-card{align-items:center;flex-direction:column;text-align:center}.energy-cost-grid,.features-grid,.refitting-tiers{grid-template-columns:1fr}.overview-table-wrapper{padding:var(--space-sm)}.vehicle-overview-table{font-size:var(--font-size-xs)}.vehicle-overview-table td,.vehicle-overview-table th{padding:var(--space-xs) var(--space-sm);text-align:center!important}.vehicle-overview-table td img{max-width:50px}.skin-gallery{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skin-card{padding:var(--space-md)}.skin-name{font-size:var(--font-size-base)}.skin-type{font-size:var(--font-size-xs)}.about-apcs-section,.features-section,.refitting-section,.tier-slots-section{margin:var(--space-2xl) 0}.energy-cost-item,.feature-card,.part-card,.tier-card{padding:var(--space-lg)}.quality-tiers{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.quality-tier{padding:var(--space-md) var(--space-xs)}}@media (max-width:360px){.about-apcs-hero,.key-features-showcase,.refitting-intro,.skin-collection-intro{padding:var(--space-xl) var(--space-md)}.about-apcs-hero h2,.refitting-intro h2,.skin-collection-intro h2{font-size:var(--font-size-xl)}.quality-tiers,.skin-gallery{grid-template-columns:1fr}.feature-card,.showcase-card,.tier-card{padding:var(--space-md)}.feature-icon,.showcase-icon,.tier-card-icon{font-size:2rem;height:50px;width:50px}}.acquisition-box{background:var(--accent-primary-08);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-lg);margin:var(--space-2xl) 0;padding:var(--space-xl)}.acquisition-box p{margin:0 0 var(--space-md) 0}.acquisition-box strong{color:var(--accent-secondary-text)}.acquisition-box ul{margin:var(--space-md) 0 0 0;padding-left:var(--space-xl)}.acquisition-box ul li{margin-bottom:var(--space-sm)}.vehicle-part{align-items:center;background:var(--glass-bg);border:var(--border-thin) solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);margin:var(--space-2xl) 0;padding:var(--space-xl)}.vehicle-part img{background:var(--bg-2);border:var(--border-medium) solid var(--accent-primary-35);border-radius:var(--radius-md);flex-shrink:0;height:80px;padding:var(--space-sm);width:80px}.vehicle-part-name{color:var(--accent-blue-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.vehicle-part-meta{color:var(--text-1);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.vehicle-part-stats{color:var(--text-0);font-size:var(--font-size-base)}.refitting-intro{background:linear-gradient(135deg,var(--accent-blue-0),var(--bg-1));border:var(--border-medium) solid var(--accent-blue-1);border-radius:var(--radius-xl);margin:var(--space-4xl) 0;overflow:hidden;padding:var(--space-4xl);position:relative}.refitting-intro:before{content:"🔧";font-size:180px;opacity:.05;pointer-events:none;position:absolute;right:-30px;top:-30px}.refitting-intro h2{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-4xl);letter-spacing:.05em;margin:0 0 var(--space-lg) 0;padding-left:0!important;text-shadow:0 2px 12px rgba(0,0,0,.5);text-transform:uppercase}.refitting-intro p{color:var(--text-0);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0}.features-section{background:var(--bg-2);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-xl);margin:var(--space-4xl) 0;padding:var(--space-4xl)}.features-section h3{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-2xl);margin:0 0 var(--space-3xl) 0;padding-left:0!important;text-align:center}.features-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--glass-bg);border:var(--border-medium) solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-2xl);position:relative;text-align:center;transition:all var(--transition-normal)}.feature-card:before{background:linear-gradient(135deg,transparent,var(--accent-primary-08));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.feature-card:hover{border-color:var(--accent-blue-1);box-shadow:var(--shadow-card-hover),var(--glow-soft);transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem;margin-bottom:var(--space-lg);position:relative;z-index:1}.feature-title{color:var(--accent-blue-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);position:relative;z-index:1}.feature-desc{color:var(--text-1);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);position:relative;z-index:1}.energy-warning{background:linear-gradient(135deg,var(--color-warning-10),var(--color-error-10));border:var(--border-thick) solid var(--color-warning-35);border-radius:var(--radius-xl);margin:var(--space-4xl) 0;overflow:hidden;padding:var(--space-4xl);position:relative}.energy-warning:before{content:"⚡";font-size:200px;opacity:.08;pointer-events:none;position:absolute;right:-40px;top:-40px}.energy-warning h3{border-left:none!important;color:var(--color-warning);font-size:var(--font-size-2xl);margin:0 0 var(--space-lg) 0;padding-left:0!important;text-shadow:0 2px 8px rgba(0,0,0,.3);text-transform:uppercase}.energy-intro{background:var(--overlay-black-30);border-left:var(--border-accent-thick) solid var(--color-warning);border-radius:var(--radius-md);color:var(--text-0);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3xl);padding:var(--space-xl)}.energy-cost-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:var(--space-3xl) 0}.energy-cost-item{background:var(--bg-1);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-normal)}.energy-cost-item:before{background:var(--accent-blue-1);bottom:0;content:"";left:0;position:absolute;top:0;transition:width var(--transition-normal);width:4px}.energy-cost-item:hover{border-color:var(--accent-blue-1);box-shadow:var(--shadow-card);transform:translateX(4px)}.energy-cost-item:hover:before{width:8px}.energy-cost-item.tier-1:before{background:var(--color-success)}.energy-cost-item.tier-2:before{background:var(--color-error)}.energy-cost-item.tier-3:before{background:var(--accent-blue-1)}.energy-cost-item.tier-4:before{background:var(--theme-purple-primary)}.energy-cost-tier{color:var(--accent-blue-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.energy-cost-value{color:var(--color-warning);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.energy-cost-note{color:var(--text-1);font-size:var(--font-size-sm);font-style:italic}.energy-example{background:var(--color-error-15);border:var(--border-medium) solid var(--color-error-30);border-radius:var(--radius-lg);margin:var(--space-2xl) 0;padding:var(--space-2xl)}.energy-example strong{color:var(--color-error);display:block;font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.energy-example p{color:var(--text-0);font-size:var(--font-size-md);margin:var(--space-md) 0}.energy-capacity,.energy-math,.energy-result{background:var(--overlay-black-30);border-radius:var(--radius-sm);margin:var(--space-sm) 0;padding:var(--space-md) var(--space-lg)}.highlight{color:var(--color-warning)}.highlight,.highlight-blue{font-weight:var(--font-weight-bold)}.highlight-blue{color:var(--accent-blue-2)}.highlight-error{color:var(--color-error);font-weight:var(--font-weight-bold);text-shadow:0 0 10px var(--color-error-30)}.tier-slots-section{margin:var(--space-5xl) 0}.tier-slots-section h3{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-3xl);margin-bottom:var(--space-lg);padding-left:0!important;text-align:center}.section-intro{color:var(--text-1);font-size:var(--font-size-lg);margin-bottom:var(--space-3xl);text-align:center}.refitting-tiers{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:var(--space-3xl) 0}.tier-card{background:var(--bg-1);border:var(--border-medium) solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-2xl);position:relative;transition:all var(--transition-normal)}.tier-card:before{background:var(--accent-blue-1);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-normal)}.tier-card:hover{border-color:var(--accent-blue-1);box-shadow:var(--shadow-card-hover);transform:translateY(-8px)}.tier-card:hover:before{transform:scaleX(1)}.tier-1-card{border-color:var(--color-success-20)}.tier-1-card:hover{border-color:var(--color-success)}.tier-1-card:before{background:var(--color-success)}.tier-2-card{border-color:var(--color-error-20)}.tier-2-card:hover{border-color:var(--color-error)}.tier-2-card:before{background:var(--color-error)}.tier-3-card{border-color:var(--accent-primary-25)}.tier-3-card:hover{border-color:var(--accent-blue-1)}.tier-3-card:before{background:var(--accent-blue-1)}.tier-4-card{border-color:var(--theme-purple-primary-20)}.tier-4-card:hover{border-color:var(--theme-purple-primary)}.tier-4-card:before{background:var(--theme-purple-primary)}.special-card{border-color:var(--color-warning-20)}.special-card:hover{border-color:var(--color-warning)}.special-card:before{background:var(--color-warning)}.tier-card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem;margin-bottom:var(--space-lg);text-align:center}.tier-card-title{color:var(--accent-blue-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);text-align:center}.tier-card p{color:var(--text-1);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);text-align:center}.tier-card ul{list-style:none;margin:0;padding:0}.tier-card ul li{background:var(--overlay-black-20);border-left:var(--border-thin) solid var(--accent-primary-35);border-radius:var(--radius-xs);color:var(--text-0);font-size:var(--font-size-sm);margin-bottom:var(--space-xs);padding:var(--space-sm) var(--space-md)}.parts-section-title{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-3xl);margin:var(--space-5xl) 0 var(--space-lg) 0;padding-left:0!important;text-align:center}.refitting-section{background:var(--bg-2);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-xl);margin:var(--space-4xl) 0;padding:var(--space-4xl)}.refitting-section h4{border-left:none!important;color:var(--accent-blue-2);font-size:var(--font-size-2xl);margin:0 0 var(--space-lg) 0;padding-left:0!important}.refitting-section>p{color:var(--text-1);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2xl);text-align:center}.parts-grid{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:var(--space-3xl) 0}.part-card{background:var(--bg-1);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition-normal)}.part-card:hover{border-color:var(--accent-blue-1);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.part-card-header{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.part-card-header img{background:var(--bg-2);border:var(--border-medium) solid var(--accent-primary-35);border-radius:var(--radius-md);height:60px;padding:var(--space-xs);width:60px}.part-card-name{color:var(--accent-blue-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.part-card-type{color:var(--text-1);font-size:var(--font-size-sm)}.part-card-stats{background:var(--overlay-black-30);border-radius:var(--radius-md);padding:var(--space-lg)}.part-energy-cost{align-items:center;border-bottom:1px solid var(--overlay-white-05);display:flex;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-md)}.part-energy-label{color:var(--color-warning);font-weight:var(--font-weight-semibold)}.part-energy-value{color:var(--color-warning);font-weight:var(--font-weight-bold)}.part-energy-free{color:var(--color-success);font-weight:var(--font-weight-bold)}.part-stats-label{color:var(--accent-blue-2);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.part-stats-values{color:var(--text-0);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.quality-tiers{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:var(--space-3xl) 0}.quality-tier{background:var(--bg-1);border:var(--border-medium) solid transparent;border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);text-align:center;transition:var(--transition-normal)}.quality-tier:hover{transform:translateY(-2px)}.quality-tier-q1{background:var(--quality-common-10);border-color:var(--quality-common)}.quality-tier-q2{background:var(--quality-uncommon-10);border-color:var(--quality-uncommon)}.quality-tier-q3{background:var(--quality-rare-10);border-color:var(--quality-rare)}.quality-tier-q4{background:var(--quality-epic-10);border-color:var(--quality-epic)}.quality-tier-q5{background:var(--quality-legendary-10);border-color:var(--quality-legendary)}.quality-tier-q6{background:var(--theme-purple-primary-10);border-color:var(--theme-purple-primary)}.quality-tier-q7{background:var(--color-warning-10);border-color:var(--color-warning)}.quality-tier-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.quality-tier-q1 .quality-tier-name{color:var(--quality-common)}.quality-tier-q2 .quality-tier-name{color:var(--quality-uncommon)}.quality-tier-q3 .quality-tier-name{color:var(--quality-rare)}.quality-tier-q4 .quality-tier-name{color:var(--quality-epic)}.quality-tier-q5 .quality-tier-name{color:var(--quality-legendary)}.quality-tier-q6 .quality-tier-name{color:var(--theme-purple-primary)}.quality-tier-q7 .quality-tier-name{color:var(--color-warning)}.quality-tier-power{color:var(--text-1);font-size:var(--font-size-sm)}.obtain-guide{background:var(--accent-primary-08);border:var(--border-medium) solid var(--accent-primary-25);border-radius:var(--radius-lg);margin:var(--space-3xl) 0;padding:var(--space-2xl)}.obtain-guide ul{margin:var(--space-lg) 0;padding-left:var(--space-2xl)}.obtain-guide ul li{color:var(--text-0);margin-bottom:var(--space-md)}.special-vehicle-card{background:var(--theme-purple-primary-10);border:var(--border-thick) solid var(--theme-purple-primary-30)}.special-vehicle-card .vehicle-title{color:var(--theme-purple-text)}.special-vehicle-card .vehicle-role{color:var(--theme-purple-text-muted)}.skin-collection-intro{background:linear-gradient(135deg,var(--theme-purple-primary-10),var(--accent-primary-08));border:var(--border-medium) solid var(--theme-purple-primary-30);border-radius:var(--radius-xl);margin:var(--space-3xl) 0;overflow:hidden;padding:var(--space-3xl);position:relative}.skin-collection-intro:before{content:"🎨";font-size:120px;opacity:.1;pointer-events:none;position:absolute;right:-20px;top:-20px}.skin-collection-intro h2{border-left:none!important;color:var(--theme-purple-text);font-size:var(--font-size-3xl);letter-spacing:.05em;margin-top:0;padding-left:0!important;text-transform:uppercase}.skin-collection-intro p{color:var(--text-0);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:0}.skin-gallery{display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:var(--space-3xl) 0}.skin-card{background:var(--bg-1);border:var(--border-medium) solid var(--theme-purple-primary-30);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-xl);position:relative;text-align:center;transition:all var(--transition-normal)}.skin-card:before{background:linear-gradient(135deg,transparent 0,var(--theme-purple-primary-10) 100%);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.skin-card:hover{border-color:var(--theme-purple-primary);box-shadow:var(--shadow-card-hover),0 0 30px var(--theme-purple-primary-30);transform:translateY(-8px) scale(1.02)}.skin-card:hover:before{opacity:1}.skin-card img{background:var(--bg-2);border:var(--border-thin) solid var(--accent-primary-25);border-radius:var(--radius-md);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));height:auto;margin-bottom:var(--space-lg);max-width:100%;padding:var(--space-md);position:relative;transition:all var(--transition-normal);z-index:1}.skin-card:hover img{border-color:var(--theme-purple-primary);filter:drop-shadow(0 8px 20px var(--theme-purple-primary-40));transform:scale(1.05)}.skin-card-content{position:relative;z-index:1}.skin-name{color:var(--theme-purple-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);text-shadow:0 2px 8px rgba(0,0,0,.3)}.skin-type{background:var(--overlay-black-30);border-radius:var(--radius-full);color:var(--text-1);display:inline-block;font-size:var(--font-size-sm);letter-spacing:.05em;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.skin-card.base-skin{border-color:var(--accent-primary-35)}.skin-card.base-skin:hover{border-color:var(--accent-blue-1);box-shadow:var(--shadow-card-hover),0 0 30px var(--accent-primary-45)}.skin-card.base-skin .skin-name{color:var(--accent-blue-2)}.skin-details{background:var(--bg-2);border:var(--border-medium) solid var(--theme-purple-primary-20);border-radius:var(--radius-lg);margin:var(--space-3xl) 0;padding:var(--space-2xl)}.skin-details p{color:var(--theme-purple-text);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg)}.skin-details ul{list-style:none;margin:0;padding:0}.skin-details ul li{background:var(--overlay-black-20);border-left:var(--border-accent) solid var(--theme-purple-primary);border-radius:var(--radius-sm);color:var(--text-0);margin-bottom:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:var(--transition-normal)}.skin-details ul li:hover{background:var(--theme-purple-primary-10);transform:translateX(4px)}.skin-details ul li strong{color:var(--theme-purple-text)}