.navbar{position:fixed;top:0;left:0;right:0;height:64px;background:#0a0a0af2;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.brand-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.1em}.brand-accent{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-accent-light);letter-spacing:.1em}.navbar-links{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--color-text-primary)}.nav-link-premium{color:var(--color-accent);font-weight:600}.nav-link-premium:hover{color:var(--color-accent-light)}.navbar-auth{display:flex;align-items:center;gap:var(--spacing-md)}.auth-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text-primary)}.user-info:hover{color:var(--color-accent-light)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-size:14px;font-weight:500}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;background:transparent;border:none;cursor:pointer;gap:5px}.hamburger-line{display:block;width:24px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:#0a0a0ffa;padding:var(--spacing-lg);flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;transform:translate(100%);transition:transform .3s ease;z-index:999}.mobile-menu.open{transform:translate(0)}.mobile-menu-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-nav-link{display:block;padding:var(--spacing-md);color:var(--color-text-primary);font-size:1.1rem;font-weight:500;text-decoration:none;border-radius:8px;transition:background .2s ease}.mobile-nav-link:hover,.mobile-nav-link:active{background:#ffffff0d}.mobile-nav-link.premium{color:var(--color-accent)}.mobile-nav-link.install-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--spacing-md);padding:14px 20px;background:linear-gradient(180deg,#2a5a2a,#1a3a1a);border:1px solid #3a7a3a;border-bottom:3px solid #0a1a0a;border-radius:8px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .15s ease;box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0000004d}.mobile-nav-link.install-btn:hover{background:linear-gradient(180deg,#3a6a3a,#2a4a2a);transform:translateY(-1px)}.mobile-nav-link.install-btn:active{transform:translateY(1px);border-bottom-width:1px}.mobile-nav-link.install-btn.update{background:linear-gradient(180deg,#8a6a1a,#5a4a0a);border-color:#aa8a2a;border-bottom-color:#2a2a0a}.mobile-nav-link.install-btn.update:hover{background:linear-gradient(180deg,#9a7a2a,#6a5a1a)}.install-icon{font-size:18px}.mobile-menu-auth{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-user-info{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-block{width:100%;text-align:center}@media (max-width: 768px){.navbar-links,.navbar-auth{display:none}.mobile-menu-btn,.mobile-menu{display:flex}.user-name{display:none}.brand-text,.brand-accent{font-size:1rem}}@media (max-width: 375px){.brand-text,.brand-accent{font-size:.9rem;letter-spacing:.05em}}.mobile-paywall{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(180deg,#0a0a0f,#1a1a2e)}.paywall-content{max-width:400px;text-align:center}.paywall-icon{margin-bottom:var(--spacing-lg)}.paywall-icon .brand-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.1em}.paywall-icon .brand-accent{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-accent-light);letter-spacing:.1em;margin-left:var(--spacing-xs)}.paywall-content h1{font-family:var(--font-display);font-size:1.75rem;color:var(--color-accent);margin-bottom:var(--spacing-md)}.paywall-content>p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.user-status{background:#ffffff0d;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.user-status strong{color:var(--color-text-primary)}.login-prompt{color:var(--color-text-muted);font-size:14px;margin-bottom:var(--spacing-md)}.paywall-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.paywall-actions .btn{width:100%}.paywall-actions .btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem}.paywall-actions .btn-success{background:linear-gradient(180deg,#22c55e,#16a34a);border:1px solid #22c55e;color:#fff}.paywall-features{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left}.paywall-features h3{font-size:14px;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center}.paywall-features ul{list-style:none;padding:0;margin:0}.paywall-features li{color:var(--color-text-secondary);font-size:14px;padding:var(--spacing-xs) 0;padding-left:24px;position:relative}.paywall-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success)}.home-page{min-height:100vh}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.hero-content{position:relative;z-index:1;max-width:800px}.hero-title{font-size:4rem;margin-bottom:var(--spacing-lg);line-height:1.1}.title-main{display:block;color:var(--color-text-primary);letter-spacing:.2em}.title-accent{display:block;color:var(--color-accent-light);letter-spacing:.3em;font-size:.6em}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.hero-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glow-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(139,0,0,.15) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.features{padding:var(--spacing-xl) 0;background:var(--color-bg-secondary)}.section-title{text-align:center;font-size:2rem;margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.home-feature-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.home-feature-card{flex:0 1 280px;max-width:320px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl);transition:transform .2s ease,box-shadow .2s ease}.home-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.home-feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);filter:grayscale(.5)}.home-feature-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.home-feature-card p{color:var(--color-text-secondary);font-size:14px;line-height:1.6;text-align:center}.home-feature-card.premium{border:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,var(--color-bg-card) 0%,rgba(251,191,36,.05) 100%)}.home-feature-card .premium-tag{color:var(--color-accent-light);font-size:.8em}.cta{padding:calc(var(--spacing-xl) * 2) 0;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta h2{font-size:2rem;margin-bottom:var(--spacing-md)}.cta p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0 var(--spacing-lg);margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-brand{max-width:300px}.footer-logo{font-weight:700;font-size:1.1rem;color:var(--color-accent);letter-spacing:.1em}.footer-brand p{color:var(--color-text-muted);font-size:.9rem;margin-top:var(--spacing-xs)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.footer-bottom p{color:var(--color-text-muted);font-size:.85rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.glow-orb{width:300px;height:300px}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.auth-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.auth-error{background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-error);font-size:14px}.form-footer{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.forgot-link{font-size:14px;color:var(--color-text-secondary)}.forgot-link:hover{color:var(--color-accent-light)}.auth-switch{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:14px}.auth-switch a{color:var(--color-accent-light);font-weight:500}.auth-switch a:hover{text-decoration:underline}.builds-header{text-align:center;padding:var(--spacing-xl) 0}.builds-header h1{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.builds-filters{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.search-form{display:flex;gap:var(--spacing-sm)}.sort-options{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.sort-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:14px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.sort-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.sort-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.builds-count{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.build-card{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.build-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.build-card-header{margin-bottom:var(--spacing-sm)}.build-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.build-author{font-size:13px;color:var(--color-text-muted)}.build-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.build-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.build-stats{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.stat,.stat-btn{display:flex;align-items:center;gap:var(--spacing-xs);font-size:14px;color:var(--color-text-secondary)}.stat-btn{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}.stat-btn:hover:not(:disabled){color:var(--color-accent-light)}.stat-btn:disabled{cursor:default}.stat-icon{font-size:16px}.build-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.build-date{font-size:12px;color:var(--color-text-muted)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-xl) * 2);gap:var(--spacing-md);color:var(--color-text-secondary)}.empty-state{text-align:center;padding:calc(var(--spacing-xl) * 2);color:var(--color-text-secondary)}.empty-state p{margin-bottom:var(--spacing-lg)}.load-more{display:flex;justify-content:center;padding:var(--spacing-xl) 0}@media (max-width: 768px){.builds-filters{padding:var(--spacing-md)}.search-form{flex-direction:column}.builds-grid{grid-template-columns:1fr}}.build-detail{max-width:800px;margin:0 auto}.build-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.build-detail-info h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.build-detail-info .build-author{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.build-detail-info .build-date{color:var(--color-text-muted);font-size:14px}.build-detail-actions{display:flex;gap:var(--spacing-sm)}.build-detail-description{margin-bottom:var(--spacing-lg)}.build-detail-description h3{margin-bottom:var(--spacing-sm);font-size:1rem;color:var(--color-text-secondary)}.build-detail-description p{color:var(--color-text-primary);line-height:1.6}.build-detail-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.build-detail-data{margin-bottom:var(--spacing-lg)}.build-detail-data h3{margin-bottom:var(--spacing-md);font-size:1rem;color:var(--color-text-secondary)}.build-json{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;font-size:13px;color:var(--color-text-secondary);max-height:400px}.build-detail-comments h3{margin-bottom:var(--spacing-md);font-size:1.125rem}.comment-form{margin-bottom:var(--spacing-lg)}.comment-form textarea{margin-bottom:var(--spacing-sm);resize:vertical;min-height:80px}.login-prompt{padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md);text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.login-prompt a{color:var(--color-accent-light)}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-comments{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.comment{padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md)}.comment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.comment-author{font-weight:600;color:var(--color-text-primary)}.comment-date{font-size:12px;color:var(--color-text-muted)}.comment-delete{margin-left:auto;background:none;border:none;color:var(--color-error);font-size:12px;cursor:pointer}.comment-delete:hover{text-decoration:underline}.comment-content{color:var(--color-text-secondary);line-height:1.5}.error-state h2{margin-bottom:var(--spacing-md)}.error-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.build-detail-header{flex-direction:column}.build-detail-actions{width:100%}.build-detail-actions .btn{flex:1}}.profile-page{max-width:600px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0}.profile-info{flex:1}.profile-info h1{font-size:1.5rem;margin-bottom:var(--spacing-xs);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.profile-username{color:var(--color-accent-light);font-size:14px;margin-bottom:var(--spacing-xs)}.profile-email{color:var(--color-text-muted);font-size:14px}.edit-name{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.edit-name input{max-width:200px}.profile-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:14px}.profile-message.success{background:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success)}.profile-message.error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.profile-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-section h3{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.profile-detail{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.profile-detail:last-of-type{border-bottom:none}.profile-detail .label{color:var(--color-text-muted)}.clan-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.clan-badge{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem}.clan-tag{color:var(--color-accent-light);font-weight:600}.clan-name{font-weight:500}.clan-details{display:flex;flex-direction:column}.clan-role-badge{text-transform:capitalize;color:var(--color-accent);font-weight:500}.clan-description{color:var(--color-text-secondary);font-size:14px;max-width:300px}.loading-text{color:var(--color-text-muted);font-size:14px;font-style:italic}.no-clan{text-align:center;padding:var(--spacing-md)}.no-clan p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.clan-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.btn-danger{background:var(--color-error);color:#fff;border:none}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.premium-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.premium-badge-container{margin-bottom:var(--spacing-xs)}.premium-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:600;font-size:14px}.premium-badge.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a}.premium-details{display:flex;flex-direction:column}.status-active{color:var(--color-success);font-weight:500}.status-cancelling{color:var(--color-warning, #f59e0b);font-weight:500}.premium-downloads{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md)}.premium-downloads h4{margin:0 0 var(--spacing-sm) 0;font-size:14px;color:var(--color-accent)}.premium-downloads .download-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.premium-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.no-premium{text-align:center;padding:var(--spacing-md)}.no-premium p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.btn-accent{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;border:none;font-weight:600}.btn-accent:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.quick-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-link{display:block;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .2s ease}.quick-link:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.account-setting{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.account-setting:last-of-type{border-bottom:none}.setting-header{display:flex;justify-content:space-between;align-items:center}.setting-label{display:block;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.setting-value{display:block;font-size:14px;color:var(--color-text-muted)}.setting-form{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md)}.setting-form .form-group{margin-bottom:var(--spacing-md)}.setting-form .form-label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.setting-form .form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px}.setting-form .form-input:focus{outline:none;border-color:var(--color-accent)}.form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.form-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--spacing-md)}.form-message.success{background:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success)}.form-message.error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.profile-danger{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);text-align:center}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.edit-name{flex-direction:column;width:100%}.edit-name input{max-width:none}}.clans-header{text-align:center;padding:var(--spacing-xl) 0}.clans-header h1{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.create-clan-cta,.current-clan-notice{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.create-clan-cta p,.current-clan-notice p{color:var(--color-text-secondary)}.search-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.search-input{flex:1}.search-results{margin-top:var(--spacing-xl)}.clans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.clan-card{display:flex;flex-direction:column}.clan-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.clan-tag{color:var(--color-accent-light);font-weight:700;font-size:1.125rem}.clan-name{font-size:1.125rem;font-weight:600}.clan-description{color:var(--color-text-secondary);font-size:14px;margin-bottom:var(--spacing-md);flex:1}.clan-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.clan-stat{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.stat-label{font-size:12px;color:var(--color-text-muted)}.clan-card-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.search-prompt{text-align:center;padding:calc(var(--spacing-xl) * 2)}@media (max-width: 768px){.search-form{flex-direction:column}.create-clan-cta,.current-clan-notice{flex-direction:column;gap:var(--spacing-md);text-align:center}}.clan-detail{max-width:900px;margin:0 auto}.clan-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.clan-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.clan-title .clan-tag{color:var(--color-accent-light);font-size:1.5rem;font-weight:700}.clan-title h1{font-size:1.75rem}.clan-detail-header .clan-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);max-width:500px}.clan-meta{display:flex;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-muted)}.clan-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.premium-star{color:var(--color-accent);margin-left:var(--spacing-xs)}.invite-code{margin-bottom:var(--spacing-lg);text-align:center}.invite-code p{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.code-display{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md)}.code-display code{font-size:1.25rem;font-weight:600;color:var(--color-accent-light);letter-spacing:.1em}.clan-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.tab{padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-accent-light);border-bottom-color:var(--color-accent)}.members-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.member-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.member-info{display:flex;align-items:center;gap:var(--spacing-md)}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text-secondary)}.member-name{font-weight:500}.member-role{font-size:12px;color:var(--color-text-muted);text-transform:capitalize}.member-actions{display:flex;gap:var(--spacing-xs)}.builds-list{min-height:200px}.builds-list .builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.builds-list .build-card{padding:var(--spacing-md)}.builds-list .build-title{font-size:1rem;margin-bottom:var(--spacing-xs)}.builds-list .build-author{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.builds-list .build-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.builds-list .build-card-footer{display:flex;justify-content:flex-end}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.error-state{text-align:center;padding:calc(var(--spacing-xl) * 2)}.error-state h2{margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.clan-detail{padding:0 var(--spacing-sm)}.clan-detail-header{flex-direction:column;gap:var(--spacing-md)}.clan-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.clan-title h1{font-size:1.25rem;word-break:break-word}.clan-title .clan-tag{font-size:1rem}.clan-detail-header .clan-description{font-size:14px;max-width:100%}.clan-meta{flex-wrap:wrap;font-size:12px}.clan-actions{width:100%}.clan-actions .btn{flex:1;font-size:12px;padding:8px 12px}.code-display{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.code-display code{font-size:1rem}.clan-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:var(--spacing-sm) var(--spacing-md);font-size:12px;white-space:nowrap}.member-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)}.member-info{gap:var(--spacing-sm)}.member-avatar{width:32px;height:32px;font-size:14px}.member-name{font-size:14px}.member-actions{width:100%;justify-content:flex-end}.member-actions .btn{font-size:11px;padding:4px 8px}.builds-list .builds-grid{grid-template-columns:1fr}}@media (max-width: 375px){.clan-title h1{font-size:1.1rem}.clan-title .clan-tag{font-size:.9rem}.clan-actions{flex-direction:column}.clan-actions .btn{width:100%}}.create-clan-page{max-width:500px;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:2rem;margin-bottom:var(--spacing-sm)}.create-clan-form{padding:var(--spacing-xl)}.tag-input{max-width:120px;text-transform:uppercase;font-weight:600;letter-spacing:.1em}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.form-actions .btn{flex:1}.already-in-clan{max-width:400px;margin:var(--spacing-xl) auto;text-align:center;padding:var(--spacing-xl)}.already-in-clan h2{margin-bottom:var(--spacing-sm)}.already-in-clan p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.calculator-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.calculator-header h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.action-panel{display:flex;gap:10px;padding:14px;background:linear-gradient(180deg,#1e1e1e,#121212);border-radius:12px;border:1px solid #333;border-bottom:3px solid #0a0a0a;box-shadow:0 6px 20px #00000080}.action-panel-btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 8px;font-family:var(--font-body);font-size:14px;font-weight:600;white-space:nowrap;color:#fff;background:linear-gradient(180deg,#404040,#2a2a2a 40%,#1a1a1a);border:1px solid #555;border-bottom:4px solid #111;border-radius:8px;cursor:pointer;text-shadow:0 2px 3px rgba(0,0,0,.8);box-shadow:inset 0 1px #ffffff26,0 2px 8px #0006;transition:all .1s ease}.action-panel-btn:hover{background:linear-gradient(180deg,#4a4a4a,#333 40%,#222);border-color:#666;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 4px 12px #00000080}.action-panel-btn:active{background:linear-gradient(180deg,#2a2a2a,#1a1a1a 40%,#111);border-bottom-width:2px;transform:translateY(2px);box-shadow:inset 0 2px 4px #00000080,0 1px 2px #0000004d}.action-panel-btn.primary{color:#fff;background:linear-gradient(180deg,#b91c1c,#7f1d1d 40%,#5c1515);border:1px solid #dc2626;border-bottom:4px solid #450a0a;box-shadow:inset 0 1px #fff3,0 2px 8px #0006,0 0 15px #b91c1c4d}.action-panel-btn.primary:hover{background:linear-gradient(180deg,#dc2626,#991b1b 40%,#7f1d1d);border-color:#ef4444;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff40,0 4px 12px #00000080,0 0 25px #dc262666}.action-panel-btn.primary:active{background:linear-gradient(180deg,#7f1d1d,#5c1515 40%,#450a0a);border-bottom-width:2px;transform:translateY(2px);box-shadow:inset 0 2px 4px #0009,0 1px 2px #0000004d,0 0 10px #b91c1c33}.empty-state{text-align:center;padding:calc(var(--spacing-xl) * 2)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.build-card{display:flex;flex-direction:column}.build-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.build-card-header h3{font-size:1.125rem}.build-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.build-stats .stat{display:flex;flex-direction:column}.build-stats .label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.build-stats .value{font-size:1.25rem;font-weight:600}.build-stats .value.warrior{color:#ef4444}.build-stats .value.mage{color:#3b82f6}.build-stats .value.seyan{color:#a855f7}.build-meta{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);min-height:24px}.build-card-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-md);-webkit-overflow-scrolling:touch;overflow-y:auto}.modal{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-secondary);z-index:1}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-md)}.modal h2{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-start}.modal{max-width:100%;max-height:100%;min-height:100vh;border-radius:0;border:none}.modal-header{padding:var(--spacing-sm) var(--spacing-md)}.modal-header h2{font-size:1rem}.modal-close{width:40px;height:40px;font-size:1.75rem}.modal-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom))}}.class-selector{display:flex;gap:var(--spacing-sm)}.class-option{flex:1;padding:var(--spacing-md);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.class-option:hover{border-color:var(--color-text-muted)}.class-option.selected{border-width:2px}.class-option.warrior.selected{border-color:#ef4444;background:#dc26261a;color:#ef4444}.class-option.mage.selected{border-color:#3b82f6;background:#3b82f61a;color:#3b82f6}.class-option.seyan.selected{border-color:#a855f7;background:#a855f71a;color:#a855f7}.file-input{width:100%;padding:var(--spacing-md);background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.file-input:hover{border-color:var(--color-accent)}@media (max-width: 768px){.calculator-header{flex-direction:column}.action-panel{width:100%;padding:12px;gap:8px}.action-panel-btn{font-size:12px;padding:12px 8px}.class-selector{flex-direction:column}.build-card-actions{flex-wrap:wrap}}.premium-gate{position:relative;border:2px solid var(--color-accent);border-radius:var(--radius-lg);overflow:hidden}.premium-preview{position:relative;filter:blur(2px);opacity:.5;pointer-events:none}.premium-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000004d,#00000080)}.premium-lock-content{padding:var(--spacing-xl);text-align:center;background:linear-gradient(135deg,#d4af370d,#d4af371a)}.premium-preview+.premium-lock-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}.premium-icon{font-size:3rem;color:var(--color-accent);margin-bottom:var(--spacing-sm)}.premium-title{font-size:1.25rem;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.premium-feature-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.premium-description{font-size:14px;color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.5}.btn-accent{background:linear-gradient(135deg,var(--color-accent),#b8963a);color:#000;font-weight:700;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,var(--color-accent),#b8963a);color:#000;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.premium-badge:before{content:"★"}.premium-feature-card{padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);align-items:flex-start}.premium-feature-card .feature-icon{font-size:2rem;color:var(--color-accent);flex-shrink:0}.premium-feature-card .feature-content{flex:1}.premium-feature-card .feature-name{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.premium-feature-card .feature-description{font-size:13px;color:var(--color-text-muted);line-height:1.4}.optimizer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-overflow-scrolling:touch;overflow-y:auto}.optimizer-modal{background:var(--card-bg, #1a1a2e);border:1px solid var(--border-color, #333);border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.optimizer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #333)}.optimizer-header h2{margin:0;font-size:1.5rem;color:var(--text-primary, #fff)}.close-btn{background:none;border:none;color:var(--text-secondary, #888);font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:var(--text-primary, #fff)}.optimizer-content{flex:1;overflow-y:auto;padding:20px}.optimizer-config{background:#ffffff08;border-radius:8px;padding:16px;margin-bottom:20px}.config-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.config-row:last-child{margin-bottom:0}.config-row label{display:flex;align-items:center;gap:8px;color:var(--text-secondary, #aaa)}.config-row label span{min-width:80px}.config-row input[type=number]{width:80px;padding:8px 12px;background:var(--input-bg, #0d0d1a);border:1px solid var(--border-color, #333);border-radius:6px;color:var(--text-primary, #fff);font-size:14px}.level-hint{color:var(--text-muted, #666);font-size:12px}.focus-toggle{display:flex;gap:4px}.focus-toggle button{padding:8px 16px;background:var(--input-bg, #0d0d1a);border:1px solid var(--border-color, #333);color:var(--text-secondary, #aaa);cursor:pointer;transition:all .2s}.focus-toggle button:first-child{border-radius:6px 0 0 6px}.focus-toggle button:last-child{border-radius:0 6px 6px 0}.focus-toggle button.active{background:var(--primary-color, #4a90d9);border-color:var(--primary-color, #4a90d9);color:#fff}.focus-toggle button:hover:not(.active){background:#ffffff1a}.class-toggle{display:flex;gap:4px}.class-toggle button{padding:8px 16px;background:var(--input-bg, #0d0d1a);border:1px solid var(--border-color, #333);color:var(--text-secondary, #aaa);cursor:pointer;transition:all .2s}.class-toggle button:first-child{border-radius:6px 0 0 6px}.class-toggle button:last-child{border-radius:0 6px 6px 0}.class-toggle button.active.warrior{background:#dc2626;border-color:#dc2626;color:#fff}.class-toggle button.active.mage{background:#2563eb;border-color:#2563eb;color:#fff}.class-toggle button.active.seyan{background:#7c3aed;border-color:#7c3aed;color:#fff}.class-toggle button:hover:not(.active){background:#ffffff1a}.weapon-toggle{display:flex;gap:0}.weapon-toggle button{padding:8px 16px;background:var(--input-bg, #0d0d1a);border:1px solid var(--border-color, #333);color:var(--text-secondary, #aaa);cursor:pointer;transition:all .2s;border-left-width:0}.weapon-toggle button:first-child{border-left-width:1px}.weapon-toggle button.active{background:#d97706;border-color:#d97706;color:#fff}.weapon-toggle button:hover:not(.active){background:#ffffff1a}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-buttons button{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-color, #333);border-radius:4px;color:var(--text-secondary, #aaa);cursor:pointer;font-size:12px}.preset-buttons button:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.build-analysis{background:#ffffff08;border:1px solid var(--border-color, #333);border-radius:8px;padding:16px;margin-bottom:20px}.analysis-header h3{margin:0 0 4px;font-size:1.1rem;color:var(--primary-color, #4a90d9)}.analysis-description{margin:0 0 16px;color:var(--text-muted, #666);font-size:13px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.analysis-section{background:#0003;border-radius:6px;padding:12px}.analysis-section h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.analysis-section.counters h4{color:#22c55e}.analysis-section.weaknesses h4{color:#ef4444}.analysis-section.tips h4{color:#f59e0b}.analysis-section ul{margin:0;padding-left:16px}.analysis-section li{color:var(--text-secondary, #aaa);font-size:12px;margin-bottom:4px}.analysis-section.counters li::marker{color:#22c55e}.analysis-section.weaknesses li::marker{color:#ef4444}.analysis-section.tips li::marker{color:#f59e0b}.analysis-warning{background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:6px;padding:8px 12px;color:#a78bfa;font-size:12px;margin-top:12px}@media (max-width: 600px){.analysis-grid{grid-template-columns:1fr}}.skill-selection{margin-bottom:20px}.skill-selection h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary, #fff)}.selection-hint{color:var(--text-muted, #666);font-size:12px;margin-bottom:16px}.skill-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.skill-category{background:#ffffff05;border:1px solid var(--border-color, #333);border-radius:8px;padding:12px}.skill-category h4{margin:0 0 12px;font-size:.9rem;color:var(--primary-color, #4a90d9);text-transform:uppercase;letter-spacing:.5px}.skill-list{display:flex;flex-direction:column;gap:8px}.skill-item{display:flex;align-items:center;gap:8px}.skill-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-secondary, #aaa);flex:1;min-width:0}.skill-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.skill-checkbox span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weight-slider{width:60px;cursor:pointer}.weight-value{width:20px;text-align:center;color:var(--primary-color, #4a90d9);font-weight:600;font-size:12px}.optimizer-results{border-top:1px solid var(--border-color, #333);padding-top:20px}.optimizer-results h3{margin:0 0 16px;font-size:1.1rem;color:var(--text-primary, #fff)}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.summary-item{background:#ffffff08;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:4px}.summary-item .label{color:var(--text-muted, #666);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.summary-item .value{color:var(--text-primary, #fff);font-size:1.2rem;font-weight:600}.summary-item.highlight-offense{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.summary-item.highlight-offense .value{color:#ef4444}.summary-item.highlight-defense{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.summary-item.highlight-defense .value{color:#3b82f6}.summary-item.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.summary-item.warning .value{color:#f59e0b}.result-warnings{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:12px;margin-bottom:16px}.warning-item{color:#f59e0b;font-size:13px}.results-stats{margin-bottom:20px}.results-stats h4{margin:0 0 12px;font-size:.95rem;color:var(--text-secondary, #aaa)}.stats-table{background:#0003;border-radius:6px;overflow:hidden}.stats-header{display:grid;grid-template-columns:1fr 50px 50px 50px 55px;gap:8px;padding:10px 12px;background:#ffffff0d;font-size:11px;text-transform:uppercase;color:var(--text-muted, #666);letter-spacing:.5px}.stats-row{display:grid;grid-template-columns:1fr 50px 50px 50px 55px;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.stats-row:last-child{border-bottom:none}.stat-name{color:var(--text-primary, #fff)}.stat-base{color:var(--text-secondary, #aaa);text-align:center}.stat-gear{color:#22c55e;text-align:center}.stat-cap{color:var(--text-muted, #666);text-align:center;font-size:12px}.stat-attr{color:#a78bfa;text-align:center}.stat-total{color:#fbbf24;text-align:center;font-weight:600}.results-gear h4{margin:0 0 12px;font-size:.95rem;color:var(--text-secondary, #aaa)}.gear-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.gear-slot{background:#ffffff08;border:1px solid var(--border-color, #333);border-radius:6px;padding:10px}.slot-name{display:block;font-size:12px;color:var(--text-muted, #666);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.slot-stats{display:flex;flex-wrap:wrap;gap:6px}.slot-stat{background:#4a90d926;color:var(--primary-color, #4a90d9);padding:3px 8px;border-radius:4px;font-size:12px}.profession-recommendations{background:#7c3aed1a;border:1px solid rgba(124,58,237,.3);border-radius:8px;padding:16px;margin-bottom:20px}.profession-recommendations h4{margin:0 0 12px;font-size:.95rem;color:#a78bfa}.profession-list{display:flex;flex-direction:column;gap:12px}.profession-item{background:#0003;border-radius:6px;padding:12px}.profession-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.profession-name{font-weight:600;color:var(--text-primary, #fff)}.profession-pps{background:#7c3aed4d;color:#c4b5fd;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.profession-benefit{color:#22c55e;font-size:13px;margin-bottom:4px}.profession-cost{color:var(--text-muted, #666);font-size:12px}.optimizer-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color, #333);justify-content:flex-end}.optimizer-footer .btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.optimizer-footer .btn-primary{background:var(--primary-color, #4a90d9);border:none;color:#fff}.optimizer-footer .btn-primary:hover:not(:disabled){background:#3a7bc8}.optimizer-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}.optimizer-footer .btn-success{background:#22c55e;border:none;color:#fff}.optimizer-footer .btn-success:hover{background:#16a34a}.optimizer-footer .btn-ghost{background:transparent;border:1px solid var(--border-color, #333);color:var(--text-secondary, #aaa)}.optimizer-footer .btn-ghost:hover{background:#ffffff0d;color:var(--text-primary, #fff)}@media (max-width: 768px){.optimizer-overlay{padding:0;align-items:flex-start}.optimizer-modal{max-width:100%;max-height:100%;min-height:100vh;border-radius:0;border:none}.optimizer-header{position:sticky;top:0;background:var(--card-bg, #1a1a2e);z-index:10;padding:12px 16px}.optimizer-header h2{font-size:1.1rem}.close-btn{font-size:28px;padding:4px}.optimizer-content{padding:12px 16px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.optimizer-footer{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg, #1a1a2e);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color, #333);z-index:10}.config-row{flex-direction:column;align-items:flex-start;gap:8px}.focus-toggle,.class-toggle,.weapon-toggle{width:100%}.focus-toggle button,.class-toggle button,.weapon-toggle button{flex:1;padding:10px 8px;font-size:12px}.skill-categories{grid-template-columns:1fr}.results-summary{grid-template-columns:1fr 1fr}.stats-header,.stats-row{grid-template-columns:1fr 40px 40px 40px 45px;font-size:11px}.gear-slots{grid-template-columns:1fr 1fr}.optimizer-config{padding:12px}.skill-category{padding:10px}}.build-export-modal{max-width:600px;width:95%}.export-format-selector{display:flex;gap:.5rem;margin-bottom:1rem}.format-btn{flex:1;padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s}.format-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.format-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.export-preview{background:#1a1a2e;border:1px solid var(--border-color);border-radius:4px;padding:1rem;margin-bottom:1rem;max-height:400px;overflow-y:auto}.export-preview pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,monospace;font-size:.85rem;line-height:1.4;color:#e0e0e0}.export-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 480px){.export-format-selector,.export-actions{flex-direction:column}.export-actions .btn{width:100%}}.bless-calculator-modal{max-width:500px;width:95%}.calculator-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem 1rem;margin-bottom:1.5rem}.calculator-info p{margin:0;color:var(--text-secondary);font-size:.9rem}.calculator-inputs{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.calculator-inputs .input-group{display:flex;flex-direction:column;gap:.25rem}.calculator-inputs .input-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.calculator-inputs .input-group input,.calculator-inputs .input-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.calculator-inputs .input-group input:focus,.calculator-inputs .input-group select:focus{outline:none;border-color:var(--accent-color)}.calculator-inputs .input-hint{font-size:.75rem;color:var(--text-muted)}.calculator-results{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.calculator-results.no-bless{margin-bottom:1rem}.warning-message{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:4px;padding:1rem;color:#eab308;text-align:center}.result-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.result-section h3{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.result-value{font-size:2rem;font-weight:700;margin-bottom:.75rem}.result-value.primary{color:#4ade80}.result-value.secondary{color:#60a5fa;font-size:1.5rem}.result-breakdown{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.5rem}.breakdown-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem 0;color:var(--text-secondary)}.breakdown-row.bonus{color:#4ade80;font-weight:500}.breakdown-row.formula-detail{font-size:.8rem;color:var(--text-muted);font-family:Consolas,Monaco,monospace}.attributes-affected{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.attr-badge{padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.attr-badge.str{background:#ef444426;color:#ef4444}.attr-badge.agi{background:#22c55e26;color:#22c55e}.attr-badge.int{background:#a855f726;color:#a855f7}.attr-badge.wis{background:#3b82f626;color:#3b82f6}.class-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:4px;padding:.75rem 1rem;font-size:.85rem;color:#60a5fa}.formula-reference{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:1rem}.formula-reference h4{margin:0 0 .75rem;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase}.formula-box{background:#1a1a2e;border-radius:4px;padding:.75rem 1rem;font-family:Consolas,Monaco,monospace;font-size:.85rem}.formula-box .formula{padding:.25rem 0;color:#e0e0e0}.formula-box .formula strong{color:#fbbf24}.source-note{margin:.75rem 0 0;font-size:.75rem;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.bless-calculator-modal{max-width:100%;max-height:100%;min-height:100vh;border-radius:0}.result-value{font-size:1.75rem}.result-value.secondary{font-size:1.25rem}.attributes-affected{justify-content:center}.calculator-inputs .input-group input,.calculator-inputs .input-group select{font-size:16px}.formula-reference{padding:12px}.formula-box{font-size:.75rem;padding:10px}}.build-editor-page{padding-bottom:var(--spacing-xl)}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.header-left{display:flex;flex-direction:column;gap:var(--spacing-sm)}.back-link{font-size:14px;color:var(--color-text-secondary)}.build-name{font-size:1.75rem;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm)}.edit-hint{font-size:12px;color:var(--color-text-muted);font-weight:400}.name-edit{display:flex;align-items:center;gap:var(--spacing-sm)}.name-edit input{font-size:1.25rem;max-width:300px}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.class-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:12px;font-weight:700;letter-spacing:.1em}.class-badge.warrior{background:#dc262633;color:#ef4444;border:1px solid #ef4444}.class-badge.mage{background:#3b82f633;color:#3b82f6;border:1px solid #3b82f6}.class-badge.seyan{background:#a855f733;color:#a855f7;border:1px solid #a855f7}.build-toggles{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.toggle-item{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.toggle-item input{width:18px;height:18px;accent-color:var(--color-accent)}.toggle-info{font-size:12px;color:var(--color-text-muted)}.level-target-card{margin-bottom:var(--spacing-lg)}.level-target-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.target-level-input{display:flex;align-items:center;gap:var(--spacing-sm)}.target-level-input label{font-size:13px;color:var(--color-text-secondary)}.target-level-input input{width:80px!important;text-align:center}.exp-budget-display{margin-top:var(--spacing-md)}.budget-bar-container{position:relative;height:32px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.budget-bar{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-accent));transition:width .3s ease;border-radius:var(--radius-md)}.budget-bar.over-budget{background:linear-gradient(90deg,var(--color-warning),var(--color-error))}.budget-bar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:600;color:var(--color-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.budget-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-sm)}.budget-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:13px}.budget-label{color:var(--color-text-muted)}.budget-value{font-weight:600}.budget-stat.under-budget .budget-value{color:var(--color-success)}.budget-stat.over-budget{background:#ef44441a}.budget-stat.over-budget .budget-label,.budget-stat.over-budget .budget-value{color:var(--color-error)}.level-warning{color:var(--color-warning);font-size:11px}.budget-stat.ptm-cost{background:#fb923c1a;border-left:3px solid var(--color-warning)}.ptm-warning{color:var(--color-warning);font-weight:600}.professions-card{margin-bottom:var(--spacing-lg)}.professions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.professions-card h3{font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.profession-points-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.profession-available{font-size:13px;color:var(--color-success);font-weight:600;background:#22c55e1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.profession-available.depleted{color:var(--color-warning);background:#f59e0b1a}.profession-locked{font-size:13px;color:var(--color-text-muted);font-style:italic}.profession-cap-info{font-size:12px;color:var(--color-text-muted)}.profession-total-bonus{font-size:13px;color:var(--color-accent);font-weight:600}.professions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.profession-item{display:flex;flex-direction:column;padding:var(--spacing-sm);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.profession-item:hover{border-color:var(--color-text-muted)}.profession-item.active{border-color:var(--color-accent);background:#d4af371a}.profession-item.master{border-color:#22c55e;background:#22c55e1a}.profession-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.profession-name{font-weight:700;font-size:14px;color:var(--color-text-primary)}.profession-item.active .profession-name{color:var(--color-accent)}.profession-item.master .profession-name{color:#22c55e}.profession-pps-input{display:flex;align-items:center;gap:4px}.pps-input{width:50px!important;padding:2px 4px!important;text-align:center;font-size:13px!important}.pps-select{width:100px!important;padding:2px 4px!important;font-size:11px!important;cursor:pointer}.pps-max{font-size:12px;color:var(--color-text-muted)}.profession-level{font-size:10px;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 4px;border-radius:var(--radius-sm)}.profession-info{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.profession-bonus{font-size:11px;color:var(--color-text-muted);flex:1;cursor:help}.profession-item.active .profession-bonus{color:var(--color-text-secondary)}.master-badge{font-size:9px;font-weight:700;color:#22c55e;background:#22c55e33;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.results-card{margin-bottom:var(--spacing-lg)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md)}.result-item{display:flex;flex-direction:column;align-items:center;text-align:center}.result-label{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.result-value{font-size:1.5rem;font-weight:700}.result-item.level .result-value.warrior{color:#ef4444}.result-item.level .result-value.mage{color:#3b82f6}.result-item.level .result-value.seyan{color:#a855f7}.level-tracker-card{position:sticky;top:10px;z-index:100;margin-bottom:var(--spacing-lg);background:var(--color-bg-secondary);border:2px solid var(--border-color)}.level-tracker-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.level-main{display:flex;align-items:baseline;gap:var(--spacing-md)}.level-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.level-value{font-size:2.5rem;font-weight:700;line-height:1}.level-value.warrior{color:#e94560}.level-value.mage{color:#3b82f6}.level-value.seyan{color:#a855f7}.level-details{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.level-precise,.level-exp,.level-ptm{display:flex;flex-direction:column;align-items:flex-end}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.detail-value{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:Consolas,Monaco,monospace}.detail-value.ptm-warning{color:var(--color-warning)}.level-warnings{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.warning-item{color:var(--color-warning);font-size:.85rem;padding:.25rem 0}.warning-item:before{content:"⚠ "}.level-tracker-main-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.target-mode-row{display:flex;justify-content:space-around;align-items:center;gap:12px;padding-top:8px;margin-top:8px;border-top:1px solid rgba(139,0,0,.5)}.target-stat{display:flex;flex-direction:column;align-items:center;gap:1px}.target-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888}.target-value{font-size:14px;font-weight:700;color:#fff}.target-value.under{color:#22c55e}.target-value.over{color:#ef4444}.level-tracker-spacer{display:none}.warnings-card{margin-bottom:var(--spacing-lg);border-color:var(--color-warning)}.warnings-card h3{color:var(--color-warning);font-size:14px;margin-bottom:var(--spacing-sm)}.warnings-card ul{list-style:none;padding:0;margin:0}.warnings-card li{color:var(--color-warning);font-size:13px;padding:var(--spacing-xs) 0}.stats-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.stats-left-column,.stats-right-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-section{padding:var(--spacing-md)}.category-title{font-size:14px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-accent)}.category-description{font-size:11px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-style:italic}.stat-header-row{display:grid;grid-template-columns:120px 1fr;align-items:center;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);margin:0 -8px;padding:6px 8px}.stat-header-name{font-size:11px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase}.stat-header-inputs{display:grid;grid-template-columns:60px 50px 12px 50px 55px;align-items:center;gap:4px}.stat-header-inputs.with-bless,.stat-header-inputs.with-tactics{grid-template-columns:60px 50px 12px 50px 50px 55px}.stat-header-inputs.with-bless.with-tactics{grid-template-columns:60px 50px 12px 50px 50px 50px 55px}.stat-header-col{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;text-align:center}.stat-row-unified{display:grid;grid-template-columns:120px 1fr;align-items:center;padding:4px 0;border-bottom:1px solid var(--color-border);font-size:13px}.stat-row-unified:last-child{border-bottom:none}.stat-row-unified.maxed{background:#22c55e1a;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:4px}.stat-name{font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-inputs{display:grid;grid-template-columns:60px 50px 12px 50px 55px;align-items:center;gap:4px}.stat-inputs.with-bless,.stat-inputs.with-tactics{grid-template-columns:60px 50px 12px 50px 50px 55px}.stat-inputs.with-bless.with-tactics{grid-template-columns:60px 50px 12px 50px 50px 50px 55px}.stat-input{width:45px!important;padding:2px 4px!important;text-align:center;font-size:12px!important;height:26px;-moz-appearance:textfield}.stat-input::-webkit-outer-spin-button,.stat-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stat-separator{color:var(--color-text-muted);font-size:12px}.stat-total{font-weight:600;min-width:45px;text-align:right;font-size:12px}.stat-total.maxed{color:var(--color-success)}.stat-bless{color:#60a5fa;font-size:11px;font-weight:600;padding:1px 4px;background:#60a5fa26;border-radius:3px;margin-left:2px}.stat-bless.stat-no-bless{color:#6b7280;background:#6b72801a}.stat-tactics{color:#f59e0b;font-size:11px;font-weight:600;padding:1px 4px;background:#f59e0b26;border-radius:3px;margin-left:2px}.stat-tactics.stat-no-tactics{color:#6b7280;background:#6b72801a}.stat-btn-group{display:flex;gap:4px}.stat-btn{width:26px;height:26px;padding:0;border:none;background:linear-gradient(180deg,#e74c3c,#c0392b,#a93226);color:#fff;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 3px #922b21,0 4px 6px #0000004d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.stat-btn:hover{background:linear-gradient(180deg,#ec7063,#e74c3c,#c0392b);box-shadow:0 3px #922b21,0 5px 8px #00000059,inset 0 1px #ffffff4d;transform:translateY(-1px)}.stat-btn:active{background:linear-gradient(180deg,#c0392b,#a93226,#922b21);box-shadow:0 1px #7b241c,0 2px 3px #0003,inset 0 1px 2px #0003;transform:translateY(2px)}.stat-btn:disabled{background:linear-gradient(180deg,#bdc3c7,#95a5a6,#7f8c8d);box-shadow:0 2px #707b7c,0 3px 4px #0003;color:#fff9;cursor:not-allowed}.stat-btn:disabled:hover{background:linear-gradient(180deg,#bdc3c7,#95a5a6,#7f8c8d);transform:none;box-shadow:0 2px #707b7c,0 3px 4px #0003}.spawn-results-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.results-title{font-size:14px;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-accent)}.result-value.highlight{color:var(--color-accent)}.spawn-section{padding:var(--spacing-md)}.spawn-section-title{font-size:13px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.spawn-section-note{font-size:11px;color:var(--color-text-muted);font-style:italic;margin-bottom:var(--spacing-sm)}.spawn-grid{display:flex;flex-direction:column;gap:var(--spacing-xs)}.spawn-row{display:grid;grid-template-columns:100px 60px 1fr;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border);font-size:13px}.spawn-row:last-child{border-bottom:none}.spawn-label{color:var(--color-text-secondary);font-weight:500}.spawn-value{color:var(--color-accent);font-weight:700;font-family:monospace}.spawn-next{color:var(--color-text-muted);font-size:11px;text-align:right}.info-card{margin-top:var(--spacing-lg)}.info-card h3{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.info-item{display:flex;justify-content:space-between;font-size:14px}.info-item .label{color:var(--color-text-muted)}.premium-features-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section-hint{font-size:13px;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.exp-breakdown-card h3,.stat-suggestions-card h3,.combat-simulator-card h3,.gear-optimizer-card h3{font-size:1rem;margin-bottom:var(--spacing-xs)}.exp-breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.exp-breakdown-row{display:grid;grid-template-columns:40px 60px 1fr auto;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius-sm);font-size:13px}.exp-rank{color:var(--color-text-muted);font-weight:600}.exp-stat-name{font-weight:500}.exp-base{color:var(--color-text-muted)}.exp-cost{font-weight:600;color:var(--color-accent)}.exp-total{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-weight:600}.playstyle-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.suggestion-note{font-size:13px;color:var(--color-text-muted);line-height:1.5}.combat-simulator-card{margin-bottom:var(--spacing-lg)}.sim-mode-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.sim-mode-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s ease}.sim-mode-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.sim-mode-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.simulator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.simulator-section h4{font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase}.sim-stat,.sim-result{font-size:13px;padding:var(--spacing-xs) 0}.sim-stat strong,.sim-result strong{color:var(--color-accent)}.simulator-section.results .sim-result{color:var(--color-text-primary)}.sim-result.win-chance{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:4px;font-weight:600}.sim-result.win-chance.winning{background:#22c55e26;color:#22c55e}.sim-result.win-chance.losing{background:#ef444426;color:#ef4444}.sim-placeholder{color:var(--color-text-muted);font-style:italic;font-size:13px}.custom-enemy-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.custom-enemy-inputs label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px}.sim-input{width:60px!important;padding:2px 4px!important;font-size:12px!important}.opponent-stats{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:4px}.gear-optimizer-card{margin-bottom:var(--spacing-lg)}.optimizer-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.optimizer-option{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;cursor:pointer}.optimizer-option input{accent-color:var(--color-accent)}.optimizer-results{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:8px}.optimizer-results h4{font-size:14px;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.gear-recommendations{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.gear-slot-recommendation{font-size:13px;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.gear-slot-recommendation strong{margin-right:var(--spacing-sm)}.gear-stat-rec{display:inline-block;margin-right:var(--spacing-sm);padding:2px 6px;background:rgba(var(--color-accent-rgb),.15);border-radius:4px;font-size:12px;color:var(--color-accent)}.gear-totals{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.gear-total-row{display:flex;justify-content:space-between;font-size:13px;padding:var(--spacing-xs) 0}.optimizer-note{font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-md);line-height:1.5}@media (max-width: 768px){.premium-features-row,.simulator-grid{grid-template-columns:1fr}}.equipment-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border)}.section-title{font-size:1.5rem;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.section-subtitle{color:var(--color-text-muted);font-size:14px;margin-bottom:0}.equipment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.equipment-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.gear-info{margin-bottom:var(--spacing-lg)}.gear-info h3{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.gear-info-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.gear-info-item{display:flex;gap:var(--spacing-xs);font-size:13px}.gear-info-item .info-label{color:var(--color-text-muted)}.gear-info-item.cw-bonus{background:#a855f726;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:#a855f7}.gear-info-item.cw-bonus .info-label{color:#a855f7}.suggested-gear{margin-bottom:var(--spacing-lg);background:#d4af370d;border-color:var(--color-accent)}.suggested-gear h3{font-size:14px;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.suggested-hint{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.suggested-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm)}.suggested-item{display:flex;flex-direction:column;padding:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-sm)}.suggested-stat{font-weight:600;color:var(--color-text-primary)}.suggested-needed{color:var(--color-warning);font-size:13px}.suggested-slots{color:var(--color-text-muted);font-size:11px}.equipment-totals{margin-bottom:var(--spacing-lg)}.equipment-totals h3{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.totals-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.total-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#22c55e1a;border-radius:var(--radius-sm)}.total-stat{font-weight:500}.total-value{color:var(--color-success);font-weight:600}.total-cw{font-size:11px;color:#a855f7}.cw-note{font-size:12px;color:#a855f7;margin-bottom:var(--spacing-sm);font-style:italic}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.equipment-slot{padding:var(--spacing-md)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.slot-name{font-weight:600;color:var(--color-text-primary)}.slot-level{display:flex;align-items:center;gap:var(--spacing-xs)}.slot-level label{font-size:12px;color:var(--color-text-muted)}.level-input{width:50px!important;padding:2px 4px!important;text-align:center;font-size:12px!important}.slot-stats{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-slot{display:flex;gap:var(--spacing-xs)}.stat-select{flex:1;padding:4px 8px!important;font-size:12px!important}.stat-value-input{width:50px!important;padding:4px!important;text-align:center;font-size:12px!important}.stat-value-input:disabled{opacity:.5;cursor:not-allowed}.slot-max-hint{margin-top:var(--spacing-xs);font-size:11px;color:var(--color-text-muted);text-align:right}.bless-config-card{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bless-config-card h3{margin-bottom:var(--spacing-xs)}.bless-config-card .text-secondary{margin-bottom:var(--spacing-md);font-size:13px}.bless-input-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.bless-input-row label{font-weight:500;white-space:nowrap}.bless-skill-input{width:100px!important}.bless-bonus-display{color:var(--color-accent);font-weight:600;font-size:14px}.bless-breakdown h4{font-size:14px;margin-bottom:var(--spacing-xs)}.bless-breakdown .text-secondary{font-size:12px;margin-bottom:var(--spacing-sm)}.bless-table{width:100%;max-width:300px;border-collapse:collapse;font-size:13px}.bless-table th,.bless-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:center;border-bottom:1px solid var(--color-border)}.bless-table th{background:var(--color-bg-elevated);font-weight:600}.bless-table tr.selected{background:rgba(var(--color-accent-rgb),.15)}.bless-table tr.selected td{color:var(--color-accent);font-weight:600}.min-bless-card{background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.min-bless-card.maxed{border-color:var(--color-success);background:#22c55e1a}.min-bless-card.not-maxed{border-color:var(--color-warning);background:#eab3081a}.min-bless-card.unachievable{border-color:var(--color-error);background:#ef44441a}.min-bless-card h4{font-size:14px;margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.min-bless-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.min-bless-main{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.min-bless-label{color:var(--color-text-secondary);font-size:13px}.min-bless-value{font-size:18px;font-weight:700;color:var(--color-accent)}.min-bless-bonus{font-size:13px;color:var(--color-text-secondary)}.min-bless-limiting{font-size:12px;color:var(--color-text-secondary)}.limiting-stat{color:var(--color-warning);font-weight:600;margin-left:var(--spacing-xs)}.min-bless-status{font-size:13px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-xs)}.min-bless-status.status-maxed{background:#22c55e33;color:var(--color-success)}.min-bless-status.status-not-maxed{background:#eab30833;color:var(--color-warning)}.min-bless-status.status-unachievable{background:#ef444433;color:var(--color-error);font-weight:600}.max-mage-bless{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:13px;padding:var(--spacing-xs) 0;border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.max-bless-label{color:var(--color-text-secondary)}.max-bless-value{font-weight:600;color:var(--color-text-primary)}.max-bless-breakdown{font-size:11px;color:var(--color-text-muted)}.stat-unachievable{color:var(--color-error);font-weight:600;font-size:11px;margin-left:auto}.min-bless-details{margin-top:var(--spacing-sm);font-size:12px}.min-bless-details summary{cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-xs) 0}.min-bless-details summary:hover{color:var(--color-text-primary)}.min-bless-stat-list{margin-top:var(--spacing-xs);padding-left:var(--spacing-sm)}.min-bless-stat-row{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid var(--color-border)}.min-bless-stat-row .stat-name{color:var(--color-text-primary)}.min-bless-stat-row .stat-needed{color:var(--color-warning)}.min-bless-stat-row.more{color:var(--color-text-secondary);font-style:italic;border-bottom:none}@media (max-width: 768px){.build-editor-page{padding:var(--spacing-sm)}.editor-header{flex-direction:column;margin-bottom:var(--spacing-md)}.header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.build-name{font-size:1.25rem}.class-badge{padding:4px 8px;font-size:10px}.level-tracker-card{position:fixed;top:64px;left:0;right:0;z-index:500;margin:0;padding:6px 10px;border-radius:0;background:transparent;border:none;box-shadow:none}.level-tracker-card .level-tracker-content{background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border:1px solid #2a2a3e;border-top:1px solid rgba(255,255,255,.12);border-bottom:2px solid #000;border-radius:6px;padding:8px 14px;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 4px #0000004d,0 4px 12px #00000080}.level-tracker-spacer{display:block;height:52px}.level-tracker-content{display:flex;flex-direction:column;gap:0}.level-main{display:flex;align-items:center;gap:6px;flex-shrink:0}.level-label{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted)}.level-value{font-size:1.1rem;font-weight:700}.level-details{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto}.level-precise,.level-exp,.level-ptm{display:flex;align-items:center;gap:4px;flex-shrink:0}.detail-label{font-size:.6rem;text-transform:uppercase;color:var(--color-text-muted)}.detail-value{font-size:.7rem;font-weight:600}.level-tracker-card .level-warnings{display:none}.level-tracker-main-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:nowrap}.target-mode-row{padding-top:6px;margin-top:6px;gap:8px;border-top:1px solid rgba(139,0,0,.4)}.target-stat{min-width:auto;flex:1}.target-label{font-size:7px}.target-value{font-size:11px}.build-toggles{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.toggle-item{font-size:12px}.toggle-item input{width:16px;height:16px}.stats-layout{grid-template-columns:1fr;gap:var(--spacing-md)}.stats-section{padding:var(--spacing-sm)}.category-title{font-size:12px;margin-bottom:4px}.category-description{font-size:10px;margin-bottom:var(--spacing-xs)}.stat-header-row{display:grid;grid-template-columns:70px 1fr;background:var(--color-bg-tertiary);margin:0 -8px;padding:4px 8px}.stat-header-inputs{grid-template-columns:44px 32px 8px 32px 40px!important;gap:2px!important}.stat-header-inputs.with-bless,.stat-header-inputs.with-tactics{grid-template-columns:44px 32px 8px 32px 28px 40px!important}.stat-header-inputs.with-bless.with-tactics{grid-template-columns:44px 32px 8px 32px 26px 26px 38px!important}.stat-header-col{font-size:8px}.stat-header-name{font-size:9px}.stat-row-unified{grid-template-columns:70px 1fr;gap:4px;padding:4px 0;align-items:center}.stat-name{font-size:10px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.stat-inputs,.stat-inputs.with-bless,.stat-inputs.with-tactics,.stat-inputs.with-bless.with-tactics{display:grid!important;grid-template-columns:44px 32px 8px 32px 40px;gap:2px;align-items:center}.stat-inputs.with-bless,.stat-inputs.with-tactics{grid-template-columns:44px 32px 8px 32px 28px 40px!important}.stat-inputs.with-bless.with-tactics{grid-template-columns:44px 32px 8px 32px 26px 26px 38px!important}.stat-input{width:100%!important;height:24px;font-size:11px!important;padding:2px!important}.stat-separator{font-size:10px;text-align:center}.stat-total{font-size:11px;text-align:right}.stat-bless,.stat-tactics{font-size:9px;padding:1px 2px;text-align:center}.stat-btn-group{gap:1px}.stat-btn{width:20px;height:20px;font-size:12px;border-radius:3px;box-shadow:0 2px #922b21,0 3px 4px #00000040}.professions-card{margin-bottom:var(--spacing-md)}.professions-header{margin-bottom:var(--spacing-sm)}.professions-card h3{font-size:12px}.professions-grid{grid-template-columns:repeat(2,1fr);gap:6px}.profession-item{padding:6px}.profession-name{font-size:11px}.profession-bonus{font-size:9px}.pps-input{width:40px!important;font-size:11px!important;padding:2px!important}.pps-select{width:70px!important;font-size:10px!important}.profession-level{font-size:9px;padding:1px 3px}.master-badge{font-size:8px;padding:1px 4px}.results-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.result-label{font-size:10px}.result-value{font-size:1.1rem}.spawn-results-panel{grid-template-columns:1fr;gap:var(--spacing-sm)}.spawn-section{padding:var(--spacing-sm)}.spawn-section-title{font-size:11px}.spawn-row{grid-template-columns:80px 50px 1fr;font-size:11px;padding:4px 0}.equipment-grid{grid-template-columns:1fr}.equipment-slot{padding:var(--spacing-sm)}.slot-name{font-size:13px}.stat-select{font-size:11px!important;padding:3px 6px!important}.stat-value-input{width:40px!important;font-size:11px!important}.suggested-grid{grid-template-columns:1fr 1fr;gap:6px}.suggested-item{padding:6px}.suggested-stat{font-size:12px}.suggested-needed{font-size:11px}.btn{padding:6px 12px;font-size:12px}.btn-sm{padding:4px 8px;font-size:11px}.card{padding:var(--spacing-sm)}.simulator-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.warning-item{font-size:.75rem}}@media (max-width: 375px){.professions-grid{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}.level-tracker-content{flex-direction:column;align-items:flex-start}.level-details{width:100%;justify-content:space-between}.level-precise,.level-exp,.level-ptm{align-items:flex-start}}.share-build-page{max-width:800px;margin:0 auto}.share-content{display:grid;gap:var(--spacing-lg)}.build-preview{background:var(--color-bg-card)}.build-preview h3{font-size:14px;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.preview-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.preview-name{font-size:1.25rem;font-weight:600}.preview-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.preview-stats .stat{display:flex;flex-direction:column}.preview-stats .label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.preview-stats .value{font-size:1.25rem;font-weight:600}.share-form{background:var(--color-bg-card)}.form-error-box{background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--color-error);font-size:14px}.form-hint{display:block;font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.auth-required{max-width:400px;margin:var(--spacing-xl) auto;text-align:center;padding:var(--spacing-xl)}.auth-required h2{margin-bottom:var(--spacing-sm)}.auth-required p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.auth-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.class-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.05em}@media (max-width: 768px){.preview-stats{flex-wrap:wrap}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.equipment-page{max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl)}.page-header .back-link{font-size:14px;color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-sm)}.page-header h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.page-header .class-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.05em;margin-right:var(--spacing-sm)}.class-badge.warrior{background:#dc262633;color:#ef4444}.class-badge.mage{background:#3b82f633;color:#3b82f6}.class-badge.seyan{background:#a855f733;color:#a855f7}.equipment-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-lg)}.equipment-slots h3{margin-bottom:var(--spacing-md);font-size:14px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.slot-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.slot-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.slot-card.equipped{border-color:var(--color-accent-dim)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.slot-name{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.unequip-btn{width:20px;height:20px;border-radius:50%;background:#ef444433;border:none;color:#ef4444;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.unequip-btn:hover{background:#ef444466}.slot-item{display:flex;flex-direction:column;gap:4px}.slot-item .item-name{font-weight:600;font-size:14px}.slot-item .item-mods{display:flex;flex-wrap:wrap;gap:4px}.slot-item .mod{font-size:11px;color:var(--color-accent);background:#d4af371a;padding:2px 6px;border-radius:var(--radius-sm)}.slot-item .armor-value{font-size:11px;color:var(--color-text-secondary)}.slot-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;color:var(--color-text-muted)}.slot-empty span:first-child{font-size:14px}.click-hint{font-size:11px;opacity:.6}.equipment-summary h3{margin-bottom:var(--spacing-lg);font-size:14px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.summary-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.summary-section h4{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.armor-total{font-size:2rem;font-weight:700;color:var(--color-accent)}.modifier-list{display:flex;flex-direction:column;gap:8px}.modifier-row{display:flex;justify-content:space-between;align-items:center}.modifier-row .stat-name{color:var(--color-text-secondary);text-transform:capitalize}.modifier-row .stat-value{font-weight:600;color:var(--color-accent)}.no-mods{color:var(--color-text-muted);font-size:14px}.equipped-count{font-size:1.25rem;font-weight:600}.item-picker-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.25rem}.close-btn{width:32px;height:32px;border-radius:50%;background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.item-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.item-option{padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.item-option:hover{border-color:var(--color-accent);background:#d4af370d}.item-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.item-option .item-name{font-weight:600}.item-tier{font-size:11px;color:var(--color-text-muted);text-transform:capitalize}.item-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-xs)}.mod-badge{font-size:11px;color:var(--color-accent);background:#d4af371a;padding:2px 8px;border-radius:var(--radius-sm)}.armor-badge{font-size:11px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.item-source{font-size:11px;color:var(--color-text-muted)}.no-items{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}@media (max-width: 900px){.equipment-layout{grid-template-columns:1fr}.equipment-summary{order:-1}}@media (max-width: 600px){.slots-grid{grid-template-columns:1fr}}.comparison-header{margin-bottom:var(--spacing-lg)}.back-link{font-size:14px;color:var(--color-text-secondary);display:inline-block;margin-bottom:var(--spacing-sm)}.build-selectors{display:flex;align-items:flex-end;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.selector-group{flex:1;min-width:200px}.selector-group select{width:100%}.vs-divider{font-size:1.5rem;font-weight:700;color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-md)}.comparison-summary{margin-bottom:var(--spacing-lg)}.comparison-summary h3{font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.summary-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--spacing-md);align-items:center}.summary-column{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.summary-column.stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.build-label{font-weight:600;font-size:1.1rem}.summary-row{display:grid;grid-template-columns:100px 1fr 80px 1fr;gap:var(--spacing-sm);align-items:center;width:100%;text-align:center}.summary-row .stat-label{text-align:left;color:var(--color-text-muted);font-size:13px}.summary-row .value{font-weight:600}.summary-row .diff{font-size:12px;font-weight:600}.diff.positive{color:var(--color-success)}.diff.negative{color:var(--color-error)}.diff.neutral{color:var(--color-text-muted)}.combat-comparison{margin-bottom:var(--spacing-lg)}.combat-comparison h3{font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.combat-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.combat-row{display:grid;grid-template-columns:80px 60px 1fr 60px;gap:var(--spacing-md);align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border)}.combat-row:last-child{border-bottom:none}.combat-label{color:var(--color-text-muted);font-size:13px}.combat-row .value{font-weight:600;text-align:center}.diff-bar-container{position:relative;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.diff-bar{position:absolute;height:100%;border-radius:var(--radius-sm);opacity:.3}.diff-bar.positive{background:var(--color-success)}.diff-bar.negative{background:var(--color-error)}.diff-value{position:relative;z-index:1;font-size:12px;font-weight:600}.advantages-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.advantages-card h4{font-size:14px;margin-bottom:var(--spacing-sm)}.build1-advantages h4{color:var(--color-success)}.build2-advantages h4{color:var(--color-accent)}.advantages-card ul{list-style:none;padding:0;margin:0}.advantages-card li{font-size:13px;padding:var(--spacing-xs) 0;color:var(--color-text-secondary)}.no-advantages{color:var(--color-text-muted);font-size:13px;font-style:italic}.stat-comparison-details h3{font-size:1.25rem;color:var(--color-accent);margin-bottom:var(--spacing-md)}.category-comparison{margin-bottom:var(--spacing-md)}.category-comparison .category-title{font-size:13px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-accent)}.stat-comparison-grid{display:flex;flex-direction:column}.grid-header{display:grid;grid-template-columns:80px 1fr 120px 1fr;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.stat-comparison-row{display:grid;grid-template-columns:80px 1fr 120px 1fr;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border);font-size:13px}.stat-comparison-row:last-child{border-bottom:none}.stat-comparison-row .stat-name{font-weight:500}.stat-comparison-row .value{text-align:center}.stat-comparison-row .value.winner{color:var(--color-success);font-weight:700}.stat-comparison-row .diff{text-align:center;font-size:12px}.stat-comparison-row.build1{background:#22c55e0d}.stat-comparison-row.build2{background:#d4af370d}.empty-state{text-align:center;padding:var(--spacing-xl)}.empty-state h3{margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.build-selectors{flex-direction:column;align-items:stretch}.vs-divider{text-align:center}.summary-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.summary-row{grid-template-columns:1fr 1fr 1fr 1fr;font-size:12px}.advantages-row{grid-template-columns:1fr}.grid-header,.stat-comparison-row{grid-template-columns:60px 1fr 80px 1fr;font-size:11px}}.premium-page-header{text-align:center;margin-bottom:var(--spacing-xl)}.premium-star{color:var(--color-accent)}.premium-active-banner{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:var(--color-success);margin-bottom:var(--spacing-xl)}.premium-trial-banner{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f6;margin-bottom:var(--spacing-lg)}.premium-trial-banner .banner-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.premium-trial-banner .banner-icon.trial{font-size:2rem;color:#3b82f6;background:#3b82f633;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:1}.premium-trial-banner h3{color:#3b82f6;margin-bottom:var(--spacing-xs)}.premium-trial-banner p{color:var(--color-text-secondary);margin:0}.premium-active-banner .banner-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.premium-active-banner .banner-icon{font-size:2rem;color:var(--color-success);background:#22c55e33;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;aspect-ratio:1}.premium-active-banner h3{color:var(--color-success);margin-bottom:var(--spacing-xs)}.premium-active-banner p{color:var(--color-text-secondary);margin:0}.expiry-note{font-size:13px;color:var(--color-text-muted);margin-top:var(--spacing-xs)!important}.premium-cta-banner{background:linear-gradient(135deg,#d4af371a,#d4af370d);border-color:var(--color-accent);margin-bottom:var(--spacing-xl);text-align:center;padding:var(--spacing-xl)}.trial-cta{margin-bottom:var(--spacing-lg)}.trial-card{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:var(--color-success);text-align:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.trial-card h3{color:var(--color-success);margin-bottom:var(--spacing-sm)}.trial-card>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.trial-card .btn-success{background:linear-gradient(180deg,#22c55e,#16a34a);border:1px solid #22c55e;color:#fff;font-weight:600;padding:var(--spacing-md) var(--spacing-xl)}.trial-card .btn-success:hover{background:linear-gradient(180deg,#16a34a,#15803d)}.trial-note{font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-sm);margin-bottom:0}.trial-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0}.trial-divider:before,.trial-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.trial-divider span{padding:0 var(--spacing-md);color:var(--color-text-muted);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.cta-content h2{color:var(--color-accent);margin-bottom:var(--spacing-sm)}.cta-content>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.error-message{background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-error);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.error-message .dismiss-btn{background:none;border:none;color:var(--color-error);font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.success-message{background:#22c55e1a;border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-success);margin-bottom:var(--spacing-lg)}.pricing-options{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.pricing-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:200px;position:relative}.pricing-card.recommended{border-color:var(--color-accent);box-shadow:0 0 20px #d4af3733}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#000;font-size:11px;font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);white-space:nowrap}.plan-desc{font-size:13px;color:var(--color-text-muted);margin:var(--spacing-sm) 0 var(--spacing-md)}.pricing-card .btn{width:100%}.pricing{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.price{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--radius-md);min-width:140px}.price .amount{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.price .period{font-size:14px;color:var(--color-text-muted)}.price.yearly{border:2px solid var(--color-accent);position:relative}.price .savings{position:absolute;top:-10px;right:-10px;background:var(--color-success);color:#000;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm)}.or{color:var(--color-text-muted);font-size:14px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem}.auth-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.auth-prompt p{color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.auth-prompt .btn{min-width:120px}.premium-features-section{margin-bottom:var(--spacing-xl)}.premium-features-section h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);justify-items:center}.features-grid .feature-card:last-child:nth-child(odd){grid-column:1 / -1;max-width:400px}.feature-card{display:flex;align-items:flex-start;gap:var(--spacing-md);position:relative;width:100%}.feature-card .feature-icon{font-size:2rem;flex-shrink:0}.feature-card .feature-info h3{font-size:1rem;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.feature-card .feature-info p{font-size:13px;color:var(--color-text-muted);line-height:1.4;margin:0}.feature-unlocked{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-success);font-size:12px;font-weight:600}.premium-faq{margin-bottom:var(--spacing-xl)}.premium-faq h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.faq-item h4{font-size:14px;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.faq-item p{font-size:13px;color:var(--color-text-muted);line-height:1.5;margin:0}.plan-comparison{margin-bottom:var(--spacing-xl);text-align:center}.plan-comparison h2{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.comparison-table{overflow-x:auto;max-width:500px;margin:0 auto}.comparison-header,.comparison-row{display:grid;grid-template-columns:1fr 80px 80px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);align-items:center}.comparison-header{background:var(--color-bg-tertiary);font-weight:600;border-radius:var(--radius-md) var(--radius-md) 0 0}.comparison-row{border-bottom:1px solid var(--color-border)}.comparison-row:last-child{border-bottom:none}.comparison-row.premium-feature{background:#d4af370d}.feature-col{font-size:14px;text-align:left}.free-col,.premium-col{text-align:center;font-size:14px}.premium-col{color:var(--color-success);font-weight:600}.comparison-header .premium-col{color:var(--color-success)}@media (max-width: 768px){.pricing{flex-direction:column}.features-grid{grid-template-columns:1fr}.comparison-header,.comparison-row{grid-template-columns:1fr 60px 60px;font-size:13px}}.clan-library-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.back-link{display:inline-block;font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.clan-tag{color:var(--color-accent)}.clan-library-header .premium-badge{font-size:12px;margin-left:var(--spacing-sm);vertical-align:middle}.library-actions{display:flex;gap:var(--spacing-sm)}.premium-required{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#d4af370d,#d4af371a);border-color:var(--color-accent)}.premium-required .premium-icon{font-size:4rem;color:var(--color-accent);margin-bottom:var(--spacing-md)}.premium-required h2{color:var(--color-accent);margin-bottom:var(--spacing-sm)}.premium-required p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.premium-benefits{color:var(--color-text-primary)!important;font-weight:600}.premium-required ul{list-style:none;padding:0;margin:0 0 var(--spacing-lg);text-align:left;max-width:300px;margin-left:auto;margin-right:auto}.premium-required li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary)}.premium-required li:before{content:"✓ ";color:var(--color-success)}.premium-pricing{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.premium-pricing .price{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.premium-pricing .or{color:var(--color-text-muted)}.premium-pricing .yearly{position:relative}.premium-pricing .savings{position:absolute;top:-20px;right:-10px;background:var(--color-success);color:#000;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm)}.leader-note{font-size:13px;color:var(--color-text-muted);font-style:italic}.success-banner{display:flex;justify-content:space-between;align-items:center;background:#22c55e1a;border-color:var(--color-success);margin-bottom:var(--spacing-lg)}.success-banner p{color:var(--color-success);margin:0}.success-banner button{background:none;border:none;color:var(--color-success);font-size:1.5rem;cursor:pointer}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#ef44441a;border-color:var(--color-error);margin-bottom:var(--spacing-lg)}.error-banner p{color:var(--color-error);margin:0}.error-banner button{background:none;border:none;color:var(--color-error);font-size:1.5rem;cursor:pointer}.expired-warning{color:var(--color-error)!important;font-weight:500}.expired-note{font-size:14px;color:var(--color-text-muted)!important}.retention-warning{color:#fbbf24!important;font-size:14px}.library-section{margin-bottom:var(--spacing-xl)}.library-section h2{font-size:1.25rem;margin-bottom:var(--spacing-md)}.builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.clan-build-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.clan-build-card .build-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.clan-build-card .build-header h3{font-size:1rem;margin:0;flex:1}.clan-build-card .build-description{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.4}.clan-build-card .build-stats{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.clan-build-card .build-stats .stat{display:flex;flex-direction:column;align-items:center}.clan-build-card .build-stats .label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.clan-build-card .build-stats .value{font-size:1.1rem;font-weight:600}.clan-build-card .build-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.clan-build-card .build-actions{display:flex;gap:var(--spacing-sm);margin-top:auto}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:var(--spacing-md)}.modal-hint{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.local-builds-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.local-build-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .2s}.local-build-item:last-child{border-bottom:none}.local-build-item:hover{background:var(--color-bg-tertiary)}.local-build-item .class-badge.small{font-size:10px;padding:2px 6px}.local-build-item .build-name{flex:1;font-weight:500}.local-build-item .build-level{color:var(--color-text-muted);font-size:13px}.no-builds{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.selected-build-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.selected-build-preview span:nth-child(2){flex:1;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.loading-container,.error-state{text-align:center;padding:var(--spacing-xl)}.error-state h3{color:var(--color-error);margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.clan-library-header{flex-direction:column;align-items:stretch}.library-actions{justify-content:flex-start}.builds-grid{grid-template-columns:1fr}.premium-pricing{flex-direction:column}}.support-page{min-height:100vh;padding:var(--spacing-xl) 0}.support-header{text-align:center;margin-bottom:var(--spacing-xl)}.support-header h1{font-size:2.5rem;margin-bottom:var(--spacing-md)}.support-header p{color:var(--color-text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.support-content{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-xl);max-width:1100px;margin:0 auto}.support-form{padding:var(--spacing-xl)}.support-form h2{margin-bottom:var(--spacing-lg)}.form-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:150px}.form-hint{display:block;font-size:.85rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.category-option{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-md);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left}.category-option:hover{border-color:var(--color-text-muted)}.category-option.selected{border-color:var(--color-accent);background:#d4af371a}.category-label{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.category-desc{font-size:.85rem;color:var(--color-text-secondary)}.btn-block{width:100%;padding:var(--spacing-md);font-size:1rem}.support-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-card{padding:var(--spacing-lg)}.info-card h3{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.info-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{color:var(--color-text-secondary);font-size:.9rem;padding:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.info-card li:before{content:">";position:absolute;left:0;color:var(--color-accent)}.support-success{max-width:500px;margin:0 auto;padding:var(--spacing-xl);text-align:center}.success-icon{width:64px;height:64px;background:var(--color-success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--spacing-lg)}.support-success h1{margin-bottom:var(--spacing-md)}.support-success p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.ticket-note{font-size:.9rem;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}@media (max-width: 900px){.support-content{grid-template-columns:1fr}.support-info{flex-direction:row;flex-wrap:wrap}.info-card{flex:1;min-width:250px}}@media (max-width: 600px){.support-header h1{font-size:1.75rem}.category-grid{grid-template-columns:1fr}.support-info{flex-direction:column}.info-card{min-width:auto}}.legal-page{min-height:100vh;padding:var(--spacing-xl) 0}.legal-content{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.legal-content h1{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.last-updated{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.legal-content section{margin-bottom:var(--spacing-xl)}.legal-content h2{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.legal-content h3{font-size:1.1rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.legal-content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.legal-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.legal-content li{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-sm)}.legal-content li strong{color:var(--color-text-primary)}.legal-content a{color:var(--color-accent);text-decoration:none}.legal-content a:hover{text-decoration:underline}@media (max-width: 768px){.legal-content{padding:var(--spacing-lg)}.legal-content h1{font-size:1.5rem}.legal-content h2{font-size:1.1rem}}:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #141414;--color-bg-card: #1a1a1a;--color-bg-elevated: #242424;--color-border: #333333;--color-border-light: #444444;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-accent: #8B0000;--color-accent-hover: #a00000;--color-accent-light: #b22222;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(139, 0, 0, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-display: "Cinzel", serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}a{color:var(--color-accent-light);text-decoration:none}a:hover{color:var(--color-accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:14px;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(180deg,var(--color-accent-light) 0%,var(--color-accent) 100%);color:#fff;box-shadow:var(--shadow-md),inset 0 1px #ffffff1a}.btn-primary:hover{background:linear-gradient(180deg,var(--color-accent-hover) 0%,var(--color-accent) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:16px}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-elevated{background:var(--color-bg-elevated)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:14px;color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #8b000033}.form-input::placeholder{color:var(--color-text-muted)}.form-error{font-size:12px;color:var(--color-error);margin-top:var(--spacing-xs)}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-checkbox input{width:18px;height:18px;accent-color:var(--color-accent)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.page{min-height:100vh;padding-top:80px}.heading-display{font-family:var(--font-display);font-weight:700;letter-spacing:.05em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}.w-full{width:100%}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-secondary)}.tag-accent{background:#8b000033;border-color:var(--color-accent);color:var(--color-accent-light)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:var(--spacing-md)}