.onboarding-overlay{align-items:center;animation:onboardingOverlayIn .4s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000;z-index:var(--z-modal,2000)}.onboarding-overlay--closing{animation:onboardingOverlayOut .4s ease-in forwards}@keyframes onboardingOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes onboardingOverlayOut{0%{opacity:1}to{opacity:0}}.onboarding-modal{animation:onboardingModalIn .5s ease-out;background:#1a1a2e;background:var(--color-ui-surface,#1a1a2e);border:1px solid var(--color-ui-border);border-radius:16px;max-width:520px;overflow:hidden;padding:32px 28px 24px;position:relative;width:90%}.onboarding-modal--closing{animation:onboardingModalOut .4s ease-in forwards}.onboarding-modal:before{animation:onboardingGlow 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--color-brand-primary),#00d4c8,#0000);background:linear-gradient(90deg,#0000,var(--color-brand-primary),var(--color-brand-secondary,#00d4c8),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes onboardingModalIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboardingModalOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes onboardingGlow{0%,to{opacity:.5}50%{opacity:1}}.onboarding-skip{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--color-text-muted,#6b7280);cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary,"Exo 2",sans-serif);font-size:.85rem;padding:4px 8px;position:absolute;right:16px;top:12px;transition:color .2s,background .2s}.onboarding-skip:hover{background:#ffffff0d;color:var(--color-text-primary)}.onboarding-steps{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.onboarding-step-dot{background:#333;background:var(--color-ui-border,#333);height:8px;width:8px}.onboarding-step-dot.active{background:var(--color-brand-primary);border-radius:4px;box-shadow:0 0 8px #dc262666;width:24px}.onboarding-step-dot.completed{background:var(--color-brand-primary);opacity:.6}.onboarding-content{align-items:center;animation:onboardingContentSlide .35s ease-out;display:flex;flex-direction:column;min-height:260px;text-align:center}@keyframes onboardingContentSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.onboarding-hero-icon{animation:onboardingIconFloat 3s ease-in-out infinite;height:64px;margin-bottom:16px;width:64px}.onboarding-hero-icon--mech{background:linear-gradient(135deg,var(--color-brand-primary),#f59e0b);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6 2a2 2 0 0 0-2 2v3h2V4h12v3h2V4a2 2 0 0 0-2-2H6zm1 6v6H4l4 8h8l4-8h-3V8h-4v6h-2V8H7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6 2a2 2 0 0 0-2 2v3h2V4h12v3h2V4a2 2 0 0 0-2-2H6zm1 6v6H4l4 8h8l4-8h-3V8h-4v6h-2V8H7z'/%3E%3C/svg%3E") center/contain no-repeat}.onboarding-hero-icon--launch{background:linear-gradient(135deg,#22c55e,#06b6d4);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='m13.13 22.19-1.63-3.83c1.57-.58 3.04-1.36 4.4-2.27l-2.77 6.1M5.64 12.5l-3.83-1.63 6.1-2.77C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39S16.66.269 11 5.93c-2.19 2.19-3.5 4.6-4.35 6.71-.39 1.07-.09 2.28.72 3.08l.9.91c.81.8 2.01 1.11 3.09.72A19.1 19.1 0 0 0 18.07 13c5.66-5.66 3.54-10.61 3.54-10.61m-8.02 8.02c-.79-.79-.79-2.04 0-2.82.78-.79 2.03-.79 2.82 0 .79.78.79 2.03 0 2.82s-2.04.79-2.82 0m-7.26 7.26c-.78.78-1.55.94-2.26 1.22C3.63 19.05 2 20 2 22c2 0 2.95-1.63 3.11-2.07.28-.71.44-1.48 1.22-2.26Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='m13.13 22.19-1.63-3.83c1.57-.58 3.04-1.36 4.4-2.27l-2.77 6.1M5.64 12.5l-3.83-1.63 6.1-2.77C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39S16.66.269 11 5.93c-2.19 2.19-3.5 4.6-4.35 6.71-.39 1.07-.09 2.28.72 3.08l.9.91c.81.8 2.01 1.11 3.09.72A19.1 19.1 0 0 0 18.07 13c5.66-5.66 3.54-10.61 3.54-10.61m-8.02 8.02c-.79-.79-.79-2.04 0-2.82.78-.79 2.03-.79 2.82 0 .79.78.79 2.03 0 2.82s-2.04.79-2.82 0m-7.26 7.26c-.78.78-1.55.94-2.26 1.22C3.63 19.05 2 20 2 22c2 0 2.95-1.63 3.11-2.07.28-.71.44-1.48 1.22-2.26Z'/%3E%3C/svg%3E") center/contain no-repeat}@keyframes onboardingIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.onboarding-title{color:var(--color-text-primary);font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary,"Exo 2",sans-serif);font-size:1.6rem;font-weight:700;margin:0 0 4px;text-shadow:0 0 20px #dc262633}.onboarding-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 20px}.onboarding-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin:0;max-width:420px}.onboarding-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:420px;width:100%}.onboarding-feature{align-items:center;background:#ffffff08;border:1px solid var(--color-ui-border);border-radius:8px;display:flex;gap:10px;padding:12px;transition:border-color .2s}.onboarding-feature:hover{border-color:var(--color-brand-primary)}.onboarding-feature-icon{flex-shrink:0;height:28px;width:28px}.onboarding-feature-icon--hangar{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 3 2 12h3v8h14v-8h3L12 3zm0 2.84L18 11v7H6v-7l6-5.16z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 3 2 12h3v8h14v-8h3L12 3zm0 2.84L18 11v7H6v-7l6-5.16z'/%3E%3C/svg%3E") center/contain no-repeat}.onboarding-feature-icon--battle{background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 5h10v2h2V3a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v4h2V5zm10 14H7v-2H5v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4h-2v2zm4-10-3 3 3 3V9zM3 9v6l3-3-3-3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 5h10v2h2V3a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v4h2V5zm10 14H7v-2H5v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4h-2v2zm4-10-3 3 3 3V9zM3 9v6l3-3-3-3z'/%3E%3C/svg%3E") center/contain no-repeat}.onboarding-feature-icon--market{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0 0 20 4H5.21l-.94-2H1zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45C4.52 15.37 5.48 17 7 17h12v-2H7l1.1-2h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0 0 20 4H5.21l-.94-2H1zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}.onboarding-feature-icon--alliance{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center/contain no-repeat}.onboarding-feature-info{display:flex;flex-direction:column;text-align:left}.onboarding-feature-label{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.onboarding-feature-desc{color:var(--color-text-muted);font-size:.75rem}.onboarding-tips{list-style:none;margin:0;max-width:400px;padding:0;text-align:left;width:100%}.onboarding-tip{align-items:center;animation:onboardingTipIn .3s ease-out backwards;border-bottom:1px solid var(--color-ui-border);color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:10px;padding:10px 0}.onboarding-tip:last-child{border-bottom:none}.onboarding-tip:first-child{animation-delay:.1s}.onboarding-tip:nth-child(2){animation-delay:.2s}.onboarding-tip:nth-child(3){animation-delay:.3s}.onboarding-tip:nth-child(4){animation-delay:.4s}@keyframes onboardingTipIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.onboarding-tip-bullet{background:var(--color-brand-primary);border-radius:50%;box-shadow:0 0 4px #dc262666;display:inline-block;flex-shrink:0;height:6px;width:6px}.onboarding-actions{border-top:1px solid var(--color-ui-border);display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:16px}@media (max-width:480px){.onboarding-modal{padding:24px 16px 20px;width:95%}.onboarding-features{grid-template-columns:1fr}.onboarding-title{font-size:1.3rem}.onboarding-content{min-height:220px}}@media (prefers-reduced-motion:reduce){.onboarding-overlay{animation:none}.onboarding-overlay--closing{animation:none;opacity:0}.onboarding-modal{animation:none}.onboarding-modal--closing{animation:none;opacity:0}.onboarding-content,.onboarding-hero-icon,.onboarding-modal:before,.onboarding-tip{animation:none}.onboarding-step-dot{transition:none}}.login-container,.register-container{animation:authFadeSlideIn .5s ease-out;border:1px solid var(--color-ui-border);overflow:hidden;position:relative}.login-container:before,.register-container:before{animation:authGlowLine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--color-brand-primary),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes authFadeSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes authGlowLine{0%,to{opacity:.4}50%{opacity:1}}.login-container h1,.register-container h1{animation:authTitleGlow 2s ease-in-out infinite alternate;color:var(--color-text-primary);font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary,"Exo 2",sans-serif);font-size:1.8rem;text-align:center;text-shadow:0 0 20px #dc26264d}@keyframes authTitleGlow{0%{text-shadow:0 0 20px #dc262633}to{text-shadow:0 0 30px #dc262680,0 0 60px #dc26261a}}.login-form .form-group,.registration-form .form-group{animation:authFieldSlideIn .4s ease-out backwards}.login-form .form-group:first-child,.registration-form .form-group:first-child{animation-delay:.1s}.login-form .form-group:nth-child(2),.registration-form .form-group:nth-child(2){animation-delay:.2s}.login-form .form-group:nth-child(3),.registration-form .form-group:nth-child(3){animation-delay:.3s}.login-form .form-group:nth-child(4),.registration-form .form-group:nth-child(4){animation-delay:.4s}@keyframes authFieldSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.login-form .form-actions,.registration-form .form-actions{animation:authFieldSlideIn .4s ease-out backwards;animation-delay:.35s}.auth-page .error-message{animation:authErrorShake .5s ease-out}@keyframes authErrorShake{0%,to{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(6px)}45%{transform:translateX(-4px)}60%{transform:translateX(2px)}}.auth-page .success-message{animation:authSuccessPulse .6s ease-out;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#22c55e;color:var(--color-success,#22c55e);margin-bottom:12px;margin-bottom:var(--spacing-md,12px);padding:8px;padding:var(--spacing-sm,8px);text-align:center}@keyframes authSuccessPulse{0%{box-shadow:0 0 0 0 #22c55e66;opacity:0;transform:scale(.95)}50%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00;opacity:1;transform:scale(1)}}.login-button:disabled:not([class*=not-loading]),.register-button:disabled:not([class*=not-loading]){position:relative}.login-form .form-group input:focus,.registration-form .form-group input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #dc262626;transition:border-color .2s,box-shadow .2s}.remember-me{align-items:center;animation:authFieldSlideIn .4s ease-out backwards;animation-delay:.25s;display:flex}.remember-me-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:8px;-webkit-user-select:none;user-select:none}.remember-me-checkbox{height:0;opacity:0;position:absolute;width:0}.remember-me-check{background:#0003;border:2px solid #333;border:2px solid var(--color-ui-border,#333);border-radius:3px;display:inline-block;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:18px}.remember-me-checkbox:checked+.remember-me-check{background:var(--color-brand-primary);border-color:var(--color-brand-primary)}.remember-me-checkbox:checked+.remember-me-check:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(40deg);width:5px}.remember-me-checkbox:focus-visible+.remember-me-check{box-shadow:0 0 0 3px #dc262633}.remember-me-label:hover .remember-me-check{border-color:var(--color-brand-primary)}.login-link a,.password-reset a,.register-link a{transition:color .2s ease,text-shadow .2s ease}.login-link a:hover,.password-reset a:hover,.register-link a:hover{text-shadow:0 0 8px #dc26264d}@media (max-width:480px){.login-container,.register-container{margin:0 12px;padding:16px;padding:var(--spacing-lg,16px)}.login-container h1,.register-container h1{font-size:1.5rem}}.auth-field input:focus,.auth-input:focus,.form-input:focus{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 0 0 3px #dc262626,0 0 12px #dc26261a;outline:none}@keyframes authShake{0%,to{transform:translateX(0)}10%,50%,90%{transform:translateX(-4px)}30%,70%{transform:translateX(4px)}}.auth-form--error{animation:authShake .4s ease-in-out}@keyframes authSuccess{0%{box-shadow:0 0 0 0 #22c55e66}70%{box-shadow:0 0 0 20px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.auth-form--success{animation:authSuccess .8s ease;border-color:#22c55e;border-color:var(--color-success,#22c55e)}.auth-form button[type=submit]:hover:not(:disabled),.auth-submit-btn:hover:not(:disabled){box-shadow:0 4px 20px #dc262666,0 0 30px #dc262626;transform:translateY(-2px)}.auth-form button[type=submit]:active:not(:disabled),.auth-submit-btn:active:not(:disabled){box-shadow:0 2px 8px #dc26264d;transform:translateY(0)}.remember-me-checkbox:checked{background:#dc2626;background:var(--color-brand-primary,#dc2626);box-shadow:0 0 8px #dc262680}@keyframes authFieldSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-field,.auth-input-group,.form-group{animation:authFieldSlide .3s ease both}.auth-field:first-child,.auth-input-group:first-child,.form-group:first-child{animation-delay:.05s}.auth-field:nth-child(2),.auth-input-group:nth-child(2),.form-group:nth-child(2){animation-delay:.1s}.auth-field:nth-child(3),.auth-input-group:nth-child(3),.form-group:nth-child(3){animation-delay:.15s}.auth-field:nth-child(4),.auth-input-group:nth-child(4),.form-group:nth-child(4){animation-delay:.2s}.auth-field:nth-child(5),.auth-input-group:nth-child(5),.form-group:nth-child(5){animation-delay:.25s}.strength-bar-fill{transition:width .4s ease,background-color .4s ease}.strength-bar-fill.strong,.strength-bar-fill[data-strength=strong]{box-shadow:0 0 8px #22c55e80}@keyframes authScanLine{0%{opacity:0;top:-2px}10%{opacity:.6}90%{opacity:.6}to{opacity:0;top:100%}}.auth-container:after,.auth-form-wrapper:after{animation:authScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#dc262666,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0}.auth-switch-btn:hover,.auth-toggle-link:hover{color:#dc2626;color:var(--color-brand-primary,#dc2626);text-shadow:0 0 8px #dc262666}.auth-icon--lock{background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--lock,.auth-icon--unlock{display:inline-block;height:20px;width:20px}.auth-icon--unlock{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm6-9h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6h1.9c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm0 12H6V10h12v10z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--key{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.65 10A5.99 5.99 0 0 0 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6a5.99 5.99 0 0 0 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.65 10A5.99 5.99 0 0 0 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6a5.99 5.99 0 0 0 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--key,.auth-icon--user{display:inline-block;height:20px;width:20px}.auth-icon--user{background:linear-gradient(135deg,#00d4c8,#0891b2);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--shield-check{background:linear-gradient(135deg,#22c55e,#059669);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--email,.auth-icon--shield-check{display:inline-block;height:20px;width:20px}.auth-icon--email{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--visibility{background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:inline-block;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center/contain no-repeat;width:20px}.auth-icon--fingerprint{background:linear-gradient(135deg,#ec4899,#db2777);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2a.506.506 0 0 1 .2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67a.49.49 0 0 1-.44.28zM3.5 9.72a.499.499 0 0 1-.41-.79c.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25a.5.5 0 0 1-.12.7c-.23.16-.54.11-.7-.12a9.388 9.388 0 0 0-3.39-2.94c-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21zm6.25 12.07a.47.47 0 0 1-.35-.15c-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91 22c-.04 0-.09-.01-.13-.02C9.87 20.67 7 15.94 7 12.34c0-2.42 2.09-4.39 4.66-4.39.28 0 .5.22.5.5s-.22.5-.5.5C9.64 8.95 8 10.47 8 12.34c0 3.15 2.56 7.35 6.78 8.49.27.07.42.35.35.61a.49.49 0 0 1-.48.38z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2a.506.506 0 0 1 .2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67a.49.49 0 0 1-.44.28zM3.5 9.72a.499.499 0 0 1-.41-.79c.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25a.5.5 0 0 1-.12.7c-.23.16-.54.11-.7-.12a9.388 9.388 0 0 0-3.39-2.94c-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21zm6.25 12.07a.47.47 0 0 1-.35-.15c-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12zM14.91 22c-.04 0-.09-.01-.13-.02C9.87 20.67 7 15.94 7 12.34c0-2.42 2.09-4.39 4.66-4.39.28 0 .5.22.5.5s-.22.5-.5.5C9.64 8.95 8 10.47 8 12.34c0 3.15 2.56 7.35 6.78 8.49.27.07.42.35.35.61a.49.49 0 0 1-.48.38z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--fingerprint,.auth-icon--helmet{display:inline-block;height:20px;width:20px}.auth-icon--helmet{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2a7.2 7.2 0 0 1-6-3.22c.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08a7.2 7.2 0 0 1-6 3.22z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2a7.2 7.2 0 0 1-6-3.22c.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08a7.2 7.2 0 0 1-6 3.22z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--rocket{background:linear-gradient(135deg,#dc2626,#f97316);display:inline-block;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33.26zM11.17 17s3.74-1.55 5.89-3.7c5.4-5.4 4.5-12.87 4.5-12.87s-7.13-.9-12.53 4.5c-2.16 2.16-3.7 5.9-3.7 5.9l6.01 6.01-.17.16zm6.48-2.19c.26.65.05 1.34-.55 1.81L13 20.67l-1.55-3.62c.31-.13 3.6-1.53 5.89-3.57l.31 1.33zm-9.77 3.72c.49-.49.49-1.28 0-1.77s-1.28-.49-1.77 0l-3.65 3.65 3.65 1.06 1.77-2.94zM5.41 20 4 21.41l2.48 2.48L7.89 20H5.41z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33.26zM11.17 17s3.74-1.55 5.89-3.7c5.4-5.4 4.5-12.87 4.5-12.87s-7.13-.9-12.53 4.5c-2.16 2.16-3.7 5.9-3.7 5.9l6.01 6.01-.17.16zm6.48-2.19c.26.65.05 1.34-.55 1.81L13 20.67l-1.55-3.62c.31-.13 3.6-1.53 5.89-3.57l.31 1.33zm-9.77 3.72c.49-.49.49-1.28 0-1.77s-1.28-.49-1.77 0l-3.65 3.65 3.65 1.06 1.77-2.94zM5.41 20 4 21.41l2.48 2.48L7.89 20H5.41z'/%3E%3C/svg%3E") center/contain no-repeat;width:20px}.auth-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.auth-particles:after,.auth-particles:before{animation:authParticleFloat 20s linear infinite;background:#dc262666;border-radius:50%;box-shadow:20vw 15vh 0 0 #dc26264d,45vw 25vh 0 1px #dc262633,70vw 10vh 0 0 #00d4c84d,85vw 40vh 0 1px #dc262626,15vw 60vh 0 0 #00d4c833,55vw 70vh 0 1px #dc262640,30vw 80vh 0 0 #8b5cf633,80vw 75vh 0 1px #00d4c826,10vw 35vh 0 0 #dc262633,90vw 55vh 0 0 #8b5cf640;content:"";height:4px;position:absolute;width:4px}.auth-particles:after{animation:authParticleFloat 25s linear infinite reverse;animation-delay:-8s;box-shadow:25vw 20vh 0 0 #00d4c84d,50vw 45vh 0 1px #dc262633,75vw 30vh 0 0 #8b5cf640,35vw 65vh 0 1px #00d4c833,60vw 85vh 0 0 #dc262626,5vw 50vh 0 0 #8b5cf633,40vw 90vh 0 1px #dc26264d,95vw 20vh 0 0 #00d4c833;height:3px;width:3px}@keyframes authParticleFloat{0%{opacity:.6;transform:translateY(0) translateX(0)}25%{opacity:.8;transform:translateY(-15vh) translateX(5vw)}50%{opacity:.5;transform:translateY(-25vh) translateX(-3vw)}75%{opacity:.7;transform:translateY(-10vh) translateX(-6vw)}to{opacity:.6;transform:translateY(0) translateX(0)}}.auth-particle-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.auth-particle-layer:before{animation:authParticleSlow 35s ease-in-out infinite;background:#dc262626;border-radius:50%;box-shadow:30vw 20vh 0 2px #dc262614,65vw 50vh 0 3px #00d4c80f,20vw 70vh 0 2px #8b5cf614,80vw 30vh 0 4px #dc26260d;content:"";height:6px;position:absolute;width:6px}@keyframes authParticleSlow{0%,to{opacity:.4;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-20vh) scale(1.3)}}.auth-hex-badge{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;height:48px;justify-content:center;width:48px}.auth-diamond{background:linear-gradient(135deg,#dc262699,#dc262633);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:20px;width:20px}.auth-chevron-deco{background:linear-gradient(180deg,#dc262680,#0000);-webkit-clip-path:polygon(0 0,50% 100%,100% 0,80% 0,50% 60%,20% 0);clip-path:polygon(0 0,50% 100%,100% 0,80% 0,50% 60%,20% 0);height:12px;width:24px}.auth-pentagon{background:linear-gradient(135deg,#22c55e4d,#22c55e1a);border:1px solid #22c55e4d;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);height:36px;width:36px}.auth-octagon{background:linear-gradient(135deg,#dc262626,#0000004d);-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);height:40px;width:40px}.auth-arrow-accent{background:linear-gradient(90deg,#0000,#dc26264d,#0000);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);height:8px;width:100%}.auth-form button[type=submit],.auth-submit-btn,.login-button,.register-button{animation:authBtnGradientShift 3s ease infinite;background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);background-size:200% 200%;border:1px solid #dc262680;overflow:hidden;position:relative}@keyframes authBtnGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-form button[type=submit]:before,.auth-submit-btn:before,.login-button:before,.register-button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-form button[type=submit]:hover:before,.auth-submit-btn:hover:before,.login-button:hover:before,.register-button:hover:before{left:100%}.login-form input:focus,.registration-form input:focus{border-image:linear-gradient(135deg,#dc2626,#f97316,#dc2626) 1}.auth-divider{background:linear-gradient(90deg,#0000,#dc262666,#00d4c84d,#0000);height:1px;margin:16px 0}.auth-gradient-title{-webkit-text-fill-color:#0000;animation:authTitleShift 4s ease infinite;background:linear-gradient(135deg,#f5f5f5,#dc2626 50%,#f97316);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes authTitleShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.login-container,.register-container{background:linear-gradient(135deg,#0a0a0a,#dc262608 50%,#0a0a0a);background:linear-gradient(135deg,var(--color-ui-background,#0a0a0a) 0,#dc262608 50%,var(--color-ui-background,#0a0a0a) 100%)}.strength-meter{background:linear-gradient(90deg,#1a1a1a,#0a0a0a);border-radius:4px;overflow:hidden}.strength-bar-fill.weak{background:linear-gradient(90deg,#ef4444,#dc2626)}.strength-bar-fill.fair{background:linear-gradient(90deg,#f59e0b,#d97706)}.strength-bar-fill.good{background:linear-gradient(90deg,#84cc16,#65a30d)}.strength-bar-fill.strong{background:linear-gradient(90deg,#22c55e,#059669)}.auth-grid-bg{animation:authGridPulse 6s ease-in-out infinite;background-image:linear-gradient(#dc262608 1px,#0000 0),linear-gradient(90deg,#dc262608 1px,#0000 0);background-size:40px 40px;inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes authGridPulse{0%,to{opacity:.3}50%{opacity:.6}}.auth-vignette{background:radial-gradient(ellipse at center,#0000 40%,#00000080 100%);inset:0;pointer-events:none;position:fixed;z-index:0}.onboarding-step-dot{background:#2a2a2a;background:var(--color-ui-border,#2a2a2a);border-radius:50%;height:12px;transition:all .3s ease;width:12px}.onboarding-step-dot.active{background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 0 10px #dc262680;transform:scale(1.2)}.onboarding-step-dot.completed{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e66}.onboarding-step-connector{background:#2a2a2a;background:var(--color-ui-border,#2a2a2a);flex:1 1;height:2px;overflow:hidden;position:relative}.onboarding-step-connector.completed{background:linear-gradient(90deg,#22c55e,#16a34a)}.onboarding-step-connector.active:after{animation:authStepProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc2626,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes authStepProgress{0%{left:-100%}to{left:100%}}.auth-page{min-height:100vh;position:relative;z-index:1}.auth-page,.auth-title-row{align-items:center;display:flex;justify-content:center}.auth-title-row{gap:10px;margin-bottom:4px}.auth-title-row .auth-icon--lock,.auth-title-row .auth-icon--rocket{height:28px;width:28px}.auth-scan-line{animation:authScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#dc262666,#0000);height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.auth-success-banner{align-items:center;animation:authSuccessPulse .6s ease-out;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#22c55e;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;margin-bottom:var(--spacing-md,12px);padding:12px 16px}.auth-success-banner .auth-icon--shield-check{height:24px;width:24px}.auth-password-wrapper{align-items:center;display:flex;position:relative}.auth-password-wrapper input{padding-right:40px;width:100%}.auth-password-toggle{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s}.auth-password-toggle:hover{opacity:1}.auth-icon--visibility-off{background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:inline-block;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.83 9 15 12.16c.01-.05.01-.11.01-.16 0-1.66-1.34-3-3-3-.06 0-.11 0-.17.01zm-1.31 1.13L9.21 8.82a7.942 7.942 0 0 0-2.61 2.55c-.38.56-.6 1.08-.6 1.08s.22.52.6 1.08a6.462 6.462 0 0 0 3.22 2.42l1.35-1.35c-.42.11-.86.2-1.34.2-1.66 0-3-1.34-3-3 0-.47.09-.91.2-1.33l1.49 1.49zM2 4.27l2.28 2.28C2.92 7.79 1.76 9.5 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM12 17c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.04.19-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.02.57-.06l1.57 1.57c-.64.31-1.37.49-2.14.49zm7.11-3.54C18.01 11.73 16.02 10 12 10c-.37 0-.74.03-1.1.07l2.69 2.69c.02-.25.04-.5.04-.76 0-1.66-1.34-3-3-3-.26 0-.51.02-.76.04L7.6 6.77c1.24-.54 2.78-.96 4.4-.96 5 0 9.27 3.11 11 7.5-.54 1.37-1.31 2.61-2.27 3.65l-1.62-1.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.83 9 15 12.16c.01-.05.01-.11.01-.16 0-1.66-1.34-3-3-3-.06 0-.11 0-.17.01zm-1.31 1.13L9.21 8.82a7.942 7.942 0 0 0-2.61 2.55c-.38.56-.6 1.08-.6 1.08s.22.52.6 1.08a6.462 6.462 0 0 0 3.22 2.42l1.35-1.35c-.42.11-.86.2-1.34.2-1.66 0-3-1.34-3-3 0-.47.09-.91.2-1.33l1.49 1.49zM2 4.27l2.28 2.28C2.92 7.79 1.76 9.5 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM12 17c-2.76 0-5-2.24-5-5 0-.77.18-1.5.49-2.14l1.57 1.57c-.04.19-.06.37-.06.57 0 1.66 1.34 3 3 3 .2 0 .38-.02.57-.06l1.57 1.57c-.64.31-1.37.49-2.14.49zm7.11-3.54C18.01 11.73 16.02 10 12 10c-.37 0-.74.03-1.1.07l2.69 2.69c.02-.25.04-.5.04-.76 0-1.66-1.34-3-3-3-.26 0-.51.02-.76.04L7.6 6.77c1.24-.54 2.78-.96 4.4-.96 5 0 9.27 3.11 11 7.5-.54 1.37-1.31 2.61-2.27 3.65l-1.62-1.5z'/%3E%3C/svg%3E") center/contain no-repeat;width:20px}.auth-caps-warning{align-items:center;animation:authFieldSlideIn .3s ease-out;color:#f59e0b;display:flex;font-size:.8rem;gap:6px;margin-top:4px}.auth-caps-warning:before{background:#f59e0b;content:"";display:inline-block;height:14px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") center/contain no-repeat;width:14px}.field-error{animation:authFieldSlideIn .3s ease-out;font-size:.8rem;margin-top:4px}.auth-rate-limit-countdown{font-feature-settings:"tnum";color:#f59e0b;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;margin-top:6px}.login-form label,.registration-form label{align-items:center;display:flex;gap:6px}.login-form label .auth-icon--email,.login-form label .auth-icon--lock,.registration-form label .auth-icon--email,.registration-form label .auth-icon--helmet,.registration-form label .auth-icon--key,.registration-form label .auth-icon--shield-check{height:16px;width:16px}.login-form input:focus-visible,.registration-form input:focus-visible{outline:2px solid #dc262699;outline-offset:2px}.login-button:focus-visible,.register-button:focus-visible{outline:2px solid #dc262699;outline-offset:2px}.login-link a:focus-visible,.password-reset a:focus-visible,.register-link a:focus-visible{border-radius:2px;outline:2px solid #dc262699;outline-offset:2px}.auth-icon--authenticator{background:linear-gradient(135deg,#10b981,#059669);display:inline-block;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;width:20px}.auth-icon--verified{background:linear-gradient(135deg,#22c55e,#16a34a);display:inline-block;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") center/contain no-repeat;width:20px}.auth-icon--copy{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z'/%3E%3C/svg%3E") center/contain no-repeat}.auth-icon--copy,.auth-icon--download{background:currentColor;display:inline-block;height:16px;width:16px}.auth-icon--download{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E") center/contain no-repeat}.two-factor-login-form{animation:authFadeSlideIn .4s ease-out}.two-factor-login-description{color:#999;color:var(--color-text-secondary,#999);font-size:.9rem;line-height:1.5;margin-bottom:16px;text-align:center}.two-factor-code-input{font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.4em;text-align:center}.two-factor-actions{display:flex;flex-direction:column;gap:8px}.auth-secondary-button{align-items:center;background:#0000;border:1px solid #333;border:1px solid var(--color-ui-border,#333);border-radius:6px;color:#999;color:var(--color-text-secondary,#999);cursor:pointer;display:inline-flex;font-size:.9rem;gap:6px;justify-content:center;padding:10px 16px;transition:border-color .2s,color .2s}.auth-secondary-button:hover:not(:disabled){border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.auth-secondary-button:disabled{cursor:not-allowed;opacity:.5}.auth-link-button{background:none;border:none;color:#dc2626;color:var(--color-brand-primary,#dc2626);cursor:pointer;font-size:.85rem;padding:4px 0;text-decoration:underline;text-underline-offset:2px}.auth-link-button:hover:not(:disabled){color:#ef4444}.auth-link-button:disabled{cursor:not-allowed;opacity:.5}.two-factor-toggle{margin-top:12px;text-align:center}.verify-email-container{animation:authFadeSlideIn .5s ease-out;background:#111;background:var(--color-bg-secondary,#111);border:1px solid var(--color-ui-border);border-radius:8px;margin:0 auto;max-width:460px;overflow:hidden;padding:32px;padding:var(--spacing-xxl,32px);position:relative}.verify-email-container:before{animation:authGlowLine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--color-brand-primary),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.verify-email-status{color:#999;color:var(--color-text-secondary,#999);font-size:1rem;margin:20px 0;text-align:center}.verify-email-actions{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:20px}.verify-email-link{display:inline-block;text-align:center;text-decoration:none}.verify-email-resend-msg{color:#999;color:var(--color-text-secondary,#999);font-size:.85rem;margin-top:12px;text-align:center}.verify-email-resend--ok{color:#22c55e}@media (max-width:768px){.login-container,.register-container{margin:0 16px;max-width:400px;padding:24px;padding:var(--spacing-xl,24px)}.login-container h1,.register-container h1{font-size:1.6rem}}@media (min-width:1920px){.login-container,.register-container{max-width:520px;padding:40px;padding:var(--spacing-xxl,40px)}.login-container h1,.register-container h1{font-size:2.2rem}.auth-particles:after,.auth-particles:before{height:6px;width:6px}}@media (min-width:2560px){.login-container,.register-container{max-width:600px;padding:48px;padding:var(--spacing-xxl,48px)}.login-container h1,.register-container h1{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.auth-form button[type=submit],.auth-page .error-message,.auth-page .success-message,.auth-submit-btn,.login-button,.login-container,.login-container h1,.login-container:before,.login-form .form-actions,.login-form .form-group,.register-button,.register-container,.register-container h1,.register-container:before,.registration-form .form-actions,.registration-form .form-group,.remember-me{animation:none}.auth-form button[type=submit]:before,.auth-submit-btn:before,.login-button:before,.register-button:before{display:none}.auth-scan-line{animation:none;display:none}.auth-caps-warning,.auth-field,.auth-gradient-title,.auth-grid-bg,.auth-input-group,.auth-particle-layer,.auth-particle-layer:before,.auth-particles,.auth-particles:after,.auth-particles:before,.auth-success-banner,.field-error,.form-group{animation:none}.onboarding-step-connector.active:after,.onboarding-step-dot{animation:none;transition:none}.strength-bar-fill{transition:none}}.password-strength{margin-bottom:.25rem;margin-top:.5rem}.strength-bar-track{background:#1a1a2e;background:var(--color-ui-surface,#1a1a2e);border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:3px;height:6px;overflow:hidden;width:100%}.strength-bar-fill{border-radius:3px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s ease}.strength-bar-fill--weak{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 6px #ef444466}.strength-bar-fill--fair{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 0 6px #f59e0b66}.strength-bar-fill--good{background:linear-gradient(90deg,#84cc16,#65a30d);box-shadow:0 0 6px #84cc1666}.strength-bar-fill--strong{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e80}.strength-label{font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:var(--font-size-xs,.75rem);font-weight:600;letter-spacing:.05em;margin-top:.25rem;text-align:right;text-transform:uppercase;transition:color .3s ease}.strength-label--weak{color:#ef4444}.strength-label--fair{color:#f59e0b}.strength-label--good{color:#84cc16}.strength-label--strong{color:#22c55e}.strength-requirements{grid-gap:.2rem 1rem;display:grid;gap:.2rem 1rem;grid-template-columns:1fr 1fr;list-style:none;margin:.5rem 0 0;padding:0}.strength-req{align-items:center;color:#6b7280;color:var(--color-text-muted,#6b7280);display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);gap:.35rem;transition:color .2s ease}.strength-req--met{color:#22c55e}.strength-req-icon{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;position:relative;transition:background .2s ease,box-shadow .2s ease;width:12px}.strength-req-icon--x{background:#2a2a3e;background:var(--color-ui-border,#2a2a3e)}.strength-req-icon--x:after,.strength-req-icon--x:before{background:#6b7280;background:var(--color-text-muted,#6b7280);border-radius:1px;content:"";height:1.5px;left:50%;position:absolute;top:50%;width:6px}.strength-req-icon--x:before{transform:translate(-50%,-50%) rotate(45deg)}.strength-req-icon--x:after{transform:translate(-50%,-50%) rotate(-45deg)}.strength-req-icon--check{background:#22c55e;box-shadow:0 0 4px #22c55e66}.strength-req-icon--check:before{border:solid #fff;border-width:0 1.5px 1.5px 0;content:"";height:6px;left:2.5px;position:absolute;top:3px;transform:rotate(40deg);width:4px}@media (max-width:480px){.strength-requirements{grid-template-columns:1fr}}.maintenance-page{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e 50%,#16213e);color:#e0e0e0;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.maintenance-content{animation:maintFadeIn .6s ease-out;max-width:480px;position:relative;text-align:center;z-index:1}.maint-icon{animation:maintIconFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);height:72px;margin:0 auto 20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;width:72px}.maintenance-title{animation:maintTitleGlow 2s ease-in-out infinite alternate;color:#fff;font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary,"Exo 2",sans-serif);font-size:2rem;margin:0 0 12px;text-shadow:0 0 20px #f59e0b4d}.maint-divider{background:linear-gradient(90deg,#0000,#f59e0b80,#0000);height:2px;margin:16px auto;max-width:200px}.maintenance-message{color:#b0b0b0;font-size:1.1rem;line-height:1.5;margin:0 0 20px}.maint-status{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:20px;color:#f59e0b;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.maint-status-dot{animation:maintPulse 1.5s ease-in-out infinite;background:#f59e0b;border-radius:50%;height:8px;width:8px}.maintenance-admin{font-size:.95rem;margin-top:16px}.maintenance-admin a{color:#6c9eff;text-decoration:none;transition:color .2s,text-shadow .2s}.maintenance-admin a:hover{color:#93b4ff;text-shadow:0 0 8px #6c9eff66}.maintenance-admin a:focus-visible{border-radius:2px;outline:2px solid #6c9eff99;outline-offset:2px}.maint-grid-bg{animation:maintGridPulse 6s ease-in-out infinite;background-image:linear-gradient(#f59e0b08 1px,#0000 0),linear-gradient(90deg,#f59e0b08 1px,#0000 0);background-size:40px 40px}.maint-grid-bg,.maint-particles{inset:0;pointer-events:none;position:fixed;z-index:0}.maint-particles{overflow:hidden}.maint-particles:after,.maint-particles:before{animation:maintParticleFloat 25s linear infinite;background:#f59e0b4d;border-radius:50%;box-shadow:20vw 15vh 0 0 #f59e0b40,50vw 30vh 0 1px #f59e0b26,75vw 60vh 0 0 #f59e0b33,30vw 80vh 0 1px #f59e0b26,85vw 20vh 0 0 #f59e0b33;content:"";height:4px;position:absolute;width:4px}.maint-particles:after{animation-direction:reverse;animation-duration:30s;height:3px;width:3px}.maint-vignette{background:radial-gradient(ellipse at center,#0000 40%,#0009 100%);inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes maintFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes maintIconFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes maintTitleGlow{0%{text-shadow:0 0 20px #f59e0b33}to{text-shadow:0 0 30px #f59e0b80,0 0 60px #f59e0b1a}}@keyframes maintPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes maintGridPulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes maintParticleFloat{0%{opacity:.6;transform:translateY(0) translateX(0)}25%{opacity:.8;transform:translateY(-15vh) translateX(5vw)}50%{opacity:.5;transform:translateY(-25vh) translateX(-3vw)}75%{opacity:.7;transform:translateY(-10vh) translateX(-6vw)}to{opacity:.6;transform:translateY(0) translateX(0)}}@media (max-width:480px){.maintenance-title{font-size:1.5rem}.maint-icon{height:56px;width:56px}}@media (prefers-reduced-motion:reduce){.maint-grid-bg,.maint-icon,.maint-particles,.maint-particles:after,.maint-particles:before,.maint-status-dot,.maintenance-content,.maintenance-title{animation:none}}.stock-ticker{align-items:center;background-color:var(--color-ui-background);border:1px solid var(--color-ui-border);border-radius:4px;border-radius:var(--border-radius-sm,4px);cursor:pointer;display:flex;height:38px;overflow:hidden;position:relative;transition:all .2s ease;transition:all var(--transition-normal,.2s ease);width:400px}.stock-ticker:hover{border-color:#dc262666;box-shadow:0 0 15px #dc262626}.stock-ticker-content{animation:scroll-left 30s linear infinite;display:flex;white-space:nowrap;will-change:transform}.stock-ticker:hover .stock-ticker-content{animation-play-state:paused}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.stock-item{align-items:center;border-right:1px solid #ffffff0d;display:inline-flex;font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.8rem;gap:8px;padding:8px 20px}.stock-symbol{color:var(--color-text-secondary);font-weight:600;letter-spacing:.5px}.stock-price{color:var(--color-text-primary);font-weight:500}.stock-change{font-size:.75rem;font-weight:500}.stock-change.positive{color:var(--color-success)}.stock-change.negative{color:var(--color-danger)}.stock-ticker-overlay{align-items:center;background-color:#dc26261a;border:1px solid #dc262666;border-radius:4px;border-radius:var(--border-radius-sm,4px);bottom:0;display:none;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.stock-ticker:hover .stock-ticker-overlay{display:flex}.stock-ticker-overlay-text{color:var(--color-brand-primary);font-size:.75rem;font-weight:600;letter-spacing:1px;text-shadow:0 0 10px #dc262680;text-transform:uppercase}@media (max-width:992px){.stock-ticker{width:300px}}@media (max-width:768px){.stock-ticker{display:none}}.mail-icon-btn{background:none;border:none;border-radius:8px;cursor:pointer;padding:.5rem;position:relative;transition:background .2s ease}.mail-icon-btn:hover{background:#ffffff1a}.mail-icon-envelope{background:#ffffffd9;background:var(--color-text-secondary,#ffffffd9);-webkit-clip-path:polygon(0 15%,50% 50%,100% 15%,100% 85%,0 85%);clip-path:polygon(0 15%,50% 50%,100% 15%,100% 85%,0 85%);display:inline-block;height:20px;width:20px}.mail-icon-btn:hover .mail-icon-envelope{background:#dc2626;background:var(--color-brand-primary,#dc2626)}.mail-badge{background:var(--color-danger);border-radius:10px;color:var(--color-text-primary);font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:0;top:0;transform:translate(25%,-25%)}.mail-badge,.vip-status-badge{align-items:center;display:flex}.vip-status-badge{background:#0000004d;border:1px solid #2a2a4e;border-radius:20px;cursor:pointer;gap:.5rem;padding:.4rem .75rem;position:relative;transition:all .2s ease}.vip-status-badge:hover{background:#ffffff1a}.vip-status-badge.is-vip{background:linear-gradient(135deg,#ffd7001a,#0000004d)}.vip-status-badge.is-expiring{animation:vipBadgeExpiryPulse 2s ease-in-out infinite}.vip-status-badge.disabled{cursor:not-allowed;opacity:.6}.vip-status-badge .vip-badge-icon{align-items:center;display:flex;justify-content:center}.vip-status-badge .vip-tier-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.vip-expiry-dot{animation:vipExpiryDotPulse 1s ease-in-out infinite;background:#ef4444;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}@keyframes vipBadgeExpiryPulse{0%,to{border-color:#ef44444d}50%{border-color:#ef4444b3}}@keyframes vipExpiryDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.vip-status-badge .vip-icon-crown,.vip-status-badge .vip-icon-star{display:inline-block;height:1rem;vertical-align:middle;width:1rem}.vip-status-badge .vip-icon-crown{background:linear-gradient(135deg,gold,#fa0);-webkit-clip-path:polygon(0 90%,0 40%,20% 55%,50% 10%,80% 55%,100% 40%,100% 90%);clip-path:polygon(0 90%,0 40%,20% 55%,50% 10%,80% 55%,100% 40%,100% 90%)}.vip-status-badge .vip-icon-star{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@media (prefers-reduced-motion:reduce){.vip-expiry-dot,.vip-status-badge.is-expiring{animation:none!important}}.dlc-overlay{align-items:center;animation:dlcFadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-battle-fx)}.dlc-popup{animation:dlcSlideIn .3s ease-out;background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e);border:1px solid #2a2a4a;border:1px solid var(--color-border,#2a2a4a);border-radius:12px;box-shadow:0 0 40px #ffa5001a,0 0 80px #ff78000d,0 8px 32px #00000080;max-height:90vh;max-width:95vw;overflow-x:hidden;overflow-y:auto;position:relative;width:560px}.dlc-popup:before{animation:dlcStarTwinkle 8s ease-in-out infinite alternate;background:radial-gradient(1px 1px at 10% 12%,#ffa50080,#0000),radial-gradient(1.5px 1.5px at 22% 38%,#ff780066,#0000),radial-gradient(1px 1px at 35% 65%,#ffc83280,#0000),radial-gradient(1px 1px at 48% 18%,#ffa5004d,#0000),radial-gradient(1.5px 1.5px at 60% 82%,#ff780080,#0000),radial-gradient(1px 1px at 72% 42%,#ffc83266,#0000),radial-gradient(1px 1px at 85% 70%,#ffa50066,#0000),radial-gradient(1.5px 1.5px at 15% 88%,#ff78004d,#0000),radial-gradient(1px 1px at 40% 30%,#ffc8324d,#0000),radial-gradient(1px 1px at 55% 55%,#ffa50080,#0000),radial-gradient(1.5px 1.5px at 68% 15%,#ff780066,#0000),radial-gradient(1px 1px at 80% 92%,#ffc8324d,#0000),radial-gradient(1px 1px at 92% 25%,#ffa50066,#0000),radial-gradient(1.5px 1.5px at 8% 55%,#ff780080,#0000),radial-gradient(1px 1px at 28% 78%,#ffc83266,#0000),radial-gradient(1px 1px at 50% 95%,#ffa5004d,#0000),radial-gradient(1.5px 1.5px at 75% 5%,#ff780066,#0000),radial-gradient(1px 1px at 95% 60%,#ffc83280,#0000),radial-gradient(1px 1px at 18% 22%,#ffa5004d,#0000),radial-gradient(1.5px 1.5px at 42% 48%,#ff78004d,#0000);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.dlc-popup>*{position:relative;z-index:1}.dlc-header{align-items:center;background:linear-gradient(135deg,#ffa5000f,#0000);border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--color-border,#2a2a4a);display:flex;justify-content:space-between;overflow:hidden;padding:16px 20px;position:relative}.dlc-header:after{animation:dlcScanLine 5s linear infinite;background:linear-gradient(90deg,#0000,#ffa5000f,#ffc8320a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.dlc-title-row{align-items:center;display:flex;gap:10px}.dlc-icon-flame{animation:dlcFlameFlicker 1.5s ease-in-out infinite alternate;background:linear-gradient(0deg,#f60,#f93,#fc0);-webkit-clip-path:polygon(50% 0,65% 25%,80% 50%,70% 45%,85% 80%,60% 65%,65% 100%,50% 85%,35% 100%,40% 65%,15% 80%,30% 45%,20% 50%,35% 25%);clip-path:polygon(50% 0,65% 25%,80% 50%,70% 45%,85% 80%,60% 65%,65% 100%,50% 85%,35% 100%,40% 65%,15% 80%,30% 45%,20% 50%,35% 25%);display:inline-block;height:22px;width:22px}.dlc-title{color:#e0e0e0;color:var(--color-text-primary,#e0e0e0);font-size:1.1rem;font-weight:700;letter-spacing:.03em}.dlc-close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s,border-color .2s;width:32px}.dlc-close-btn:hover{background:#ffffff0f;border-color:#2a2a4a;border-color:var(--color-border,#2a2a4a)}.dlc-close-btn .hdr-icon-close{height:14px;width:14px}.dlc-streak-bar{align-items:center;background:#ffa5000a;border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--color-border,#2a2a4a);display:flex;gap:16px;overflow:hidden;padding:12px 20px;position:relative}.dlc-streak-bar:before{animation:dlcEmberSweep 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffa5000f 30%,#ff780008 60%,#0000);content:"";inset:0;pointer-events:none;position:absolute}.dlc-streak-count{align-items:center;color:orange;display:flex;font-size:1.3rem;font-weight:800;gap:6px}.dlc-streak-label{color:#888;color:var(--color-text-muted,#888);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.dlc-bonus-badge{align-items:center;background:#00ff641a;border:1px solid #00ff6433;border-radius:20px;color:#00ff64;display:inline-flex;font-size:.75rem;font-weight:700;gap:4px;padding:3px 10px}.dlc-milestone-info{color:#888;color:var(--color-text-muted,#888);font-size:.75rem;margin-left:auto}.dlc-milestone-days{color:orange;font-weight:700}.dlc-grid-wrapper{padding:16px 20px}.dlc-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.dlc-day{align-items:center;background:#ffffff05;border:1px solid #2a2a4a;border:1px solid var(--color-border,#2a2a4a);border-radius:8px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:72px;overflow:hidden;padding:10px 4px;position:relative;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s}.dlc-day:not(.dlc-day--future):not(.dlc-day--missed):hover{border-color:#ffa5004d;box-shadow:inset 0 0 20px #ffa5000a,0 0 8px #ffa5000f}.dlc-day:after{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transform:rotate(25deg);transition:opacity .3s;width:30%}.dlc-day:hover:after{animation:dlcShineReveal .6s ease-out forwards;opacity:1}.dlc-day-number{color:#888;color:var(--color-text-muted,#888);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.dlc-day-reward{color:#aaa;color:var(--color-text-secondary,#aaa);font-size:.7rem;line-height:1.2;text-align:center}.dlc-day--claimed{background:#00c8500f;border-color:#00c8504d}.dlc-day--claimed .dlc-day-number{color:#00c850}.dlc-icon-check{display:inline-block;height:18px;position:relative;width:18px}.dlc-icon-check:after,.dlc-icon-check:before{background:#00c850;border-radius:1px;content:"";position:absolute}.dlc-icon-check:before{bottom:6px;height:2px;left:2px;transform:rotate(45deg);width:6px}.dlc-icon-check:after{bottom:7px;height:2px;left:4px;transform:rotate(-45deg);width:12px}.dlc-day--today{background:#ffa50014;border-color:orange;box-shadow:0 0 12px #ffa50026}.dlc-day--today .dlc-day-number{color:orange;font-weight:700}.dlc-day--claimable{animation:dlcPulse 2s ease-in-out infinite;background:#ffa5001a;border-color:orange;cursor:pointer}.dlc-day--claimable:hover{background:#ffc80026;border-color:#fc0;transform:scale(1.05)}.dlc-icon-gift{display:inline-block;height:20px;position:relative;width:20px}.dlc-icon-gift:before{background:linear-gradient(135deg,orange,#f60);border-radius:3px;content:"";inset:4px 2px 0;position:absolute}.dlc-icon-gift:after{border:2px solid #fc0;border-bottom:none;border-radius:6px 6px 0 0;content:"";height:6px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:12px}.dlc-day--milestone{animation:dlcMilestoneGlow 3s ease-in-out infinite;background:#c896ff0f;border-color:#c896ff66}.dlc-day--milestone .dlc-day-number{color:#c896ff}.dlc-milestone-star{background:linear-gradient(135deg,#c896ff,#9b59b6);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:14px;width:14px}.dlc-day--future{border-style:dashed;opacity:.5}.dlc-day--missed{opacity:.35}.dlc-actions{border-top:1px solid #2a2a4a;border-top:1px solid var(--color-border,#2a2a4a);display:flex;justify-content:center;padding:12px 20px 16px}.dlc-claim-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:8px;letter-spacing:.04em;padding:10px 28px;text-transform:uppercase;transition:background .2s,transform .15s,box-shadow .2s}.dlc-claim-btn--active{animation:dlcBtnGlow 2s ease-in-out infinite;background:linear-gradient(135deg,orange,#f60);box-shadow:0 0 20px #ffa5004d;color:var(--color-text-on-badge);overflow:hidden;position:relative}.dlc-claim-btn--active:after{animation:dlcBtnShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.dlc-claim-btn--active:hover{background:linear-gradient(135deg,#ffb732,#f73);box-shadow:0 0 35px #ffa50080,0 0 60px #ff640026;transform:translateY(-2px)}.dlc-claim-btn--active:active{transform:translateY(0)}.dlc-claim-btn--claimed{background:#00c85026;border:1px solid #00c8504d;color:#00c850;cursor:default}.dlc-claim-btn--loading{background:#ffa50026;color:#888;color:var(--color-text-muted,#888);cursor:wait}.dlc-celebration{border-radius:12px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.dlc-particle{animation:dlcParticleFall 1.5s ease-out forwards;border-radius:50%;height:4px;position:absolute;width:4px}.dlc-loading{display:flex;flex-direction:column;gap:12px;padding:20px}.dlc-skeleton{animation:dlcSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a2e 25%,#ffa5000f 50%,#1a1a2e 75%);background:linear-gradient(90deg,var(--color-bg-secondary,#1a1a2e) 25%,#ffa5000f 50%,var(--color-bg-secondary,#1a1a2e) 75%);background-size:200% 100%;border-radius:6px}.dlc-skeleton-streak{border-radius:0;height:48px}.dlc-skeleton-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);padding:0 0 8px}.dlc-skeleton-day{border-radius:8px;height:72px}.dlc-skeleton-btn{height:42px;margin:0 auto;width:200px}.dlc-spinner{animation:dlcSpin .8s linear infinite;border:2px solid #ffa50033;border-radius:50%;border-top-color:orange;display:inline-block;height:20px;margin-right:10px;width:20px}.dlc-error{color:#888;color:var(--color-text-muted,#888);font-size:.85rem;padding:40px 20px;text-align:center}.dlc-error-retry{background:#ffa5001a;border:1px solid #ffa5004d;border-radius:6px;color:orange;cursor:pointer;font-size:.8rem;margin-top:12px;padding:6px 16px;transition:background .2s}.dlc-error-retry:hover{background:#ffa50033}@keyframes dlcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dlcSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dlcPulse{0%,to{box-shadow:0 0 8px #ffa50026}50%{box-shadow:0 0 20px #ffa50059}}@keyframes dlcFlameFlicker{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.08) scaleX(.95)}to{transform:scaleY(.95) scaleX(1.05)}}@keyframes dlcSpin{to{transform:rotate(1turn)}}@keyframes dlcParticleFall{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(120px) scale(.3)}}@keyframes dlcCheckPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes dlcStarTwinkle{0%{opacity:.5}to{opacity:1}}@keyframes dlcScanLine{0%{left:-100%}to{left:200%}}@keyframes dlcEmberSweep{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes dlcSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes dlcBtnGlow{0%,to{box-shadow:0 0 20px #ffa5004d}50%{box-shadow:0 0 35px #ffa50080,0 0 60px #ff640026}}@keyframes dlcBtnShimmer{0%{left:-100%}50%,to{left:200%}}@keyframes dlcShineReveal{0%{left:-50%}to{left:120%}}@keyframes dlcMilestoneGlow{0%,to{box-shadow:0 0 6px #c896ff1a}50%{box-shadow:0 0 16px #c896ff40}}.dlc-day--just-claimed .dlc-icon-check{animation:dlcCheckPop .4s ease-out}@media (prefers-reduced-motion:reduce){.dlc-overlay,.dlc-popup{animation:none}.dlc-popup:before{animation:none;opacity:.7}.dlc-header:after,.dlc-streak-bar:before{animation:none;display:none}.dlc-claim-btn--active,.dlc-day--claimable,.dlc-day--just-claimed .dlc-icon-check,.dlc-day--milestone,.dlc-day:hover:after,.dlc-icon-flame,.dlc-particle,.dlc-spinner{animation:none}.dlc-claim-btn--active:after{animation:none;display:none}.dlc-skeleton{animation:none}}@media (max-width:600px){.dlc-popup{width:98vw}.dlc-grid{gap:6px;grid-template-columns:repeat(5,1fr)}.dlc-day{min-height:60px;padding:8px 2px}.dlc-streak-bar{flex-wrap:wrap;gap:8px}}.announcement-ticker{align-items:center;background:linear-gradient(180deg,#141418f7,#101014fa);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--color-ui-border,#ffffff14);cursor:pointer;display:flex;min-height:32px;overflow:hidden;position:relative;transition:background .2s ease,border-color .2s ease;width:100%}.announcement-ticker:hover{background:linear-gradient(180deg,#1c1c22fa,#14141afc);border-bottom-color:#dc262640}.announcement-ticker-content{animation:announcement-scroll-left 25s linear infinite;display:flex;white-space:nowrap;will-change:transform}.announcement-ticker:hover .announcement-ticker-content{animation-play-state:paused}@keyframes announcement-scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.announcement-ticker-item{align-items:center;border-right:1px solid #ffffff0f;color:#ffffffd9;color:var(--color-text-secondary,#ffffffd9);display:inline-flex;font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.8rem;padding:6px 24px}.announcement-ticker-overlay{align-items:center;background:#dc26260f;border-bottom:1px solid #dc262633;bottom:0;display:none;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.announcement-ticker:hover .announcement-ticker-overlay{display:flex}.announcement-ticker-overlay-text{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}@media (max-width:768px){.announcement-ticker{min-height:28px}.announcement-ticker-item{font-size:.75rem;padding:4px 16px}}@media (prefers-reduced-motion:reduce){.announcement-ticker-content{animation:none}}.confirmation-modal .modal-body{padding:1.5rem;text-align:center}.confirmation-modal-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.confirmation-modal-icon{align-items:center;background:#ffffff0d;border-radius:50%;color:var(--color-text-secondary);display:flex;height:64px;justify-content:center;width:64px}.confirmation-modal-message{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0;max-width:400px}.confirmation-modal-body{margin-top:.5rem;width:100%}.confirmation-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;width:100%}.confirmation-modal-danger .confirmation-modal-icon{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.confirmation-modal-warning .confirmation-modal-icon{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.confirmation-modal-success .confirmation-modal-icon{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.confirmation-modal-info .confirmation-modal-icon{background:rgba(var(--color-info-rgb),.1);color:var(--color-info)}@media (max-width:480px){.confirmation-modal-actions{flex-direction:column-reverse}.confirmation-modal-actions button{width:100%}}@keyframes notifCardFadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notification-card{align-items:flex-start;animation:notifCardFadeSlide .3s ease both;background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border-left:3px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-left-width:3px;border-radius:6px;border-radius:var(--border-radius-md,6px);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);overflow:hidden;padding:14px;position:relative;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;transition:background var(--transition-normal,.2s ease),border-color var(--transition-normal,.2s ease),box-shadow var(--transition-normal,.2s ease),transform var(--transition-normal,.2s ease)}.notification-card:hover{background:#1a1a1a;background:var(--color-ui-hover,#1a1a1a);border-color:#dc262659;box-shadow:0 6px 20px #00000059,0 0 12px #dc262614;transform:translateY(-2px)}.notification-card:before{background:linear-gradient(90deg,#0000,#dc2626,#0000);background:linear-gradient(90deg,#0000,var(--color-brand-primary,#dc2626),#0000);content:"";height:1px;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;transition:opacity var(--transition-normal,.2s ease);width:100%}.notification-card:hover:before{animation:scanLine 2.5s linear infinite;opacity:1}.notification-card--unread{background:#dc26261f;border-left-color:#dc2626;border-left-color:var(--color-brand-primary,#dc2626)}.notification-card--read{opacity:.75}.notification-card--priority-urgent{animation:notifCardFadeSlide .3s ease both,urgentGlow 2s ease-in-out infinite;border-color:#dc262680;box-shadow:0 0 12px #dc262640,inset 0 0 20px #dc26260d}@keyframes urgentGlow{0%,to{box-shadow:0 0 10px #dc262633,inset 0 0 15px #dc262608}50%{box-shadow:0 0 20px #dc262666,inset 0 0 25px #dc26260f}}.notification-card--priority-high{border-left-color:#f59e0b;border-left-color:var(--color-warning,#f59e0b);box-shadow:0 0 8px #f59e0b26}.notification-card__icon{align-items:center;background:#0a0a0a;background:var(--color-ui-background,#0a0a0a);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:6px;border-radius:var(--border-radius-md,6px);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-card__icon-glyph{display:block;height:20px;width:20px}.notification-card--battle .notification-card__icon{border-color:#dc262659}.notification-card--battle .notification-card__icon-glyph{background:#dc2626;background:var(--color-brand-primary,#dc2626);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5H5l3.5 3.5-3.71 3.71a1 1 0 0 0 0 1.41l.71.71a1 1 0 0 0 1.41 0L10.62 11 14 14.38l-3.71 3.71a1 1 0 0 0 0 1.41l.71.71a1 1 0 0 0 1.41 0l3.71-3.71L19 19.38v-1.92L6.92 5zM19 5h-2l-5 5 1.41 1.41L19 5.83V5zM5 19h2l5-5-1.41-1.41L5 18.17V19z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5H5l3.5 3.5-3.71 3.71a1 1 0 0 0 0 1.41l.71.71a1 1 0 0 0 1.41 0L10.62 11 14 14.38l-3.71 3.71a1 1 0 0 0 0 1.41l.71.71a1 1 0 0 0 1.41 0l3.71-3.71L19 19.38v-1.92L6.92 5zM19 5h-2l-5 5 1.41 1.41L19 5.83V5zM5 19h2l5-5-1.41-1.41L5 18.17V19z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--market .notification-card__icon{border-color:#22c55e59}.notification-card--market .notification-card__icon-glyph{background:#22c55e;background:var(--color-success,#22c55e);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5 18.49 6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.5 18.49 6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--achievement .notification-card__icon{border-color:#f59e0b59}.notification-card--achievement .notification-card__icon-glyph{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--quest .notification-card__icon{border-color:#00d4c859}.notification-card--quest .notification-card__icon-glyph{background:#00d4c8;background:var(--color-brand-secondary,#00d4c8);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--alliance .notification-card__icon{border-color:#8b5cf659}.notification-card--alliance .notification-card__icon-glyph{background:#8b5cf6;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--system .notification-card__icon-glyph{background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--social .notification-card__icon-glyph{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--resource .notification-card__icon-glyph{background:linear-gradient(135deg,#f59e0b,#b45309);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 12c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm1.65 7.35L17 17.71V14h-1v4.29l2.35 2.35.65-.65zM18 3h-3.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H6c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h6.11a6.743 6.743 0 0 1-1.42-2H6V5h2v3h8V5h2v5.08c.71.1 1.38.31 2 .6V5c0-1.1-.9-2-2-2zm-6 2c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 12c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm1.65 7.35L17 17.71V14h-1v4.29l2.35 2.35.65-.65zM18 3h-3.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H6c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h6.11a6.743 6.743 0 0 1-1.42-2H6V5h2v3h8V5h2v5.08c.71.1 1.38.31 2 .6V5c0-1.1-.9-2-2-2zm-6 2c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--default .notification-card__icon-glyph{background:#a0a0a0;background:var(--color-text-secondary,#a0a0a0);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4a2 2 0 0 0 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--battle{border-left-color:#dc2626;border-left-color:var(--color-brand-primary,#dc2626)}.notification-card--market{border-left-color:#22c55e;border-left-color:var(--color-success,#22c55e)}.notification-card--achievement{border-left-color:#f59e0b;border-left-color:var(--color-brand-accent,#f59e0b)}.notification-card--quest{border-left-color:#00d4c8;border-left-color:var(--color-brand-secondary,#00d4c8)}.notification-card--alliance{border-left-color:#8b5cf6}.notification-card--system{border-left-color:#6b7280;border-left-color:var(--color-info,#6b7280)}.notification-card--social{border-left-color:#3b82f6}.notification-card--resource{border-left-color:#f59e0b;border-left-color:var(--color-warning,#f59e0b)}.notification-card--default{border-left-color:#2a2a2a;border-left-color:var(--color-ui-border,#2a2a2a)}.notification-card__body{flex:1 1;min-width:0}.notification-card__title{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.3;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-card__message,.notification-card__title{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.notification-card__message{word-wrap:break-word;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);line-height:1.4;margin:0}.notification-card__meta{align-items:center;display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);gap:1rem;gap:var(--spacing-md,1rem);margin-top:6px}.notification-card__timestamp{color:#505050;color:var(--color-text-muted,#505050)}.notification-card__action-hint{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-weight:500;font-weight:var(--font-weight-medium,500)}.notification-card__arrow{background:#505050;background:var(--color-text-muted,#505050);display:inline-block;flex-shrink:0;height:14px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") center/contain no-repeat;transition:background .2s ease;transition:background var(--transition-normal,.2s ease);width:14px}.notification-card:hover .notification-card__arrow,.notification-card__unread-dot{background:#dc2626;background:var(--color-brand-primary,#dc2626)}.notification-card__unread-dot{align-self:center;border-radius:50%;box-shadow:0 0 6px #dc262680;flex-shrink:0;height:8px;width:8px}.notification-card__indicators{align-items:center;align-self:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.notification-card__battle-layout{align-items:center;background:#dc26260f;border:1px solid #dc26261f;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:6px;padding:6px 10px}.notification-card__battle-vs{color:#505050;color:var(--color-text-muted,#505050);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:1px;text-transform:uppercase}.notification-card__battle-opponent{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500)}.notification-card__battle-result{border-radius:4px;border-radius:var(--border-radius-sm,4px);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px;margin-left:auto;padding:2px 10px;text-transform:uppercase}.notification-card__battle-result--win{background:#22c55e26;box-shadow:0 0 8px #22c55e33;color:#22c55e;color:var(--color-success,#22c55e)}.notification-card__battle-result--loss{background:#ef444426;box-shadow:0 0 8px #ef444433;color:var(--color-brand-primary-bright)}.notification-card__battle-result--draw{background:#6b728026;color:#6b7280;color:var(--color-info,#6b7280)}.notification-card__battle-damage{color:#707070;color:var(--color-text-tertiary,#707070);font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.notification-card__market-layout{align-items:center;background:#22c55e0d;border:1px solid #22c55e1a;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:6px;padding:6px 10px}.notification-card__market-item{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500)}.notification-card__market-price{font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-left:auto}.notification-card__market-price--up{color:#22c55e;color:var(--color-success,#22c55e)}.notification-card__market-price--down{color:var(--color-brand-primary-bright)}.notification-card__market-badge{border-radius:4px;border-radius:var(--border-radius-sm,4px);font-size:.65rem;font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px;padding:1px 8px;text-transform:uppercase}.notification-card__market-badge--buy{background:#22c55e26;color:#22c55e;color:var(--color-success,#22c55e)}.notification-card__market-badge--sell{background:#f59e0b26;color:#f59e0b;color:var(--color-brand-accent,#f59e0b)}.notification-card--achievement .notification-card__icon{background:linear-gradient(135deg,#f59e0b1a,#d977060d)}.notification-card__achievement-layout{margin-top:6px}.notification-card__achievement-name{color:#f59e0b;color:var(--color-brand-accent,#f59e0b);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:6px}.notification-card__achievement-progress{background:#2a2a2a;background:var(--color-ui-border,#2a2a2a);border-radius:2px;height:4px;overflow:hidden}.notification-card__achievement-progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--color-brand-accent,#f59e0b),#d97706);border-radius:2px;height:100%;position:relative;transition:width .4s ease}.notification-card__achievement-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.notification-card__quest-layout{background:#00d4c80d;border:1px solid #00d4c81a;border-radius:4px;border-radius:var(--border-radius-sm,4px);margin-top:6px;padding:6px 10px}.notification-card__quest-objective{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:4px}.notification-card__quest-reward{color:#707070;color:var(--color-text-tertiary,#707070);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.notification-card__quest-reward-value{color:#f59e0b;color:var(--color-brand-accent,#f59e0b);font-weight:600;font-weight:var(--font-weight-semibold,600)}.notification-card__alliance-layout{align-items:center;background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:6px;padding:6px 10px}.notification-card__alliance-name{color:#8b5cf6;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.notification-card__alliance-action{background:#8b5cf626;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#a78bfa;font-size:.65rem;font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px;margin-left:auto;padding:1px 8px;text-transform:uppercase}@media (max-width:480px){.notification-card{gap:.25rem;gap:var(--spacing-xs,.25rem);padding:10px}.notification-card__icon{height:30px;width:30px}.notification-card__icon-glyph{height:16px;width:16px}.notification-card__message,.notification-card__title{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.notification-card__alliance-layout,.notification-card__battle-layout,.notification-card__market-layout,.notification-card__quest-layout{flex-wrap:wrap;padding:4px 8px}.notification-card__battle-damage{margin-top:2px;width:100%}.notification-card__arrow{display:none}}@keyframes notifGroupFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes notifSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes notifPulseGlow{0%,to{box-shadow:0 0 6px #dc262626}50%{box-shadow:0 0 14px #dc262659}}.notification-list{background:#0a0a0a;background:var(--color-ui-background,#0a0a0a);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:6px;border-radius:var(--border-radius-md,6px);box-shadow:0 4px 20px #00000080;box-shadow:var(--shadow-md,0 4px 20px #00000080);max-width:600px;width:100%}.notification-list-header{background:#141414;background:var(--color-ui-elevated,#141414);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);padding:14px 16px 10px;position:relative}.notification-list-header:after{background:linear-gradient(90deg,#0000,#dc26264d 50%,#0000);bottom:-1px;content:"";height:1px;left:0;pointer-events:none;position:absolute;width:100%}.notification-list-header .header-left{gap:.5rem;gap:var(--spacing-sm,.5rem)}.notification-list-header .header-left h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:1rem;font-weight:var(--font-weight-semibold,600);letter-spacing:.02em}.unread-badge{animation:notifPulseGlow 2.5s ease-in-out infinite;background:#dc2626;background:var(--color-brand-primary,#dc2626);box-shadow:0 0 8px #dc262666;display:inline-flex;font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:700;font-weight:var(--font-weight-bold,700);line-height:1.5;padding:1px 8px}.header-actions{gap:.25rem;gap:var(--spacing-xs,.25rem)}.archive-all-read-btn,.mark-all-read-btn{align-items:center;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);cursor:pointer;display:inline-flex;font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px;padding:5px 10px;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;transition:color var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),background var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.mark-all-read-btn:hover{background:#dc26260f;border-color:#dc262666;box-shadow:0 0 10px #dc262626,0 0 0 #0000;box-shadow:0 0 10px #dc262626,var(--glow-primary,0 0 0 #0000);color:#dc2626;color:var(--color-brand-primary,#dc2626)}.archive-all-read-btn:hover{background:#00d4c80f;border-color:#00d4c866;box-shadow:0 0 10px #00d4c826;color:#00d4c8;color:var(--color-brand-secondary,#00d4c8)}.notification-filters{-ms-overflow-style:none;align-items:center;background:#141414;background:var(--color-ui-elevated,#141414);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);gap:2px;padding:0 12px;scrollbar-width:none}.notification-filters::-webkit-scrollbar{display:none}.filter-btn{color:#505050;color:var(--color-text-muted,#505050);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.06em;padding:10px 14px;position:relative;text-transform:uppercase;transition:color .15s ease;transition:color var(--transition-fast,.15s ease)}.filter-btn:after{background:#dc2626;background:var(--color-brand-primary,#dc2626);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-normal,.2s ease),box-shadow var(--transition-normal,.2s ease);width:70%}.filter-btn:hover{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.filter-btn.active{color:#dc2626;color:var(--color-brand-primary,#dc2626)}.filter-btn.active:after{box-shadow:0 0 8px #dc262680;transform:translateX(-50%) scaleX(1)}.notification-search{align-items:center;background:#141414;background:var(--color-ui-elevated,#141414);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);display:flex;gap:8px;padding:8px 12px}.notification-search__icon{background:#505050;background:var(--color-text-muted,#505050);flex-shrink:0;height:16px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat;width:16px}.notification-search__input{background:#0a0a0a;background:var(--color-ui-surface,#0a0a0a);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:4px;color:#e0e0e0;color:var(--color-text-primary,#e0e0e0);flex:1 1;font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);min-width:0;outline:none;padding:6px 8px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.notification-search__input::placeholder{color:#505050;color:var(--color-text-muted,#505050)}.notification-search__input:focus{border-color:#dc262680;box-shadow:0 0 0 2px #dc262626}.notification-search__clear{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:#505050;color:var(--color-text-muted,#505050);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;line-height:1;padding:0;transition:background .15s ease,color .15s ease;transition:background var(--transition-fast,.15s ease),color var(--transition-fast,.15s ease);width:20px}.notification-search__clear:hover{background:#dc262633;color:#e0e0e0;color:var(--color-text-primary,#e0e0e0)}.notification-grouping-toggle{align-items:center;background:#141414;background:var(--color-ui-elevated,#141414);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);display:flex;padding:6px 12px}.group-toggle-btn{align-items:center;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#505050;color:var(--color-text-muted,#505050);cursor:pointer;display:inline-flex;font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:500;font-weight:var(--font-weight-medium,500);gap:5px;padding:4px 10px;transition:color .15s ease,border-color .15s ease,background .15s ease;transition:color var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),background var(--transition-fast,.15s ease)}.group-toggle-btn:hover{border-color:#dc262640;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.group-toggle-btn.active{background:#dc26260f;border-color:#dc262666;box-shadow:0 0 6px #dc26261f;color:#dc2626;color:var(--color-brand-primary,#dc2626)}.notifications-container{max-height:65vh;padding:8px 12px 12px}.notifications-container::-webkit-scrollbar{width:6px}.notifications-container::-webkit-scrollbar-track{background:#0a0a0a;background:var(--color-ui-background,#0a0a0a);border-radius:3px}.notifications-container::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--color-ui-border,#2a2a2a);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.notifications-container::-webkit-scrollbar-thumb:hover{background:#dc262659}.notifications-container{scrollbar-color:#2a2a2a #0a0a0a;scrollbar-color:var(--color-ui-border,#2a2a2a) var(--color-ui-background,#0a0a0a);scrollbar-width:thin}.notification-group{animation:notifGroupFadeIn .35s ease both;margin-bottom:4px}.notification-group:first-child{animation-delay:0s}.notification-group:nth-child(2){animation-delay:.06s}.notification-group:nth-child(3){animation-delay:.12s}.notification-group:nth-child(4){animation-delay:.18s}.notification-group:nth-child(5){animation-delay:.24s}.notification-group:nth-child(6){animation-delay:.3s}.notification-group:nth-child(7){animation-delay:.36s}.notification-group:nth-child(8){animation-delay:.42s}.notification-group-header{background:#0a0a0a;background:var(--color-ui-background,#0a0a0a);border-bottom:1px solid #2a2a2a80;color:#505050;color:var(--color-text-muted,#505050);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-semibold,600);letter-spacing:.1em;padding:8px 6px 6px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.notification-group-header:after{background:linear-gradient(180deg,#0a0a0a,#0000);background:linear-gradient(180deg,var(--color-ui-background,#0a0a0a),#0000);bottom:-6px;content:"";height:6px;left:0;pointer-events:none;position:absolute;width:100%}.notification-type-group{animation:notifGroupFadeIn .35s ease both;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:6px;border-radius:var(--border-radius-md,6px);margin-bottom:4px;overflow:hidden}.notification-type-group-header{align-items:center;background:#141414;background:var(--color-ui-elevated,#141414);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s ease,box-shadow .15s ease;transition:background var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease);width:100%}.notification-type-group-header:hover{background:#1a1a1a;background:var(--color-ui-hover,#1a1a1a);box-shadow:inset 0 0 20px #dc262608}.notification-type-group-header.expanded{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a)}.notification-type-group-header.expanded:after{background:linear-gradient(90deg,#0000,#dc262633,#0000);bottom:0;content:"";height:1px;left:0;pointer-events:none;position:absolute;width:100%}.type-group-left{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);min-width:0}.type-group-icon{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);flex-shrink:0}.type-group-label{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-group-unread-badge{align-items:center;background:#dc2626;background:var(--color-brand-primary,#dc2626);border-radius:9px;box-shadow:0 0 6px #dc26264d;color:#fff;display:inline-flex;font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.65rem;font-weight:700;font-weight:var(--font-weight-bold,700);height:18px;justify-content:center;min-width:18px;padding:0 5px}.type-group-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--spacing-sm,.5rem)}.type-group-time{font-size:.75rem;font-size:var(--font-size-xs,.75rem);white-space:nowrap}.type-group-chevron,.type-group-time{color:#505050;color:var(--color-text-muted,#505050)}.type-group-chevron{display:inline-block;font-size:.7rem;transform:rotate(0deg);transition:transform .2s ease,color .2s ease;transition:transform var(--transition-normal,.2s ease),color var(--transition-normal,.2s ease)}.type-group-chevron.open{color:#dc2626;color:var(--color-brand-primary,#dc2626);transform:rotate(180deg)}.notification-type-group-items{background:#0a0a0a80;display:flex;flex-direction:column;gap:4px;padding:6px 8px 8px}.notification-type-group-items>.notification-card{animation:notifGroupFadeIn .25s ease both}.notification-type-group-items>.notification-card:first-child{animation-delay:0s}.notification-type-group-items>.notification-card:nth-child(2){animation-delay:.04s}.notification-type-group-items>.notification-card:nth-child(3){animation-delay:.08s}.notification-type-group-items>.notification-card:nth-child(4){animation-delay:.12s}.notification-type-group-items>.notification-card:nth-child(5){animation-delay:.16s}.notification-type-group-items>.notification-card:nth-child(6){animation-delay:.2s}.notification-type-group-items>.notification-card:nth-child(7){animation-delay:.24s}.notification-type-group-items>.notification-card:nth-child(8){animation-delay:.28s}.no-notifications{gap:.5rem;gap:var(--spacing-sm,.5rem);opacity:.45;padding:48px 24px}.no-notifications p{margin:0}.no-notifications p,.notification-loading{color:#505050;color:var(--color-text-muted,#505050);font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.notification-loading{gap:12px;padding:48px 24px}.loading-spinner{animation:notifSpinnerRotate .8s linear infinite;border:2px solid #2a2a2a;border-top-color:#dc2626;border:2px solid var(--color-ui-border,#2a2a2a);border-top-color:var(--color-brand-primary,#dc2626);box-shadow:0 0 10px #dc262633;height:28px;width:28px}.notification-load-more{align-items:center;background:#141414;background:var(--color-ui-elevated,#141414);border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border,#2a2a2a);padding:12px 16px}.notification-bulk-bar{align-items:center;background:#dc262614;border-bottom:1px solid #dc262633;display:flex;gap:10px;padding:8px 12px}.bulk-delete-btn,.bulk-select-all-btn{background:#ffffff0a;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:4px;color:#e0e0e0;color:var(--color-text-primary,#e0e0e0);cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);font-size:.75rem;font-size:var(--font-size-xs,.75rem);padding:4px 10px;transition:background .15s ease,border-color .15s ease;transition:background var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease)}.bulk-select-all-btn:hover{background:#ffffff14;border-color:#ffffff26}.bulk-delete-btn{border-color:#dc262666;color:var(--color-brand-primary-bright);margin-left:auto}.bulk-delete-btn:hover:not(:disabled){background:#dc262626;border-color:#dc262699}.bulk-delete-btn:disabled{cursor:not-allowed;opacity:.4}.bulk-count,.select-mode-btn{color:#505050;color:var(--color-text-muted,#505050);font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.select-mode-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Exo\ 2,sans-serif;font-family:"Exo 2",var(--font-family-primary,sans-serif);gap:5px;padding:4px 10px;transition:color .15s ease,background .15s ease;transition:color var(--transition-fast,.15s ease),background var(--transition-fast,.15s ease)}.select-mode-btn:hover{background:#ffffff0a;color:#e0e0e0;color:var(--color-text-primary,#e0e0e0)}.select-mode-btn.active{background:#dc262614;border-color:#dc26264d;color:var(--color-brand-primary-bright)}.notification-select-wrapper{align-items:stretch;display:flex}.notification-select-wrapper>.notification-card{flex:1 1;min-width:0}.notification-select-wrapper--active{gap:0}.notification-select-checkbox{align-items:center;background:#ffffff05;border-right:1px solid #2a2a2a;border-right:1px solid var(--color-ui-border,#2a2a2a);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;width:36px}.notification-select-checkbox input{height:0;opacity:0;position:absolute;width:0}.notification-select-checkbox__mark{background:#0000;border:2px solid #505050;border:2px solid var(--color-text-muted,#505050);border-radius:3px;display:block;height:16px;transition:background .15s ease,border-color .15s ease;transition:background var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease);width:16px}.notification-select-checkbox input:checked+.notification-select-checkbox__mark{background:var(--color-brand-primary);border-color:var(--color-brand-primary)}.notification-select-checkbox input:checked+.notification-select-checkbox__mark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:8px;margin:1px auto 0;transform:rotate(45deg);width:4px}.notification-select-checkbox:hover .notification-select-checkbox__mark{border-color:#dc262699}@media (max-width:480px){.notification-list{border-left:none;border-radius:0;border-right:none;max-width:100%}.notification-list-header{flex-wrap:wrap;gap:6px;padding:10px 12px 8px}.notification-list-header .header-left h3{font-size:.875rem;font-size:var(--font-size-sm,.875rem)}.header-actions{gap:2px}.archive-all-read-btn span,.mark-all-read-btn span{display:none}.archive-all-read-btn,.mark-all-read-btn{padding:5px 8px}.notification-filters{padding:0 8px}.filter-btn{font-size:.65rem;padding:8px 10px}.notification-grouping-toggle{padding:5px 8px}.notifications-container{max-height:55vh;padding:6px 8px 8px}.notification-group-header{font-size:.65rem;padding:6px 4px 5px}.notification-type-group-header{padding:8px 10px}.type-group-label{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.type-group-time{display:none}.notification-type-group-items{padding:4px 4px 6px}.no-notifications,.notification-loading{padding:32px 16px}.notification-load-more{padding:10px 12px}}.notif-icon--star{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E") center/contain no-repeat}.notif-icon--gift,.notif-icon--star{display:inline-block;height:18px;width:18px}.notif-icon--gift{background:linear-gradient(135deg,#ec4899,#db2777);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E") center/contain no-repeat}.notif-icon--alert{background:linear-gradient(135deg,var(--color-brand-primary-bright),var(--color-brand-primary));-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") center/contain no-repeat}.notif-icon--alert,.notif-icon--calendar{display:inline-block;height:18px;width:18px}.notif-icon--calendar{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E") center/contain no-repeat}.notif-icon--power{background:linear-gradient(135deg,var(--rarity-legendary),var(--color-brand-primary-bright));display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.notif-hex-priority{align-items:center;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-primary-dark));-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;display:flex;font-size:.6rem;font-weight:700;height:28px;justify-content:center;width:28px}.notif-diamond{animation:notifDiamondPulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-brand-primary),#f97316);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex-shrink:0;height:12px;width:12px}@keyframes notifDiamondPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.notif-octagon{align-items:center;background:linear-gradient(135deg,#00d4c833,#00d4c80d);-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);display:flex;height:24px;justify-content:center;width:24px}.notif-arrow-accent{background:linear-gradient(90deg,#0000,#dc26264d,#0000);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);height:4px;width:100%}.notif-pentagon-achievement{align-items:center;background:linear-gradient(135deg,#f59e0b4d,#f59e0b1a);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);display:flex;height:32px;justify-content:center;width:32px}.notif-shield-badge{background:linear-gradient(135deg,#8b5cf64d,#8b5cf61a);-webkit-clip-path:polygon(50% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%);clip-path:polygon(50% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%);height:32px;width:28px}.notification-card--battle:hover{background:linear-gradient(135deg,#dc26260f,#dc262605)}.notification-card--market:hover{background:linear-gradient(135deg,#22c55e0f,#22c55e05)}.notification-card--achievement:hover{background:linear-gradient(135deg,#f59e0b0f,#f59e0b05)}.notification-card--quest:hover{background:linear-gradient(135deg,#00d4c80f,#00d4c805)}.notification-card--alliance:hover{background:linear-gradient(135deg,#8b5cf60f,#8b5cf605)}.notification-card--battle .notification-card__icon{background:linear-gradient(135deg,#dc26261a,#dc262608)}.notification-card--market .notification-card__icon{background:linear-gradient(135deg,#22c55e1a,#22c55e08)}.notification-card--quest .notification-card__icon{background:linear-gradient(135deg,#00d4c81a,#00d4c808)}.notification-card--alliance .notification-card__icon{background:linear-gradient(135deg,#8b5cf61a,#8b5cf608)}.notification-card__action-hint{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-brand-primary),#f97316);-webkit-background-clip:text;background-clip:text}.filter-btn.active{background:linear-gradient(180deg,#dc262614,#0000)}.mark-all-read-btn:hover{background:linear-gradient(135deg,#dc262614,#dc262608)}.unread-badge{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-primary-dark))}.notification-card__battle-result--win{background:linear-gradient(135deg,#22c55e33,#22c55e14)}.notification-card__battle-result--loss{background:linear-gradient(135deg,#ef444433,#ef444414)}.notification-card__market-badge--buy{background:linear-gradient(135deg,#22c55e33,#22c55e14)}.notification-card__market-badge--sell{background:linear-gradient(135deg,#f59e0b33,#f59e0b14)}.notification-list{position:relative}.notification-list:before{animation:notifParticleShimmer 25s linear infinite;background-image:radial-gradient(1px 1px at 15% 25%,#dc26261a 50%,#0000 0),radial-gradient(1px 1px at 45% 65%,#00d4c814 50%,#0000 0),radial-gradient(1px 1px at 75% 35%,#8b5cf60f 50%,#0000 0),radial-gradient(1px 1px at 85% 85%,#dc262614 50%,#0000 0);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@keyframes notifParticleShimmer{0%{opacity:.4;transform:translateY(0)}50%{opacity:.7;transform:translateY(-10px)}to{opacity:.4;transform:translateY(0)}}.notification-card--priority-urgent:after{animation:urgentCornerFlash 2s ease-in-out infinite;border-right:2px solid #dc262680;border-top:2px solid #dc262680;content:"";height:14px;pointer-events:none;position:absolute;right:2px;top:2px;width:14px}@keyframes urgentCornerFlash{0%,to{opacity:.4}50%{opacity:1}}.notification-type-group-header{background:linear-gradient(90deg,#141414,#dc262608);background:linear-gradient(90deg,var(--color-ui-elevated,#141414) 0,#dc262608 100%)}.notification-type-group-header:hover{background:linear-gradient(90deg,#1a1a1a,#dc26260f);background:linear-gradient(90deg,var(--color-ui-hover,#1a1a1a) 0,#dc26260f 100%)}.notification-type-group-header[data-type=battle]{border-left:2px solid #dc262666}.notification-type-group-header[data-type=market]{border-left:2px solid #22c55e66}.notification-type-group-header[data-type=achievement]{border-left:2px solid #f59e0b66}.notification-type-group-header[data-type=quest]{border-left:2px solid #00d4c866}.notification-type-group-header[data-type=alliance]{border-left:2px solid #8b5cf666}.no-notifications:before{animation:notifEmptyBellSwing 3s ease-in-out infinite;background:linear-gradient(135deg,#dc262626,#dc26260d);content:"";display:block;height:48px;margin-bottom:8px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.3;width:48px}@keyframes notifEmptyBellSwing{0%,to{transform:rotate(0deg)}15%{transform:rotate(8deg)}30%{transform:rotate(-6deg)}45%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}75%{transform:rotate(0deg)}}.notification-card__system-layout{background:#6b72800f;border:1px solid #6b72801a;border-radius:4px;border-radius:var(--border-radius-sm,4px);margin-top:6px;padding:6px 10px}.notification-card__system-detail{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.875rem;font-size:var(--font-size-sm,.875rem);line-height:1.4}.notification-card__resource-layout{align-items:center;background:#f59e0b0f;border:1px solid #f59e0b1a;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:6px;padding:6px 10px}.notification-card__resource-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500)}.notification-card__resource-amount{color:#22c55e;color:var(--color-success,#22c55e);font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-left:auto}.notification-card__resource-amount--loss{color:var(--color-brand-primary-bright)}.notification-card__event-layout{align-items:center;background:#06b6d40f;border:1px solid #06b6d41a;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:6px;padding:6px 10px}.notification-card__event-name{color:#06b6d4;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.notification-card__event-time{color:#505050;color:var(--color-text-muted,#505050);font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.75rem;font-size:var(--font-size-xs,.75rem);margin-left:auto}.notification-card__social-layout{align-items:center;background:#3b82f60f;border:1px solid #3b82f61a;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:6px;padding:6px 10px}.notification-card__social-user{color:#3b82f6;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:600;font-weight:var(--font-weight-semibold,600)}.notification-card__social-action{background:#3b82f626;border-radius:4px;border-radius:var(--border-radius-sm,4px);color:#60a5fa;font-size:.65rem;font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.5px;margin-left:auto;padding:1px 8px;text-transform:uppercase}.notification-card__reward-layout{align-items:center;background:#ec48990f;border:1px solid #ec48991a;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:6px;padding:6px 10px}.notification-card__reward-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500)}.notification-card__reward-amount{color:#ec4899;font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin-left:auto;text-shadow:0 0 8px #ec48994d}.notification-card--event{border-left-color:#06b6d4}.notification-card--admin{border-left-color:var(--color-brand-primary-bright)}.notification-card--reward{border-left-color:#ec4899}.notification-card--event .notification-card__icon{border-color:#06b6d459}.notification-card--event .notification-card__icon-glyph{background:#06b6d4;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--admin .notification-card__icon{border-color:#ef444459}.notification-card--admin .notification-card__icon-glyph{background:linear-gradient(135deg,var(--color-brand-primary-bright),var(--color-brand-primary));-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--reward .notification-card__icon{border-color:#ec489959}.notification-card--reward .notification-card__icon-glyph{background:linear-gradient(135deg,#ec4899,#db2777);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 11 8.76l1-1.36 1 1.36L15.38 12 17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E") center/contain no-repeat}.notification-card--system:hover{background:linear-gradient(135deg,#6b72800f,#6b728005)}.notification-card--resource:hover{background:linear-gradient(135deg,#f59e0b0f,#f59e0b05)}.notification-card--event:hover{background:linear-gradient(135deg,#06b6d40f,#06b6d405)}.notification-card--social:hover{background:linear-gradient(135deg,#3b82f60f,#3b82f605)}.notification-card--admin:hover{background:linear-gradient(135deg,#ef44440f,#ef444405)}.notification-card--reward:hover{background:linear-gradient(135deg,#ec48990f,#ec489905)}.notification-card:focus-visible{box-shadow:0 0 0 4px #dc262633;outline:2px solid #dc2626;outline:2px solid var(--color-brand-primary,#dc2626);outline-offset:2px}.archive-all-read-btn:focus-visible,.filter-btn:focus-visible,.group-toggle-btn:focus-visible,.mark-all-read-btn:focus-visible,.notification-type-group-header:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--color-brand-primary,#dc2626);outline-offset:2px}@keyframes notifSkeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.notification-skeleton{align-items:flex-start;animation:notifGroupFadeIn .35s ease both;background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border-left:3px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-left-width:3px;display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);padding:14px}.notification-skeleton,.notification-skeleton__icon{border-radius:6px;border-radius:var(--border-radius-md,6px)}.notification-skeleton__icon{animation:notifSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%);background-size:200% 100%;flex-shrink:0;height:36px;width:36px}.notification-skeleton__body{display:flex;flex:1 1;flex-direction:column;gap:6px}.notification-skeleton__title{height:14px;width:60%}.notification-skeleton__message,.notification-skeleton__title{animation:notifSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:4px}.notification-skeleton__message{animation-delay:.1s;height:12px;width:85%}.notification-skeleton__meta{animation:notifSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:.2s;background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;height:10px;margin-top:2px;width:30%}.notification-skeleton:first-child{animation-delay:0s}.notification-skeleton:nth-child(2){animation-delay:.06s}.notification-skeleton:nth-child(3){animation-delay:.12s}.notification-skeleton:nth-child(4){animation-delay:.18s}.notification-skeleton:nth-child(5){animation-delay:.24s}.notification-skeleton:nth-child(6){animation-delay:.3s}.notification-skeleton:nth-child(7){animation-delay:.36s}.notification-skeleton:nth-child(8){animation-delay:.42s}@media (max-width:600px){.notification-list{max-width:100%}.notification-card{gap:6px;padding:12px}.notification-card__icon{height:32px;width:32px}.notification-card__icon-glyph{height:18px;width:18px}.notifications-container{max-height:60vh}}@media (max-width:768px){.notification-list{border-radius:4px;border-radius:var(--border-radius-sm,4px);max-width:100%}.notification-list-header{padding:12px 14px 8px}.filter-btn{font-size:.75rem;font-size:var(--font-size-xs,.75rem);padding:9px 12px}}@media (min-width:1920px){.notification-list{max-width:720px}.notification-card{gap:12px;padding:16px}.notification-card__icon{height:40px;width:40px}.notification-card__icon-glyph{height:22px;width:22px}.notification-card__title{font-size:1rem}.notification-card__message{font-size:.925rem}.notifications-container{max-height:70vh}}@media (min-width:2560px){.notification-list{max-width:840px}.notification-card{padding:18px}.notification-card__icon{height:44px;width:44px}}@media (prefers-reduced-motion:reduce){.notification-card,.notification-group,.notification-skeleton,.notification-type-group,.notification-type-group-items>.notification-card{animation:none!important}.notification-card:hover{transform:none}.notification-card--priority-urgent{animation:none!important}.notification-card--priority-urgent:after{animation:none!important;opacity:.7}.notification-card:before,.notification-card__achievement-progress-fill:after{animation:none!important}.notification-list:before{animation:none!important;opacity:.5}.no-notifications:before,.notif-diamond,.unread-badge{animation:none!important}.notification-skeleton__icon,.notification-skeleton__message,.notification-skeleton__meta,.notification-skeleton__title{animation:none!important;background:#1e1e1e}.loading-spinner{animation:notifSpinnerRotate 2s linear infinite}}@keyframes sector1Pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes s1StarTwinkle{0%{opacity:0}50%{opacity:.8}to{opacity:0}}@keyframes s1FadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes s1CardEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes s1HeaderSweep{0%{left:-100%}to{left:100%}}@keyframes s1TitleShimmer{0%{background-position:200% 50%}to{background-position:-200% 50%}}@keyframes s1TabIndicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes s1TabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes s1BuffEntrance{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes s1BuffGlow{0%,to{box-shadow:0 0 8px #eab3084d}50%{box-shadow:0 0 18px #eab30899}}@keyframes s1ProfilePulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes s1SkeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes s1ParticleFloat{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) translateX(30px);transform:translateY(-100vh) translateX(var(--drift,30px))}}.s1-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.s1-star{animation:s1StarTwinkle 3s ease-in-out infinite;animation:s1StarTwinkle var(--dur,3s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);background:#fff;border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}.s1-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.s1-particle{animation:s1ParticleFloat 12s linear infinite;animation:s1ParticleFloat var(--dur,12s) linear infinite;animation-delay:0s;animation-delay:var(--delay,0s);border-radius:50%;bottom:-10px;height:3px;opacity:0;position:absolute;width:3px}.s1-particle:nth-child(4n+1){background:#dc262680}.s1-particle:nth-child(4n+2){background:#ef444466}.s1-particle:nth-child(4n+3){background:#f59e0b66}.s1-particle:nth-child(4n){background:#3b82f666}[class*=" s1-icon-"],[class^=s1-icon-]{display:inline-block;flex-shrink:0;height:1em;vertical-align:middle;width:1em}.s1-icon-rank-diamond{background:linear-gradient(135deg,#93c5fd,#60a5fa 40%,#e0f2fe 60%,#93c5fd);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.s1-icon-rank-platinum{background:linear-gradient(135deg,#e2e8f0,#f8fafc 40%,#cbd5e1 70%,#e2e8f0);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.s1-icon-rank-gold{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b 50%,#b45309 100%)}.s1-icon-rank-gold,.s1-icon-rank-silver{border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%)}.s1-icon-rank-silver{background:radial-gradient(circle at 40% 40%,#e2e8f0,#94a3b8 50%,#64748b 100%)}.s1-icon-rank-bronze{background:radial-gradient(circle at 40% 40%,#fbbf24,#b45309 50%,#78350f 100%);border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%)}.s1-icon-rank-iron{background:linear-gradient(135deg,#6b7280,#374151 50%,#4b5563);-webkit-clip-path:polygon(50% 0,61% 20%,85% 10%,78% 35%,100% 50%,78% 65%,85% 90%,61% 80%,50% 100%,39% 80%,15% 90%,22% 65%,0 50%,22% 35%,15% 10%,39% 20%);clip-path:polygon(50% 0,61% 20%,85% 10%,78% 35%,100% 50%,78% 65%,85% 90%,61% 80%,50% 100%,39% 80%,15% 90%,22% 65%,0 50%,22% 35%,15% 10%,39% 20%)}.s1-icon-rank-default{background:linear-gradient(135deg,#34d399,#059669 50%,#047857);-webkit-clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%)}.s1-icon-robot{background:linear-gradient(135deg,#22d3ee,#0891b2);border-radius:20%;position:relative}.s1-icon-robot:before{background:#22d3ee;border-radius:50% 50% 0 0;content:"";height:25%;left:50%;position:absolute;top:-25%;transform:translateX(-50%);width:15%}.s1-icon-robot:after{background:#0a0a0a;border-radius:50%;box-shadow:.38em 0 0 #0a0a0a;content:"";height:18%;left:22%;position:absolute;top:30%;width:18%}.s1-icon-swords{background:#0000;position:relative}.s1-icon-swords:before{background:linear-gradient(45deg,#0000 42%,#ef4444 0,#ef4444 48%,#0000 0),linear-gradient(-45deg,#0000 42%,#dc2626 0,#dc2626 48%,#0000 0);content:"";inset:0;position:absolute}.s1-icon-swords:after{background:linear-gradient(135deg,#a16207,#ca8a04);border-radius:2px;bottom:10%;content:"";height:20%;left:50%;position:absolute;transform:translateX(-50%);width:30%}.s1-icon-credits{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b 60%,#b45309 100%);border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);position:relative}.s1-icon-credits:after{background:#78350f;-webkit-clip-path:polygon(20% 0,80% 0,60% 100%,40% 100%);clip-path:polygon(20% 0,80% 0,60% 100%,40% 100%);content:"";height:40%;left:50%;position:absolute;top:30%;transform:translateX(-50%);width:35%}.s1-icon-crown{background:linear-gradient(135deg,#fde68a,#f59e0b 50%,#b45309);-webkit-clip-path:polygon(0 100%,0 50%,15% 20%,30% 50%,50% 0,70% 50%,85% 20%,100% 50%,100% 100%);clip-path:polygon(0 100%,0 50%,15% 20%,30% 50%,50% 0,70% 50%,85% 20%,100% 50%,100% 100%)}.s1-icon-temple{background:#0000;position:relative}.s1-icon-temple:before{border-radius:2px 2px 0 0;bottom:10%;box-shadow:.28em 0 0 0 #8b5cf6e6,.56em 0 0 0 #7c3aedcc;height:55%;left:15%;width:15%}.s1-icon-temple:after,.s1-icon-temple:before{background:linear-gradient(135deg,#c084fc,#7c3aed);content:"";position:absolute}.s1-icon-temple:after{-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);height:15%;left:5%;top:10%;width:90%}.s1-icon-research{background:#0000;position:relative}.s1-icon-research:before{background:linear-gradient(135deg,#93c5fd,#3b82f6);border:2px solid #2563eb;border-radius:0 0 40% 40%;border-top:none;bottom:5%;content:"";height:65%;left:25%;position:absolute;width:50%}.s1-icon-research:after{background:#3b82f6;border-radius:2px;content:"";height:25%;left:35%;position:absolute;top:10%;width:30%}.s1-icon-wrench{background:linear-gradient(135deg,#4ade80,#16a34a);-webkit-clip-path:polygon(35% 0,65% 0,65% 40%,90% 65%,80% 80%,65% 65%,55% 75%,55% 100%,45% 100%,45% 75%,35% 65%,20% 80%,10% 65%,35% 40%);clip-path:polygon(35% 0,65% 0,65% 40%,90% 65%,80% 80%,65% 65%,55% 75%,55% 100%,45% 100%,45% 75%,35% 65%,20% 80%,10% 65%,35% 40%)}.s1-icon-crystal{background:linear-gradient(135deg,#e879f9 0,var(--rarity-epic) 40%,#7c3aed 100%);-webkit-clip-path:polygon(30% 0,70% 0,90% 30%,70% 100%,30% 100%,10% 30%);clip-path:polygon(30% 0,70% 0,90% 30%,70% 100%,30% 100%,10% 30%)}.s1-icon-trophy{background:linear-gradient(135deg,#fde68a,#f59e0b 50%,#d97706);-webkit-clip-path:polygon(20% 0,80% 0,90% 10%,75% 45%,70% 55%,65% 70%,60% 80%,65% 85%,70% 100%,30% 100%,35% 85%,40% 80%,35% 70%,25% 55%,20% 45%,10% 10%);clip-path:polygon(20% 0,80% 0,90% 10%,75% 45%,70% 55%,65% 70%,60% 80%,65% 85%,70% 100%,30% 100%,35% 85%,40% 80%,35% 70%,25% 55%,20% 45%,10% 10%)}.s1-icon-skull{background:radial-gradient(circle at 50% 45%,#fca5a5,#ef4444 50%,#b91c1c 100%);-webkit-clip-path:polygon(25% 10%,75% 10%,95% 35%,90% 60%,75% 75%,65% 100%,55% 85%,50% 90%,45% 85%,35% 100%,25% 75%,10% 60%,5% 35%);clip-path:polygon(25% 10%,75% 10%,95% 35%,90% 60%,75% 75%,65% 100%,55% 85%,50% 90%,45% 85%,35% 100%,25% 75%,10% 60%,5% 35%)}.s1-icon-clock{background:radial-gradient(circle at 50% 50%,#d1d5db,#6b7280 60%,#4b5563 100%);border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);position:relative}.s1-icon-clock:before{height:32%;top:18%;transform:rotate(-30deg);transform-origin:bottom center}.s1-icon-clock:after,.s1-icon-clock:before{background:#1f2937;content:"";left:48%;position:absolute;width:4%}.s1-icon-clock:after{height:22%;top:28%;transform:rotate(60deg);transform-origin:bottom center}.s1-icon-target{background:radial-gradient(circle at 50% 50%,#f97316 0,#f97316 18%,#0000 0,#0000 28%,#ef4444 0,#ef4444 38%,#0000 0,#0000 48%,#dc2626 0,#dc2626 50%);border-radius:50%;-webkit-clip-path:circle(50%);clip-path:circle(50%);position:relative}.s1-icon-star{background:linear-gradient(135deg,#fde68a,#f59e0b 50%,#d97706);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.s1-icon-book{background:linear-gradient(135deg,#93c5fd,#3b82f6);-webkit-clip-path:polygon(10% 5%,48% 5%,48% 95%,10% 95%,5% 90%,5% 10%);clip-path:polygon(10% 5%,48% 5%,48% 95%,10% 95%,5% 90%,5% 10%);position:relative}.s1-icon-book:after{background:linear-gradient(135deg,#60a5fa,#2563eb);-webkit-clip-path:polygon(0 0,100% 5%,95% 90%,100% 95%,0 95%);clip-path:polygon(0 0,100% 5%,95% 90%,100% 95%,0 95%);content:"";height:90%;left:52%;position:absolute;top:5%;width:38%}.s1-icon-chart{background:#0000;position:relative}.s1-icon-chart:before{background:linear-gradient(0deg,#22c55e,#4ade80);border-radius:2px 2px 0 0;box-shadow:.22em 0 0 0 #22c55ee6,.44em 0 0 0 #16a34acc;height:50%}.s1-icon-chart:after,.s1-icon-chart:before{bottom:10%;content:"";left:15%;position:absolute;width:18%}.s1-icon-chart:after{background:#0000;box-shadow:.22em -.15em 0 0 #22c55ee6,.44em -.35em 0 0 #16a34acc;height:30%}.s1-icon-damage{background:linear-gradient(135deg,#fbbf24,#f97316 40%,#ef4444 70%,#dc2626);-webkit-clip-path:polygon(50% 0,62% 28%,95% 20%,72% 45%,100% 55%,68% 62%,80% 95%,50% 72%,20% 95%,32% 62%,0 55%,28% 45%,5% 20%,38% 28%);clip-path:polygon(50% 0,62% 28%,95% 20%,72% 45%,100% 55%,68% 62%,80% 95%,50% 72%,20% 95%,32% 62%,0 55%,28% 45%,5% 20%,38% 28%)}.s1-icon-user{background:linear-gradient(135deg,#9ca3af,#6b7280);-webkit-clip-path:polygon(50% 0,70% 0,80% 15%,80% 35%,70% 50%,65% 55%,90% 70%,100% 100%,0 100%,10% 70%,35% 55%,30% 50%,20% 35%,20% 15%,30% 0);clip-path:polygon(50% 0,70% 0,80% 15%,80% 35%,70% 50%,65% 55%,90% 70%,100% 100%,0 100%,10% 70%,35% 55%,30% 50%,20% 35%,20% 15%,30% 0)}.s1-icon-gear{background:linear-gradient(135deg,#9ca3af,#6b7280 50%,#4b5563);-webkit-clip-path:polygon(50% 0,61% 8%,73% 2%,78% 15%,90% 15%,92% 28%,100% 38%,92% 48%,98% 60%,88% 66%,88% 78%,78% 80%,73% 92%,62% 88%,50% 95%,38% 88%,27% 92%,22% 80%,12% 78%,12% 66%,2% 60%,8% 48%,0 38%,8% 28%,10% 15%,22% 15%,27% 2%,39% 8%);clip-path:polygon(50% 0,61% 8%,73% 2%,78% 15%,90% 15%,92% 28%,100% 38%,92% 48%,98% 60%,88% 66%,88% 78%,78% 80%,73% 92%,62% 88%,50% 95%,38% 88%,27% 92%,22% 80%,12% 78%,12% 66%,2% 60%,8% 48%,0 38%,8% 28%,10% 15%,22% 15%,27% 2%,39% 8%)}.s1-icon-alliance{background:#0000;position:relative}.s1-icon-alliance:before{border-radius:2px 2px 0 0;bottom:10%;box-shadow:.25em 0 0 0 #14b8a6e6,.5em 0 0 0 #0d9488cc;height:55%;left:10%;width:20%}.s1-icon-alliance:after,.s1-icon-alliance:before{background:linear-gradient(135deg,#5eead4,#14b8a6);content:"";position:absolute}.s1-icon-alliance:after{-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);height:18%;left:5%;top:8%;width:90%}.sector1-page{background:linear-gradient(135deg,#0a0a0a,#1a0a0a 50%,#0a0a0a);box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);min-height:100vh;padding:var(--spacing-lg);position:relative;width:100%;z-index:1}@media (min-width:1600px){.sector1-page{max-width:min(1600px,98vw)}}@media (min-width:2200px){.sector1-page{max-width:min(2200px,98vw)}}.sector1-page .page-header{margin-bottom:var(--spacing-xl);overflow:hidden;position:relative;text-align:center}.sector1-page .page-header:after{animation:s1HeaderSweep 4s linear infinite;background:linear-gradient(90deg,#0000,#dc2626cc,#0000);content:"";height:2px;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.sector1-page .page-header h1{-webkit-text-fill-color:#0000;animation:s1FadeInDown .5s ease-out,s1TitleShimmer 4s ease infinite;background:linear-gradient(135deg,#f5f5f5 0,var(--color-brand-primary) 30%,#991b1b 60%,#f5f5f5 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:3px;margin-bottom:var(--spacing-sm);text-shadow:0 0 40px #dc262680}.sector1-page .page-description{color:#707070}.sector1-profile-top{margin-bottom:var(--spacing-xl)}.profile-card{animation:s1ProfilePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#dc26261a,#0d0d0df2 50%,#dc26260d);border:2px solid var(--color-brand-primary);border-radius:12px;overflow:hidden;padding:24px;position:relative}.profile-card:before{background:radial-gradient(ellipse at center,#dc26260f 0,#0000 70%);content:"";height:200%;left:-25%;pointer-events:none;position:absolute;top:-50%;width:50%}.profile-card .scan-line{animation:scanLine 3s linear infinite;background:linear-gradient(90deg,#0000,var(--color-brand-primary),#0000);height:2px;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.profile-header{align-items:flex-start;flex-wrap:wrap;gap:24px}.profile-avatar{position:relative}.profile-avatar .avatar-container{align-items:center;animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:3px solid var(--color-brand-primary);border-radius:12px;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.profile-avatar .avatar-container .avatar{border:none;height:100%;width:100%}.profile-avatar .avatar-energy-field{animation:sector1Pulse 2s ease-in-out infinite;background:radial-gradient(circle at center,#0000 40%,#dc262633 100%);inset:0;pointer-events:none;position:absolute}.profile-avatar .rank-emblem{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #0d0d0d;border-radius:50%;bottom:-8px;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:-8px;width:40px;z-index:2}.profile-info{flex:1 1;min-width:250px}.profile-username{color:#f5f5f5;font-size:1.75rem;font-weight:700;letter-spacing:2px;margin-bottom:8px}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.profile-badges .badge-level{background:linear-gradient(135deg,var(--color-brand-primary) 0,#991b1b 100%)}.profile-badges .badge-level,.profile-badges .badge-rank{border-radius:20px;color:#f5f5f5;font-size:.875rem;font-weight:700;padding:4px 12px}.profile-badges .badge-rank{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.profile-badges .badge-title{background:#f59e0b33;border:1px solid #f59e0b;border-radius:20px;color:#f59e0b;font-size:.875rem;padding:4px 12px}.profile-xp-bar{margin-bottom:12px}.profile-xp-bar .xp-header{display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:4px}.profile-xp-bar .xp-label{color:#707070}.profile-xp-bar .xp-value{font-feature-settings:"tnum";color:#a0a0a0;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.profile-xp-bar .xp-track{background:#1a1a1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.profile-xp-bar .xp-fill{background:linear-gradient(90deg,var(--color-brand-primary),#ef4444);border-radius:4px;height:100%;position:relative;transition:width 1.5s ease-out}.profile-xp-bar .xp-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.profile-alliance-info{align-items:center;background:#00d4c81a;border:1px solid #00d4c84d;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.profile-alliance-info.no-alliance{opacity:.5}.profile-alliance-info .alliance-icon{font-size:1.25rem}.profile-alliance-info .alliance-name{color:#00d4c8;font-size:.875rem;font-weight:700}.profile-alliance-info .alliance-role{color:#707070;font-size:.75rem}.profile-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);min-width:300px}.profile-stats .stat-card{background:#0000004d;border:1px solid #2a2a2a;border-radius:12px;padding:16px;text-align:center;transition:background .2s ease,transform .2s ease}.profile-stats .stat-card:hover{background:#00000080;transform:translateY(-2px)}.profile-stats .stat-card.credits{background:#f59e0b1a;border-color:#f59e0b4d;grid-column:span 2}.profile-stats .stat-value{font-feature-settings:"tnum";color:#f5f5f5;font-family:JetBrains Mono,monospace;font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700}.profile-stats .stat-card.credits .stat-value{font-feature-settings:"tnum";color:#f59e0b;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-variant-numeric:tabular-nums}.profile-stats .stat-label{color:#707070;font-size:.75rem;margin-top:8px;text-transform:uppercase}.profile-stats .stat-breakdown{display:flex;font-size:.875rem;gap:12px;justify-content:center;margin-top:8px}.profile-stats .stat-breakdown .wins{font-feature-settings:"tnum";color:#22c55e;font-variant-numeric:tabular-nums}.profile-stats .stat-breakdown .losses{font-feature-settings:"tnum";color:#ef4444;font-variant-numeric:tabular-nums}.radial-progress{height:80px;margin:0 auto;position:relative;width:80px}.radial-progress .progress-track{fill:none;stroke:#1a1a1a;stroke:var(--color-ui-elevated,#1a1a1a);stroke-width:6}.radial-progress .progress-fill{fill:none;stroke:#22c55e;stroke:var(--color-success,#22c55e);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1.5s ease-out}.radial-progress .progress-text{font-feature-settings:"tnum";color:#f5f5f5;font-family:JetBrains Mono,monospace;font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.profile-actions{border-top:1px solid #2a2a2a;gap:12px;margin-top:24px;padding-top:24px}.s1-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.s1-quick-action-btn{align-items:center;background:#ffffff0d;border:1px solid #2a2a2a;border-radius:8px;color:#a0a0a0;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.s1-quick-action-btn:hover{background:#dc262626;border-color:#dc262666;box-shadow:0 4px 12px #0000004d;color:#f5f5f5;transform:translateY(-2px)}.s1-quick-action-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.s1-quick-action-btn .s1-qa-icon{font-size:1.1em}.sector1-tabs{display:flex;flex-direction:column;margin-bottom:24px}.sector1-tabs-header{background:#0000004d;border-radius:12px;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:4px}.sector1-tabs-header .tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#707070;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:12px 16px;position:relative;transition:all .3s ease}.sector1-tabs-header .tab-button:hover{background:#ffffff0d;color:#a0a0a0}.sector1-tabs-header .tab-button:focus-visible{border-radius:8px;outline:2px solid var(--color-brand-primary);outline-offset:-2px}.sector1-tabs-header .tab-button.active{background:linear-gradient(135deg,var(--color-brand-primary) 0,#991b1b 100%);color:#f5f5f5;font-weight:700}.sector1-tabs-header .tab-button.active:after{animation:s1TabIndicator .3s ease-out;background:#ffffff80;border-radius:1px;bottom:2px;content:"";height:2px;left:10%;position:absolute;transform-origin:center;width:80%}.sector1-tab-content{animation:s1TabFadeIn .3s ease-out;background:#0d0d0dcc;border:1px solid #2a2a2a;border-radius:12px;min-height:400px;padding:24px}.achievements-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement-card{animation:s1CardEntrance .4s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.05s);background:#0000004d;border:2px solid var(--color-ui-border);border-radius:var(--border-radius-lg);cursor:pointer;overflow:hidden;padding:var(--spacing-md);transition:all var(--transition-normal)}.achievement-card:hover{box-shadow:0 8px 25px #0000004d}.achievement-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.achievement-card.completed{border-color:var(--rarity-common)}.achievement-card.completed.rarity-uncommon{background:linear-gradient(135deg,#22c55e1a,#0000004d);border-color:var(--rarity-uncommon)}.achievement-card.completed.rarity-rare{background:linear-gradient(135deg,#3b82f61a,#0000004d);border-color:var(--rarity-rare)}.achievement-card.completed.rarity-epic{background:linear-gradient(135deg,#a855f71a,#0000004d);border-color:var(--rarity-epic)}.achievement-card.completed.rarity-legendary{background:linear-gradient(135deg,#f59e0b1a,#0000004d);border-color:var(--rarity-legendary)}.achievement-card.completed.rarity-legendary:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#f59e0b33,#0000);background-size:200% 100%;content:"";inset:0;pointer-events:none;position:absolute}.achievement-card:hover.completed.rarity-uncommon{box-shadow:0 8px 25px var(--rarity-uncommon-glow)}.achievement-card:hover.completed.rarity-rare{box-shadow:0 8px 25px var(--rarity-rare-glow)}.achievement-card:hover.completed.rarity-epic{box-shadow:0 8px 25px var(--rarity-epic-glow),0 0 15px var(--rarity-epic-glow)}.achievement-card:hover.completed.rarity-legendary{box-shadow:0 8px 25px var(--rarity-legendary-glow),0 0 20px var(--rarity-legendary-glow)}.achievement-card .achievement-header{align-items:flex-start;display:flex;gap:var(--spacing-md)}.achievement-card .achievement-icon{align-items:center;border-radius:var(--border-radius-md);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.achievement-card.completed .achievement-icon{background:linear-gradient(135deg,var(--rarity-common),#9ca3af80)}.achievement-card.completed.rarity-uncommon .achievement-icon{background:linear-gradient(135deg,var(--rarity-uncommon),#22c55e80)}.achievement-card.completed.rarity-rare .achievement-icon{background:linear-gradient(135deg,var(--rarity-rare),#3b82f680)}.achievement-card.completed.rarity-epic .achievement-icon{background:linear-gradient(135deg,var(--rarity-epic),#a855f780)}.achievement-card.completed.rarity-legendary .achievement-icon{background:linear-gradient(135deg,var(--rarity-legendary),#f59e0b80)}.achievement-card.in-progress .achievement-icon{background:#2a2a2a80;filter:grayscale(100%);opacity:.5}.achievement-card .achievement-content{flex:1 1}.achievement-card .achievement-title-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:4px}.achievement-card .achievement-name{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.achievement-card.in-progress .achievement-name{color:var(--color-text-tertiary)}.achievement-card .rarity-badge{border-radius:10px;font-size:.625rem;font-weight:var(--font-weight-bold);padding:2px 6px;text-transform:uppercase}.achievement-card .rarity-badge.common{background:#9ca3af33;color:var(--rarity-common)}.achievement-card .rarity-badge.uncommon{background:#22c55e33;color:var(--rarity-uncommon)}.achievement-card .rarity-badge.rare{background:#3b82f633;color:var(--rarity-rare)}.achievement-card .rarity-badge.epic{background:#a855f733;color:var(--rarity-epic)}.achievement-card .rarity-badge.legendary{background:#f59e0b33;color:var(--rarity-legendary)}.achievement-card .achievement-description{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.achievement-card .achievement-progress{margin-top:var(--spacing-sm)}.achievement-card .progress-track{background:var(--color-ui-elevated);border-radius:3px;height:6px;overflow:hidden}.achievement-card .progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.achievement-card .progress-text{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-family:JetBrains Mono,monospace;font-size:.625rem;font-variant-numeric:tabular-nums;margin-top:4px;text-align:right}.achievement-card .completed-badge{align-items:center;color:var(--color-success);display:flex;font-size:var(--font-size-xs);gap:4px}.battle-history .battle-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.battle-card{align-items:center;animation:s1CardEntrance .4s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.05s);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-md);position:relative}.battle-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.battle-card.battle-victory{animation:s1CardEntrance .4s ease-out both,victoryGlow 2s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--card-index, 0)*.05s),0s;background:linear-gradient(90deg,#22c55e26,#0000004d);border:2px solid #22c55e66}.battle-card.battle-defeat{background:linear-gradient(90deg,#ef444426,#0000004d);border:2px solid #ef444466}.battle-card.battle-defeat:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='m0 0 100 100M20 0l80 80M0 20l80 80' stroke='rgba(239,68,68,0.1)' stroke-width='2'/%3E%3C/svg%3E");content:"";height:100px;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;width:100px}.battle-card .result-indicator{align-items:center;border-radius:var(--border-radius-md);display:flex;flex-direction:column;flex-shrink:0;font-size:.625rem;font-weight:var(--font-weight-bold);height:60px;justify-content:center;letter-spacing:1px;text-transform:uppercase;width:60px}.battle-card.battle-victory .result-indicator{background:linear-gradient(135deg,var(--color-success) 0,#16a34a 100%)}.battle-card.battle-defeat .result-indicator{background:linear-gradient(135deg,var(--color-danger) 0,var(--color-brand-primary) 100%)}.battle-card .result-indicator .result-icon{font-size:24px}.battle-card .battle-info{flex:1 1}.battle-card .opponent-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:4px}.battle-card .opponent-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.battle-card .opponent-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.battle-card .battle-meta{font-feature-settings:"tnum";color:var(--color-text-tertiary);display:flex;font-family:JetBrains Mono,monospace;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;gap:var(--spacing-md)}.titles-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.title-card{animation:s1CardEntrance .4s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.05s);background:#0000004d;border:2px solid var(--color-ui-border);border-radius:var(--border-radius-lg);cursor:pointer;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.title-card:hover{transform:scale(1.02)}.title-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.title-card:hover .title-icon.uncommon~.title-name,.title-card:hover.rarity-uncommon{box-shadow:0 4px 16px #22c55e4d}.title-card:hover.rarity-rare{box-shadow:0 4px 16px #3b82f64d}.title-card:hover.rarity-epic{box-shadow:0 4px 16px #a855f74d,0 0 10px #a855f733}.title-card:hover.rarity-legendary{box-shadow:0 4px 16px #f59e0b4d,0 0 15px #f59e0b33}.title-card.active{background:linear-gradient(135deg,#22c55e1a,#0000004d);border-color:var(--color-success)}.title-card .active-indicator{background:var(--color-success);border-radius:10px;color:var(--color-ui-background);font-size:.625rem;font-weight:var(--font-weight-bold);padding:2px 8px;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.title-card .title-content{align-items:center;display:flex;gap:var(--spacing-md)}.title-card .title-icon{align-items:center;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.title-card .title-icon.common{background:linear-gradient(135deg,var(--rarity-common) 0,#9ca3af80 100%)}.title-card .title-icon.uncommon{background:linear-gradient(135deg,var(--rarity-uncommon) 0,#22c55e80 100%)}.title-card .title-icon.rare{background:linear-gradient(135deg,var(--rarity-rare) 0,#3b82f680 100%)}.title-card .title-icon.epic{background:linear-gradient(135deg,var(--rarity-epic) 0,#a855f780 100%)}.title-card .title-icon.legendary{background:linear-gradient(135deg,var(--rarity-legendary) 0,#f59e0b80 100%)}.title-card .title-name{font-weight:var(--font-weight-bold);margin-bottom:2px}.title-card .title-name.common{color:var(--rarity-common)}.title-card .title-name.uncommon{color:var(--rarity-uncommon)}.title-card .title-name.rare{color:var(--rarity-rare)}.title-card .title-name.epic{color:var(--rarity-epic)}.title-card .title-name.legendary{color:var(--rarity-legendary)}.title-card .title-effect{color:var(--color-success);font-size:var(--font-size-xs)}.stats-categories{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-category{animation:s1CardEntrance .4s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.05s);background:#0000004d;border:1px solid #2a2a2a;border-radius:12px;padding:var(--spacing-md)}.stats-category h3{border-bottom:1px solid #2a2a2a;color:#f5f5f5;font-size:1rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.stat-rows{display:flex;flex-direction:column;gap:8px}.stat-row{border-radius:4px;font-size:.875rem;padding:4px 8px;transition:background .2s ease}.stat-row:hover{background:#ffffff08}.stat-row span:first-child{color:#707070}.stat-row span:last-child{font-feature-settings:"tnum";color:#f5f5f5;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-weight:600}.stat-row .positive{color:#22c55e}.stat-row .negative{color:#ef4444}.coming-soon{color:#707070;padding:var(--spacing-lg)}.profile-bio{background:#ffffff08;border-left:3px solid #dc2626;border-left:3px solid var(--color-brand-primary,#dc2626);border-radius:8px;margin:8px 0;padding:12px 16px}.profile-bio p{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:8px}.overview-card{animation:s1CardEntrance .4s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.05s);padding:20px}.overview-card h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;gap:8px;margin:0 0 12px}.overview-stat-rows{display:flex;flex-direction:column;gap:8px}.overview-stat{align-items:center;background:#0003;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px;transition:background .2s ease,transform .15s ease}.overview-stat:hover{background:#00000059;transform:scale(1.01)}.overview-stat span:first-child{color:var(--color-text-secondary)}.overview-stat span:last-child{font-feature-settings:"tnum";color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-weight:600}.overview-recent-battles{grid-column:1/-1}.overview-battle-row{align-items:center;background:#0003;border-left:3px solid var(--color-text-tertiary);border-radius:6px;display:flex;gap:10px;margin-bottom:6px;padding:8px 12px;transition:background .2s}.overview-battle-row:hover{background:#0000004d}.overview-battle-row.victory{border-left-color:#22c55e}.overview-battle-row.defeat{border-left-color:#ef4444}.overview-battle-icon{font-size:1.1rem}.overview-battle-opponent{color:var(--color-text-primary);flex:1 1;font-size:.9rem}.overview-battle-time{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-family:JetBrains Mono,monospace;font-size:.8rem;font-variant-numeric:tabular-nums}.skeleton{animation:s1SkeletonShimmer 1.5s infinite,skeletonPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);border-radius:8px}.skeleton-profile-card{border:2px solid #2a2a2a;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;padding:24px}.skeleton-avatar{border-radius:12px;height:120px;width:120px}.skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:250px}.sector1-page .skeleton-line{border-radius:4px;height:16px}.sector1-page .skeleton-line.w-40{width:40%}.sector1-page .skeleton-line.w-60{width:60%}.sector1-page .skeleton-line.w-80{width:80%}.sector1-page .skeleton-line.w-100{width:100%}.sector1-page .skeleton-line.h-24{height:24px}.sector1-page .skeleton-line.h-8{height:8px}.skeleton-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);min-width:300px}.skeleton-stat-box{border-radius:12px;height:100px}.s1-skeleton-tabs{background:#0000004d;border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.s1-skeleton-tab{border-radius:8px;flex:1 1;height:44px;min-width:80px}.s1-skeleton-tab-content{grid-gap:16px;background:#0d0d0d80;border:1px solid #2a2a2a;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));min-height:300px;padding:24px}.s1-skeleton-content-card{border-radius:12px;height:140px}.skeleton-stat-box.wide{grid-column:span 2;height:80px}.skeleton-stat-box.tall{height:140px}.edit-profile-modal{max-width:500px}.edit-profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.edit-profile-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.edit-profile-form .form-label{color:#a0a0a0;font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.edit-profile-form .form-textarea{background:#0006;border:1px solid #2a2a2a;border-radius:8px;color:#f5f5f5;font-family:inherit;font-size:.9rem;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s}.edit-profile-form .form-textarea:focus{border-color:var(--color-brand-primary);outline:none}.edit-profile-form .form-textarea:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:1px}.edit-profile-form .form-input{background:#0006;border:1px solid #2a2a2a;border-radius:8px;color:#f5f5f5;font-size:.9rem;padding:10px 12px;transition:border-color .2s}.edit-profile-form .form-input:focus{border-color:var(--color-brand-primary);outline:none}.edit-profile-form .form-input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:1px}.edit-profile-form .char-count{font-feature-settings:"tnum";color:#707070;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right}.edit-profile-form .form-actions{border-top:1px solid #2a2a2a;display:flex;gap:12px;justify-content:flex-end;padding-top:var(--spacing-md)}.edit-profile-form .form-actions button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-info{min-width:auto}.profile-badges{justify-content:center}.profile-stats{min-width:auto;width:100%}.sector1-tabs-header{-webkit-overflow-scrolling:touch;overflow-x:auto}.sector1-tabs-header .tab-button{flex-shrink:0;white-space:nowrap}.overview-grid{grid-template-columns:1fr}.s1-particle:nth-child(n+9),.s1-star:nth-child(n+26){display:none}}@media (min-width:769px) and (max-width:1024px){.profile-header{gap:16px}.profile-avatar .avatar-container{height:100px;width:100px}.profile-stats{min-width:250px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.sector1-page{padding:var(--spacing-sm)}.profile-card{padding:16px}.profile-stats{grid-template-columns:1fr}.profile-stats .stat-card.credits{grid-column:span 1}.profile-username{font-size:1.25rem}.sector1-page .page-header h1{font-size:1.75rem}.achievements-grid,.titles-list{grid-template-columns:1fr}.profile-actions,.s1-quick-actions{flex-direction:column}.s1-quick-action-btn{justify-content:center}.s1-particle:nth-child(n+6),.s1-star:nth-child(n+16){display:none}}@media (prefers-reduced-motion:reduce){.achievement-card.completed.rarity-legendary:before,.avatar-energy-field,.battle-card.battle-victory,.profile-avatar .avatar-container,.profile-avatar .rank-emblem,.profile-xp-bar .xp-fill:after,.scan-line{animation:none!important}.achievement-card:hover,.player-card:hover,.title-card:hover{transform:none!important}.progress-fill,.xp-fill{transition:none!important}.s1-particle,.s1-particles,.s1-star,.s1-starfield{animation:none!important;display:none!important}.sector1-page .page-header h1{animation:none!important}.sector1-page .page-header:after{animation:none!important;display:none!important}.achievement-card,.battle-card,.overview-card,.profile-card,.sector1-tab-content,.sector1-tabs-header .tab-button.active:after,.stats-category,.title-card{animation:none!important}.overview-stat:hover,.profile-stats .stat-card:hover,.s1-quick-action-btn:hover{transform:none!important}.skeleton{animation:skeletonPulse 2s ease-in-out infinite!important}}@keyframes s1ConfettiFall{0%{opacity:0;transform:translateY(-100vh) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh) translateX(0) rotate(1turn);transform:translateY(100vh) translateX(var(--x,0)) rotate(var(--rotation,1turn))}}@keyframes s1LevelUpPulse{0%,to{filter:drop-shadow(0 0 20px rgba(245,158,11,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 40px rgba(245,158,11,1));transform:scale(1.1)}}.level-up-modal{z-index:var(--z-index-toast)}.level-up-content{overflow:hidden;padding:2rem 1rem;position:relative;text-align:center}.level-up-confetti{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.sector1-page .confetti-piece{animation:s1ConfettiFall 3s ease-in-out 0s 1;animation:s1ConfettiFall 3s ease-in-out var(--delay,0s) 1;background:#f59e0b;background:var(--color,#f59e0b);border-radius:2px;height:10px;left:50%;opacity:0;position:absolute;top:-10%;width:10px}.level-up-display{position:relative;z-index:2}.level-up-icon{animation:s1LevelUpPulse 2s ease-in-out infinite;margin:0 auto 1.5rem}.level-up-title{color:#f59e0b;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px #f59e0b99}.level-up-levels{align-items:center;display:flex;font-size:3rem;font-weight:700;gap:1.5rem;justify-content:center;margin:1.5rem 0}.level-up-levels .old-level{color:#9ca3af}.level-up-levels .level-arrow{color:#f59e0b}.level-up-levels .new-level{animation:s1LevelUpPulse 1.5s ease-in-out infinite;color:#22c55e}.level-up-message{color:#f5f5f5;font-size:1.25rem;margin:1rem 0 2rem}.level-up-rewards{border-top:1px solid #2a2a2a;margin-top:2rem;padding-top:2rem}.level-up-rewards h3{color:#f59e0b;font-size:1.25rem;margin-bottom:1rem}.reward-items{align-items:center;flex-direction:column;gap:.75rem}.reward-item{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f5f5f5;font-size:1.1rem;justify-content:center;min-width:200px;padding:.75rem 1.5rem}.reward-item [class^=s1-icon-]{font-size:1.5em}.active-quests-list{display:flex;flex-direction:column;gap:1rem}.quest-item{background:#ffffff08;border:1px solid #2a2a2a;border-radius:6px;padding:.75rem;transition:all .2s ease}.quest-item:hover{background:#ffffff0d;border-color:#3a3a3a}.quest-header{margin-bottom:.5rem}.quest-name{color:#f5f5f5}.quest-progress-text{font-feature-settings:"tnum";color:#22c55e;font-size:.85rem;font-variant-numeric:tabular-nums}.quest-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.quest-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;transition:width .5s ease}.next-steps-list{display:flex;flex-direction:column;gap:.5rem}.next-step-item{align-items:center;background:#ffffff08;border:1px solid #2a2a2a;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.next-step-item:hover{background:#3b82f61a;border-color:#3b82f64d;transform:translateX(4px)}.next-step-item [class^=s1-icon-]{color:#3b82f6;flex-shrink:0;font-size:1.2em}.next-step-text{color:#f5f5f5;flex:1 1;font-size:.9rem}.next-step-arrow{color:#9ca3af;flex-shrink:0;font-size:1.2rem;transition:transform .2s ease}.next-step-item:hover .next-step-arrow{color:#3b82f6;transform:translateX(4px)}.battle-actions{border-top:1px solid #ffffff1a;margin-top:.75rem;padding-top:.75rem}.battle-history-header{justify-content:space-between;margin-bottom:16px}.battle-history-controls,.battle-history-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.streak-badge{align-items:center;animation:s1CardEntrance .3s ease-out;border-radius:20px;display:flex;font-size:.8rem;gap:6px;letter-spacing:.5px;padding:6px 14px}.streak-badge.streak-win{background:#22c55e26;border:1px solid #22c55e80;color:#22c55e}.streak-badge.streak-loss{background:#ef444426;border:1px solid #ef444480;color:#ef4444}.streak-badge [class^=s1-icon-]{font-size:1.1em}.battle-filter-pills{background:#0000004d;border-radius:8px;display:flex;gap:4px;padding:3px}.filter-pill{background:#0000;border:none;border-radius:6px;color:#707070;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s ease}.filter-pill:hover{background:#ffffff0d;color:#a0a0a0}.filter-pill.active{background:linear-gradient(135deg,var(--color-brand-primary) 0,#991b1b 100%);color:#f5f5f5}.battle-type-tag{border-radius:10px;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.battle-type-tag.pvp{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.battle-type-tag.pve{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.achievement-go-link{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;margin-top:8px;padding:4px 10px;transition:all .2s ease}.achievement-go-link:hover{background:#3b82f633;border-color:#3b82f680;transform:translateX(2px)}.achievement-go-link [class^=s1-icon-]{font-size:1em}.title-bonuses{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 4px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.title-bonuses.visible{max-height:100px;opacity:1}.title-bonus-tag{background:#22c55e26;border:1px solid #22c55e4d;border-radius:10px;color:#4ade80;display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;white-space:nowrap}.title-desc{color:var(--color-text-tertiary);font-size:.75rem;margin-top:2px}.title-card.title-cat-combat{border-left:3px solid #ef4444}.title-card.title-cat-mechanic{border-left:3px solid #3b82f6}.title-card.title-cat-economic{border-left:3px solid #f59e0b}.title-card.title-cat-story{border-left:3px solid var(--rarity-epic)}.title-card.title-cat-alliance{border-left:3px solid #14b8a6}.stat-milestones{background:#0003;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:24px;padding:20px}.milestones-header{align-items:center;color:#f5f5f5;display:flex;font-size:1rem;gap:8px;margin-bottom:12px}.milestones-grid{display:flex;flex-wrap:wrap;gap:8px}.milestone-badge{animation:s1CardEntrance .3s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.04s);border-radius:20px;font-size:.8rem}.milestone-badge [class^=s1-icon-]{font-size:1.1em}.milestone-badge.milestone-bronze{background:linear-gradient(135deg,#b4530933,#b453091a);border:1px solid #b4530980;color:#fbbf24}.milestone-badge.milestone-silver{background:linear-gradient(135deg,#94a3b833,#94a3b81a);border:1px solid #94a3b880;color:#e2e8f0}.milestone-badge.milestone-gold{background:linear-gradient(135deg,#f59e0b40,#f59e0b1a);border:1px solid #f59e0b99;box-shadow:0 0 8px #f59e0b33;color:#fde68a}.profile-alliance-info.has-alliance{flex-direction:column;gap:8px;opacity:1}.alliance-top-row{align-items:center;display:flex;gap:8px}.alliance-details{display:flex;flex-direction:column}.alliance-role-badge{background:#00d4c833;border-radius:10px;color:#5eead4;display:inline-block;font-size:.7rem;font-weight:600;margin-top:2px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.alliance-tenure{color:#707070;font-size:.75rem;padding-left:4px}.alliance-contribute-btn,.alliance-join-btn{align-items:center;background:#00d4c81a;border:1px solid #00d4c84d;border-radius:6px;color:#5eead4;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.alliance-contribute-btn:hover,.alliance-join-btn:hover{background:#00d4c833;border-color:#00d4c880;transform:translateY(-1px)}.profile-alliance-info.no-alliance{flex-direction:column;gap:8px}.mech-loadout-preview{border-top:1px solid #2a2a2a;margin-top:20px;padding-top:20px}.loadout-title{align-items:center;color:#f5f5f5;display:flex;font-size:1rem;gap:8px;margin-bottom:12px}.loadout-summary{align-items:center;background:#ffffff08;border:1px solid #2a2a2a;border-radius:8px;display:flex;gap:16px;padding:12px 16px}.loadout-stat{display:flex;flex-direction:column;gap:2px}.loadout-value{font-feature-settings:"tnum";color:#f5f5f5;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700}.loadout-label{color:#707070;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.cosmetic-teaser{background:linear-gradient(135deg,#a855f714,#f59e0b14);border:1px solid #a855f740;border-radius:8px;margin-top:16px;padding:12px 16px;transition:border-color .3s ease}.cosmetic-teaser:hover{border-color:#a855f780}.cosmetic-teaser-content{align-items:center;display:flex;gap:12px}.cosmetic-teaser-content>[class^=s1-icon-]{filter:drop-shadow(0 0 6px rgba(245,158,11,.4));flex-shrink:0;font-size:1.5em}.cosmetic-teaser-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.cosmetic-teaser-title{color:#c084fc;font-size:.85rem;font-weight:600}.cosmetic-teaser-desc{color:#9ca3af;font-size:.75rem}.cosmetic-teaser-progress{flex-shrink:0;width:60px}.cosmetic-teaser-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.cosmetic-teaser-fill{background:linear-gradient(90deg,var(--rarity-epic),#f59e0b);border-radius:2px;height:100%;transition:width 1s ease}@media (max-width:768px){.battle-history-header{align-items:flex-start;flex-direction:column}.battle-history-controls{justify-content:space-between;width:100%}.milestones-grid{gap:6px}.milestone-badge{font-size:.7rem;padding:4px 10px}.loadout-summary{flex-direction:column;text-align:center}.cosmetic-teaser-content{flex-wrap:wrap}.cosmetic-teaser-progress{width:100%}}@media (max-width:480px){.battle-filter-pills{width:100%}.filter-pill{flex:1 1;text-align:center}.streak-badge{font-size:.7rem;padding:4px 10px}.title-bonuses.visible{max-height:150px}}@media (prefers-reduced-motion:reduce){.milestone-badge,.streak-badge{animation:none!important}.title-bonuses{transition:none!important}.achievement-go-link:hover,.alliance-contribute-btn:hover,.alliance-join-btn:hover{transform:none!important}.cosmetic-teaser-fill{transition:none!important}}@keyframes s1BuffGlowVip{0%,to{box-shadow:0 0 8px #eab3084d}50%{box-shadow:0 0 18px #eab30899}}@keyframes s1BuffGlowTemple{0%,to{box-shadow:0 0 8px #8b5cf64d}50%{box-shadow:0 0 18px #8b5cf699}}@keyframes s1BuffGlowResearch{0%,to{box-shadow:0 0 8px #3b82f64d}50%{box-shadow:0 0 18px #3b82f699}}@keyframes s1BuffGlowWorkbench{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 18px #22c55e99}}@keyframes s1ExpiringPulse{0%,to{color:#ef4444;opacity:1}50%{color:#fca5a5;opacity:.7}}.profile-buffs-section{border-top:1px solid var(--color-ui-border);margin-top:2rem;padding-top:2rem}.buffs-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1rem}.buffs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.no-buffs{background:#ffffff05;border:1px dashed var(--color-ui-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);grid-column:1/-1;padding:2rem}.buff-card{animation:s1BuffEntrance .3s ease-out both;animation-delay:0s;animation-delay:calc(var(--buff-index, 0)*.08s);background:#ffffff08;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.buff-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.buff-card.buff-vip{animation:s1BuffEntrance .3s ease-out both,s1BuffGlowVip 2s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--buff-index, 0)*.08s),0s;background:linear-gradient(135deg,#eab3081a,#eab3080d);border-color:#eab30880}.buff-card.buff-temple{animation:s1BuffEntrance .3s ease-out both,s1BuffGlowTemple 2s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--buff-index, 0)*.08s),0s;background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-color:#8b5cf680}.buff-card.buff-research{animation:s1BuffEntrance .3s ease-out both,s1BuffGlowResearch 2s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--buff-index, 0)*.08s),0s;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f680}.buff-card.buff-workbench{animation:s1BuffEntrance .3s ease-out both,s1BuffGlowWorkbench 2s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--buff-index, 0)*.08s),0s;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-color:#22c55e80}.buff-icon{align-items:center;background:#ffffff0d;border-radius:var(--border-radius-sm);display:flex;flex-shrink:0;height:3rem;justify-content:center;transition:transform .2s ease;width:3rem}.buff-icon:hover{transform:scale(1.1) translateY(-2px)}.buff-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.buff-name{font-size:1rem;font-weight:600}.buff-duration{font-feature-settings:"tnum";color:var(--color-brand-primary);font-family:JetBrains Mono,monospace;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:500}.buff-duration.expiring-soon{animation:s1ExpiringPulse 1.5s ease-in-out infinite;color:#ef4444}.buff-countdown{color:#ef4444;font-family:JetBrains Mono,monospace;font-size:.8rem}.buff-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.stat-card.pve-stats,.stat-card.pvp-stats{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e4d}.stat-card.pvp-stats{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef44444d}.stat-header{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-breakdown{font-size:.875rem;gap:.75rem;margin-top:.5rem}.stat-breakdown .wins{color:var(--color-success)}.stat-breakdown .losses,.stat-breakdown .wins{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-breakdown .losses{color:var(--color-danger)}.stat-breakdown .draws{font-feature-settings:"tnum";color:var(--color-warning);font-variant-numeric:tabular-nums}.stat-total{font-feature-settings:"tnum";border-top:1px solid #ffffff1a;color:var(--color-text-tertiary);font-family:JetBrains Mono,monospace;font-size:.75rem;font-variant-numeric:tabular-nums;margin-top:.5rem;padding-top:.5rem}@media (max-width:768px){.buffs-grid{grid-template-columns:1fr}.buff-card{padding:.875rem}.buff-icon{font-size:1.5rem;height:2.5rem;width:2.5rem}}@media (prefers-reduced-motion:reduce){.buff-card,.buff-card.buff-research,.buff-card.buff-temple,.buff-card.buff-vip,.buff-card.buff-workbench{animation:none!important}.buff-icon:hover{transform:none!important}.buff-duration.expiring-soon{animation:none!important}.buff-card:hover{transform:none!important}}.sd-icon{display:inline-block;flex-shrink:0;height:16px;vertical-align:middle;width:16px}.sd-icon-flame{background:linear-gradient(0deg,#dc2626 30%,#f59e0b 60%,#fbbf24);-webkit-clip-path:polygon(50% 0,70% 25%,90% 45%,80% 70%,65% 90%,50% 100%,35% 90%,20% 70%,10% 45%,30% 25%);clip-path:polygon(50% 0,70% 25%,90% 45%,80% 70%,65% 90%,50% 100%,35% 90%,20% 70%,10% 45%,30% 25%);height:20px;width:20px}.sd-icon-flame.sd-icon-lg{animation:sdFlameFlicker 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(245,158,11,.4));height:48px;width:48px}@keyframes sdFlameFlicker{0%,to{filter:drop-shadow(0 0 8px rgba(245,158,11,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(245,158,11,.6));transform:scale(1.05)}}.sd-icon-credits{background:linear-gradient(135deg,#22c55e,#4ade80);border:1px solid #16a34a;border-radius:50%}.sd-icon-gold{background:linear-gradient(135deg,#d97706,#fbbf24);border:1px solid #b45309;border-radius:50%;box-shadow:0 0 4px #fbbf244d}.sd-icon-energy{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-clip-path:polygon(50% 0,70% 35%,100% 35%,60% 60%,75% 100%,50% 72%,25% 100%,40% 60%,0 35%,30% 35%);clip-path:polygon(50% 0,70% 35%,100% 35%,60% 60%,75% 100%,50% 72%,25% 100%,40% 60%,0 35%,30% 35%)}.sd-icon-gift{background:linear-gradient(135deg,#ec4899,#f472b6);border:1px solid #db2777;border-radius:3px;position:relative}.sd-icon-gift:after{background:#ffffff80;content:"";height:2px;left:0;position:absolute;right:0;top:40%}.sd-compact{align-items:center;background:#f59e0b1a;border-radius:4px;display:flex;gap:4px;padding:4px 8px;transition:background .2s}.sd-compact:hover{background:#f59e0b26}.sd-display{background:linear-gradient(135deg,#f59e0b1a,#f59e0b14);border:1px solid #f59e0b4d;border-radius:8px;padding:12px}.sd-main{align-items:center;display:flex;gap:8px}.sd-info{display:flex;flex-direction:column}.sd-count{font-size:1.1em;font-weight:700}.sd-bonus{color:var(--color-brand-accent);font-size:.9em;font-weight:700}.sd-milestone{margin-top:8px}.sd-milestone-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.sd-milestone-fill{background:linear-gradient(90deg,var(--color-brand-accent),var(--color-warning));height:100%;transition:width .3s ease}.sd-milestone-text{color:var(--color-text-secondary);display:block;font-size:.8em;margin-top:4px}.sd-reward-modal{padding:20px;text-align:center}.sd-reward-streak{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.sd-reward-number{color:var(--color-brand-accent);font-size:2.5em;font-weight:700}.sd-reward-label{color:var(--color-text-secondary);font-size:1.2em}.sd-reward-items{margin-bottom:20px}.sd-reward-items h4{margin-bottom:12px}.sd-reward-items ul{list-style:none;margin:0;padding:0}.sd-reward-items li{align-items:center;background:#ffffff0d;border-radius:4px;display:flex;gap:8px;justify-content:center;margin:4px 0;padding:8px 12px}.sd-bonus-applied{background:#f59e0b1a;border-radius:4px;color:var(--color-brand-accent);font-weight:700;margin-top:12px;padding:8px}@media (prefers-reduced-motion:reduce){.sd-icon-flame.sd-icon-lg,.sd-milestone-fill{animation:none!important;transition:none!important}}@keyframes borderGlow{0%,to{box-shadow:0 0 10px var(--district-color),inset 0 0 20px #00000080}50%{box-shadow:0 0 25px var(--district-color),inset 0 0 30px #0000004d}}.sector3-page{background:linear-gradient(180deg,#0a0a0a,#0d0808 50%,#0a0a0a);box-sizing:border-box;margin:0 auto;max-width:min(1800px,96vw);min-height:100vh;padding:24px;width:100%}@media (min-width:1920px){.sector3-page{max-width:min(2200px,98vw)}}@media (min-width:2560px){.sector3-page{max-width:min(2600px,98vw)}}.sector-header{margin-bottom:32px;position:relative;text-align:center}.sector-header h1{align-items:center;display:flex;font-size:3rem;gap:12px;justify-content:center;letter-spacing:6px;margin-bottom:8px}.sector-header h1 .sector-title-icon{-webkit-text-fill-color:initial;background:none;color:inherit}.sector-header h1 .sector-title-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f5f5f5,#dc2626 50%,#991b1b);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 40px #dc262680}.sector-subtitle{color:#707070;font-size:1.125rem}.event-banner{background:linear-gradient(135deg,#f59e0b40,#dc262633);border:1px solid #f59e0b80;border-radius:var(--border-radius-lg);gap:12px;margin-top:16px;padding:12px 24px}.event-banner .event-icon{animation:eventPulse 1s ease-in-out infinite;font-size:1.25rem}.event-banner .event-text{color:#f59e0b;font-weight:500}.event-banner .event-timer{background:#0000;border:1px solid #fff3;border-radius:var(--border-radius-md);color:#ffffffe6;font-size:.875rem;padding:6px 12px}.quick-access-bar{background:linear-gradient(135deg,#0d0d0de6,#1a1a1ae6);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-md);position:relative}.quick-access-bar:before{animation:scanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#dc26261a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.quick-btn{align-items:center;background-color:#141414cc;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-normal)}.quick-btn,.quick-btn:hover{color:var(--color-text-primary)}.quick-btn:hover{background-color:#dc262633;border-color:#dc262699;box-shadow:0 8px 20px var(--glow-primary);transform:translateY(-3px)}.quick-btn .quick-icon{font-size:1.25rem}.quick-btn .hot-badge{background:var(--color-danger);color:#fff}.quick-btn .event-badge,.quick-btn .hot-badge{border-radius:10px;font-size:.5rem;font-weight:var(--font-weight-bold);padding:2px 6px;position:absolute;right:-6px;top:-6px}.quick-btn .event-badge{animation:eventPulse 2s ease-in-out infinite;background:var(--color-brand-accent);color:var(--color-ui-background)}.quick-btn .hot-badge+.event-badge{right:24px}.districts-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.district-card{background:linear-gradient(135deg,#0d0d0df2,#141414f2);border:1px solid var(--color-ui-border);border-left:4px solid var(--district-color,var(--color-brand-primary));border-radius:var(--border-radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .4s ease}.district-card:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--district-color) 10%,#0000) 0,#0d0d0df2 50%,color-mix(in srgb,var(--district-color) 5%,#0000) 100%);border-color:var(--district-color,var(--color-brand-primary));box-shadow:0 12px 30px color-mix(in srgb,var(--color-brand-primary) 30%,#0000);box-shadow:0 12px 30px color-mix(in srgb,var(--district-color,var(--color-brand-primary)) 30%,#0000);transform:translateY(-4px)}.district-card .particle-container{inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease}.district-card:hover .particle-container{opacity:1}.district-card .particle{animation:float 4s ease-in-out infinite;font-size:8px;opacity:.3;position:absolute}.district-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--district-color,var(--color-ui-divider)) 30%,#0000);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.district-icon{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--district-color) 30%,#0000) 0,#0000004d 100%);border:2px solid color-mix(in srgb,var(--district-color) 50%,#0000);border-radius:var(--border-radius-lg);display:flex;font-size:2rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.district-card:hover .district-icon{box-shadow:0 0 20px color-mix(in srgb,var(--district-color) 40%,#0000)}.district-header-info{flex:1 1}.district-header-info h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);gap:var(--spacing-sm);margin:0 0 var(--spacing-xs) 0}.district-header-info p{margin:0}.district-header-info p,.zone-reset-timer{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.zone-reset-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:var(--spacing-xs) 0 0 0}.activity-indicator{align-items:center;background:#22c55e33;border-radius:10px;color:var(--color-success);display:inline-flex;font-size:.625rem;gap:4px;padding:2px 8px}.activity-indicator .activity-dot{animation:pulseDot 1.5s ease-in-out infinite;background:var(--color-success);border-radius:50%;height:6px;width:6px}.locations-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.location-item{align-items:center;background:#14141499;border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.location-item.active:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--district-color) 20%,#0000) 0,#0000 100%);border-color:color-mix(in srgb,var(--district-color) 60%,#0000);box-shadow:0 0 15px color-mix(in srgb,var(--district-color) 30%,#0000);transform:translateX(8px)}.location-item.active:hover:before{animation:portalOpen .3s ease-out forwards;background:var(--district-color);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.location-item.disabled{cursor:not-allowed;opacity:.5}.location-item.locked{opacity:.6}.location-item.coming-soon:after{animation:glitch .5s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 0,#ffffff08 4px);content:"";inset:0;pointer-events:none;position:absolute}.loc-icon{flex-shrink:0;font-size:1.5rem;text-align:center;width:40px}.loc-info{flex:1 1;min-width:0}.loc-info h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);gap:var(--spacing-sm);margin:0 0 2px}.loc-info .highlight-badge{background:var(--color-brand-accent);border-radius:10px;color:var(--color-ui-background);font-size:.5rem;font-weight:var(--font-weight-bold);padding:2px 6px}.loc-info p{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-status{flex-shrink:0}.loc-status .status-badge{align-items:center;border-radius:20px;display:flex;font-size:.6875rem;font-weight:var(--font-weight-semibold);gap:4px;padding:4px 10px}.loc-status .status-badge.open{background:#22c55e33;border:1px solid #22c55e66;color:var(--color-success)}.loc-status .status-badge.locked{background:#f59e0b33;border:1px solid #f59e0b66;color:var(--color-brand-accent)}.loc-status .status-badge.soon{background:#6b728033;border:1px solid #6b728066;color:var(--color-info)}@media (max-width:900px){.districts-grid{grid-template-columns:1fr}}@media (max-width:768px){.sector3-page{padding:var(--spacing-md)}.sector-header h1{font-size:var(--font-size-2xl);letter-spacing:3px}.quick-access-bar{gap:var(--spacing-xs);padding:var(--spacing-sm)}.quick-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.district-card{padding:var(--spacing-md)}.district-header{flex-direction:column;text-align:center}.location-item{padding:var(--spacing-sm)}.loc-icon{font-size:1.25rem;width:35px}}@media (max-width:480px){.quick-access-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.quick-btn{flex-shrink:0}}.announcements-page{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);padding:var(--spacing-lg);position:relative;width:100%}.ann-atmosphere{background:radial-gradient(ellipse 600px 400px at 15% 20%,#2b6de826,#0000),radial-gradient(ellipse 500px 350px at 85% 30%,#8b5cf61f,#0000),radial-gradient(ellipse 400px 300px at 50% 80%,#f59e0b14,#0000),radial-gradient(ellipse 700px 500px at 30% 60%,#2b6de81a,#0000),radial-gradient(ellipse 350px 250px at 70% 70%,#8b5cf614,#0000),radial-gradient(ellipse 450px 350px at 90% 90%,#3b82f60f,#0000),radial-gradient(ellipse 300px 200px at 10% 90%,#f59e0b0f,#0000),radial-gradient(ellipse 500px 400px at 50% 10%,#2b6de814,#0000);inset:0;pointer-events:none;position:fixed;z-index:0}.ann-welcome-header{background:linear-gradient(135deg,#2b6de833,#8b5cf61a);border:1px solid #2b6de84d;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl) var(--spacing-xl) calc(var(--spacing-xl) + 4px);position:relative;text-align:center;z-index:1}.ann-header-sweep{animation:annHeaderSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#2b6de8cc,#8b5cf699,#0000);bottom:0;height:3px;left:0;position:absolute;width:100%}.ann-title-shimmer{-webkit-text-fill-color:#0000;animation:annTitleShimmer 6s linear infinite;background:linear-gradient(135deg,var(--color-brand-primary) 0,#8b5cf6 25%,var(--color-brand-primary) 50%,#8b5cf6 75%,var(--color-brand-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.ann-welcome-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.ann-card{margin-top:0;padding:var(--spacing-lg);position:relative;z-index:1}.ann-section-heading{align-items:center;display:flex;font-size:var(--font-size-xl);gap:8px;margin:0 0 var(--spacing-lg) 0}.ann-toolbar{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.ann-search-wrap{flex:1 1;min-width:180px}.ann-search-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.ann-search-input::placeholder{color:var(--color-text-tertiary)}.ann-search-input:focus{border-color:#2b6de880;box-shadow:0 0 0 2px #2b6de826}.ann-filter-group{display:flex;flex-wrap:wrap;gap:4px}.ann-filter-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);gap:4px;padding:6px 12px;transition:all .2s}.ann-filter-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26;color:var(--color-text-primary)}.ann-filter-btn.active{background:#2b6de833;border-color:#2b6de866;color:var(--color-brand-primary)}.ann-filter-btn:disabled{cursor:not-allowed;opacity:.5}.ann-filter-label{white-space:nowrap}.ann-refresh-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:all .2s;width:34px}.ann-refresh-btn:hover:not(:disabled){background:#ffffff14;color:var(--color-text-primary)}.ann-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.ann-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ann-item{animation:annCardEntrance .4s ease-out both;background:#0003;border-left:3px solid var(--color-brand-primary);border-radius:var(--border-radius-md);cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.ann-item:after{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.ann-item:hover{box-shadow:0 8px 24px #0000004d,inset 0 1px 0 #ffffff0d;transform:translateY(-3px)}.ann-item:hover:after{transform:translateX(100%)}.ann-item:focus-visible{outline:2px solid #2b6de8b3;outline-offset:2px}.ann-item.urgent{animation:annCardEntrance .4s ease-out both,annUrgentPulse 3s ease-in-out infinite;background:#ef44440f;border-left-color:#ef4444}.ann-item.high{background:#f59e0b0d;border-left-color:#f59e0b}.ann-item.normal{border-left-color:var(--color-brand-primary)}.ann-item.low{background:#ffffff05;border-left-color:var(--color-text-tertiary)}.ann-scan-line{animation:annScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#2b6de866,#0000);height:1px;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ann-item.urgent .ann-scan-line{background:linear-gradient(90deg,#0000,#ef444480,#0000)}.ann-item.high .ann-scan-line{background:linear-gradient(90deg,#0000,#f59e0b66,#0000)}.ann-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.ann-item-badges{align-items:center;display:flex;gap:8px}.ann-item-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.ann-item-title{font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0}.ann-item-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-sm) 0;overflow:hidden}.ann-item-body.expanded{-webkit-line-clamp:unset;overflow:visible}.ann-item-author{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs)}.ann-new-badge{animation:annNewPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;color:#fff;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.ann-pagination{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.ann-page-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:6px 16px;transition:all .2s}.ann-page-btn:hover:not(:disabled){background:#2b6de833;border-color:#2b6de866;color:var(--color-text-primary)}.ann-page-btn:disabled{cursor:not-allowed;opacity:.4}.ann-page-info{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.ann-loading{padding:var(--spacing-md) 0}.ann-skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ann-skeleton-item{animation:annCardEntrance .4s ease-out both;background:#0003;border-left:3px solid #ffffff0f;border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.ann-skeleton-badge{animation:annSkeletonShimmer 1.5s ease-in-out infinite;background:#ffffff0f;height:20px;width:60px}.ann-skeleton-badge,.ann-skeleton-title{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.ann-skeleton-title{animation:annSkeletonShimmer 1.5s ease-in-out .1s infinite;background:#ffffff14;height:18px;width:45%}.ann-skeleton-body{animation:annSkeletonShimmer 1.5s ease-in-out .2s infinite;background:#ffffff0d;border-radius:var(--border-radius-sm);height:14px;width:80%}.ann-error-wrap{background:#ef44440f;border:1px solid #ef444426;border-radius:var(--border-radius-md);padding:var(--spacing-xl);text-align:center}.ann-error-icon{background:#ef4444;border-radius:50%;-webkit-clip-path:polygon(50% 15%,58% 55%,54% 55%,54% 65%,46% 65%,46% 55%,42% 55%);clip-path:polygon(50% 15%,58% 55%,54% 55%,54% 65%,46% 65%,46% 55%,42% 55%);height:40px;margin:0 auto var(--spacing-md);width:40px}.ann-error-msg{color:#ef4444;font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.ann-retry-btn{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:var(--border-radius-sm);color:#ef4444;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:6px;padding:8px 20px;transition:all .2s}.ann-retry-btn:hover{background:#ef444440;border-color:#ef444480}.ann-empty-wrap{padding:var(--spacing-xl);text-align:center}.ann-empty-msg{color:var(--color-text-secondary);font-size:var(--font-size-md)}.ann-icon-megaphone{background:#2b6de8;background:var(--color-brand-primary,#2b6de8);-webkit-clip-path:polygon(0 30%,60% 10%,60% 90%,0 70%,0 55%,15% 55%,15% 80%,25% 80%,25% 55%,0 55%);clip-path:polygon(0 30%,60% 10%,60% 90%,0 70%,0 55%,15% 55%,15% 80%,25% 80%,25% 55%,0 55%);height:16px;width:16px}.ann-icon-info,.ann-icon-megaphone{display:inline-block;vertical-align:middle}.ann-icon-info{border:2px solid #999;border:2px solid var(--color-text-tertiary,#999);border-radius:50%;height:14px;position:relative;width:14px}.ann-icon-info:after{background:#999;background:var(--color-text-tertiary,#999);box-shadow:0 -3px 0 0 #999;box-shadow:0 -3px 0 0 var(--color-text-tertiary,#999);content:"";height:5px;left:50%;position:absolute;top:3px;transform:translateX(-50%);width:2px}.ann-icon-update{background:#2b6de8;background:var(--color-brand-primary,#2b6de8);-webkit-clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%);clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%)}.ann-icon-important,.ann-icon-update{display:inline-block;height:14px;vertical-align:middle;width:14px}.ann-icon-important{background:#f59e0b;-webkit-clip-path:polygon(50% 5%,95% 95%,5% 95%);clip-path:polygon(50% 5%,95% 95%,5% 95%)}.ann-icon-urgent{background:#ef4444;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:14px;width:14px}.ann-icon-refresh,.ann-icon-urgent{display:inline-block;vertical-align:middle}.ann-icon-refresh{border:2px solid #aaa;border:2px solid var(--color-text-secondary,#aaa);border-radius:50%;border-top:2px solid #0000;height:16px;transition:transform .3s;width:16px}.ann-icon-refresh:after{border-bottom:4px solid #aaa;border-bottom:4px solid var(--color-text-secondary,#aaa);border-left:3px solid #0000;border-right:3px solid #0000;content:"";height:0;position:absolute;right:1px;top:-1px;width:0}.ann-icon-refresh.spinning{animation:annRefreshSpin 1s linear infinite}@keyframes annTitleShimmer{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes annHeaderSweep{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes annCardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes annSkeletonShimmer{0%,to{opacity:.4}50%{opacity:1}}@keyframes annUrgentPulse{0%,to{box-shadow:inset 0 0 0 #ef444400}50%{box-shadow:inset 0 0 20px #ef444414,0 0 12px #ef44441a}}@keyframes annNewPulse{0%,to{box-shadow:0 0 4px #10b9814d}50%{box-shadow:0 0 12px #10b98199}}@keyframes annScanLine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes annRefreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.announcements-page{padding:var(--spacing-sm)}.ann-welcome-header{padding:var(--spacing-md)}.ann-title-shimmer{font-size:var(--font-size-xl)}.ann-toolbar{align-items:stretch;flex-direction:column}.ann-search-wrap{min-width:0;min-width:auto}.ann-filter-group{justify-content:center}.ann-filter-label{display:none}.ann-refresh-btn{align-self:center}}@media (max-width:768px){.announcements-page{padding:var(--spacing-md)}.ann-welcome-header{padding:var(--spacing-lg)}.ann-title-shimmer{font-size:var(--font-size-2xl)}.ann-welcome-subtitle{font-size:var(--font-size-md)}}@media (min-width:1920px){.announcements-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.announcements-page{max-width:min(2600px,98vw)}}@media (prefers-reduced-motion:reduce){.ann-title-shimmer{animation:none;background-size:100% 100%}.ann-header-sweep{opacity:.5}.ann-header-sweep,.ann-item{animation:none;transform:none}.ann-item{opacity:1}.ann-item:hover{transform:none}.ann-item:after{display:none}.ann-item.urgent{animation:none}.ann-scan-line{animation:none;display:none}.ann-skeleton-badge,.ann-skeleton-body,.ann-skeleton-title{animation:none;opacity:.6}.ann-skeleton-item{animation:none;opacity:1}.ann-new-badge{animation:none;box-shadow:0 0 6px #10b98166}.ann-icon-refresh.spinning{animation:none}}.online-players-page{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);padding:var(--spacing-md);width:100%}@media (min-width:1920px){.online-players-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.online-players-page{max-width:min(2600px,98vw)}}.online-players-page .page-header{border-bottom:2px solid var(--color-ui-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.online-players-page .page-header h1{color:var(--color-brand-primary);margin-bottom:var(--spacing-sm)}.online-players-page .page-description{color:var(--color-text-secondary);font-size:var(--font-size-md)}.online-players-toolbar{align-items:center;background:#0003;border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.search-box{align-items:center;background:#0000004d;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);display:flex;flex:1 1;max-width:400px;min-width:200px;padding:var(--spacing-sm) var(--spacing-md)}.search-box input{background:#0000;border:none;color:var(--color-text-primary);font-size:var(--font-size-md);outline:none;width:100%}.search-box input::placeholder{color:var(--color-text-tertiary)}.online-count{color:var(--color-text-secondary);font-size:var(--font-size-md);gap:var(--spacing-sm)}.online-dot{animation:onlinePlayersPulse 2s infinite;background:#10b981;border-radius:50%;height:10px;width:10px}@keyframes onlinePlayersPulse{0%,to{opacity:1}50%{opacity:.5}}.players-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.player-card{border:2px solid #0000;padding:var(--spacing-md);transition:all .3s ease}.player-card-compact{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-sm) var(--spacing-md)}.player-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.player-card-compact .player-card-id{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.player-card-compact .player-card-clan{color:var(--color-brand-secondary);font-size:var(--font-size-xs);font-weight:600}.player-card-compact-row{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:space-between}.player-card-name{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{color:var(--color-brand-accent);font-size:var(--font-size-sm);font-weight:400;margin-left:var(--spacing-xs)}.player-card-compact .player-card-level,.player-card-compact .player-card-rank{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.player-card-level{color:var(--color-brand-accent);font-weight:600}.player-card-status{align-items:center;color:var(--color-success);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:6px}.player-card-status .online-dot{height:6px;width:6px}.online-players-page .player-card-section{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85em;gap:4px;justify-content:center;margin-top:4px}.player-card-actions{border-top:1px solid var(--color-ui-border);display:flex;gap:var(--spacing-xs);margin-top:6px;padding-top:var(--spacing-sm)}.player-card-actions button{flex:1 1;font-size:var(--font-size-xs);padding:6px 8px}.profile-modal-content{padding:var(--spacing-md)}.profile-header{border-bottom:2px solid var(--color-ui-border);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.profile-header-compact{margin-bottom:var(--spacing-lg)}.profile-header-info h2{color:var(--color-brand-primary);margin-bottom:var(--spacing-xs)}.stats-grid-three{grid-template-columns:repeat(3,1fr)}.stats-grid-four{grid-template-columns:repeat(4,1fr)}.profile-rank-inline{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);gap:8px;margin-top:10px;padding:8px 12px}.profile-rank-inline .rank-label{color:var(--color-text-tertiary)}.profile-rank-inline .rank-value{color:var(--color-warning);font-weight:600}.profile-rank-inline .rank-points{color:var(--color-text-secondary);margin-left:auto}.profile-list-placeholder{background:#0003;border-radius:var(--border-radius-md);min-height:48px;padding:var(--spacing-sm)}.profile-empty-text{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.profile-list-item{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:4px 0}.profile-titles-list{display:flex;flex-direction:column;gap:4px}.profile-active-title{color:var(--color-brand-accent);font-size:var(--font-size-sm);font-weight:600;margin-bottom:6px}.profile-title-badge{background:#2b6de81a;border:1px solid var(--color-brand-primary);border-radius:var(--border-radius-sm);color:var(--color-brand-secondary);display:inline-block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);padding:2px 10px}.profile-level{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.profile-status{font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-top:4px;margin-top:var(--spacing-xs,4px)}.profile-status .status-online{color:var(--color-success);font-weight:var(--font-weight-medium)}.profile-status .status-offline{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.profile-section{margin-bottom:var(--spacing-lg)}.profile-section h3{align-items:center;color:var(--color-brand-accent);display:flex;font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-box .stat-value.positive{color:var(--color-success)}.stat-box .stat-value.negative{color:var(--color-danger)}.stat-box .stat-value.neutral{color:var(--color-text-secondary)}.alliance-info{align-items:center;background:#0003;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.alliance-tag{font-weight:var(--font-weight-bold)}.alliance-name{color:var(--color-text-primary);flex:1 1}.alliance-level{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.rank-info{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#0003);border:1px solid #f59e0b4d;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.rank-tier{color:var(--color-warning);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.rank-division{color:var(--color-text-primary)}.rank-points{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto}.recent-battles-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.battle-item{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.battle-item.win .battle-result{background:#10b9811a;color:var(--color-success)}.battle-item.loss .battle-result{background:#ef44441a;color:var(--color-danger)}.battle-item.draw .battle-result{background:#ffffff1a;color:var(--color-text-secondary)}.battle-result{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:50px;padding:2px 8px;text-align:center}.battle-opponent{flex:1 1}.battle-date{color:var(--color-text-tertiary)}.profile-footer{border-top:1px solid var(--color-ui-border);margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.member-since{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.profile-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.pagination{border-top:1px solid var(--color-ui-border);gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.online-players-page .empty-state,.online-players-page .loading-container{color:var(--color-text-secondary);padding:var(--spacing-xxl);text-align:center}.online-players-page .empty-state h3{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}@media (max-width:768px){.online-players-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.players-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-header{align-items:center;text-align:center}.profile-actions,.profile-header{flex-direction:column}.battle-item{flex-wrap:wrap}}.player-card-avatar{flex-shrink:0;margin-right:4px}.sort-box{align-items:center;display:flex;gap:8px;margin-left:auto}.sort-box label{color:var(--color-text-secondary);font-size:.85rem;white-space:nowrap}.sort-box select{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:.85rem;padding:6px 10px}.sort-box select:focus{border-color:var(--color-brand-primary);outline:none}.tfa-step-dots{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.tfa-step-dot{background:#333;background:var(--color-ui-border,#333);border-radius:50%;height:10px;transition:background .3s,transform .3s;width:10px}.tfa-step-dot--active{background:#dc2626;background:var(--color-brand-primary,#dc2626);transform:scale(1.3)}.tfa-step-dot--completed{background:#22c55e}.tfa-setup-step{animation:tfaStepFadeIn .35s ease-out}@keyframes tfaStepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tfa-setup-instruction{color:#999;color:var(--color-text-secondary,#999);font-size:.9rem;line-height:1.6;margin-bottom:16px;text-align:center}.tfa-error{margin-bottom:16px}.tfa-qr-container{display:flex;justify-content:center;margin:16px 0}.tfa-qr-image{background:#fff;border:2px solid #333;border:2px solid var(--color-ui-border,#333);border-radius:8px;height:200px;padding:8px;width:200px}.tfa-secret-container{margin:16px 0}.tfa-secret-label{color:#999;color:var(--color-text-secondary,#999);font-size:.8rem;margin-bottom:6px;text-align:center}.tfa-secret-row{align-items:center;display:flex;gap:8px;justify-content:center}.tfa-secret-code{background:#dc262614;border:1px solid #dc262633;border-radius:6px;color:#dc2626;color:var(--color-brand-primary,#dc2626);font-family:Courier New,monospace;font-size:.95rem;font-weight:600;letter-spacing:.15em;padding:8px 14px;-webkit-user-select:all;user-select:all;word-break:break-all}.tfa-copy-button{background:#0000;border:1px solid #333;border:1px solid var(--color-ui-border,#333);border-radius:4px;color:#999;color:var(--color-text-secondary,#999);cursor:pointer;padding:6px 8px;transition:color .2s,border-color .2s}.tfa-copy-button:hover{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);color:#e5e5e5;color:var(--color-text-primary,#e5e5e5)}.tfa-next-button{margin-top:8px;width:100%}.tfa-verify-input{display:block;margin:0 auto;max-width:240px}.tfa-step-buttons{display:flex;gap:8px;justify-content:center;margin-top:16px}.tfa-step-buttons .auth-secondary-button,.tfa-step-buttons .login-button{flex:1 1;max-width:180px}.tfa-success-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;padding:10px 16px}.tfa-backup-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin:12px 0 16px}.tfa-backup-code{background:#ffffff0a;border:1px solid #333;border:1px solid var(--color-ui-border,#333);border-radius:4px;color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);font-family:Courier New,monospace;font-size:.9rem;font-weight:600;letter-spacing:.1em;padding:8px;text-align:center;-webkit-user-select:all;user-select:all}.tfa-backup-actions{margin-bottom:16px}.tfa-backup-actions,.tfa-saved-checkbox{display:flex;gap:8px;justify-content:center}.tfa-saved-checkbox{align-items:center;color:#999;color:var(--color-text-secondary,#999);cursor:pointer;font-size:.9rem;margin-bottom:12px}.tfa-saved-checkbox input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.tfa-done-button{width:100%}.tfa-loading{align-items:center;color:#999;color:var(--color-text-secondary,#999);display:flex;flex-direction:column;gap:12px;padding:32px 0}.tfa-loading-icon{animation:tfaPulse 1.5s ease-in-out infinite;height:32px;width:32px}@keyframes tfaPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.tfa-disable-warning{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:6px;color:#f59e0b;font-size:.85rem;line-height:1.5;margin-bottom:16px;padding:10px 12px}.tfa-disable-actions{display:flex;gap:8px;margin-top:16px}.tfa-disable-actions>*{flex:1 1}.tfa-disable-confirm{background:linear-gradient(135deg,#dc2626,#991b1b)!important}@media (prefers-reduced-motion:reduce){.tfa-loading-icon,.tfa-setup-step{animation:none}.tfa-step-dot{transition:none}}.settings-page{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);min-height:80vh;overflow:hidden;padding:20px;position:relative;width:100%;z-index:0}@media (min-width:1920px){.settings-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.settings-page{max-width:min(2000px,98vw)}}.settings-header{gap:14px;margin-bottom:30px;position:relative;z-index:2}.set-back-btn{align-items:center;background:#0000;border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:36px}.set-back-btn:hover{background:#dc262614;border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 0 10px #dc26261f}.set-back-arrow{background:#a0a0a0;background:var(--color-text-secondary,#a0a0a0);display:block;height:16px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z'/%3E%3C/svg%3E") center/contain no-repeat;transition:background .2s ease;width:16px}.set-back-btn:hover .set-back-arrow{background:#dc2626;background:var(--color-brand-primary,#dc2626)}.settings-header h1{-webkit-text-fill-color:#0000;animation:setHeaderGlow 4s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#f5f5f5 40%,#dc2626d9);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:.02em;margin:0 0 8px}.settings-subtitle{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.8rem;font-weight:500;letter-spacing:.1em;margin:0;text-transform:uppercase}.set-starfield{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.set-starfield:after,.set-starfield:before{background:#fff;border-radius:50%;content:"";position:absolute}.set-star--1{animation:setStarFloat 20s ease-in-out infinite;height:2px;left:15%;opacity:.3;top:8%;width:2px}.set-star--1,.set-star--2{background:#fff;border-radius:50%;position:absolute}.set-star--2{animation:setStarFloat2 25s ease-in-out infinite;height:3px;left:72%;opacity:.5;top:22%;width:3px}.set-star--3{animation:setStarFloat3 30s ease-in-out infinite;height:2px;left:38%;opacity:.2;top:55%;width:2px}.set-star--3,.set-star--4{background:#fff;border-radius:50%;position:absolute}.set-star--4{animation:setStarFloat4 15s ease-in-out infinite;height:4px;left:85%;opacity:.4;top:70%;width:4px}.set-star--5{animation:setStarFloat5 40s ease-in-out infinite;background:#fff;border-radius:50%;height:3px;left:5%;opacity:.6;position:absolute;top:40%;width:3px}@keyframes setStarFloat{0%{opacity:.3;transform:translate(0)}25%{opacity:.5;transform:translate(8px,-12px)}50%{opacity:.2;transform:translate(-4px,6px)}75%{opacity:.45;transform:translate(12px,4px)}to{opacity:.3;transform:translate(0)}}@keyframes setStarFloat2{0%{opacity:.5;transform:translate(0)}30%{opacity:.3;transform:translate(-10px,8px)}60%{opacity:.6;transform:translate(6px,-14px)}to{opacity:.5;transform:translate(0)}}@keyframes setStarFloat3{0%{opacity:.2;transform:translate(0)}40%{opacity:.4;transform:translate(14px,10px)}70%{opacity:.15;transform:translate(-8px,-6px)}to{opacity:.2;transform:translate(0)}}@keyframes setStarFloat4{0%{opacity:.4;transform:translate(0)}35%{opacity:.55;transform:translate(-6px,-10px)}65%{opacity:.25;transform:translate(10px,8px)}to{opacity:.4;transform:translate(0)}}@keyframes setStarFloat5{0%{opacity:.6;transform:translate(0)}20%{opacity:.35;transform:translate(5px,15px)}50%{opacity:.55;transform:translate(-12px,-4px)}80%{opacity:.4;transform:translate(8px,-10px)}to{opacity:.6;transform:translate(0)}}.set-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.set-particle--1{animation:setParticleDrift 25s ease-in-out infinite;background:#dc262626;filter:blur(2px);height:6px;left:20%;top:30%;width:6px}.set-particle--1,.set-particle--2{border-radius:50%;position:absolute}.set-particle--2{animation:setParticleDrift2 30s ease-in-out infinite;background:#dc26261f;filter:blur(1.5px);height:4px;left:65%;top:60%;width:4px}.set-particle--3{animation:setParticleDrift3 35s ease-in-out infinite;background:#dc26262e;border-radius:50%;filter:blur(1px);height:3px;left:80%;position:absolute;top:15%;width:3px}@keyframes setParticleDrift{0%{opacity:.15;transform:translate(0)}25%{opacity:.3;transform:translate(30px,-20px)}50%{opacity:.1;transform:translate(-10px,40px)}75%{opacity:.25;transform:translate(20px,15px)}to{opacity:.15;transform:translate(0)}}@keyframes setParticleDrift2{0%{opacity:.12;transform:translate(0)}30%{opacity:.25;transform:translate(-25px,15px)}60%{opacity:.08;transform:translate(15px,-30px)}to{opacity:.12;transform:translate(0)}}@keyframes setParticleDrift3{0%{opacity:.18;transform:translate(0)}35%{opacity:.28;transform:translate(20px,25px)}70%{opacity:.1;transform:translate(-15px,-10px)}to{opacity:.18;transform:translate(0)}}.set-skeleton-card{background:#0f0f1a;background:var(--card-bg,var(--color-ui-background,#0f0f1a));border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:12px;min-height:200px;padding:20px}.set-skeleton-row{background:#ffffff0d;border-radius:4px;height:16px;margin-bottom:16px;overflow:hidden;position:relative}.set-skeleton-row:after{animation:setSkeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0f 40%,#ffffff1a 50%,#ffffff0f 60%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.set-skeleton-row:first-child{width:60%}.set-skeleton-row:nth-child(2){width:80%}.set-skeleton-row:nth-child(3){width:40%}.set-skeleton-row:nth-child(4){width:70%}.set-skeleton-row:nth-child(5){width:55%}.set-skeleton-row:nth-child(6){width:45%}.set-skeleton-row:nth-child(7){width:65%}.set-skeleton-row:nth-child(8){width:50%}.set-skeleton-row:last-child{margin-bottom:0}@keyframes setSkeletonShimmer{0%{left:-100%}to{left:200%}}.settings-container{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.settings-section{animation:settingsSectionFade .4s ease both;background:#0f0f1a;background:var(--card-bg,var(--color-ui-background,#0f0f1a));border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:12px;padding:20px;position:relative;transition:border-color .3s ease,box-shadow .3s ease}@keyframes settingsSectionFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-section:first-child{animation-delay:0s}.settings-section:nth-child(2){animation-delay:.08s}.settings-section:nth-child(3){animation-delay:.16s}.settings-section:nth-child(4){animation-delay:.24s}.settings-section:nth-child(5){animation-delay:.32s}.settings-section:nth-child(6){animation-delay:.4s}.settings-section:nth-child(7){animation-delay:.48s}.settings-section:hover{border-color:#dc262640;box-shadow:0 0 20px #dc26260f,inset 0 0 30px #dc262605}.settings-section:before{animation:setCornerAccent .3s ease forwards;animation-play-state:paused;border-left:2px solid #dc26264d;border-radius:12px 0 0 0;border-top:2px solid #dc26264d;left:0;top:0}.settings-section:after,.settings-section:before{content:"";height:20px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;width:20px}.settings-section:after{border-bottom:2px solid #dc26264d;border-radius:0 0 12px 0;border-right:2px solid #dc26264d;bottom:0;right:0}.settings-section:hover:after,.settings-section:hover:before{opacity:1}@keyframes setCornerAccent{0%{opacity:0}to{opacity:1}}.settings-page .section-title{background:linear-gradient(90deg,#dc26260f,#0000);border-bottom:1px solid #dc26261f;border-left:3px solid #dc2626;border-left:3px solid var(--color-brand-primary,#dc2626);color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);font-size:1.1rem;font-weight:600;gap:10px;line-height:1.35;margin:0 -12px 20px;padding:10px 12px}.section-icon,.settings-page .section-title{align-items:center;display:flex;flex-shrink:0}.section-icon{font-size:1.3rem}.section-icon:hover{filter:drop-shadow(0 0 4px rgba(220,38,38,.6))}.section-content{display:flex;flex-direction:column;gap:12px;min-height:0;padding-top:2px}.select-setting,.toggle-setting{align-items:flex-start;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--color-ui-border,#2a2a3e);border-radius:4px;display:flex;justify-content:space-between;padding:10px 4px;position:relative;transition:background .2s ease,padding-left .2s ease}.select-setting:last-child,.toggle-setting:last-child{border-bottom:none}.select-setting.disabled,.toggle-setting.disabled{opacity:.5}.toggle-setting:before{background:#dc2626;background:var(--color-brand-primary,#dc2626);border-radius:1px;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:2px}.toggle-setting:hover{background:#dc262608;padding-left:10px}.toggle-setting:hover:before{height:60%}.toggle-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.toggle-label{color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);display:block;font-size:.95rem;line-height:1.35;margin-bottom:0}.toggle-description{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);display:block;font-size:.85rem;line-height:1.45;margin-top:0}.toggle-switch{flex-shrink:0;width:44px}.toggle-switch input{position:absolute}.toggle-slider{background-color:#333;background-color:var(--bg-tertiary,#333);transition:background .3s ease,box-shadow .3s ease}.toggle-slider:before{background-color:#a0a0a0;background-color:var(--color-text-secondary,#a0a0a0);bottom:3px;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55),background .3s ease,box-shadow .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 0 12px #dc262666}.toggle-switch input:checked+.toggle-slider:before{animation:setTogglePop .3s ease;background-color:#fff;box-shadow:0 0 8px #dc262680;transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}@keyframes setTogglePop{0%{transform:translateX(20px) scale(1)}50%{transform:translateX(20px) scale(1.2)}to{transform:translateX(20px) scale(1)}}.toggle-switch--small{height:22px;width:38px}.toggle-switch--small .toggle-slider:before{height:16px;width:16px}.toggle-switch--small input:checked+.toggle-slider:before{transform:translateX(16px)}.settings-select{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:6px;color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:.9rem;min-width:120px;padding:6px 12px;transition:border-color .2s ease,box-shadow .2s ease}.settings-select:focus{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 0 0 3px #dc262626;outline:none}.settings-select:disabled{cursor:not-allowed;opacity:.5}.volume-setting{border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--color-ui-border,#2a2a3e);padding:10px 0}.volume-setting:last-child{border-bottom:none}.volume-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.volume-label{color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);display:block;font-size:.95rem;font-weight:500}.set-test-sound-btn{background:#0000;border:1px solid #dc2626;border:1px solid var(--color-brand-primary,#dc2626);border-radius:4px;color:#dc2626;color:var(--color-brand-primary,#dc2626);cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:2px 10px;text-transform:uppercase;transition:all .2s ease}.set-test-sound-btn:hover:not(:disabled){background:#dc26261f;box-shadow:0 0 8px #dc262633}.set-test-sound-btn:disabled{cursor:not-allowed;opacity:.4}.volume-slider,input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#dc2626,#2a2a3e);background:linear-gradient(90deg,var(--color-brand-primary,#dc2626),var(--color-ui-border,#2a2a3e));border-radius:3px;height:6px;outline:none;transition:opacity .2s ease;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#dc2626;background:var(--color-brand-primary,#dc2626);border-radius:50%;box-shadow:0 0 8px #dc262680,0 2px 4px #0000004d;cursor:pointer;height:18px;-webkit-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:18px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 14px #dc2626b3,0 2px 6px #0006;transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:#dc2626;background:var(--color-brand-primary,#dc2626);border:none;border-radius:50%;box-shadow:0 0 8px #dc262680,0 2px 4px #0000004d;cursor:pointer;height:18px;-moz-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:18px}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 14px #dc2626b3;transform:scale(1.2)}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#dc2626,#2a2a3e);background:linear-gradient(90deg,var(--color-brand-primary,#dc2626),var(--color-ui-border,#2a2a3e));border:none;border-radius:3px;height:6px}.volume-slider:disabled,input[type=range]:disabled{opacity:.5}.volume-slider:disabled::-webkit-slider-thumb,input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.granular-section{max-width:700px}.granular-description{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.9rem;line-height:1.4;margin:0 0 12px}.granular-table{display:flex;flex-direction:column;gap:0}.granular-header{grid-gap:8px;align-items:center;border-bottom:2px solid #2a2a3e;border-bottom:2px solid var(--color-ui-border,#2a2a3e);display:grid;gap:8px;grid-template-columns:1fr 60px 60px;padding:8px 0}.granular-header-toggle,.granular-header-type{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.granular-header-toggle{text-align:center;transition:opacity .2s ease}.granular-header--muted{opacity:.35}.granular-row{grid-gap:8px;align-items:center;animation:setGranularRowFade .3s ease both;border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--color-ui-border,#2a2a3e);display:grid;gap:8px;grid-template-columns:1fr 60px 60px;padding:10px 0;transition:background .2s ease}.granular-row:nth-child(2){animation-delay:.03s}.granular-row:nth-child(3){animation-delay:.06s}.granular-row:nth-child(4){animation-delay:.09s}.granular-row:nth-child(5){animation-delay:.12s}.granular-row:nth-child(6){animation-delay:.15s}.granular-row:nth-child(7){animation-delay:.18s}.granular-row:nth-child(8){animation-delay:.21s}@keyframes setGranularRowFade{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.granular-row:last-child{border-bottom:none}.granular-row:hover{background:linear-gradient(90deg,#dc26260a,#0000);border-radius:4px}.granular-row .toggle-switch{justify-self:center}.granular-type-info{display:flex;flex-direction:column;gap:1px}.granular-type-label{color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);font-size:.95rem;font-weight:500}.granular-type-desc{color:#6a6a7a;color:var(--color-text-muted,#6a6a7a);font-size:.8rem;line-height:1.3}.set-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.set-preset-btn{background:#0000;border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:20px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:.8rem;font-weight:500;padding:4px 14px;transition:all .25s ease}.set-preset-btn:hover{animation:setPresetGlow .4s ease;background:#dc262614;color:#dc2626;color:var(--color-brand-primary,#dc2626)}.set-preset-btn.active,.set-preset-btn:hover{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626)}.set-preset-btn.active{background:#dc262626;color:#fff}@keyframes setPresetGlow{0%{box-shadow:0 0 0 0 #dc26264d}50%{box-shadow:0 0 8px 2px #dc262626}to{box-shadow:0 0 0 0 #dc262600}}.account-section{max-width:500px}.account-section .section-title{background:linear-gradient(90deg,#8b5cf60f,#0000);border-bottom-color:#8b5cf626;border-left-color:#8b5cf6}.account-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.account-row{border-bottom:1px solid #2a2a3e;border-bottom:1px solid var(--color-ui-border,#2a2a3e);display:flex;justify-content:space-between;padding:8px 0}.account-row:last-child{border-bottom:none}.account-label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.9rem}.account-value{color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);font-size:.9rem;font-weight:500}.account-actions{display:flex;flex-wrap:wrap;gap:12px}.settings-page .btn{border:none;border-radius:6px;cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.settings-page .btn:disabled{cursor:not-allowed;opacity:.5}.settings-page .btn-primary{background:#dc2626;background:var(--color-brand-primary,#dc2626);color:#f0f0f0;color:var(--color-text-primary,#f0f0f0)}.settings-page .btn-primary:hover:not(:disabled){background:#b91c1c;background:var(--accent-color-hover,#b91c1c);box-shadow:0 0 12px #dc26264d}.settings-page .btn-secondary{background:#333;background:var(--bg-tertiary,#333);border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);color:#f0f0f0;color:var(--color-text-primary,#f0f0f0)}.settings-page .btn-secondary:hover:not(:disabled){background:#3a3a4e;background:var(--color-ui-hover,#3a3a4e);box-shadow:0 0 10px #dc26261a}.settings-page .btn-warning{background:#0000;border:1px solid #dc2626;border:1px solid var(--color-brand-primary,#dc2626);color:#dc2626;color:var(--color-brand-primary,#dc2626)}.settings-page .btn-warning:hover:not(:disabled){background:#dc26261a;box-shadow:0 0 12px #dc262626}.settings-logout-btn{margin-left:auto}.settings-section .btn:hover:not(:disabled),.settings-section button:hover:not(:disabled){box-shadow:0 0 12px #dc262633}.sessions-section{max-width:500px}.session-card{align-items:center;background:linear-gradient(135deg,#1a1a2e,#dc262608);background:linear-gradient(135deg,var(--color-ui-surface,#1a1a2e) 0,#dc262608 100%);border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease}.session-card:hover{border-color:#dc26264d;box-shadow:0 0 16px #dc262614}.session-current-badge{animation:setSessionPulse 3s ease-in-out infinite;background:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}@keyframes setSessionPulse{0%,to{box-shadow:0 0 0 0 #22c55e00}50%{box-shadow:0 0 8px 2px #22c55e26}}.session-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.session-browser{color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);font-size:.95rem;font-weight:500}.session-time{color:#6a6a7a;color:var(--color-text-muted,#6a6a7a);font-size:.8rem}.session-logout-btn{width:100%}.settings-actions{align-items:flex-end;border-top:1px solid #2a2a3e;border-top:1px solid var(--color-ui-border,#2a2a3e);display:flex;flex-direction:column;gap:8px;padding-top:20px;position:relative;z-index:1}.settings-actions-row{align-items:center;display:flex;gap:12px}.unsaved-indicator{align-items:center;animation:setUnsavedPulse 2s ease-in-out infinite;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;font-size:.9rem;gap:6px;padding:6px 12px}@keyframes setUnsavedPulse{0%,to{border-color:#f59e0b4d;box-shadow:0 0 0 0 #f59e0b00}50%{border-color:#f59e0b80;box-shadow:0 0 8px 1px #f59e0b1a}}.save-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;display:flex;font-size:.9rem;gap:8px;padding:6px 12px}.save-error,.set-retry-btn{color:#ef4444;color:var(--color-danger,#ef4444)}.set-retry-btn{background:none;border:none;cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:.85rem;margin-left:12px;padding:2px 4px;text-decoration:underline;transition:color .2s ease}.set-retry-btn:hover{color:#f87171}.save-btn{animation:settingsBtnShift 3s ease infinite;background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b)!important;background-size:200% 200%!important;min-width:150px;overflow:hidden;position:relative}@keyframes settingsBtnShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.save-btn:after{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.save-btn:hover:after{animation:settingsShimmerSweep .6s ease forwards}@keyframes settingsShimmerSweep{0%{left:-100%}to{left:100%}}.save-btn.saved{animation:savePulse 1s ease-out;background:#22c55e!important;border-color:#22c55e!important}.save-btn.saved:after{animation:saveCheckmark .3s ease-out;background:none;content:"\2713";display:inline-block;margin-left:8px;position:static}@keyframes saveCheckmark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes savePulse{0%{box-shadow:0 0 0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.settings-modal-form{display:flex;flex-direction:column;gap:16px;padding:8px 0}.settings-modal-form .form-group{display:flex;flex-direction:column;gap:6px}.settings-modal-form .form-group label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.9rem;font-weight:500}.settings-modal-form .form-group input{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:6px;color:#f0f0f0;color:var(--color-text-primary,#f0f0f0);font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:.95rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.settings-modal-form .form-group input:focus{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 0 0 3px #dc26261f;outline:none}.settings-modal-form .form-group input::placeholder{color:#555;color:var(--color-text-tertiary,#555)}.settings-modal-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.settings-modal-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;font-size:.9rem;padding:10px 14px}.settings-modal-success{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;font-size:.9rem;padding:10px 14px}.set-load-error{flex-direction:column;gap:16px;min-height:300px;padding:40px 20px;text-align:center}.set-load-error,.set-load-error-icon{align-items:center;display:flex;justify-content:center}.set-load-error-icon{background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;height:48px;width:48px}.set-load-error-icon:before{color:#ef4444;content:"!";font-size:1.5rem;font-weight:700}.set-load-error-message{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:1rem;line-height:1.5;max-width:400px}.set-load-error-retry{background:#dc2626;background:var(--color-brand-primary,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-primary,"Exo 2",sans-serif);font-size:.9rem;font-weight:500;padding:8px 24px;transition:background .2s ease,box-shadow .2s ease}.set-load-error-retry:hover{background:#b91c1c;box-shadow:0 0 12px #dc26264d}.settings-page:before{animation:settingsScanLine 5s linear infinite;background:linear-gradient(90deg,#0000,#dc26264d,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:-2px;z-index:3}@keyframes settingsScanLine{0%{opacity:0;top:-2px}5%{opacity:.7}95%{opacity:.7}to{opacity:0;top:100%}}.settings-icon{display:inline-block;flex-shrink:0;height:18px;margin-right:6px;vertical-align:middle;width:18px}.settings-icon--bell{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--speaker{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--person{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--warning{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--shield{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--display{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 3H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h6l-2 2v1h8v-1l-2-2h6c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 13H4V5h16v11z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 3H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h6l-2 2v1h8v-1l-2-2h6c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 13H4V5h16v11z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--tune{background:linear-gradient(135deg,#ec4899,#db2777);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--monitor{background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M21 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7l-2 3v1h8v-1l-2-3h7c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H3V4h18v12z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--gear{background:linear-gradient(135deg,#dc2626,#b91c1c);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--palette{background:linear-gradient(135deg,#ec4899,#f97316,#eab308);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-1 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-1 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--eye{background:linear-gradient(135deg,#8b5cf6,#6d28d9);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--eye,.settings-icon--laptop{display:inline-block;height:18px;width:18px}.settings-icon--laptop{background:linear-gradient(135deg,#06b6d4,#0e7490);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z'/%3E%3C/svg%3E") center/contain no-repeat}.settings-icon--language{background:linear-gradient(135deg,#14b8a6,#0d9488);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12.87 15.07-2.54-2.51.03-.03A17.52 17.52 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7 1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12.87 15.07-2.54-2.51.03-.03A17.52 17.52 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7 1.62-4.33L19.12 17h-3.24z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--storage{background:linear-gradient(135deg,#f59e0b,#b45309);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--accessibility{background:linear-gradient(135deg,#10b981,#059669);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 6c-2.61.7-5.67 1-8.5 1s-5.89-.3-8.5-1L3 8c1.86.5 4 .83 6 1v13h2v-6h2v6h2V9c2-.17 4.14-.5 6-1l-.5-2zM12 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 6c-2.61.7-5.67 1-8.5 1s-5.89-.3-8.5-1L3 8c1.86.5 4 .83 6 1v13h2v-6h2v6h2V9c2-.17 4.14-.5 6-1l-.5-2zM12 6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--speed{background:linear-gradient(135deg,#ef4444,#dc2626);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m20.38 8.57-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44zm-9.79 6.84a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m20.38 8.57-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44zm-9.79 6.84a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--reset{background:linear-gradient(135deg,#f97316,#ea580c);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--keyboard{background:linear-gradient(135deg,#6366f1,#4f46e5);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}@keyframes setHeaderGlow{0%{filter:drop-shadow(0 0 0 rgba(220,38,38,0));text-shadow:none}50%{filter:drop-shadow(0 0 6px rgba(220,38,38,.15))}to{filter:drop-shadow(0 0 0 rgba(220,38,38,0))}}.density-compact .settings-section{padding:14px}.density-compact .select-setting,.density-compact .toggle-setting{padding:6px 4px}.density-compact .section-content{gap:6px}.density-compact .section-title{font-size:1rem;margin-bottom:14px;padding:8px 10px}.density-compact .account-row,.density-compact .granular-row{padding:6px 0}.density-spacious .settings-section{padding:28px}.density-spacious .select-setting,.density-spacious .toggle-setting{padding:14px 4px}.density-spacious .section-content{gap:18px}.density-spacious .section-title{font-size:1.15rem;margin-bottom:20px;padding:12px 16px}.density-spacious .granular-row{padding:14px 0}.density-spacious .account-row{padding:12px 0}.no-animations *,.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion:reduce){.granular-row,.save-btn,.save-btn:after,.session-current-badge,.set-particle--1,.set-particle--2,.set-particle--3,.set-skeleton-row:after,.set-star--1,.set-star--2,.set-star--3,.set-star--4,.set-star--5,.set-starfield,.settings-page:before,.settings-section,.toggle-switch input:checked+.toggle-slider:before,.unsaved-indicator{animation:none!important}.session-card,.settings-page .btn,.settings-section,.settings-select,.toggle-setting,.toggle-slider,.toggle-slider:before{transition:none!important}}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.settings-header h1{font-size:1.6rem}.settings-subtitle{font-size:.7rem}.settings-page{padding:16px}.account-actions{flex-direction:column}.account-actions .btn{width:100%}.granular-header,.granular-row{grid-template-columns:1fr 50px 50px}.granular-type-desc{display:none}.settings-actions{align-items:stretch}.settings-actions-row{flex-direction:column;width:100%}.settings-actions-row .save-btn,.settings-actions-row button{width:100%}.account-section,.granular-section,.sessions-section{max-width:100%}}@media (max-width:600px){.settings-page{padding:12px}.settings-header h1{font-size:1.4rem}.settings-section{border-radius:8px;padding:14px}.settings-page .section-title{font-size:.95rem;margin-left:-10px;margin-right:-10px;padding:8px 10px}.toggle-label{font-size:.88rem}.toggle-description{font-size:.78rem}.volume-label{font-size:.88rem}.settings-select{font-size:.85rem;min-width:100px}.settings-page .btn{font-size:.88rem;padding:8px 16px}.granular-header,.granular-row{gap:4px;grid-template-columns:1fr 46px 46px}.granular-type-label{font-size:.88rem}.session-card{gap:8px;padding:10px}}@media (max-width:480px){.settings-page{padding:10px}.settings-header h1{font-size:1.2rem}.settings-subtitle{font-size:.65rem;letter-spacing:.08em}.settings-grid{gap:14px}.settings-section{padding:12px}.settings-page .section-title{font-size:.9rem;gap:6px}.toggle-switch{height:22px;width:40px}.toggle-slider:before{height:16px;width:16px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.granular-type-desc{display:none}.granular-header-toggle{font-size:.7rem}.account-row{flex-direction:column;gap:2px}.account-label{font-size:.8rem}.account-value{font-size:.85rem}.settings-actions{padding-top:14px}.save-error,.unsaved-indicator{font-size:.8rem;padding:4px 8px}}@media print{.set-particles,.set-starfield,.settings-page:before{display:none!important}.settings-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.set-celebration-overlay{align-items:center;animation:set-celebration-fadeIn .4s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-toast)}.set-celebration-card{align-items:center;animation:set-celebration-scaleIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#140a0af2,#280f0ff2);border:1px solid #c8323280;border-radius:12px;box-shadow:0 0 40px #c832324d,0 0 80px #c832321a,inset 0 1px 0 #ff646426;display:flex;flex-direction:column;gap:10px;max-width:380px;overflow:hidden;padding:40px 48px 32px;position:relative;text-align:center}.set-celebration-burst{animation:set-celebration-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#c8323240 0,#0000 70%);border-radius:50%;height:300px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.set-celebration-icon{animation:set-celebration-iconGlow 1.5s ease-in-out infinite alternate;background:#c8323226;border:2px solid #c8323299;border-radius:50%;height:64px;position:relative;width:64px}.set-celebration-icon:after{animation:set-celebration-spin 4s linear infinite;background:#e04040;content:"";inset:14px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.5A3.5 3.5 0 0 1 8.5 12 3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.58 1.69-.98l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.66z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.5A3.5 3.5 0 0 1 8.5 12 3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.58 1.69-.98l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.66z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;position:absolute}.set-celebration-title{color:#c87878cc;font-size:.75rem;font-weight:600;letter-spacing:.2em;margin:0;text-transform:uppercase}.set-celebration-name{color:#ff6b6b;font-size:1.4rem;font-weight:700;margin:0;text-shadow:0 0 20px #ff646480}.set-celebration-desc{color:#c8b4b4b3;font-size:.85rem;line-height:1.4;margin:0;max-width:280px}.set-celebration-reward{align-items:baseline;background:#c832321f;border:1px solid #c832324d;border-radius:8px;display:flex;gap:6px;margin-top:4px;padding:8px 20px}.set-celebration-amount{animation:set-celebration-countUp .6s ease-out .5s both;color:gold;font-size:1.6rem;font-weight:700;text-shadow:0 0 12px #ffd70066}.set-celebration-currency{color:#ffd700b3;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.set-celebration-dismiss{background:#0000;border:1px solid #c8323280;border-radius:6px;color:#c89696e6;cursor:pointer;font-size:.8rem;letter-spacing:.15em;margin-top:8px;padding:8px 28px;text-transform:uppercase;transition:all .2s ease}.set-celebration-dismiss:hover{background:#c8323226;border-color:#c83232cc;color:#ff6b6b}@keyframes set-celebration-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes set-celebration-scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes set-celebration-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.15;transform:translate(-50%,-50%) scale(1.3)}}@keyframes set-celebration-iconGlow{0%{box-shadow:0 0 12px #c832324d}to{box-shadow:0 0 28px #c8323299,0 0 60px #c8323233}}@keyframes set-celebration-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes set-celebration-countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.set-security-row{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:space-between;padding:12px 0}.set-security-row-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.set-security-row-info .settings-icon{flex-shrink:0}.set-security-label{color:#e5e5e5;color:var(--color-text-primary,#e5e5e5);display:block;font-size:.9rem;font-weight:500}.set-security-description{color:#777;color:var(--color-text-secondary,#777);display:block;font-size:.78rem;margin-top:2px}.set-verified-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.settings-icon--check{background:#22c55e;display:inline-block;height:14px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center/contain no-repeat;width:14px}.settings-icon--email{background:linear-gradient(135deg,#3b82f6,#2563eb);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.settings-icon--authenticator{background:linear-gradient(135deg,#10b981,#059669);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}@media (max-width:480px){.set-security-row{align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.set-celebration-amount,.set-celebration-burst,.set-celebration-card,.set-celebration-icon,.set-celebration-icon:after,.set-celebration-overlay{animation:none!important}}.mech-shop-page{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);width:100%}@media (min-width:1920px){.mech-shop-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.mech-shop-page{max-width:min(2600px,98vw)}}.mech-shop-page .page-header h1{font-size:var(--font-size-2xl)}.mech-shop-page .shop-content{width:100%}.mech-shop-page .chassis-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mech-shop-page .chassis-shop-card{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);transition:transform .2s,box-shadow .2s}.mech-shop-page .chassis-shop-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.mech-shop-page .chassis-shop-card.tier-1{border-left:3px solid var(--color-info)}.mech-shop-page .chassis-shop-card.tier-2{border-left:3px solid var(--color-success)}.mech-shop-page .chassis-shop-card.tier-3{border-left:3px solid var(--color-brand-primary)}.mech-shop-page .chassis-shop-card.tier-4{border-left:3px solid var(--color-brand-accent)}.mech-shop-page .chassis-shop-card.tier-5{border-left:3px solid var(--color-danger)}.mech-shop-page .chassis-shop-card.locked{filter:grayscale(.4);opacity:.55;position:relative}.mech-shop-page .chassis-shop-card.locked:after{background:#00000026;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.mech-shop-page .chassis-shop-card.locked:hover{box-shadow:none;transform:none}.mech-shop-page .chassis-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.mech-shop-page .chassis-header h3{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0}.mech-shop-page .chassis-class{background:#ffffff14;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.mech-shop-page .chassis-class.light{background:#60a5fa26;color:#60a5fa}.mech-shop-page .chassis-class.medium{background:#6366f126;background:rgba(var(--color-brand-primary-rgb,99,102,241),.15);color:var(--color-brand-primary)}.mech-shop-page .chassis-class.heavy{background:#ffc10726;background:rgba(var(--color-brand-accent-rgb,255,193,7),.15);color:var(--color-brand-accent)}.mech-shop-page .chassis-class.assault{background:#ef444426;color:#ef4444}.mech-shop-page .chassis-unlocked-at{align-items:center;background:#ffc1071f;background:rgba(var(--color-brand-accent-rgb,255,193,7),.12);border:1px solid #ffc10740;border:1px solid rgba(var(--color-brand-accent-rgb,255,193,7),.25);border-radius:var(--border-radius-sm);color:var(--color-brand-accent);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.mech-shop-page .chassis-image-placeholder{align-items:center;display:flex;justify-content:center;padding:var(--spacing-md) 0}.mech-shop-page .chassis-icon{-webkit-clip-path:polygon(30% 0,70% 0,80% 20%,85% 40%,75% 50%,90% 70%,80% 100%,20% 100%,10% 70%,25% 50%,15% 40%,20% 20%);clip-path:polygon(30% 0,70% 0,80% 20%,85% 40%,75% 50%,90% 70%,80% 100%,20% 100%,10% 70%,25% 50%,15% 40%,20% 20%);display:inline-block;height:80px;opacity:.7;transition:opacity .2s;width:64px}.chassis-shop-card:not(.locked):hover .chassis-icon{opacity:1}.mech-class-light{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.mech-class-medium{background:linear-gradient(180deg,#818cf8,#6366f1)}.mech-class-heavy{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.mech-class-assault{background:linear-gradient(180deg,#f87171,#ef4444)}.mech-class-super-heavy{background:linear-gradient(180deg,#c084fc,#a855f7)}.mech-shop-page .chassis-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;min-height:40px}.mech-shop-page .chassis-description p{margin:0}.mech-shop-page .chassis-stats{grid-gap:var(--spacing-xs);background:#0003;border-radius:var(--border-radius-sm);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr);padding:var(--spacing-sm)}.mech-shop-page .chassis-stats .stat{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-xs)}.mech-shop-page .chassis-stats .stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.mech-shop-page .chassis-stats .stat-value{color:var(--color-brand-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.mech-shop-page .chassis-price{align-items:center;border-top:1px solid var(--color-ui-border);display:flex;justify-content:space-between;padding-top:var(--spacing-sm)}.mech-shop-page .chassis-price .price-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.mech-shop-page .chassis-price .price-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.mech-shop-page .chassis-price .price-value.affordable{color:var(--color-success)}.mech-shop-page .chassis-price .price-value.too-expensive{color:var(--color-danger)}.mech-shop-page .chassis-actions{margin-top:auto;padding-top:var(--spacing-sm)}.purchase-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.purchase-modal-content h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0}.purchase-modal-content .modal-section{margin-bottom:var(--spacing-sm)}.purchase-modal-content .modal-section h3{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.purchase-modal-content .modal-section p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.purchase-modal-content .stats-grid{background:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-md)}.purchase-modal-content .stat-row{border-bottom:1px solid #ffffff1a;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.purchase-modal-content .stat-row:last-child{border-bottom:none}.purchase-modal-content .stat-row strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.purchase-modal-content .slots-info{background:#0003;border-radius:var(--border-radius-md);color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-md)}.purchase-modal-content .slots-info .slots-standard,.purchase-modal-content .slots-info .slots-variable{border-bottom:1px solid #ffffff14;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;margin-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);text-transform:uppercase}.purchase-modal-content .slots-info .slots-standard{margin-top:0}.purchase-modal-content .purchase-summary{background:#6366f11a;background:rgba(var(--color-brand-primary-rgb,99,102,241),.1);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.purchase-modal-content .purchase-summary .credits-row,.purchase-modal-content .purchase-summary .price-row{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.purchase-modal-content .purchase-summary .price-row{border-bottom:1px solid #ffffff1a;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.purchase-modal-content .purchase-summary .price{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.purchase-modal-content .purchase-summary .sufficient{color:var(--color-success)}.purchase-modal-content .purchase-summary .insufficient{color:var(--color-danger)}.purchase-modal-content .purchase-result{border-radius:var(--border-radius-md);font-weight:var(--font-weight-semibold);padding:var(--spacing-md);text-align:center}.purchase-modal-content .purchase-result.success{background:#22c55e33;color:var(--color-success)}.purchase-modal-content .purchase-result.error{background:#ef444426;color:var(--color-danger)}.purchase-modal-content .modal-actions{align-items:center;display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-sm)}.purchase-modal-content .modal-unlocked-at{background:#ffc1071f;background:rgba(var(--color-brand-accent-rgb,255,193,7),.12);border-radius:var(--border-radius-sm);color:var(--color-brand-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.shop-stats-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.shop-stats-content section{margin-bottom:var(--spacing-sm)}.shop-stats-content h4{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.shop-stats-content ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}.shop-stats-content li{background:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.shop-stats-content li,.shop-stats-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.shop-stats-content p{margin:0}.shop-stats-content p strong{color:var(--color-text-primary)}.mech-shop-page .empty-shop{color:var(--color-text-secondary);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.mech-shop-page .empty-shop p{font-size:var(--font-size-md);margin:0}.mech-shop-page .credits-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1.5px solid #d97706;border-radius:50%;display:inline-block;height:16px;margin-left:4px;vertical-align:middle;width:16px}.mech-shop-page .mech-icon-placeholder{background:#333;background:var(--color-ui-border,#333);-webkit-clip-path:polygon(25% 0,75% 0,85% 15%,85% 45%,100% 55%,100% 80%,75% 100%,25% 100%,0 80%,0 55%,15% 45%,15% 15%);clip-path:polygon(25% 0,75% 0,85% 15%,85% 45%,100% 55%,100% 80%,75% 100%,25% 100%,0 80%,0 55%,15% 45%,15% 15%);display:inline-block;height:48px;opacity:.5;width:48px}.mech-shop-page .empty-state{margin:var(--spacing-xl) auto;max-width:400px;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.mech-shop-page .empty-state-icon{margin-bottom:var(--spacing-md);opacity:.6}.mech-shop-page .empty-state h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.mech-shop-page .empty-state p{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.mech-shop-page .loading-container{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.mech-shop-page .loading-spinner{color:var(--color-text-secondary);font-size:var(--font-size-md);padding:var(--spacing-xl);text-align:center}.mech-shop-page .spinner{animation:spin .8s linear infinite;border:3px solid var(--color-ui-border);border-radius:50%;border-top-color:var(--color-brand-primary);height:32px;width:32px}.mech-shop-page .error-card{padding:var(--spacing-lg);text-align:center}.mech-shop-page .error-card h3{color:var(--color-danger);margin-bottom:var(--spacing-sm)}.mech-shop-page .error-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.mech-shop-page .skeleton-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mech-shop-page .skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);height:320px}@keyframes shopReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mech-shop-page{animation:shopReveal .4s ease-out}@keyframes chassisCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chassis-grid .chassis-shop-card{animation:chassisCardIn .4s ease-out both}.chassis-grid .chassis-shop-card:nth-child(2){animation-delay:.06s}.chassis-grid .chassis-shop-card:nth-child(3){animation-delay:.12s}.chassis-grid .chassis-shop-card:nth-child(4){animation-delay:.18s}.chassis-grid .chassis-shop-card:nth-child(5){animation-delay:.24s}.chassis-grid .chassis-shop-card:nth-child(6){animation-delay:.3s}.chassis-grid .chassis-shop-card:nth-child(7){animation-delay:.36s}.chassis-grid .chassis-shop-card:nth-child(8){animation-delay:.42s}.chassis-grid .chassis-shop-card:nth-child(9){animation-delay:.48s}.chassis-grid .chassis-shop-card:nth-child(10){animation-delay:.54s}.chassis-grid .chassis-shop-card:nth-child(11){animation-delay:.6s}.chassis-grid .chassis-shop-card:nth-child(12){animation-delay:.66s}@keyframes mechWobble{0%{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0deg)}}.chassis-shop-card:not(.locked):hover .chassis-icon{animation:mechWobble .6s ease-in-out}.mech-shop-page .chassis-shop-card:not(.locked):hover{box-shadow:0 12px 32px #0006,0 0 0 1px #dc262626;transform:translateY(-6px)}.chassis-class.light{box-shadow:0 0 8px #60a5fa33}.chassis-class.medium{box-shadow:0 0 8px #6366f133}.chassis-class.heavy{box-shadow:0 0 8px #f59e0b33}.chassis-class.assault{box-shadow:0 0 8px #ef444433}@keyframes resultFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.purchase-result.success{animation:purchaseSuccess .8s ease-out,resultFadeIn .4s ease-out}.purchase-result.error{animation:resultFadeIn .4s ease-out}.chassis-stats .stat{transition:all .2s ease}.chassis-stats .stat:hover{background:#f59e0b0d;border-radius:4px}.chassis-stats .stat:hover .stat-value{text-shadow:0 0 8px #f59e0b66}.price-value.affordable{text-shadow:0 0 6px #22c55e4d}.price-value.too-expensive{text-shadow:0 0 6px #dc26264d}.mech-shop-page .chassis-shop-card.locked .chassis-icon{filter:grayscale(1);opacity:.4}.chassis-unlocked-at{animation:eventPulse 2s ease-in-out infinite}.purchase-modal-content{border-top:2px solid var(--color-brand-primary);overflow:hidden;position:relative}.purchase-modal-content:before{background:linear-gradient(180deg,#dc26260f,#0000);content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.mech-shop-page .btn-stats-view{transition:all .2s ease}.mech-shop-page .btn-stats-view:hover{box-shadow:0 0 12px #00d4c840;text-shadow:0 0 6px #00d4c84d}.mech-shop-page .chassis-actions button:active,.purchase-modal-content .modal-actions button:active{transform:scale(.96);transition:transform .08s ease}.mech-shop-page .chassis-actions button:focus-visible,.purchase-modal-content .modal-actions button:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid var(--color-brand-primary);outline-offset:2px}.mech-shop-page .empty-state-icon{animation:float 3s ease-in-out infinite}.mech-shop-page .empty-state{position:relative}.mech-shop-page .empty-state:before{background:radial-gradient(circle,#dc26260a 0,#0000 70%);border-radius:50%;content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@media (max-width:768px){.mech-shop-page{padding:var(--spacing-md)}.mech-shop-page .page-header h1{font-size:var(--font-size-xl)}.mech-shop-page .chassis-grid,.mech-shop-page .chassis-stats{grid-template-columns:1fr}.purchase-modal-content .modal-actions{align-items:stretch;flex-direction:column}.purchase-modal-content .stats-grid{padding:var(--spacing-sm)}.mech-shop-page .skeleton-grid{grid-template-columns:1fr}}@media (max-width:480px){.mech-shop-page{padding:var(--spacing-sm)}.mech-shop-page .page-header h1,.purchase-modal-content h2{font-size:var(--font-size-lg)}}.mech-shop-page:before{background:radial-gradient(1px 1px at 10% 20%,#ffffff26,#0000),radial-gradient(1px 1px at 30% 60%,#ffffff1a,#0000),radial-gradient(1px 1px at 50% 10%,#ffffff1f,#0000),radial-gradient(1px 1px at 70% 80%,#ffffff14,#0000),radial-gradient(1px 1px at 90% 40%,#ffffff1a,#0000)}.mech-shop-page:after,.mech-shop-page:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.mech-shop-page:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 0,#ffffff03 4px)}@keyframes shopParticleFloat{0%,to{opacity:.4;transform:translateY(0) translateX(0)}50%{opacity:.8;transform:translateY(-20px) translateX(10px)}}.mech-shop-page .page-header:after{animation:shopParticleFloat 8s ease-in-out infinite;background:radial-gradient(2px 2px at 10% 30%,#3b82f666,#0000),radial-gradient(2px 2px at 50% 60%,#a855f74d,#0000),radial-gradient(2px 2px at 80% 20%,#f59e0b4d,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.mech-shop-page .page-header{overflow:hidden;position:relative}.mech-shop-page .chassis-shop-card.research-locked{filter:grayscale(.4);opacity:.55;position:relative}.mech-shop-page .chassis-shop-card.research-locked:after{background:#8b5cf614;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.mech-shop-page .chassis-shop-card.research-locked:hover{box-shadow:none;transform:none}.mech-shop-page .chassis-shop-card.research-locked .chassis-icon{filter:grayscale(1);opacity:.4}.chassis-research-lock,.modal-research-lock{align-items:center;animation:researchLockPulse 2.5s ease-in-out infinite;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:var(--border-radius-sm);color:#a78bfa;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.research-lock-icon{position:relative}@keyframes researchLockPulse{0%,to{box-shadow:0 0 4px #8b5cf61a}50%{box-shadow:0 0 12px #8b5cf640}}@media (prefers-reduced-motion:reduce){.chassis-grid .chassis-shop-card,.chassis-research-lock,.chassis-shop-card:not(.locked):hover .chassis-icon,.chassis-unlocked-at,.mech-shop-page,.mech-shop-page .empty-state-icon,.mech-shop-page .page-header:after,.mech-shop-page .skeleton-card,.mech-shop-page .spinner,.modal-research-lock,.purchase-result.error,.purchase-result.success{animation:none!important;transition:none!important}}.hangar-tabs{background:#0000004d;border-radius:12px;display:flex;gap:4px;padding:4px}.hangar-tabs.small .hangar-tab-button{font-size:11px;padding:8px 12px}.hangar-tabs.medium .hangar-tab-button{font-size:.875rem;padding:12px 16px}.hangar-tabs.large .hangar-tab-button{font-size:.875rem;padding:12px 20px}.hangar-tabs .hangar-tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#707070;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;position:relative;transition:all .3s ease}.hangar-tabs .hangar-tab-button:hover{background:#ffffff0d;color:#a0a0a0}.hangar-tabs .hangar-tab-button.active{background:linear-gradient(135deg,#dc2626,#991b1b);color:#f5f5f5;font-weight:700}.hangar-tabs .hangar-tab-button.active:after{background:#f5f5f5}.hangar-tabs .tab-icon{font-size:1em}.hangar-tabs .tab-label{letter-spacing:0;text-transform:none}.hangar-tabs .tab-count{background:#ffffff1a;border-radius:10px;font-size:.6875rem;font-weight:600;padding:2px 8px}.hangar-tabs .hangar-tab-button.active .tab-count{background:#fff3}@media (max-width:600px){.hangar-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.hangar-tabs .hangar-tab-button{flex-shrink:0;white-space:nowrap}.hangar-tabs .tab-label{display:none}.hangar-tabs.large .hangar-tab-button,.hangar-tabs.medium .hangar-tab-button{padding:10px 14px}}.mech-filter-bar{align-items:flex-end;background:#0000004d;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 16px}.view-section{display:flex;gap:4px}.search-section{align-items:center;display:flex;position:relative}.mech-search-input{background:var(--color-ui-background);border:1px solid #dc26264d;border-radius:4px;color:var(--color-text-primary);font-size:12px;padding:8px 32px 8px 12px;transition:border-color .2s ease,width .2s ease;width:160px}.mech-search-input:focus{border-color:#dc2626;outline:none;width:200px}.mech-search-input::placeholder,.search-clear-btn{color:var(--color-text-tertiary)}.search-clear-btn{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--color-text-primary)}.filter-sort-right{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}.filter-section,.sort-section{align-items:flex-end;display:flex;gap:12px}.filter-group,.sort-group{display:flex;flex-direction:column;gap:4px}.filter-group label,.sort-group label{color:var(--color-text-tertiary);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.filter-group select,.sort-group select{background:var(--color-ui-background);border:1px solid #dc26264d;border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:12px;min-width:120px;padding:8px 12px}.filter-group select:hover,.sort-group select:hover{border-color:#dc2626}.filter-group select:focus,.sort-group select:focus{border-color:#dc2626;outline:none}.sort-order-btn{background:var(--color-ui-background);border:1px solid #dc26264d;border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:16px;height:36px;transition:all .2s ease;width:36px}.sort-order-btn:hover{border-color:#dc2626;color:#dc2626}.view-btn{align-items:center;background:var(--color-ui-background);border:1px solid #dc26264d;border-radius:6px;display:flex;font-size:13px;gap:4px;height:36px;justify-content:center;min-width:36px;padding:8px 16px}.view-btn.active,.view-btn:hover{border-color:#dc2626}.view-btn.active{background:#dc26264d;color:#f5f5f5}@media (max-width:768px){.mech-filter-bar{align-items:stretch;flex-direction:column}.filter-sort-right{margin-left:0}.filter-section,.sort-section{flex-wrap:wrap}}.mech-status-badge{align-items:center;background:#64646433;background:rgba(var(--status-color-rgb,100,100,100),.2);border:1px solid var(--status-color);border-radius:12px;color:var(--status-color);display:inline-flex;font-weight:600;gap:4px;padding:3px 8px;text-transform:uppercase}.mech-status-badge.small{font-size:9px;gap:3px;padding:2px 6px}.mech-status-badge.medium{font-size:10px;padding:3px 8px}.mech-status-badge.large{font-size:12px;gap:5px;padding:4px 10px}.mech-status-badge.operational{--status-color:var(--color-success);background:#4ade8026}.mech-status-badge.damaged{--status-color:#f59e0b;background:#fbbf2426}.mech-status-badge.destroyed{--status-color:var(--color-danger);background:#ef444426}.mech-status-badge.repairing{--status-color:#dc2626;background:#60a5fa26}.mech-status-badge.in-battle{--status-color:#f59e0b;background:#a855f726}.status-icon{font-size:1em}.status-text{letter-spacing:.5px}.mech-status-badge.pulse{animation:statusPulse 2s ease-in-out infinite}.repair-bonus-panel{background:linear-gradient(135deg,#0d0d0d99,#14141499);border:1px solid #dc26264d;border-radius:8px;overflow:hidden}.repair-bonus-panel.loading{min-height:100px}.panel-header{background:#0003;cursor:pointer;padding:12px 16px;-webkit-user-select:none;user-select:none}.panel-header h3{color:#dc2626;font-size:14px;letter-spacing:1px;text-transform:uppercase}.totals-preview{display:flex;font-size:12px;font-weight:600;gap:12px}.totals-preview .cost-total{color:var(--color-success)}.totals-preview .time-total{color:#dc2626}.toggle-icon{color:var(--color-text-tertiary);font-size:10px}.panel-content{padding:12px 16px}.bonus-header{border-bottom:1px solid #ffffff1a;color:var(--color-text-tertiary);font-size:11px;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;text-transform:uppercase}.bonus-list{gap:6px}.bonus-row{background:#0003;border-radius:4px;font-size:12px;padding:6px 8px}.bonus-source{align-items:center;display:flex;gap:8px}.bonus-icon{font-size:14px}.bonus-level{background:#ffffff1a;border-radius:10px;color:var(--color-text-tertiary);font-size:10px;padding:2px 6px}.bonus-values{font-weight:500;gap:16px}.cost-reduction{color:var(--color-success);min-width:50px;text-align:right}.time-reduction{color:#dc2626;min-width:50px;text-align:right}.bonus-totals{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.total-row{font-size:12px;padding:4px 0}.total-row span:first-child{color:var(--color-text-tertiary)}.total-row.capped{font-size:13px;font-weight:600}.total-row.capped span:first-child{color:#dc2626}.total-row .cost-value{color:var(--color-success)}.total-row .time-value{color:#dc2626}.caps-info{margin-top:8px;text-align:center}.caps-info,.loading-spinner{color:var(--color-text-tertiary)}.loading-spinner{padding:20px}.repair-bonus-panel.collapsed .panel-content{display:none}.repair-queue-panel{background:linear-gradient(135deg,#0d0d0d99,#14141499);border:1px solid #dc26264d;border-radius:8px;overflow:hidden}.repair-queue-panel .panel-header{align-items:center;background:#0003;display:flex;justify-content:space-between;padding:12px 16px}.repair-queue-panel .panel-header h3{color:#dc2626;font-size:14px;letter-spacing:1px;margin:0;text-transform:uppercase}.queue-stats{display:flex;font-size:12px;gap:16px}.active-count{color:#22c55e}.queue-count{color:#dc2626}.repair-queue-panel .panel-content{min-height:100px;padding:12px}.queue-list{gap:8px}.queue-item{grid-gap:12px;border-left:3px solid #666;border-radius:6px;display:grid;gap:12px;grid-template-columns:40px 1fr auto auto auto;padding:10px 12px;transition:all .2s ease}.queue-item.active{background:#dc262614;border-left-color:#dc2626}.queue-item.pending{border-left-color:#dc262680}.queue-position{color:var(--color-text-tertiary);font-size:14px;font-weight:600;text-align:center}.queue-item.active .queue-position{color:#dc2626}.queue-mech-info{display:flex;flex-direction:column;gap:2px}.mech-name{font-size:13px}.queue-repair-type{display:flex;justify-content:center}.type-badge{border-radius:10px;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.type-badge.standard{background:#6464644d;color:var(--color-text-secondary)}.type-badge.priority{background:#fbbf2433;color:#f59e0b}.type-badge.instant{background:#a855f733;color:#f59e0b}.queue-time{min-width:80px;text-align:center}.time-remaining{color:var(--color-text-secondary);font-size:13px;font-weight:600;margin-bottom:6px}.queue-item.active .time-remaining{color:#dc2626}.progress-percent{color:#dc2626;font-size:11px;margin-top:4px;text-align:right}.repair-queue-panel .progress-bar{background:#1a1a1a;background:var(--color-ui-surface,#1a1a1a);border-radius:4px;height:8px;overflow:hidden;position:relative}.repair-queue-panel .progress-fill{background:linear-gradient(90deg,var(--color-brand-primary),#ef4444);border-radius:4px;height:100%;min-width:4%;position:relative;transition:width .3s ease}.queue-item.active .progress-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.queue-item.active .progress-fill:after{animation:repairShimmer 1.5s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);background-size:200% 100%;border-radius:4px;content:"";inset:0;pointer-events:none;position:absolute}@keyframes repairShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.waiting{color:var(--color-text-tertiary);font-size:12px}.queue-actions{gap:8px}.cancel-btn{align-items:center;background:#ef444433;border:none;border-radius:4px;color:var(--color-danger);display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.cancel-btn:hover{background:#ef444466}.empty-queue{color:var(--color-text-tertiary);padding:30px 20px;text-align:center}.empty-icon{margin-bottom:10px}.empty-queue p{margin:0 0 5px}.empty-queue p,.empty-queue small,.repair-queue-panel .loading{color:var(--color-text-tertiary)}.repair-queue-panel .loading{padding:30px;text-align:center}.queue-full-notice{background:#dc26261a;border-top:1px solid #dc262633;color:#dc2626;font-size:12px;padding:10px;text-align:center}.workshop-panel{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:8px;overflow:hidden}.workshop-panel.loading{align-items:center;display:flex;justify-content:center;min-height:300px}.loading-text{color:var(--color-text-tertiary)}.workshop-header{background:#0003;border-bottom:1px solid #ffffff1a;padding:12px 16px}.workshop-header h3{color:var(--color-brand-primary);font-size:14px;letter-spacing:1px;margin:0;text-transform:uppercase}.workshop-content{display:flex;min-height:350px}.workshop-list{border-right:1px solid #ffffff1a;display:flex;flex-direction:column;width:200px}.workshop-card{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:12px;transition:all .2s ease}.workshop-card:after{background:linear-gradient(90deg,var(--color-brand-primary),#f97316);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.workshop-card:hover{background:#ffffff0d}.workshop-card:hover:after{width:100%}.workshop-card.selected{background:#e945601a;border-left:3px solid var(--color-brand-primary)}.workshop-card.selected:after{width:100%}.workshop-icon{font-size:20px;margin-bottom:6px}.workshop-info{flex-direction:column;gap:2px}.workshop-name{color:var(--color-text-primary);font-size:12px;font-weight:500}.workshop-level{color:var(--color-text-tertiary);font-size:11px}.workshop-level-bar{background:#ffffff14;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.workshop-level-fill{background:linear-gradient(90deg,var(--color-brand-primary),#f97316);border-radius:2px;height:100%;transition:width .4s ease}.workshop-bonuses{gap:4px;margin-top:6px}.bonus-tag{background:#4ade8033;border-radius:10px;font-size:10px;padding:2px 6px}.workshop-details-container{flex:1 1;padding:16px}.workshop-details.loading{align-items:center;color:var(--color-text-tertiary);display:flex;justify-content:center}.details-header{background:#0003;border:1px solid #dc26261a;border-radius:8px;margin-bottom:20px;padding:12px}.details-icon{align-items:center;background:#dc26261a;border-radius:10px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.details-title h4{font-size:18px}.details-level{color:var(--color-brand-primary);font-size:13px}.details-bonuses,.details-equipment,.details-upgrade{margin-bottom:20px}.details-bonuses h5,.details-equipment h5,.details-upgrade h5{color:var(--color-text-tertiary);font-size:12px;margin:0 0 10px;text-transform:uppercase}.bonuses-grid{grid-gap:8px;grid-template-columns:repeat(2,1fr)}.bonus-item{border-radius:4px;padding:8px 10px}.bonus-key{color:var(--color-text-tertiary);font-size:11px;text-transform:capitalize}.bonus-value{font-size:12px}.equipment-list{flex-wrap:wrap;gap:8px}.equipment-item{background:#0000004d;border-radius:4px;font-size:11px;justify-content:space-between;min-width:140px;padding:6px 10px}.equipment-item.unlocked{border:1px solid #4ade804d}.equipment-item.locked{opacity:.6}.equip-name{color:var(--color-text-secondary);text-transform:capitalize}.equip-level{color:var(--color-success)}.equipment-item.locked .equip-level{color:var(--color-text-tertiary)}.details-milestones{margin-bottom:20px}.details-milestones h5{color:var(--color-text-tertiary);font-size:12px;margin:0 0 10px;text-transform:uppercase}.milestone-timeline{align-items:flex-start;display:flex;gap:0;overflow-x:auto;padding:8px 0}.milestone-node{flex:1 1;flex-direction:column;min-width:70px;position:relative}.milestone-dot,.milestone-node{align-items:center;display:flex}.milestone-dot{background:#0006;border:2px solid #ffffff26;border-radius:50%;height:36px;justify-content:center;transition:all .3s;width:36px;z-index:1}.milestone-node.reached .milestone-dot{background:#22c55e26;border-color:var(--color-success);box-shadow:0 0 8px #22c55e4d}.milestone-node.next .milestone-dot{animation:nextMilestonePulse 2s ease-in-out infinite;background:#f59e0b1a;border-color:#f59e0b}.milestone-icon{font-size:14px}.milestone-info{align-items:center;gap:1px;margin-top:6px}.milestone-label{color:var(--color-text-tertiary);font-size:10px;text-align:center;white-space:nowrap}.milestone-node.reached .milestone-label{color:var(--color-success);font-weight:600}.milestone-node.next .milestone-label{color:#f59e0b}.milestone-level{color:#ffffff4d;font-size:9px}.milestone-node.reached .milestone-level{color:#22c55e99}.milestone-connector{background:#ffffff1a;height:2px;left:calc(50% + 18px);position:absolute;top:18px;width:calc(100% - 36px)}.milestone-connector.filled{background:var(--color-success);box-shadow:0 0 4px #22c55e4d}@keyframes nextMilestonePulse{0%,to{box-shadow:0 0 4px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b80}}.upgrade-costs{display:flex;gap:16px;margin-bottom:12px}.cost-item{gap:2px}.cost-label{color:var(--color-text-tertiary);font-size:10px;text-transform:uppercase}.cost-value{font-size:14px;font-weight:600}.cost-value.can-afford{color:var(--color-success)}.cost-value.cannot-afford{color:var(--color-danger)}.next-bonuses{font-size:12px;margin-bottom:12px}.next-label{color:var(--color-text-tertiary);margin-right:8px}.next-bonus{color:var(--color-brand-primary);margin-right:8px}.upgrade-btn{background:linear-gradient(135deg,var(--color-brand-primary) 0,#c73e54 100%);overflow:hidden;padding:12px;position:relative;width:100%}.upgrade-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.upgrade-btn:hover:not(:disabled):before{left:100%}.upgrade-btn:hover:not(:disabled){box-shadow:0 4px 12px #e945604d}.missing-resources{color:var(--color-danger);display:flex;flex-direction:column;font-size:11px;gap:4px;margin-top:8px}.max-level-notice{background:#4ade801a;border:1px solid #4ade804d;border-radius:6px;color:var(--color-success);font-size:13px;padding:16px}.upgrade-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:var(--color-danger);font-size:12px;padding:12px;text-align:center}.error-message .retry-btn,.upgrade-error .retry-btn{font-size:.85em;margin-left:10px}.upgrade-loading{color:var(--color-text-tertiary);padding:20px;text-align:center}@media (max-width:768px){.workshop-content{flex-direction:column}.workshop-list{border-bottom:1px solid #ffffff1a;border-right:none;flex-direction:row;overflow-x:auto;width:100%}.workshop-card{border-bottom:none;border-right:1px solid #ffffff0d;min-width:120px}.workshop-card.selected{border-bottom:3px solid var(--color-brand-primary);border-left:none}.bonuses-grid{grid-template-columns:1fr}}.preset-manager{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:8px;overflow:hidden}.preset-header{align-items:center;background:#0003;display:flex;justify-content:space-between;padding:12px 16px}.preset-header h3{color:#dc2626;font-size:14px;letter-spacing:1px;margin:0;text-transform:uppercase}.preset-count-badge{background:#ffffff1a;border-radius:10px;color:var(--color-text-tertiary);font-size:11px;padding:3px 8px}.preset-tabs{border-bottom:1px solid #ffffff1a;display:flex}.tab-btn{flex:1 1;font-size:12px;padding:10px}.tab-btn:hover{background:#ffffff0d}.tab-btn.active{border-bottom:2px solid #dc2626}.preset-content{min-height:120px;padding:12px}.presets-list{display:flex;flex-direction:column;gap:8px}.preset-card{background:#0000004d;border-left:3px solid #60a5fa;border-radius:6px;padding:10px 12px;transition:all .2s ease}.preset-card:hover{background:#0006}.preset-card.formation{border-left-color:#f59e0b;flex-wrap:wrap;gap:8px}.preset-name{font-size:13px;font-weight:500}.preset-count,.preset-mech{color:var(--color-text-tertiary);font-size:11px}.preset-mechs-preview{display:flex;flex:1 1;gap:4px;justify-content:center}.mech-preview-item{background:#ffffff1a;border-radius:3px;color:var(--color-text-secondary);font-size:10px;padding:2px 6px}.mech-preview-more{color:var(--color-text-tertiary);font-size:10px}.preset-actions{gap:6px}.apply-btn,.delete-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.apply-btn{background:#4ade8033;color:var(--color-success)}.apply-btn:hover{background:#4ade8066}.delete-btn{background:#ef444433;color:var(--color-danger)}.delete-btn:hover{background:#ef444466}.empty-presets{padding:20px;text-align:center}.empty-presets,.empty-presets p{color:var(--color-text-tertiary)}.empty-presets p{margin:0 0 4px}.empty-presets small{font-size:11px}.create-preset-btn{background:#0000;border:1px dashed #dc26264d;border-radius:0;color:var(--color-text-tertiary);cursor:pointer;font-size:12px;padding:12px;transition:all .2s ease;width:100%}.create-preset-btn:hover{background:#e945601a;border-color:#dc2626;color:#dc2626}.slots-full-notice{background:#0003;font-size:11px;padding:10px}.preset-manager .loading,.slots-full-notice{color:var(--color-text-tertiary);text-align:center}.preset-manager .loading{padding:30px}.preset-manager .modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.create-preset-modal{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:8px;max-width:400px;padding:20px;width:90%}.create-preset-modal h4{color:#dc2626;font-size:16px;margin:0 0 16px}.form-group label{color:var(--color-text-tertiary);font-size:12px;margin-bottom:6px}.form-group input,.form-group select{background:#0000004d;border:1px solid #dc26264d;border-radius:4px;color:var(--color-text-primary);font-size:13px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#dc2626;outline:none}.modal-actions .cancel-btn,.modal-actions .save-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:10px;transition:all .2s ease}.modal-actions .cancel-btn{background:#6464644d;color:var(--color-text-tertiary)}.modal-actions .cancel-btn:hover{background:#64646480}.modal-actions .save-btn{background:linear-gradient(135deg,#dc2626,#c73e54);color:var(--color-text-primary)}.modal-actions .save-btn:hover:not(:disabled){transform:translateY(-2px)}.modal-actions .save-btn:disabled{cursor:not-allowed;opacity:.5}.vip-bp-panel{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:2px solid #666;border-radius:8px;padding:16px}.vip-bp-panel.compact{align-items:center;display:flex;justify-content:space-between;padding:10px 14px}.vip-bp-header{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:12px}.vip-bp-tier{align-items:center;display:flex;gap:8px}.vip-bp-icon-star{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:18px;vertical-align:middle;width:18px}.vip-bp-icon-wrench{-webkit-clip-path:polygon(70% 0,100% 30%,60% 70%,100% 100%,70% 100%,30% 60%,0 100%,0 70%,40% 30%,0 0,30% 0);clip-path:polygon(70% 0,100% 30%,60% 70%,100% 100%,70% 100%,30% 60%,0 100%,0 70%,40% 30%,0 0,30% 0)}.vip-bp-icon-queue,.vip-bp-icon-wrench{background:var(--color-text-tertiary);display:inline-block;height:12px;margin-right:2px;vertical-align:middle;width:12px}.vip-bp-icon-queue{-webkit-clip-path:polygon(0 0,100% 0,100% 20%,0 20%,0 35%,80% 35%,80% 55%,0 55%,0 70%,60% 70%,60% 90%,0 90%);clip-path:polygon(0 0,100% 0,100% 20%,0 20%,0 35%,80% 35%,80% 55%,0 55%,0 70%,60% 70%,60% 90%,0 90%)}.vip-bp-tier-name{font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.vip-bp-panel.compact .vip-bp-tier-name{font-size:13px}.vip-bp-quick-benefits{color:var(--color-text-tertiary);display:flex;font-size:11px;gap:12px}.vip-bp-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.vip-bp-item{align-items:center;background:#0003;border-radius:4px;display:flex;justify-content:space-between;padding:8px 10px}.vip-bp-label{color:var(--color-text-tertiary);font-size:11px}.vip-bp-value{color:var(--color-text-primary);font-size:13px;font-weight:600}.vip-bp-value.yes{color:var(--color-success)}.vip-bp-value.no{color:var(--color-text-tertiary)}.vip-bp-upgrade-prompt{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:12px;text-align:center}.vip-bp-upgrade-btn{background:linear-gradient(135deg,#dc2626,#c73e54);border:none;border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:1px;padding:10px 24px;text-transform:uppercase;transition:all .2s ease}.vip-bp-upgrade-btn:hover{box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.vip-bp-upgrade-btn:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--color-brand-primary,#dc2626);outline-offset:2px}@media (prefers-reduced-motion:reduce){.vip-bp-upgrade-btn:hover{transform:none}}.auto-repair-settings{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:8px;padding:16px}.auto-repair-settings.vip-locked{opacity:.8;padding:24px 16px;text-align:center}.vip-lock-icon{font-size:24px;margin-bottom:8px}.auto-repair-settings.vip-locked h4{color:var(--color-text-tertiary);margin:0 0 4px}.auto-repair-settings.vip-locked p{color:#dc2626;font-size:12px;margin:0 0 4px}.auto-repair-settings.vip-locked small{color:var(--color-text-tertiary);font-size:11px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.settings-header h4{color:#dc2626;font-size:14px;letter-spacing:1px;margin:0;text-transform:uppercase}.toggle-switch{width:48px}.slider{background-color:var(--color-ui-border);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:var(--color-text-tertiary);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:var(--color-success)}input:checked+.slider:before{background-color:var(--color-text-primary);transform:translateX(24px)}.settings-content{display:flex;flex-direction:column;gap:12px}.settings-content.disabled{opacity:.5;pointer-events:none}.setting-row{display:flex;flex-direction:column;gap:4px}.setting-row label{color:var(--color-text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.setting-row input,.setting-row select{background:#0000004d;border:1px solid #dc26264d;border-radius:4px;color:var(--color-text-primary);font-size:13px;padding:8px 12px}.setting-row input:focus,.setting-row select:focus{border-color:#dc2626;outline:none}.budget-input{align-items:center;display:flex;gap:8px}.budget-input input{flex:1 1}.budget-input .currency{color:var(--color-text-tertiary);font-size:12px}.setting-row small{color:var(--color-text-tertiary);font-size:10px}.settings-info{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.settings-info small{color:var(--color-text-tertiary);font-size:11px;line-height:1.4}.auto-repair-estimate{background:#dc262614;border:1px solid #dc262633;border-radius:6px;display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:10px 12px}.auto-repair-estimate .estimate-label{color:var(--color-text-tertiary);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.auto-repair-estimate .estimate-value{align-items:center;color:#f59e0b;display:flex;font-size:14px;font-weight:600;gap:4px}.auto-repair-estimate .estimate-note{color:var(--color-text-tertiary);font-size:10px;font-style:italic}.comparison-modal{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:12px;max-height:90vh;max-width:700px;overflow-y:auto;width:95%}.modal-header{border-bottom:1px solid #ffffff1a;padding:16px 20px}.modal-header h3{color:#dc2626;font-size:18px;margin:0}.close-btn{background:#ef444433;border-radius:4px;color:var(--color-danger);font-size:16px}.close-btn:hover{background:#ef444466}.comparison-selectors{align-items:flex-end;background:#0003;display:flex;gap:16px;padding:16px 20px}.selector-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.selector-group label{color:var(--color-text-tertiary);font-size:11px;text-transform:uppercase}.selector-group select{background:#0000004d;border:1px solid #dc26264d;border-radius:4px;color:var(--color-text-primary);font-size:13px;padding:10px 12px}.vs-divider{color:#dc2626;font-size:14px;padding:10px}.mech-headers{display:flex;gap:20px;padding:16px 20px}.mech-header{flex:1 1;flex-direction:column;gap:4px}.mech-header.left{text-align:left}.mech-header.right{text-align:right}.mech-name.common{color:#9ca3af}.mech-name.uncommon{color:var(--color-success)}.mech-name.rare{color:#dc2626}.mech-name.legendary,.mech-name.mythical{color:#f59e0b}.mech-details{color:var(--color-text-tertiary);font-size:12px}.mech-rarity{font-size:11px}.mech-rarity.common{color:#9ca3af}.mech-rarity.uncommon{color:var(--color-success)}.mech-rarity.rare{color:#dc2626}.mech-rarity.legendary,.mech-rarity.mythical{color:#f59e0b}.stats-comparison{padding:16px 20px}.stat-comparison{margin-bottom:12px}.comparison-modal .stat-label,.stat-comparison .stat-label{color:var(--color-text-tertiary);font-size:11px;margin-bottom:6px;text-align:center;text-transform:uppercase}.stat-bars{align-items:center;display:flex;gap:8px}.stat-bar-container{background:#0000004d;border-radius:4px;flex:1 1;height:20px;overflow:hidden;position:relative}.stat-bar-container.left{direction:rtl}.stat-bar-container.left .stat-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-bar-container.right .stat-bar{background:linear-gradient(90deg,#a855f7,#9333ea)}.stat-bar{border-radius:4px;height:100%;transition:width .3s ease}.stat-bar-container .stat-value{color:var(--color-text-primary);font-size:11px;font-weight:600;padding:0 8px;position:absolute;top:50%;transform:translateY(-50%)}.stat-bar-container.left .stat-value{direction:ltr;left:4px}.stat-bar-container.right .stat-value{right:4px}.stat-diff{font-size:11px;font-weight:600;text-align:center;width:60px}.stat-diff .positive{color:var(--color-success)}.stat-diff .negative{color:var(--color-danger)}.equipment-comparison{border-top:1px solid #ffffff1a;padding:16px 20px}.equipment-comparison h4{color:var(--color-text-tertiary);font-size:12px;margin:0 0 12px;text-align:center;text-transform:uppercase}.equipment-grid{display:flex;gap:20px}.equip-col{display:flex;flex:1 1;flex-direction:column;gap:8px}.equip-col.left{text-align:left}.equip-col.right{text-align:right}.equip-item{display:flex;flex-direction:column;gap:2px}.equip-label{color:var(--color-text-tertiary);font-size:10px;text-transform:uppercase}.equip-value{color:var(--color-text-secondary);font-size:12px}.comparison-summary{background:#0003;padding:16px 20px;text-align:center}.summary-item .label{color:var(--color-text-tertiary);font-size:11px;margin-right:8px}.winner.left{color:#dc2626}.winner.right{color:#f59e0b}.draw,.select-prompt{color:var(--color-text-tertiary)}.select-prompt{padding:60px 20px;text-align:center}.select-prompt p{margin:0}.repair-history-modal{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:550px;width:95%}.repair-history-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.repair-history-modal .modal-header h3{color:#dc2626;font-size:18px;margin:0}.repair-history-modal .close-btn{background:#ef444433;border:none;border-radius:4px;color:var(--color-danger);cursor:pointer;font-size:16px;height:32px;width:32px}.repair-history-modal .modal-content{flex:1 1;overflow-y:auto;padding:16px}.history-list{gap:12px}.history-entry{background:#0000004d;border-left:3px solid #60a5fa;padding:12px}.entry-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.entry-mech{align-items:center;display:flex;gap:8px}.mech-name{font-weight:500}.repair-type{border-radius:10px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.repair-type.standard{background:#6464644d;color:var(--color-text-secondary)}.repair-type.priority{background:#fbbf2433;color:#f59e0b}.repair-type.instant{background:#a855f733;color:#f59e0b}.entry-date{color:var(--color-text-tertiary);font-size:11px}.entry-details{display:flex;flex-wrap:wrap;gap:16px}.detail-label{font-size:10px}.detail-value{color:var(--color-text-secondary);font-size:12px}.detail-value.cost{color:#f59e0b}.detail-value.health{color:var(--color-success)}.entry-bonuses{border-top:1px solid #ffffff0d;font-size:11px;margin-top:8px;padding-top:8px}.bonus-label{color:var(--color-text-tertiary);margin-right:6px}.bonus-value{color:var(--color-success)}.empty-history{color:var(--color-text-tertiary);padding:40px 20px}.empty-icon{display:block;font-size:32px;margin-bottom:12px}.empty-history p{color:var(--color-text-tertiary);margin:0 0 4px}.repair-history-modal .loading{color:var(--color-text-tertiary);padding:40px;text-align:center}.pagination{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.page-btn{background:#0000004d;border:1px solid #dc26264d;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#dc2626;color:#dc2626}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:var(--color-text-tertiary);font-size:12px}.modal-footer{background:#0003;border-top:1px solid #ffffff1a;padding:12px 20px}.total-count{color:var(--color-text-tertiary);font-size:12px}.batch-repair-modal{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.batch-repair-modal .modal-header{align-items:center;border-bottom:1px solid #dc26264d;display:flex;justify-content:space-between;padding:16px 20px}.batch-repair-modal .modal-header h2{color:var(--color-brand-primary);font-size:18px;margin:0}.batch-repair-modal .close-btn{background:#ffffff1a;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;font-size:16px;height:32px;transition:all .2s ease;width:32px}.batch-repair-modal .close-btn:hover{background:#ef444433;color:var(--color-danger)}.batch-repair-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.no-damaged{color:var(--color-text-tertiary);padding:40px 20px;text-align:center}.no-damaged .icon{display:block;font-size:48px;margin-bottom:16px}.selection-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.select-all-btn{background:#ffffff1a;border:1px solid #dc26264d;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.select-all-btn:hover{background:#e9456033;border-color:var(--color-brand-primary);color:var(--color-text-primary)}.selection-count{color:var(--color-text-tertiary);font-size:13px}.mech-list{gap:8px;margin-bottom:20px;max-height:250px}.mech-item{align-items:center;background:#0000004d;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.mech-item:hover{background:#0006;border-color:#dc26264d}.mech-item.selected{background:#e945601a;border-color:var(--color-brand-primary)}.mech-checkbox{color:var(--color-text-tertiary);font-size:18px}.mech-item.selected .mech-checkbox{color:var(--color-brand-primary)}.mech-info{flex:1 1;gap:2px;min-width:0}.mech-health{align-items:center;display:flex;gap:8px;min-width:80px}.health-bar-mini{background:#0006;border-radius:3px;height:6px;overflow:hidden;width:50px}.health-text{color:var(--color-text-tertiary);font-size:12px}.mech-cost{color:#f59e0b;font-size:12px;min-width:80px;text-align:right}.repair-type-section{margin-bottom:20px}.repair-type-section h4{color:var(--color-text-tertiary);font-size:13px;margin:0 0 12px;text-transform:uppercase}.repair-types{display:flex;gap:10px}.type-btn{align-items:center;background:#0000004d;border:2px solid #dc26264d;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px;transition:all .2s ease}.type-btn:hover{background:#0006;border-color:var(--color-brand-primary)}.type-btn.active{background:#e9456026}.type-btn.priority{border-color:#fbbf2466}.type-btn.priority.active{background:#fbbf2426;border-color:#f59e0b}.type-btn.instant{border-color:#a855f766}.type-btn.instant.active{background:#a855f726;border-color:#f59e0b}.type-icon{font-size:20px}.type-name{font-size:13px;font-weight:600}.type-desc{color:var(--color-text-tertiary);font-size:11px}.totals-section{background:#0000004d;border-radius:8px;margin-bottom:16px;padding:16px}.total-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.total-row.balance{border-top:1px solid #dc26264d;margin-top:8px;padding-top:12px}.total-label{color:var(--color-text-tertiary);font-size:13px}.total-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.total-value.insufficient{color:var(--color-danger)}.insufficient-warning{margin-top:12px;padding:10px;text-align:center}.batch-repair-modal .error-message,.insufficient-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:var(--color-danger);font-size:13px}.batch-repair-modal .error-message{padding:12px}.batch-repair-modal .modal-footer{border-top:1px solid #dc26264d;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.repair-btn{background:linear-gradient(135deg,var(--color-brand-primary) 0,#c73e54 100%);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.repair-btn:hover:not(:disabled){box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.repair-btn:disabled{cursor:not-allowed;opacity:.5}.batch-progress-pending{opacity:.45;pointer-events:none}.batch-progress-repairing{background:#f59e0b14!important;border-color:#f59e0b!important;opacity:1}.batch-progress-done{background:#22c55e14!important;border-color:#22c55e!important;opacity:1}.batch-progress-failed{background:#ef444414!important;border-color:#ef4444!important;opacity:1}.batch-status{align-items:center;display:flex;height:28px;justify-content:center;min-width:28px}.batch-status-icon{font-size:16px;height:1em;width:1em}.batch-status--pending .batch-status-icon{color:var(--color-text-tertiary);opacity:.5}.batch-status--repairing .batch-status-icon{color:#f59e0b}.batch-status-spinning{animation:batchRepairSpin .8s linear infinite}.batch-status--done .batch-status-icon{color:#22c55e}.batch-status--failed .batch-status-icon{color:#ef4444}@keyframes batchRepairSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.batch-summary{align-items:center;background:#22c55e14;border-top:1px solid #22c55e4d;display:flex;gap:8px;padding:12px 20px}.batch-summary-text{color:#22c55e;font-size:14px;font-weight:600}.batch-summary-failed{color:#ef4444;font-size:13px}@media (prefers-reduced-motion:reduce){.batch-status-spinning{animation:none}}@media (max-width:480px){.batch-repair-modal{max-height:90vh;width:95%}.repair-types{flex-direction:column}.mech-item{flex-wrap:wrap}.mech-cost{margin-top:4px;text-align:left;width:100%}}.mech-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.mech-quick-actions.compact{gap:4px}.quick-action-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;min-width:0;padding:8px 12px;position:relative;transition:all .2s ease}.mech-quick-actions.compact .quick-action-btn{flex:0 1;min-width:36px;padding:6px 8px}.action-icon{font-size:14px}.mech-quick-actions.compact .action-icon{font-size:12px}.action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-action-btn.primary{background:linear-gradient(135deg,#dc2626,#991b1b);color:var(--color-text-primary)}.quick-action-btn.primary:hover:not(:disabled){box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.quick-action-btn.secondary{background:#ffffff1a;border-color:#dc26264d;color:var(--color-text-secondary)}.quick-action-btn.secondary:hover:not(:disabled){background:#ffffff26;border-color:#dc2626;color:var(--color-text-primary)}.quick-action-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--color-ui-background)}.quick-action-btn.warning:hover:not(:disabled){box-shadow:0 2px 8px #f59e0b4d;transform:translateY(-1px)}.quick-action-btn.info{background:linear-gradient(135deg,#dc2626,#991b1b);color:var(--color-text-primary)}.quick-action-btn.info:hover:not(:disabled){box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.quick-action-btn.danger{background:#ef44441a;border-color:#ef44444d;color:var(--color-danger)}.quick-action-btn.danger:hover:not(:disabled){background:#ef444433;border-color:var(--color-danger)}.quick-action-btn.ghost{background:#0000;border-color:#0000;color:var(--color-text-tertiary)}.quick-action-btn.ghost:hover:not(:disabled){background:#ffffff1a;color:var(--color-text-primary)}.quick-action-btn.active{background:#dc262633;border-color:#dc2626;color:#dc2626}.quick-action-btn.disabled,.quick-action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.action-tooltip{background:#000000e6;border-radius:4px;bottom:100%;color:var(--color-text-primary);font-size:11px;margin-bottom:4px;padding:4px 8px;pointer-events:none;white-space:nowrap;z-index:10}.action-tooltip,.action-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.action-tooltip:after{border:4px solid #0000;border-top-color:#000000e6;content:"";top:100%}@media (max-width:480px){.mech-quick-actions:not(.compact){flex-direction:column}.quick-action-btn{justify-content:center;width:100%}}.repair-progress-indicator{align-items:center;display:flex;flex-direction:column;gap:12px}.progress-ring{position:relative}.repair-progress-indicator.sm .progress-ring{height:48px;width:48px}.repair-progress-indicator.md .progress-ring{height:72px;width:72px}.repair-progress-indicator.lg .progress-ring{height:100px;width:100px}.circular-chart{display:block;height:100%;width:100%}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.circle-progress{fill:none;stroke:#dc2626;stroke-width:3;stroke-linecap:round;animation:progressAnimation 1s ease-out;transform:rotate(-90deg);transform-origin:center}.repair-progress-indicator.complete .circle-progress{stroke:#10b981}@keyframes progressAnimation{0%{stroke-dasharray:0,100}}.progress-center{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-percent{color:var(--color-text-primary);font-weight:700}.repair-progress-indicator.sm .progress-percent{font-size:12px}.repair-progress-indicator.md .progress-percent{font-size:16px}.repair-progress-indicator.lg .progress-percent{font-size:22px}.complete-icon{color:var(--color-success)}.repair-progress-indicator.sm .complete-icon{font-size:16px}.repair-progress-indicator.md .complete-icon{font-size:24px}.repair-progress-indicator.lg .complete-icon{font-size:32px}.time-display{text-align:center}.time-label{color:var(--color-text-tertiary);display:block;font-size:11px;margin-bottom:4px}.time-value{color:#dc2626;display:block;font-size:16px;font-weight:700}.repair-progress-indicator.sm .time-value{font-size:13px}.repair-progress-indicator.lg .time-value{font-size:20px}.complete-text{font-size:14px;font-weight:600}.repair-progress-indicator.lg .complete-text{font-size:16px}.inline-indicator{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;display:flex;gap:8px;padding:6px 12px}.spinner{animation:spin 2s linear infinite}.inline-time{color:#dc2626;font-size:13px;font-weight:600}.repair-progress-indicator.complete .inline-indicator{background:#10b9811a;border-color:#10b9814d}.repair-progress-indicator.complete .inline-time{color:var(--color-success)}.mech-tooltip{animation:tooltipFadeIn .15s ease-out;background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:10px;box-shadow:0 8px 32px #00000080;padding:16px;pointer-events:none;position:fixed;width:260px;z-index:var(--z-index-tooltip)}.tooltip-header{border-bottom:1px solid #ffffff1a;gap:10px;margin-bottom:12px;padding-bottom:12px}.mech-icon{font-size:24px}.mech-title{display:flex;flex:1 1;flex-direction:column;min-width:0}.mech-name{font-size:14px}.mech-class,.mech-level{font-size:11px}.mech-level{background:#e9456033;color:#dc2626;padding:4px 8px}.tooltip-badges{display:flex;gap:8px;margin-bottom:12px}.rarity-badge,.status-badge{border:1px solid;border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.tooltip-health{margin-bottom:12px}.health-info{color:var(--color-text-tertiary);display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.health-bar{background:#0006}.health-fill{transition:width .3s ease}.tooltip-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.stat-row{gap:8px}.stat-icon{font-size:12px;text-align:center;width:20px}.mech-tooltip .stat-label{color:var(--color-text-tertiary);flex:1 1;font-size:12px}.mech-tooltip .stat-value{color:var(--color-text-primary);font-size:12px;font-weight:600}.tooltip-battles{align-items:center;background:#0000004d;border-radius:6px;display:flex;font-size:12px;gap:6px;margin-bottom:10px;padding:8px}.battles-label{color:var(--color-text-tertiary)}.wins{color:var(--color-success)}.losses,.wins{font-weight:600}.losses{color:var(--color-danger)}.separator{color:#444}.tooltip-hint{color:var(--color-text-tertiary);font-size:10px;font-style:italic;text-align:center}.equipment-slot-preview{display:flex;flex-direction:column;gap:16px}.slots-group{display:flex;flex-direction:column;gap:8px}.group-label{color:var(--color-text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.slots-row{display:flex;flex-wrap:wrap;gap:8px}.equipment-slot{background:#0000004d;border:2px solid #dc26264d;border-radius:8px;cursor:pointer;flex:1 1;max-width:180px;min-width:120px;padding:12px;transition:all .2s ease}.equipment-slot:hover{background:#0006;transform:translateY(-2px)}.equipment-slot.empty{border-style:dashed;opacity:.6}.equipment-slot.empty:hover{border-color:#dc2626;opacity:.8}.slot-header{gap:6px;margin-bottom:8px}.slot-icon{font-size:16px}.slot-type{color:var(--color-text-tertiary);font-size:10px;text-transform:capitalize}.slot-content{display:flex;flex-direction:column;gap:2px}.component-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-rarity{font-size:10px;font-weight:500}.slot-label{color:var(--color-text-tertiary);font-size:11px}.durability-section{align-items:center;display:flex;gap:8px;margin-top:8px}.durability-bar{background:#0006;height:4px}.durability-bar,.durability-fill{border-radius:2px}.durability-text{font-size:10px;font-weight:600;min-width:30px;text-align:right}.equipment-slot-preview.compact .slots-row{gap:6px}.equipment-slot.compact{max-width:80px;min-width:60px;padding:8px;text-align:center}.equipment-slot.compact .slot-header{justify-content:center;margin-bottom:4px}.equipment-slot.compact .slot-icon{font-size:18px}.equipment-slot.compact .slot-content{align-items:center}.equipment-slot.compact .component-name{font-size:10px}.equipment-slot.compact .durability-section{flex-direction:column;gap:4px}.equipment-slot.compact .durability-bar{width:100%}.equipment-slot.compact .durability-text{min-width:auto}@media (max-width:480px){.equipment-slot{min-width:100px}.equipment-slot.compact{max-width:60px;min-width:50px}}.workshop-upgrade-modal{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:12px;max-width:480px;overflow:hidden;width:90%}.workshop-upgrade-modal .modal-header{align-items:center;border-bottom:1px solid #dc26264d;display:flex;justify-content:space-between;padding:20px}.workshop-title{align-items:center;display:flex;gap:12px}.workshop-icon{font-size:32px}.workshop-title h2{color:var(--color-text-primary);font-size:18px;margin:0}.workshop-level{color:var(--color-brand-primary);font-size:12px}.workshop-upgrade-modal .close-btn{background:#ffffff1a;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;font-size:16px;height:32px;transition:all .2s ease;width:32px}.workshop-upgrade-modal .close-btn:hover{background:#ef444433;color:var(--color-danger)}.workshop-upgrade-modal .modal-body{padding:20px}.workshop-description{color:var(--color-text-tertiary);font-size:13px;line-height:1.5;margin:0 0 20px}.max-level-notice{padding:30px;text-align:center}.max-icon{display:block;font-size:48px;margin-bottom:12px}.max-level-notice p{color:var(--color-warning);font-weight:600;margin:0}.loading-state{color:var(--color-text-tertiary);gap:12px;padding:30px}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-brand-primary);height:32px;width:32px}.bonus-preview{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;margin-bottom:20px;padding:16px}.bonus-preview h4,.upgrade-costs h4{color:var(--color-text-tertiary);font-size:12px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.bonus-row{justify-content:space-between;padding:8px 0}.bonus-row:not(:last-child){border-bottom:1px solid #ffffff0d}.bonus-label{font-size:13px}.bonus-values{align-items:center;display:flex;gap:8px}.bonus-values .current{color:var(--color-text-tertiary);font-size:13px}.bonus-values .arrow{color:#444}.bonus-values .next{color:var(--color-success);font-size:14px;font-weight:700}.upgrade-costs{margin-bottom:16px}.cost-list{display:flex;flex-direction:column;gap:8px}.cost-item{background:#0000004d;gap:10px;padding:10px 12px}.cost-item.insufficient{background:#ef44441a;border:1px solid #ef44444d}.cost-icon{font-size:18px}.cost-name{color:var(--color-text-secondary);flex:1 1;font-size:13px;text-transform:capitalize}.cost-amount{color:var(--color-text-primary);font-size:14px;font-weight:600}.cost-item.insufficient .cost-amount{color:var(--color-danger)}.current-amount{color:var(--color-text-tertiary);font-size:12px;font-weight:400;margin-left:4px}.upgrade-time{align-items:center;background:#3b82f61a;border-radius:6px;color:var(--color-brand-primary);display:flex;font-size:13px;gap:8px;padding:12px}.time-icon{font-size:16px}.workshop-upgrade-modal .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:var(--color-danger);font-size:13px;margin-top:16px;padding:12px}.workshop-upgrade-modal .error-message .retry-btn{font-size:.85em;margin-left:10px}.workshop-upgrade-modal .modal-footer{border-top:1px solid #dc26264d;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.cancel-btn{background:#ffffff1a;border:1px solid #dc26264d;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff26}.cancel-btn:hover,.upgrade-btn{color:var(--color-text-primary)}.upgrade-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;font-size:14px;padding:10px 24px;transition:all .2s ease}.upgrade-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.upgrade-btn:disabled{opacity:.5}.upgrade-celebration{align-items:center;animation:celebrationEntry .6s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;padding:30px 20px;text-align:center}.celebration-icon{animation:celebrationBounce 1s ease-in-out infinite;font-size:4rem}.celebration-stars{animation:starTwinkle 1.5s ease-in-out infinite;font-size:1.5rem;margin:8px 0}.celebration-title{-webkit-text-fill-color:#0000;animation:gradientShift 2s ease infinite;background:linear-gradient(135deg,#f59e0b,#ef4444,#f59e0b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:28px;font-weight:800;margin:12px 0 4px}.celebration-level{color:var(--color-text-secondary);font-size:14px;margin:0 0 16px}.celebration-bonuses{display:flex;flex-direction:column;gap:6px}.celebration-bonus{animation:bonusFadeIn .5s ease forwards;color:var(--color-success);font-size:13px;font-weight:600;opacity:0}.celebration-bonus:first-child{animation-delay:.3s}.celebration-bonus:nth-child(2){animation-delay:.5s}.celebration-bonus:nth-child(3){animation-delay:.7s}@keyframes celebrationEntry{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes celebrationBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bonusFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.formation-builder{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:12px;padding:20px}.builder-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.formation-name-input{background:#0000004d;border:1px solid #dc26264d;border-radius:6px;color:var(--color-text-primary);flex:1 1;font-size:14px;min-width:200px;padding:10px 16px}.formation-name-input:focus{border-color:#dc2626;outline:none}.formation-name-input::placeholder{color:var(--color-text-tertiary)}.formation-stats{display:flex;gap:20px}.formation-stats .stat{align-items:center;display:flex;gap:6px}.formation-builder .stat-label{color:var(--color-text-tertiary);font-size:12px}.formation-builder .stat-value{color:var(--color-text-primary);font-size:14px;font-weight:700}.formation-builder .stat-value.power{color:var(--color-brand-primary)}.formation-slots{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}.formation-slot{align-items:center;background:#0000004d;border:2px dashed #dc26264d;border-radius:8px;display:flex;height:100px;justify-content:center;position:relative;transition:all .2s ease}.formation-slot.filled{border-color:#dc2626;border-style:solid}.formation-slot.drag-over{background:#e945601a;border-color:#dc2626;border-style:solid}.empty-slot{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:4px}.slot-number{font-size:24px;font-weight:700;opacity:.3}.slot-hint{font-size:11px}.slot-mech{align-items:center;cursor:grab;display:flex;flex-direction:column;gap:4px;padding:8px;width:100%}.slot-mech:active{cursor:grabbing}.remove-btn{background:#ef4444cc;border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;font-size:10px;height:20px;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease;width:20px}.formation-slot:hover .remove-btn{opacity:1}.slot-mech .mech-icon{font-size:24px}.slot-mech .mech-name{color:var(--color-text-primary);font-size:11px;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.slot-mech .mech-power{color:#dc2626;font-size:10px;font-weight:700}.builder-actions{display:flex;gap:10px;margin-bottom:20px}.formation-builder .action-btn{background:#ffffff1a;border:1px solid #dc26264d;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.formation-builder .action-btn:hover{background:#ffffff26;border-color:var(--color-brand-primary);color:var(--color-text-primary)}.available-mechs{margin-bottom:20px}.available-mechs h4{color:var(--color-text-tertiary);font-size:12px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.mech-pool{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.no-mechs{font-size:13px;padding:20px}.pool-mech{align-items:center;background:#0000004d;border:1px solid #0000;border-radius:6px;cursor:grab;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.pool-mech:hover{background:#0006;border-color:#dc26264d}.pool-mech:active{cursor:grabbing}.pool-mech .mech-icon{font-size:20px}.pool-mech .mech-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.pool-mech .mech-name{color:var(--color-text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-mech .mech-class{color:var(--color-text-tertiary);font-size:11px}.pool-mech .mech-power{color:#dc2626;font-size:13px;font-weight:700}.formation-builder .error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:var(--color-danger);font-size:13px;margin-bottom:16px;padding:12px}.builder-footer{display:flex;justify-content:flex-end}.save-btn{background:linear-gradient(135deg,#dc2626,#c73e54);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.builder-header{align-items:stretch;flex-direction:column}.formation-stats{justify-content:center}.formation-slots{grid-template-columns:repeat(2,1fr)}}.mech-skins{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:12px;padding:20px}.mech-skins.loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.mech-skins .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#dc2626;height:40px;width:40px}.skins-header{align-items:center;border-bottom:1px solid #dc26264d;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-info h3{color:var(--color-text-primary);font-size:18px}.mech-name{color:var(--color-text-tertiary);font-size:12px}.skin-tabs{display:flex;gap:8px}.tab-btn{background:#0000004d;border:1px solid #dc26264d;border-radius:6px;color:var(--color-text-tertiary);font-size:13px;padding:8px 16px;transition:all .2s ease}.tab-btn:hover{background:#0006;color:var(--color-text-primary)}.tab-btn.active{background:#e9456033;border-color:#dc2626;color:#dc2626}.skins-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:200px 1fr}.preview-panel{align-items:center;display:flex;flex-direction:column;gap:16px}.preview-display{align-items:center;background:linear-gradient(135deg,#0006,#2b6de81a);border:2px solid #dc26264d;border-radius:12px;display:flex;height:160px;justify-content:center;position:relative;width:160px}.preview-mech{filter:grayscale(.5);font-size:64px}.preview-skin{bottom:10px;font-size:32px;position:absolute;right:10px}.preview-details{text-align:center;width:100%}.preview-details h4{color:var(--color-text-primary);font-size:16px;margin:0 0 4px}.preview-rarity{font-size:12px;font-weight:600}.preview-error{background:#ef44441a;border-radius:6px;color:var(--color-danger);font-size:12px;margin-top:12px;padding:8px}.preview-actions{margin-top:16px}.apply-btn,.purchase-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.apply-btn{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-text-primary)}.apply-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.purchase-btn{background:linear-gradient(135deg,#dc2626,#c73e54);color:var(--color-text-primary)}.purchase-btn:hover:not(:disabled){box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.apply-btn:disabled,.purchase-btn:disabled{cursor:not-allowed;opacity:.5}.skins-grid{grid-gap:12px;align-content:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.no-skins{color:var(--color-text-tertiary);font-size:14px;grid-column:1/-1;padding:40px;text-align:center}.skin-card{background:#0000004d;border:2px solid #dc26264d;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.skin-card:hover{border-color:var(--rarity-color);transform:translateY(-2px)}.skin-card.selected{border-color:var(--rarity-color);box-shadow:0 0 12px #e9456033}.skin-card.active{background:#10b9811a}.skin-preview{align-items:center;background:#0003;border-radius:6px;display:flex;height:80px;justify-content:center;margin-bottom:10px;position:relative}.preview-icon{font-size:36px}.active-badge{background:#10b981;border-radius:10px;bottom:4px;font-size:9px;left:50%;position:absolute;transform:translateX(-50%)}.skin-info{display:flex;flex-direction:column;gap:2px;text-align:center}.skin-name{color:var(--color-text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-rarity{font-size:10px;font-weight:600}.skin-price{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px}.price{font-size:11px;font-weight:600}.price.credits,.price.premium{color:#f59e0b}@media (max-width:600px){.skins-content{grid-template-columns:1fr}.preview-panel{flex-direction:row;flex-wrap:wrap;justify-content:center}.skins-grid{grid-template-columns:repeat(2,1fr)}}.mech-sprite{border-radius:6px;display:flex;flex-shrink:0;overflow:hidden}.mech-sprite__img{height:100%;object-fit:contain;width:100%}.mech-sprite__fallback{align-items:center;background:radial-gradient(circle at center,#ffffff08 0,#0000 70%);display:flex;height:100%;justify-content:center;width:100%}.mech-sprite__fallback svg{height:85%;transition:transform .3s ease,filter .3s ease;width:85%}.mech-sprite:hover .mech-sprite__fallback svg{filter:brightness(1.2);transform:scale(1.05)}.mech-sprite--glow-epic{animation:spriteGlowEpic 3s ease-in-out infinite}@keyframes spriteGlowEpic{0%,to{filter:drop-shadow(0 0 4px rgba(168,85,247,.3))}50%{filter:drop-shadow(0 0 12px rgba(168,85,247,.6))}}.mech-sprite--glow-legendary{animation:spriteGlowLegendary 2.5s ease-in-out infinite}@keyframes spriteGlowLegendary{0%,to{filter:drop-shadow(0 0 6px rgba(251,191,36,.4))}50%{filter:drop-shadow(0 0 16px rgba(251,191,36,.8))}}.mech-sprite--small{border-radius:4px}.mech-sprite--large{border-radius:8px}.mech-sprite--xlarge{border-radius:10px}.display-gallery{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #dc26264d;border-radius:12px;padding:20px}.gallery-header{align-items:center;border-bottom:1px solid #dc26264d;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.gallery-header h3{color:var(--color-text-primary);font-size:18px;margin:0}.gallery-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.view-toggles{background:#0000004d;border-radius:6px;display:flex;gap:4px;padding:4px}.view-btn{background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;font-size:16px;height:32px;transition:all .2s ease;width:32px}.view-btn.active,.view-btn:hover{color:var(--color-text-primary)}.view-btn.active{background:#dc2626}.filter-select,.sort-select{border:1px solid #dc26264d;border-radius:6px;font-size:13px;padding:8px 12px}.filter-select:focus,.sort-select:focus{border-color:#dc2626;outline:none}.no-mechs{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-mechs-icon{font-size:64px;margin-bottom:12px;opacity:.5}.showcase-view{display:flex;flex-direction:column;gap:24px}.collection-stats h4,.featured-section h4,.podium-section h4{color:var(--color-text-tertiary);font-size:14px;margin:0 0 16px}.podium{align-items:flex-end;display:flex;gap:16px;height:200px;justify-content:center}.podium-spot{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease}.podium-spot:hover{transform:translateY(-4px)}.podium-spot.rank-1{order:2}.podium-spot.rank-2{order:1}.podium-spot.rank-3{order:3}.rank-badge{align-items:center;border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;margin-bottom:8px;width:32px}.rank-1 .rank-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 12px #fbbf2466;color:var(--color-ui-background)}.rank-2 .rank-badge{background:linear-gradient(135deg,silver,#9ca3af);color:var(--color-ui-background)}.rank-3 .rank-badge{background:linear-gradient(135deg,#cd7f32,#b8732e);color:var(--color-ui-background)}.rank-1 .podium-mech{background:linear-gradient(135deg,#fbbf2414,#0000004d);border:1px solid #fbbf2433}.podium-mech{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px}.podium-mech .mech-sprite{margin-bottom:4px}.podium-mech .mech-name{color:var(--color-text-primary);font-size:12px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-mech .mech-power{color:#dc2626;font-size:11px;font-weight:700}.podium-platform{background:var(--rarity-color);border-radius:4px 4px 0 0;width:80px}.rank-1 .podium-platform{height:80px}.rank-2 .podium-platform{height:60px}.rank-3 .podium-platform{height:40px}.featured-mech{background:#0000004d;border:1px solid #dc26264d;border-radius:12px;display:flex;gap:24px;padding:20px}.featured-display{align-items:center;background:linear-gradient(135deg,#0006,#2b6de81a);border-radius:12px;display:flex;height:120px;justify-content:center;width:120px}.featured-icon{font-size:56px}.featured-info{flex:1 1}.featured-info h3{color:var(--color-text-primary);font-size:20px;margin:0 0 8px}.featured-badges{display:flex;gap:8px;margin-bottom:16px}.class-badge,.rarity-badge{background:#0000004d;border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.class-badge{color:#dc2626}.featured-stats{display:flex;flex-wrap:wrap;gap:20px}.featured-stats .stat{display:flex;flex-direction:column}.featured-stats .stat-label{color:var(--color-text-tertiary);font-size:10px;text-transform:uppercase}.featured-stats .stat-value{color:var(--color-text-primary);font-size:18px;font-weight:700}.featured-stats .stat-value.win{color:var(--color-success)}.collection-stats .stats-row{display:flex;flex-wrap:wrap;gap:20px}.collection-stats .stat-item{background:#0000004d;border:1px solid #dc262626;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:100px;padding:16px 24px;transition:border-color .2s ease,transform .2s ease}.collection-stats .stat-item:hover{border-color:#dc262666;transform:translateY(-2px)}.collection-stats .stat-value{color:#dc2626;font-size:24px;font-weight:700}.collection-stats .stat-label{color:var(--color-text-tertiary);font-size:11px}.grid-view{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gallery-card{background:#0000004d;border:2px solid #dc26264d;border-radius:10px;cursor:pointer;padding:12px;transition:all .2s ease}.gallery-card:hover{border-color:var(--rarity-color);transform:translateY(-4px)}.gallery-card.selected{border-color:#dc2626;box-shadow:0 0 12px #e945604d}.card-preview{align-items:center;background:#0003;border-radius:6px;display:flex;height:80px;justify-content:center;margin-bottom:10px;position:relative}.card-icon{font-size:36px}.card-level{background:#0009;border-radius:4px;color:#dc2626;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:6px;top:6px}.card-info{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.card-name{color:var(--color-text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-rarity{color:var(--rarity-color);font-size:10px;font-weight:600}.card-power{color:#f59e0b;font-size:12px;font-weight:600}.list-view{border:1px solid #dc26264d;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.list-header{background:#0006;color:var(--color-text-tertiary);font-size:11px;font-weight:600;text-transform:uppercase}.list-header,.list-row{display:flex;padding:12px 16px}.list-row{background:#0003;border-top:1px solid #dc26264d;color:var(--color-text-secondary);cursor:pointer;font-size:13px;transition:background .2s ease}.list-row:hover{background:#0000004d}.list-row.selected{background:#e945601a}.col-name{align-items:center;color:var(--color-text-primary);display:flex;flex:2 1;gap:8px}.col-class{flex:1 1}.col-rarity{flex:1 1;font-weight:600}.col-level{flex:0.5 1;text-align:center}.col-power{color:#f59e0b;flex:1 1;font-weight:600;text-align:right}.col-battles{flex:0.5 1;text-align:center}.row-icon{font-size:18px}@media (max-width:768px){.gallery-header{align-items:stretch;flex-direction:column}.gallery-controls{justify-content:center}.podium{align-items:center;flex-direction:column;height:auto}.podium-spot{order:0!important}.podium-platform{display:none}.featured-mech{align-items:center;flex-direction:column;text-align:center}.list-view{font-size:11px}.col-battles,.col-class{display:none}}.trophy-case{padding:20px}.trophy-case-set-section{background:#8b5cf614;border:1px solid #8b5cf640;border-radius:10px;margin-bottom:2rem;padding:1.25rem}.set-section-title{color:var(--color-text-primary);font-size:1.25rem;margin:0 0 .35rem}.set-section-desc{margin:0 0 1rem}.set-bonuses-loading,.set-section-desc{color:var(--color-text-secondary);font-size:.9rem}.set-slots-grid{grid-gap:.75rem 1rem;display:grid;gap:.75rem 1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.set-slot{display:flex;flex-direction:column;gap:.35rem}.set-slot-label{color:var(--color-text-secondary);font-size:.8rem}.set-slot select{background:#0f0f19cc;border:1px solid #8b5cf659;border-radius:6px;color:var(--color-text-primary);font-size:.9rem;padding:.4rem .5rem}.active-bonuses-list{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.active-bonuses-list h4{font-size:1rem;margin:0 0 .5rem}.active-bonuses-list ul{margin:0;padding-left:1.25rem}.active-bonuses-list li{font-size:.9rem;margin-bottom:.35rem}@media (max-width:768px){.set-slots-grid{grid-template-columns:repeat(2,1fr)}}.trophy-case-header{margin-bottom:30px}.trophy-case-header h2{color:var(--color-text-primary);font-size:2em;margin:0 0 10px}.trophy-case-header p{color:var(--color-text-secondary);margin:0}.summary-card{background:#ffffff0d;border:1px solid #ffffff1a}.trophy-case .stat-value{color:var(--color-text-primary);font-size:2em;font-weight:700;margin-bottom:5px}.trophy-case .stat-label{color:var(--color-text-secondary);font-size:.9em}.breakdown-section{padding:15px}.breakdown-section h4{font-size:1.1em;margin:0 0 15px}.breakdown-items{gap:8px}.breakdown-item{border-bottom:1px solid #ffffff1a;padding:8px 0}.trophy-card{background:#ffffff0d;border:1px solid #ffffff1a}.trophy-card:hover{transform:translateY(-5px)}.trophy-header{border-bottom:1px solid #ffffff1a;margin-bottom:15px;padding-bottom:15px}.trophy-target-info h3{font-size:1.3em;margin:0 0 8px}.trophy-meta{font-size:.9em}.trophy-rarity-badge{font-size:.85em;padding:6px 12px}.trophy-stats{margin-bottom:15px}.trophy-stat .stat-label{font-size:.85em;margin-bottom:4px}.trophy-stat .stat-value{font-size:1.5em}.trophy-history{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.history-label{font-size:.9em;margin-bottom:10px}.history-item{font-size:.9em;padding:8px}.history-date,.history-more,.history-rarity{font-size:.85em}.history-more{padding:8px}.trophy-empty{font-size:1.1em;padding:60px 20px}.trophy-case-error,.trophy-case-loading{color:var(--color-text-primary);padding:40px;text-align:center}.trophy-case-error{color:var(--color-danger)}.stat-bar-row{display:flex;flex-direction:column;gap:4px}.stat-bar-header{align-items:center;display:flex;font-size:12px;gap:6px}.stat-bar-icon{flex-shrink:0;font-size:14px}.stat-bar-label{color:var(--color-text-secondary);flex:1 1}.stat-bar-value{font-feature-settings:"tnum";color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.stat-bar-track{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden;position:relative}.stat-bar-fill{border-radius:3px;height:100%;min-width:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.stat-bar-tick{background:#ffffff14;height:100%;position:absolute;top:0;width:1px}.stat-bars-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:1fr 1fr}@media (max-width:600px){.stat-bars-grid{grid-template-columns:1fr}}.sv-icon-recycle{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:1em;margin-right:.35em;vertical-align:middle;width:1em}.sv-icon-crate{background:linear-gradient(180deg,#78716c,#57534e);-webkit-clip-path:polygon(10% 20%,90% 20%,100% 30%,100% 90%,0 90%,0 30%);clip-path:polygon(10% 20%,90% 20%,100% 30%,100% 90%,0 90%,0 30%);display:inline-block;height:1.5em;width:1.5em}.sv-icon-wrench{background:linear-gradient(135deg,#a8a29e,#78716c);-webkit-clip-path:polygon(20% 0,40% 0,55% 35%,80% 60%,100% 80%,80% 100%,60% 80%,35% 55%,0 40%,0 20%);clip-path:polygon(20% 0,40% 0,55% 35%,80% 60%,100% 80%,80% 100%,60% 80%,35% 55%,0 40%,0 20%);display:inline-block;height:1.25em;width:1.25em}.sv-icon-resource{background:linear-gradient(135deg,#22c55e,#15803d);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:1em;margin-right:.25em;width:1em}.sv-icon-resource,.sv-icon-warning{display:inline-block;vertical-align:middle}.sv-icon-warning{background:linear-gradient(180deg,#f59e0b,#d97706);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%);height:1.25em;margin-right:.35em;width:1.25em}.sv-panel{animation:svFadeIn .3s ease-out;background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid var(--color-ui-border);overflow:hidden;position:relative}.sv-panel:hover{animation:svBorderGlow 4s ease-in-out infinite}.sv-panel-atmosphere:before{background-image:linear-gradient(#22c55e08 1px,#0000 0),linear-gradient(90deg,#22c55e08 1px,#0000 0);background-size:24px 24px;content:"";inset:0;pointer-events:none;position:absolute}.sv-scan-line{animation:svScanSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#22c55e66,#0000);height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes svScanSweep{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(100%)}}@keyframes svFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sv-description{color:var(--color-text-tertiary);font-size:.85rem;margin-bottom:1rem}.sv-loading{padding:1rem 0}.sv-skeleton-list{display:flex;flex-direction:column;gap:.5rem}.sv-skeleton-item{animation:svSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:8px;height:56px}@keyframes svSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sv-empty{color:var(--color-text-tertiary);padding:2rem;text-align:center}.sv-empty-icon{display:block;font-size:2.5rem;margin:0 auto .75rem;opacity:.5}.sv-items-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.sv-item{align-items:center;animation:svItemSlideIn .25s ease-out backwards;background:#0003;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:background .2s,transform .2s}.sv-item:hover{background:#00000059;box-shadow:0 0 0 1px #22c55e33;transform:translateX(4px)}@keyframes svItemSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.sv-item:first-child{animation-delay:0s}.sv-item:nth-child(2){animation-delay:.05s}.sv-item:nth-child(3){animation-delay:.1s}.sv-item:nth-child(4){animation-delay:.15s}.sv-item:nth-child(5){animation-delay:.2s}.sv-item-icon{flex-shrink:0;font-size:1.5rem}.sv-item-info{display:flex;flex:1 1;flex-direction:column}.sv-item-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.sv-item-rarity{font-size:.75rem;font-weight:500}.sv-preview-modal{isolation:isolate}.sv-preview-starfield{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.sv-preview-star{animation:svStarTwinkle 3s ease-in-out 0s infinite;animation:svStarTwinkle var(--sv-star-dur,3s) ease-in-out var(--sv-star-delay,0s) infinite;background:#ffffffe6;border-radius:50%;height:2px;height:var(--sv-star-size,2px);opacity:0;position:absolute;width:2px;width:var(--sv-star-size,2px)}@keyframes svStarTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.85;transform:scale(1.2)}}.sv-preview-modal .sv-preview-actions,.sv-preview-modal .sv-preview-item,.sv-preview-modal .sv-preview-resources,.sv-preview-modal .sv-preview-vip{position:relative;z-index:1}.sv-preview-modal .sv-preview-scan{animation:svPreviewScan 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#22c55e80,#0000);height:2px;left:0;position:absolute;right:0;top:0;z-index:1}@keyframes svPreviewScan{0%,to{opacity:.5;top:0}50%{opacity:1;top:100%}}@keyframes svYieldPop{0%{opacity:.8;transform:scale(.95)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes svConfirmPulse{0%,to{box-shadow:0 0 0 0 #22c55e33}50%{box-shadow:0 0 12px 4px #22c55e26}}@keyframes svResourceGlow{0%,to{background:#22c55e1a}50%{background:#22c55e2e}}@keyframes svPanelPulse{0%,to{opacity:1}50%{opacity:.97}}@keyframes svBorderGlow{0%,to{border-color:var(--color-ui-border)}50%{border-color:#22c55e66}}@keyframes svItemHoverGlow{0%{box-shadow:none}to{box-shadow:0 0 0 1px #22c55e33}}@keyframes svModalEntrance{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes svScanPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes svRarityShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes svGridPulse{0%,to{opacity:.03}50%{opacity:.06}}@keyframes svCrateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes svEmptyFade{0%{opacity:0}to{opacity:1}}@keyframes svButtonReady{0%,to{opacity:1}50%{opacity:.9}}@keyframes svLabelFocus{0%,to{color:var(--color-text-tertiary)}50%{color:var(--color-text-secondary)}}.sv-preview-vip{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:.85rem;margin:0 0 .5rem}.sv-preview-modal{display:flex;flex-direction:column;gap:1rem;position:relative}.sv-preview-item,.sv-preview-resources{display:flex;flex-direction:column;gap:.5rem}.sv-preview-label{color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase}.sv-preview-value{color:var(--color-text-primary);font-size:1rem}.sv-resources-list{display:flex;flex-wrap:wrap;gap:.5rem}.sv-resource-item{align-items:center;animation:svYieldPop .4s ease-out backwards;background:#22c55e1a;border-radius:4px;color:var(--color-success);display:flex;font-size:.85rem;gap:.25rem;padding:.25rem .5rem}.sv-resource-item:first-child{animation-delay:.05s}.sv-resource-item:nth-child(2){animation-delay:.1s}.sv-resource-item:nth-child(3){animation-delay:.15s}.sv-resource-item:nth-child(4){animation-delay:.2s}.sv-resource-item:nth-child(5){animation-delay:.25s}.sv-resource-item:nth-child(n+6){animation-delay:.3s}.sv-resource-item:hover{animation:svYieldPop .4s ease-out backwards,svResourceGlow 1.5s ease-in-out infinite}.sv-preview-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.sv-error{color:#ef4444;color:var(--color-danger,#ef4444);padding:2rem 1rem;text-align:center}.sv-error p{font-size:.9rem;margin:.5rem 0 1rem}.sv-item:focus-visible,.sv-panel button:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--color-brand-primary,#dc2626);outline-offset:2px}@media (max-width:768px){.sv-items-list{max-height:300px}.sv-preview-actions{flex-direction:column}}@media (max-width:480px){.sv-item{gap:.5rem;padding:.5rem}.sv-item-name{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.sv-item,.sv-panel,.sv-preview-modal .sv-preview-scan,.sv-preview-star,.sv-resource-item,.sv-scan-line,.sv-skeleton-item{animation:none!important;transition:none!important}.sv-preview-modal-wrap .sv-preview-scan,.sv-scan-line{opacity:.3}.sv-preview-star{opacity:.5}}@keyframes repairFlash{0%{box-shadow:0 0 0 0 #60a5fa00}30%{box-shadow:0 0 20px 4px #60a5fa99}to{box-shadow:0 0 0 0 #60a5fa00}}@keyframes repairComplete{0%{box-shadow:0 0 0 0 #4ade8000}30%{box-shadow:0 0 24px 6px #4ade80b3}60%{box-shadow:0 0 12px 2px #4ade804d}to{box-shadow:0 0 0 0 #4ade8000}}@keyframes deployPulse{0%{box-shadow:0 0 0 0 #a855f700}30%{box-shadow:0 0 18px 4px #a855f780}to{box-shadow:0 0 0 0 #a855f700}}@keyframes salvageShake{0%,to{transform:translateX(0)}15%{transform:translateX(-4px) rotate(-1deg)}30%{transform:translateX(3px) rotate(1deg)}45%{transform:translateX(-3px) rotate(-.5deg)}60%{transform:translateX(2px) rotate(.5deg)}75%{transform:translateX(-1px)}}@keyframes salvageFadeOut{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{opacity:0;transform:scale(.8)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mech-card.anim-repair{animation:repairFlash .8s ease-out}.mech-card.anim-repair-complete{animation:repairComplete 1.2s ease-out}.mech-card.anim-deploy{animation:deployPulse .8s ease-out}.mech-card.anim-salvage{animation:salvageShake .5s ease-in-out,salvageFadeOut .6s ease-out .4s forwards}.hangar-salvage-rarity-line{font-size:.9rem;margin:0 0 .5rem}.hangar-salvage-rarity-badge{border-radius:6px;display:inline-block;font-weight:600;padding:.2em .5em;white-space:nowrap}.hangar-salvage-rarity-line.hangar-salvage-rarity-epic .hangar-salvage-rarity-badge{border:1px solid #a855f799;box-shadow:0 0 12px #a855f759}.hangar-salvage-rarity-line.hangar-salvage-rarity-legendary .hangar-salvage-rarity-badge{border:1px solid #f59e0bb3;box-shadow:0 0 16px #f59e0b73,0 0 8px #f59e0b40}.hangar-salvage-preview{background:#0003;background:var(--color-ui-surface,#0003);border:1px solid #ffffff1a;border:1px solid var(--color-border,#ffffff1a);border-radius:8px;margin-top:.75rem;padding:.75rem}.hangar-salvage-preview.loading{color:var(--color-text-secondary);font-style:italic}.hangar-salvage-preview-vip{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:.85rem;margin:0 0 .4rem}.hangar-salvage-preview-title{color:var(--color-text-secondary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.hangar-salvage-preview-list{list-style:none;margin:0;padding-left:1.25rem}.hangar-salvage-preview-list li{align-items:center;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.35rem}.hangar-salvage-preview-list li:last-child{margin-bottom:0}.hangar-salvage-preview-balance-box{background:#22c55e1f;background:var(--color-ui-elevated,#22c55e1f);border:1px solid #22c55e66;border:1px solid var(--color-success,#22c55e66);border-radius:8px;color:var(--color-text-secondary);font-size:.9rem;margin-top:.75rem;padding:.6rem .75rem}.hangar-salvage-preview-balance-box strong{color:#22c55e;color:var(--color-success,#22c55e)}@keyframes salvageRecoveredPop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes salvageRecoveredItemIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hangar-salvage-recovered-modal{animation:salvageRecoveredPop .35s ease-out;overflow:hidden;position:relative}.hangar-salvage-recovered-modal:before{background-image:linear-gradient(#22c55e0a 1px,#0000 0),linear-gradient(90deg,#22c55e0a 1px,#0000 0);background-size:20px 20px;content:"";inset:0;pointer-events:none;position:absolute}.hangar-salvage-recovered-modal .hangar-salvage-recovered-scan{animation:hangarSalvageRecoveredScan 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#22c55e99,#0000);height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes hangarSalvageRecoveredScan{0%,to{opacity:.6;top:0}50%{opacity:1;top:100%}}.hangar-salvage-recovered-content{padding:.5rem 0;position:relative;z-index:1}.hangar-salvage-recovered-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 1rem;text-align:center}.hangar-salvage-recovered-list{list-style:none;margin:0 0 1rem;padding:0}.hangar-salvage-recovered-item{align-items:center;animation:salvageRecoveredItemIn .3s ease-out backwards;background:#00000026;background:var(--color-ui-surface,#00000026);border-radius:8px;display:flex;font-size:1rem;gap:.6rem;margin-bottom:.4rem;padding:.5rem .75rem}.hangar-salvage-recovered-item:first-child{animation-delay:.05s}.hangar-salvage-recovered-item:nth-child(2){animation-delay:.1s}.hangar-salvage-recovered-item:nth-child(3){animation-delay:.15s}.hangar-salvage-recovered-item:nth-child(4){animation-delay:.2s}.hangar-salvage-recovered-item:nth-child(5){animation-delay:.25s}.hangar-salvage-recovered-item:nth-child(6){animation-delay:.3s}.hangar-salvage-recovered-item:last-child{margin-bottom:0}.hangar-salvage-recovered-balance{border-top:1px solid #ffffff1a;border-top:1px solid var(--color-border,#ffffff1a);color:#22c55e;color:var(--color-success,#22c55e);font-size:.95rem;font-weight:600;margin:.75rem 0 0;padding-top:.75rem;text-align:center}.hangar-salvage-recovered-vip{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:.85rem;margin:0 0 .5rem;text-align:center}.hangar-salvage-recovered-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.hangar-salvage-confetti-overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-index-modal-content)}.hangar-salvage-confetti-piece{animation:hangar-salvage-confetti-fall 2.5s ease-out forwards;border-radius:2px;height:8px;opacity:0;position:absolute;top:-10px;width:8px}@keyframes hangar-salvage-confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (prefers-reduced-motion:reduce){.hangar-salvage-confetti-overlay{display:none}}.salvage-select-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.salvage-select-bar .bulk-btn.salvage{background:#dc2626;background:var(--color-danger,#dc2626);color:#fff}.salvage-select-bar .bulk-btn.salvage:disabled{cursor:not-allowed;opacity:.5}.salvage-card-checkbox{left:8px;position:absolute;top:8px;z-index:2}.salvage-card-checkbox input{accent-color:#dc2626;accent-color:var(--color-danger,#dc2626);cursor:pointer;height:18px;width:18px}.hangar-salvage-history{max-height:60vh;overflow-y:auto;padding:.5rem 0}.hangar-salvage-history-empty{color:var(--color-text-secondary);margin:1rem 0;text-align:center}.hangar-salvage-history-list{list-style:none;margin:0;padding:0}.hangar-salvage-history-item{grid-gap:.75rem;align-items:center;background:#00000026;background:var(--color-ui-surface,#00000026);border-radius:8px;display:grid;font-size:.9rem;gap:.75rem;grid-template-columns:1fr auto auto;margin-bottom:.35rem;padding:.5rem .75rem}.hangar-salvage-history-label{font-weight:500}.hangar-salvage-history-credits{color:#22c55e;color:var(--color-success,#22c55e)}.hangar-salvage-history-date{color:var(--color-text-secondary);font-size:.85rem}.salvage-tab{min-height:300px;padding:1rem 0}.salvage-tab-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.salvage-mode-btn{align-items:center;background:#1f2937;background:var(--color-bg-elevated,#1f2937);border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;gap:.4rem;padding:.5rem 1rem}.salvage-mode-btn:hover{background:#374151;background:var(--color-bg-hover,#374151);color:var(--color-text)}.salvage-mode-btn.active{background:#3b82f6;background:var(--color-primary,#3b82f6);border-color:var(--color-primary);color:#fff}.mechs-grid .mech-card{animation:cardAppear .3s ease-out backwards}.mechs-grid .mech-card:first-child{animation-delay:0s}.mechs-grid .mech-card:nth-child(2){animation-delay:.04s}.mechs-grid .mech-card:nth-child(3){animation-delay:.08s}.mechs-grid .mech-card:nth-child(4){animation-delay:.12s}.mechs-grid .mech-card:nth-child(5){animation-delay:.16s}.mechs-grid .mech-card:nth-child(6){animation-delay:.2s}.mechs-grid .mech-card:nth-child(7){animation-delay:.24s}.mechs-grid .mech-card:nth-child(8){animation-delay:.28s}.mechs-grid .mech-card:nth-child(9){animation-delay:.32s}.mechs-grid .mech-card:nth-child(10){animation-delay:.36s}.mechs-grid .mech-card:nth-child(11){animation-delay:.4s}.mechs-grid .mech-card:nth-child(12){animation-delay:.44s}.mech-card .repair-spinner-overlay{align-items:center;background:#60a5fa0d;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.mech-card .repair-spinner-overlay:after{animation:spin 1s linear infinite;border:2px solid #60a5fa4d;border-radius:50%;border-top-color:#60a5fa;content:"";height:20px;width:20px}.hangar-ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.hangar-dust{animation:dustFloat 12s linear infinite;animation:dustFloat var(--dur,12s) linear infinite;background:#ffffff0f;border-radius:50%;position:absolute}@keyframes dustFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-20px) translateX(30px);transform:translateY(-20px) translateX(var(--drift,30px))}}.hangar-spark{animation:sparkDrift 1.5s ease-out infinite;animation:sparkDrift var(--dur,1.5s) ease-out infinite;background:#f59e0b;border-radius:50%;box-shadow:0 0 6px #f59e0b,0 0 12px #f59e0b66;height:3px;opacity:0;position:absolute;width:3px}@keyframes sparkDrift{0%{opacity:0;transform:translate(0) scale(1)}10%{opacity:1}to{opacity:0;transform:translate(20px,-40px) scale(0);transform:translate(var(--dx,20px),var(--dy,-40px)) scale(0)}}.hangar-ambient-glow{background:radial-gradient(ellipse at center bottom,#dc26260f 0,#0000 70%);bottom:0;height:200px;left:0;pointer-events:none;position:absolute;right:0}.hangar-light-beam{background:linear-gradient(180deg,hsla(0,0%,100%,.015),#0000 60%);height:100%;pointer-events:none;position:absolute;top:0;transform:skewX(-15deg);width:300px}.repair-celebration-overlay{align-items:center;animation:celebrationFade 3s ease-out forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-modal-backdrop)}@keyframes celebrationFade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.celebration-flash{animation:celebrationFlash .5s ease-out;background:radial-gradient(circle at center,#22c55e66 0,#0000 70%);inset:0;position:absolute}.celebration-content{animation:celebrationPop .5s cubic-bezier(.34,1.56,.64,1) .1s both;text-align:center}.celebration-icon{animation:celebrationSpin 2s linear infinite;font-size:64px;margin-bottom:12px}.celebration-label{color:#22c55e;font-size:.85rem;font-weight:700;letter-spacing:4px;margin-bottom:4px;text-shadow:0 0 20px #22c55e80;text-transform:uppercase}.celebration-name{color:#4ade80;font-size:1.75rem;font-weight:800;text-shadow:0 0 30px #22c55ecc}.celebration-sparks{height:0;left:50%;position:absolute;top:50%;width:0}.celebration-spark{animation:celebrationBurst 1s ease-out 0s forwards;animation:celebrationBurst 1s ease-out var(--delay,0s) forwards;background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;height:4px;position:absolute;width:4px}@keyframes celebrationBurst{0%{opacity:1;transform:rotate(0deg) translateY(0);transform:rotate(var(--angle,0deg)) translateY(0)}to{opacity:0;transform:rotate(0deg) translateY(-80px);transform:rotate(var(--angle,0deg)) translateY(calc(var(--dist, 80px)*-1))}}.fleet-radar{aspect-ratio:1;background:radial-gradient(circle,#dc26260a 0,#0000 70%);border:1px solid #dc262626;border-radius:50%;margin:0 auto;max-width:140px;position:relative;width:100%}.radar-ring{border:1px solid #dc262614}.radar-ring.ring-1{inset:15%}.radar-ring.ring-2{inset:35%}.radar-ring.ring-3{inset:55%}.radar-crosshair{inset:0;position:absolute}.radar-crosshair:after,.radar-crosshair:before{background:#dc26260f;content:"";position:absolute}.radar-crosshair:before{bottom:0;left:50%;top:0;width:1px}.radar-crosshair:after{height:1px;left:0;right:0;top:50%}.radar-sweep{background:conic-gradient(from 0deg,#0000 0deg,#dc26261f 30deg,#0000 60deg)}.radar-dot{transition:all .5s ease}.radar-dot.ready{animation:radarDotGlowReady 2s ease-in-out infinite;background:#22c55e;box-shadow:0 0 6px #22c55eb3,0 0 12px #22c55e4d}.radar-dot.damaged{animation:radarDotGlowDamaged 1.5s ease-in-out infinite;background:#f59e0b;box-shadow:0 0 4px #f59e0b80}.radar-dot.repairing{animation:radarDotGlowRepairing 1s ease-in-out infinite;background:#3b82f6;box-shadow:0 0 4px #3b82f680}.radar-dot.destroyed{animation:radarDotFlicker 3s ease-in-out infinite;background:#ef4444;opacity:.4}@keyframes radarDotPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}}@keyframes radarDotGlowDamaged{0%,to{box-shadow:0 0 4px #f59e0b66;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 10px #f59e0bcc,0 0 16px #f59e0b4d;transform:translate(-50%,-50%) scale(1.3)}}@keyframes radarDotGlowRepairing{0%,to{box-shadow:0 0 4px #3b82f666;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 10px #3b82f6e6,0 0 20px #3b82f64d;transform:translate(-50%,-50%) scale(1.2)}}@keyframes radarDotFlicker{0%,to{opacity:.3}50%{opacity:.6}}.radar-center-label{bottom:-20px;color:var(--color-text-tertiary);font-size:.65rem;left:0;letter-spacing:1px;position:absolute;right:0;text-align:center;text-transform:uppercase}.mockup-card-wrapper.state-repairing .mockup-card-inner{animation:mechRepairPulse 2s ease-in-out infinite}@keyframes mechRepairPulse{0%,to{box-shadow:inset 0 0 20px #dc26260d}50%{box-shadow:inset 0 0 30px #dc26261f}}.mockup-card-wrapper.state-damaged .mockup-card-inner{animation:mechDamagedFlicker 3s ease-in-out infinite}@keyframes mechDamagedFlicker{0%,to{opacity:1}30%{opacity:.95}32%{opacity:1}70%{opacity:.97}72%{opacity:1}}.mockup-card-wrapper.state-damaged:after{background:linear-gradient(45deg,#0000 30%,#f59e0b14 30.5%,#0000 31%),linear-gradient(-30deg,#0000 50%,#f59e0b0f 50.5%,#0000 51%);border-radius:0 12px 0 0;content:"";height:80px;pointer-events:none;position:absolute;right:0;top:0;width:80px;z-index:2}.mockup-card-wrapper.state-deployed{box-shadow:0 0 15px #22c55e26}.mockup-card-wrapper.state-deployed:after{animation:deployedTrail 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#22c55e,#0000);border-radius:2px;bottom:-2px;content:"";height:3px;left:10%;position:absolute;right:10%;z-index:2}@keyframes deployedTrail{0%,to{opacity:.3;transform:scaleX(.8)}50%{opacity:.7;transform:scaleX(1)}}.mockup-card-wrapper.state-destroyed .mockup-card-inner{filter:saturate(.4) brightness(.7)}.mockup-card-wrapper.state-destroyed:after{background:#00000026;border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.mockup-card-wrapper.state-ready:hover{box-shadow:0 0 20px #22c55e33}.mockup-card-inner{box-shadow:inset -2px -2px 6px #0000004d,inset 2px 2px 6px #ffffff05}.mockup-card-wrapper.selected-mech .mockup-card-inner{animation:selectedFloat 3s ease-in-out infinite}@keyframes selectedFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mockup-card-wrapper.rarity-legendary{box-shadow:0 0 12px #f59e0b26}.mockup-card-wrapper.rarity-epic{box-shadow:0 0 10px #a855f71f}.mockup-card-wrapper.rarity-rare{box-shadow:0 0 8px #3b82f61a}.repair-particles{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:10}.repair-particle{animation:repairParticleBurst .7s ease-out 0s forwards;animation:repairParticleBurst .7s ease-out var(--delay,0s) forwards;border-radius:50%;height:4px;position:absolute;width:4px}.repair-particle.wrench{background:#60a5fa;box-shadow:0 0 6px #60a5fa}.repair-particle.spark{background:#f59e0b;box-shadow:0 0 6px #f59e0b}@keyframes repairParticleBurst{0%{opacity:1;transform:rotate(0deg) translateY(0);transform:rotate(var(--angle,0deg)) translateY(0)}to{opacity:0;transform:rotate(0deg) translateY(-35px);transform:rotate(var(--angle,0deg)) translateY(-35px)}}.deploy-energy-wave{animation:deployEnergyWave .8s ease-out forwards;border-radius:12px;inset:0;pointer-events:none;position:absolute;z-index:10}@keyframes deployEnergyWave{0%{box-shadow:inset 0 0 0 0 #22c55e80;opacity:1}50%{box-shadow:inset 0 0 30px 10px #22c55e4d}to{box-shadow:inset 0 0 0 0 #22c55e00;opacity:0}}.hangar-page{--color-brand-primary:var(--color-brand-primary);--color-brand-primary-dark:#991b1b;--color-brand-accent:#f59e0b;--color-ui-border:#2a2a2a;--color-ui-background:#0d0d0d99;--color-ui-surface:#14141499;--color-ui-elevated:#1a1a1acc;--color-text-primary:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:#707070;background:linear-gradient(135deg,#0a0a0a,#0d0808 50%,#0a0a0a);box-sizing:border-box;color:#f5f5f5;font-family:Exo\ 2,sans-serif;margin:0 auto;max-width:min(1600px,96vw);min-height:100vh;overflow:hidden;padding:24px;position:relative;width:100%}@media (min-width:1920px){.hangar-page{max-width:min(2200px,98vw)}}@media (min-width:2560px){.hangar-page{max-width:min(2600px,98vw)}}.hangar-page>:not(.hangar-ambient):not(.repair-celebration-overlay){position:relative;z-index:1}.hangar-page .page-header{align-items:center;background:linear-gradient(135deg,#dc26261a,#0000004d);border:1px solid #dc26264d;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;overflow:hidden;padding:20px;position:relative}.hangar-page .page-header .pulse-line{animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--color-brand-primary),#0000);bottom:0;height:2px;left:0;position:absolute;right:0}.hangar-page .header-main{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:200px}.header-title-row{align-items:center;display:flex;gap:12px}.hangar-page .page-header .header-icon{color:#f5f5f5;filter:none;font-size:1.5em;line-height:1}.hangar-page .page-header h1{color:var(--color-brand-primary);font-size:2rem;font-weight:700;margin:0}.hangar-page .page-description{color:var(--color-text-tertiary);font-size:var(--font-size-md);margin:0;padding-left:0}.header-stats{gap:12px}.header-stats .stat-block{background:#0000;border:none;padding:0;text-align:center}.header-stats .stat-number{font-size:1.5rem;font-weight:700;line-height:1.2}.header-stats .stat-number.stat-total{color:#f5f5f5}.header-stats .stat-number.stat-ready{color:#22c55e}.header-stats .stat-number.stat-damaged{color:#f59e0b}.header-stats .stat-number.stat-repairing{color:var(--color-brand-primary)}.header-stats .stat-label{color:var(--color-text-tertiary);font-size:.75rem;margin-top:2px}.hangar-page .page-header .fleet-radar{flex-shrink:0;margin-bottom:16px}.header-actions{gap:8px}.header-btn{align-items:center;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.header-btn:hover{background:#f59e0b4d;border-color:#f59e0b80;color:#fbbf24}.hangar-tabs-container{margin-bottom:24px}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hangar-content{background:#0d0d0d80;border:1px solid #2a2a2a;border-radius:12px;min-height:500px;padding:24px}.hangar-content>div{animation:fadeInTab .25s ease-out}.mechs-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hangar-info-panel{background:linear-gradient(135deg,#dc26261a,#0003);border:1px solid #dc26264d;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.panel-header{border-bottom:1px solid #dc26264d;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.panel-header h3{color:#f59e0b;font-size:var(--font-size-lg)}.bonuses-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bonus-card{background:#0000004d;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.bonus-card.totals{background:linear-gradient(135deg,#10b98126,#0000004d);border-color:#10b98166}.bonus-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.bonus-icon{font-size:1.5em}.bonus-title-section{display:flex;flex-direction:column}.bonus-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.bonus-level{color:#f59e0b;font-size:var(--font-size-xs)}.bonus-progress{margin-bottom:var(--spacing-sm)}.bonus-effects{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.effect-item{background:#0003;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);gap:4px;padding:2px 6px}.effect-item.positive .effect-value{color:var(--color-success);font-weight:var(--font-weight-bold)}.effect-item.negative .effect-value{color:var(--color-danger);font-weight:var(--font-weight-bold)}.effect-item.large{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.effect-label{color:var(--color-text-secondary)}.total-effects{display:flex;flex-direction:column;gap:var(--spacing-xs)}.workshop-info{flex-wrap:wrap;gap:var(--spacing-lg)}.workshop-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.workshop-item strong{color:#f59e0b}.workshop-item .bonus{color:var(--color-success);font-size:var(--font-size-xs)}.hangar-toolbar{align-items:center;background:#0003;border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.hangar-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.hangar-stats .stat{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--spacing-xs)}.hangar-stats .ready{color:var(--color-success)}.hangar-stats .damaged{color:#f59e0b}.hangar-stats .repairing{color:var(--color-brand-primary)}.hangar-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.filter-select,.sort-select{background:#0000004d;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.mechs-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mechs-grid.list{grid-template-columns:1fr}.mockup-card-wrapper{border-radius:12px;cursor:pointer;overflow:hidden;position:relative}.mockup-card-wrapper.rarity-common{border:2px solid #9ca3af}.mockup-card-wrapper.rarity-uncommon{border:2px solid #22c55e}.mockup-card-wrapper.rarity-rare{border:2px solid #3b82f6}.mockup-card-wrapper.rarity-epic{border:2px solid #a855f7}.mockup-card-wrapper.rarity-legendary{border:2px solid #f59e0b}.mockup-card-wrapper.rarity-common.hovered{box-shadow:0 0 25px #9ca3af4d}.mockup-card-wrapper.rarity-uncommon.hovered{box-shadow:0 0 25px #22c55e66}.mockup-card-wrapper.rarity-rare.hovered{box-shadow:0 0 25px #3b82f666}.mockup-card-wrapper.rarity-epic.hovered{box-shadow:0 0 25px #a855f780}.mockup-card-wrapper.rarity-legendary.hovered{box-shadow:0 0 25px #f59e0b80}.mockup-card-wrapper.rarity-epic:before,.mockup-card-wrapper.rarity-legendary:before{background-size:200% 200%;border-radius:14px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.mockup-card-wrapper.rarity-legendary:before{background:linear-gradient(135deg,#f59e0b,#0000,#f59e0b)}.mockup-card-wrapper.rarity-epic:before{background:linear-gradient(135deg,#a855f7,#0000,#a855f7)}.mockup-card-wrapper.rarity-epic.hovered:before,.mockup-card-wrapper.rarity-legendary.hovered:before{animation:gradientSpin 2s linear infinite;opacity:1}.mockup-card-inner{background:linear-gradient(135deg,#0d0d0df2,#141414f2);border-radius:10px;overflow:hidden;padding:16px;position:relative;transition:transform .3s ease}.mockup-card-wrapper.hovered .mockup-card-inner{transform:translateY(-4px)}.mockup-pinned{cursor:pointer;font-size:16px;position:absolute;right:-4px;top:-4px;z-index:2}.mockup-overlay{inset:0;pointer-events:none;position:absolute;z-index:1}.mockup-overlay.repairing{background:#dc26260d}.mockup-overlay.repairing .spark{animation:spark .6s ease-out infinite;background:#f59e0b;border-radius:50%;box-shadow:0 0 10px #f59e0b;height:4px;position:absolute;top:50%;width:4px}.mockup-overlay.damaged{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='m0 0 60 60M15 0l45 45M0 15l45 45' stroke='rgba(245,158,11,0.15)' stroke-width='2'/%3E%3C/svg%3E");height:60px;position:absolute;right:0;top:0;width:60px}.mockup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mockup-class-badge{align-items:center;border-radius:12px;display:flex;font-size:.6875rem;font-weight:600;gap:4px;padding:2px 8px;text-transform:uppercase}.mockup-level{color:var(--color-text-tertiary);font-size:.75rem}.mockup-image{align-items:center;background:linear-gradient(135deg,#0000004d,#2a2a2a33);border-radius:8px;display:flex;height:100px;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative}.mockup-image .mech-emoji{font-size:48px;transition:filter .3s,opacity .3s}.mockup-image.destroyed .mech-emoji{filter:grayscale(100%);opacity:.5}.mockup-power{align-items:center;background:#000c;border-radius:4px;bottom:8px;display:flex;gap:4px;padding:4px 8px;position:absolute;right:8px}.mockup-power .power-icon{color:var(--color-brand-primary);font-size:.75rem;font-weight:700}.mockup-power .power-value{color:#f5f5f5;font-size:.75rem;font-weight:700}.mockup-repair-bar{background:#1a1a1a;bottom:0;height:4px;left:0;position:absolute;right:0}.mockup-repair-bar .fill{background:linear-gradient(90deg,var(--color-brand-primary),#ef4444);height:100%;overflow:hidden;position:relative;transition:width .2s ease}.mockup-repair-bar .fill:after{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.mockup-title{margin-bottom:12px;text-align:center}.mockup-name{color:#f5f5f5;font-size:1rem;font-weight:700;margin-bottom:4px}.mockup-rarity{font-size:.6875rem;font-weight:600;text-transform:uppercase}.mockup-health{margin-bottom:12px}.mockup-health .health-header{color:var(--color-text-tertiary);display:flex;font-size:.6875rem;justify-content:space-between;margin-bottom:4px}.mockup-health .health-segments{display:flex;gap:2px;width:100%}.mockup-health .segment{border-radius:2px;flex:1 1;height:8px;transition:all .3s ease}.mockup-status{display:flex;justify-content:center;margin-bottom:12px}.mockup-status .status-pill{align-items:center;border:1px solid;border-radius:20px;display:flex;font-size:.6875rem;font-weight:600;gap:4px;padding:4px 12px}.mockup-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mockup-actions .action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.mockup-actions .action-btn.deploy{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.mockup-actions .action-btn.deploy:hover{filter:brightness(1.1)}.mockup-actions .action-btn.repair{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.mockup-actions .action-btn.repair:hover{filter:brightness(1.1)}.mockup-actions .action-btn.compare,.mockup-actions .action-btn.gear,.mockup-actions .action-btn.pin{background:#ffffff1a;border:1px solid #2a2a2a;color:#a0a0a0}.mockup-actions .action-btn.compare:hover,.mockup-actions .action-btn.gear:hover,.mockup-actions .action-btn.pin:hover{background:#ffffff26;color:#f5f5f5}.mech-card{background:linear-gradient(135deg,#0d0d0df2,#141414f2);border:2px solid #2a2a2a}.mech-card.rarity-common{border-color:#9ca3af}.mech-card.rarity-common:hover{box-shadow:0 8px 25px #9ca3af4d}.mech-card.rarity-uncommon{border-color:#22c55e}.mech-card.rarity-uncommon:hover{box-shadow:0 8px 25px #22c55e66}.mech-card.rarity-rare{border-color:#3b82f6}.mech-card.rarity-rare:hover{box-shadow:0 8px 25px #3b82f666}.mech-card.rarity-epic{border-color:#a855f7}.mech-card.rarity-epic:hover{box-shadow:0 8px 25px #a855f780}.mech-card.rarity-legendary{border-color:#f59e0b;position:relative}.mech-card.rarity-legendary:hover{box-shadow:0 8px 25px #f59e0b80}.mech-card.rarity-epic:before,.mech-card.rarity-legendary:before{background:linear-gradient(135deg,#f59e0b,#0000,#f59e0b);background:linear-gradient(135deg,var(--rarity-color,#f59e0b),#0000,var(--rarity-color,#f59e0b));background-size:200% 200%;border-radius:14px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease}.mech-card.rarity-epic:hover:before,.mech-card.rarity-legendary:hover:before{animation:gradientSpin 2s linear infinite;opacity:1}.mech-card.rarity-legendary{--rarity-color:#f59e0b}.mech-card.rarity-epic{--rarity-color:#a855f7}.mech-card.pinned{border-color:#e9456080}.mech-card.status-ready{border-left:4px solid #22c55e}.mech-card.status-damaged{border-left:4px solid #f59e0b}.mech-card.status-in-repair,.mech-card.status-repairing{border-left:4px solid var(--color-brand-primary)}.mech-card.status-destroyed{border-left:4px solid #ef4444;opacity:.7}.mech-card.status-in-battle{border-left:4px solid #f59e0b}.pinned-indicator{font-size:16px;position:absolute;right:-4px;top:-4px;z-index:1}.mech-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mech-class-badge{border-radius:12px;display:flex;font-size:.6875rem;gap:4px;padding:2px 8px}.mech-class-badge.class-light{background:#00d4c833;color:#00d4c8}.mech-class-badge.class-medium{background:#f59e0b33;color:#f59e0b}.mech-class-badge.class-heavy{background:#dc262633;color:var(--color-brand-primary)}.mech-class-badge.class-assault{background:#6b728033;color:#6b7280}.mech-level-badge{color:var(--color-text-tertiary);font-size:.75rem}.mech-card-title{margin-bottom:12px;text-align:center}.mech-card-title .mech-name{color:#f5f5f5;font-size:1rem;font-weight:700;margin-bottom:4px}.mech-card-title .mech-rarity{font-size:.6875rem;font-weight:600;text-transform:uppercase}.mech-card-title .mech-rarity.rarity-common{color:#9ca3af}.mech-card-title .mech-rarity.rarity-uncommon{color:#22c55e}.mech-card-title .mech-rarity.rarity-rare{color:#3b82f6}.mech-card-title .mech-rarity.rarity-epic{color:#a855f7}.mech-card-title .mech-rarity.rarity-legendary{color:#f59e0b}.mech-class-icon{font-size:1.5em}.mech-name{flex:1 1;font-size:1rem}.mech-card-image{align-items:center;background:linear-gradient(135deg,#0000004d,#2a2a2a33);border-radius:8px;display:flex;height:100px;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative}.mech-card-image .power-indicator{align-items:center;background:#000c;border-radius:4px;bottom:8px;display:flex;gap:4px;padding:4px 8px;position:absolute;right:8px}.mech-card-image .power-indicator .power-icon{color:var(--color-brand-primary);font-size:.75rem;font-weight:700}.mech-card-image .power-indicator .power-value{color:#f5f5f5;font-size:.75rem;font-weight:700}.mech-placeholder{opacity:.6}.mech-level{background:#000000b3;color:#f59e0b;padding:2px 8px;right:8px}.mech-level,.repair-timer{border-radius:var(--border-radius-sm);bottom:8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);position:absolute}.repair-timer{align-items:center;background:#dc2626e6;color:#fff;display:flex;gap:4px;left:8px;padding:4px 8px;right:60px}.repair-timer.completed{background:#10b981e6}.mech-card-stats{margin-bottom:var(--spacing-md)}.health-bar{margin-bottom:var(--spacing-sm)}.health-bar .stat-label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-bottom:2px}.stats-row{background:#0003;border-radius:var(--border-radius-sm);display:flex;justify-content:space-around;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.stats-row .stat{align-items:center;display:flex;font-size:var(--font-size-sm);gap:4px}.mech-status-row{display:flex;justify-content:center;margin-bottom:12px}.combat-power{background:linear-gradient(90deg,#dc26261a,#0000);border-radius:4px;display:flex;font-size:.875rem;justify-content:space-between;padding:6px 10px}.combat-power .label{color:#a0a0a0}.combat-power .value{color:var(--color-brand-primary);font-weight:700}.mech-card-actions{border-top:1px solid var(--color-ui-border);display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.mech-card-actions button{flex:1 1}.mech-card-actions button:last-child{flex:0 1;min-width:40px}.mech-detail-modal{max-width:750px}.mech-detail-content{padding:var(--spacing-md)}.mech-detail-header{border-bottom:2px solid var(--color-ui-border);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.mech-image{background:linear-gradient(135deg,#0000004d,#dc26261a);height:120px;position:relative;width:120px}.mech-image,.repairing-overlay{align-items:center;border-radius:var(--border-radius-md);display:flex;justify-content:center}.repairing-overlay{background:#dc26264d;bottom:0;left:0;position:absolute;right:0;top:0}.mech-info h2{color:var(--color-brand-primary);margin-bottom:var(--spacing-sm)}.mech-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.mech-detail-section{margin-bottom:var(--spacing-lg)}.mech-detail-section h3{align-items:center;color:#f59e0b;display:flex;font-size:var(--font-size-md);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.chassis-card:hover .stats-grid,.chassis-shop-card:hover .stats-grid,.mech-card:hover .stats-grid{display:grid;position:relative;transform:none}.stat-box{border:1px solid #ffffff0d;border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:border-color .2s ease,background .2s ease}.stat-box:hover{background:#dc26260d;border-color:#dc26264d}.stat-box.highlight{background:linear-gradient(135deg,#dc26264d,#dc26261a);border:1px solid #dc262680}.stat-box .stat-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.stat-box.highlight .stat-value{color:#f59e0b}.stat-box .stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.combat-power-hero{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-direction:column;margin-bottom:12px;padding:12px 0 16px}.combat-power-number{font-feature-settings:"tnum";color:#ef4444;font-size:36px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;text-shadow:0 0 20px #ef44444d}.combat-power-label{color:var(--color-text-tertiary);font-size:11px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.health-status{background:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-md)}.health-display{flex-direction:column;gap:var(--spacing-xs)}.health-display span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.component-durability-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.component-durability-item{align-items:center;background:#0003;border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm)}.component-info{min-width:150px}.component-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.durability-bar{flex:1 1}.repair-section{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.repair-section.repairing{background:#dc26261a;border-color:#dc26264d}.repair-section h3{color:#f59e0b;margin-bottom:var(--spacing-md)}.repair-section.repairing h3{color:var(--color-brand-primary)}.repair-loading{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.loading-spinner.small{height:20px;width:20px}.estimate-warning{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:.85em;margin-bottom:8px}.empty-hangar-icon{opacity:.3}.damage-info{background:#0003;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.damage-stat{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.damage-stat .label{color:var(--color-text-secondary)}.damage-stat .value.damage{color:var(--color-danger);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.repair-options{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.repair-options.three-options{grid-template-columns:repeat(3,1fr)}.repair-option{background:#0000004d;border:2px solid var(--color-ui-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all .3s ease}.repair-option:hover:not(.disabled){border-color:var(--color-brand-primary)}.repair-option.premium{background:linear-gradient(135deg,#dc262633,#0000004d);border-color:#dc262680}.repair-option.priority{background:linear-gradient(135deg,#fbbf2433,#0000004d);border-color:#fbbf2480}.repair-option.disabled{cursor:not-allowed}.option-header{color:#f59e0b;font-weight:var(--font-weight-bold)}.option-details{margin-bottom:var(--spacing-md)}.option-details .cost,.option-details .time{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.option-details .cost{color:#f59e0b}.option-details .time{color:var(--color-text-secondary)}.option-details .time.instant{color:var(--color-success)}.repair-progress{align-items:center;display:flex;gap:var(--spacing-lg);padding:var(--spacing-md)}.repair-status-icon{flex-shrink:0}.repair-time-info{flex:1 1}.completion-time,.time-remaining{margin-bottom:var(--spacing-sm)}.completion-time .label,.time-remaining .label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-bottom:2px}.time-remaining .value{color:var(--color-brand-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.completion-time .value{color:var(--color-text-secondary);font-size:var(--font-size-md)}.repair-complete-message{color:var(--color-success);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.player-balance-info,.repair-complete-message{align-items:center;display:flex;gap:var(--spacing-sm)}.player-balance-info{background:#0003;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.player-balance-info strong{color:#f59e0b}.player-balance-info .insufficient{color:var(--color-danger);font-size:var(--font-size-sm);margin-left:auto}.repair-bonuses{background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--border-radius-md);padding:var(--spacing-md)}.repair-bonuses h4{color:var(--color-success);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.bonus-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bonus-item{font-size:var(--font-size-sm);gap:var(--spacing-sm)}.bonus-item .bonus-value{color:var(--color-success);font-weight:var(--font-weight-bold);margin-left:auto}.repair-modal{max-width:600px}.repair-modal-content{padding:var(--spacing-md)}.repair-mech-summary{border-bottom:1px solid var(--color-ui-border);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.repair-mech-icon{background:#0000004d;border-radius:var(--border-radius-md);height:80px;position:relative;width:80px}.repair-mech-icon,.repairing-badge{align-items:center;display:flex;justify-content:center}.repairing-badge{background:var(--color-brand-primary);border-radius:50%;bottom:-8px;color:#fff;height:32px;position:absolute;right:-8px;width:32px}.repair-mech-info{flex:1 1}.repair-mech-info h3{margin-bottom:var(--spacing-sm)}.repair-mech-meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.repair-health-bar{margin-top:var(--spacing-sm)}.repair-health-bar .health-label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.repair-in-progress{align-items:center;background:#dc26261a;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.repair-progress-icon,.repair-progress-info h4{color:var(--color-brand-primary)}.repair-progress-info h4{margin-bottom:var(--spacing-sm)}.repair-progress-info p{font-size:var(--font-size-sm);margin:0}.time-remaining-text strong{color:var(--color-brand-primary)}.repair-complete-text{align-items:center;color:var(--color-success);display:flex;gap:var(--spacing-xs)}.completion-time-text{color:var(--color-text-tertiary)}.damage-summary{background:#ef44441a;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.damage-percentage{display:flex;flex-direction:column}.damage-value{color:var(--color-danger);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold)}.damage-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-transform:uppercase}.repair-options-container h4{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.repair-option-card{background:#0000004d;border:2px solid var(--color-ui-border);border-radius:var(--border-radius-md);cursor:pointer;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .3s ease}.repair-option-card:hover:not(.disabled){border-color:var(--color-brand-primary);transform:translateY(-2px)}.repair-option-card.premium{background:linear-gradient(135deg,#dc262633,#0000004d);border-color:#dc262680}.repair-option-card.priority{background:linear-gradient(135deg,#fbbf2426,#0000004d);border-color:#fbbf2466}.repair-option-card.disabled{cursor:not-allowed;opacity:.5}.option-badge{background:linear-gradient(135deg,var(--color-brand-primary) 0,#b91c1c 100%);border-radius:var(--border-radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:4px 10px;position:absolute;right:10px;top:-10px}.option-badge.vip{background:linear-gradient(135deg,#f59e0b,#f59e0b);color:var(--color-ui-background)}.option-icon{color:#f59e0b;margin-bottom:var(--spacing-sm)}.option-name{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.option-cost{color:#f59e0b;margin-bottom:var(--spacing-xs)}.option-cost,.option-time{align-items:center;gap:var(--spacing-xs)}.option-time{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);justify-content:center;margin-bottom:var(--spacing-md)}.option-time.instant{color:var(--color-success)}.repair-balance{align-items:center;background:#0003;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md)}.insufficient-funds{font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.applied-bonuses{background:#10b9811a;border-radius:var(--border-radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.applied-bonuses h5{color:var(--color-success);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.bonus-summary{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.bonus-tag{align-items:center;background:#10b98133;border-radius:var(--border-radius-sm);color:var(--color-success);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.repair-modal-actions{border-top:1px solid var(--color-ui-border);display:flex;justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.battle-history-stats{background:linear-gradient(135deg,#0000004d,#dc26260d);border:1px solid #ffffff0d;border-radius:var(--border-radius-md);display:flex;justify-content:space-around;padding:var(--spacing-lg)}.battle-history-stats .stat{text-align:center}.battle-history-stats .value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.battle-history-stats .stat.win .value{color:var(--color-success)}.battle-history-stats .stat.loss .value{color:var(--color-danger)}.battle-history-stats .label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase}.mech-detail-actions{border-top:1px solid var(--color-ui-border);flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.mech-detail-actions button{align-items:center;display:flex;gap:var(--spacing-xs)}.workshops-tab{max-width:1000px}.repairs-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.repairs-layout{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 350px}.repairs-main{flex-direction:column}.repairs-actions,.repairs-main,.repairs-sidebar{display:flex;gap:var(--spacing-md)}.repairs-sidebar{flex-direction:column}.presets-tab{max-width:600px}.compare-hint{align-items:center;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:1px solid var(--color-brand-primary);border-radius:var(--border-radius-lg);bottom:var(--spacing-lg);box-shadow:0 4px 20px #00000080;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);left:50%;padding:var(--spacing-md) var(--spacing-lg);position:fixed;transform:translateX(-50%);z-index:var(--z-index-popover)}.compare-hint strong{color:var(--color-brand-primary);color:var(--color-brand-primary,var(--color-brand-primary))}.compare-hint .hint-text{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.spinning{animation:spin 2s linear infinite}.mech-card.skeleton{pointer-events:none}.skeleton-bone{animation:skeletonPulse 1.5s ease-in-out infinite;background:#ffffff1a;border-radius:4px}.skeleton-bone.avatar-bone{border-radius:50%;height:36px;width:36px}.skeleton-bone.avatar-bone-lg{border-radius:50%;height:64px;margin:0 auto;width:64px}.skeleton-bone.w-full{width:100%}.skeleton-bone.w-120{width:120px}.skeleton-bone.w-100{width:100px}.skeleton-bone.w-80{width:80px}.skeleton-bone.w-60{width:60px}.skeleton-bone.w-40{width:40px}.skeleton-bone.w-30{width:30px}.skeleton-bone.w-16{width:16px}.skeleton-bone.h-28{height:28px}.skeleton-bone.h-20{height:20px}.skeleton-bone.h-16{height:16px}.skeleton-bone.h-14{height:14px}.skeleton-bone.h-12{height:12px}.skeleton-bone.h-8{height:8px}.error-container,.loading-container{color:var(--color-text-secondary);padding:var(--spacing-xxl)}.empty-hangar{background:radial-gradient(ellipse at center,#dc26260d 0,#0000 70%);border:1px dashed #ffffff1a;border-radius:12px;color:var(--color-text-secondary);margin:16px 0;padding:48px 24px;text-align:center}.empty-hangar .empty-hangar-icon{margin-bottom:8px;opacity:.2}.empty-hangar p{color:var(--color-text-tertiary);line-height:1.5;margin:8px auto 16px;max-width:400px}.loading-spinner{margin:0 auto var(--spacing-md)}.empty-hangar h3,.error-container h3{color:var(--color-text-primary);margin:var(--spacing-md) 0 var(--spacing-sm)}@media (max-width:1024px){.repairs-layout{grid-template-columns:1fr}.repairs-sidebar{flex-direction:row;flex-wrap:wrap}.repairs-sidebar>*{flex:1 1;min-width:280px}}@media (max-width:768px){.hangar-page{padding:var(--spacing-sm)}.hangar-page .page-header{align-items:stretch;flex-direction:column;padding:var(--spacing-md);text-align:center}.header-actions,.header-stats{justify-content:center}.hangar-page .page-header .fleet-radar{margin:0 auto 8px;max-width:100px}.hangar-toolbar{align-items:stretch;flex-direction:column}.hangar-controls,.hangar-stats{justify-content:center}.hangar-controls{flex-wrap:wrap}.mechs-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.mech-detail-header{align-items:center;text-align:center}.mech-detail-actions,.mech-detail-header{flex-direction:column}.repair-options,.repair-options.three-options{grid-template-columns:1fr}.workshop-info{flex-direction:column;gap:var(--spacing-sm)}.component-durability-item{align-items:stretch;flex-direction:column}.component-info{margin-bottom:var(--spacing-xs);min-width:auto}.repair-mech-summary{align-items:center}.repair-in-progress,.repair-mech-summary{flex-direction:column;text-align:center}.compare-hint{flex-wrap:wrap;justify-content:center;left:var(--spacing-sm);right:var(--spacing-sm);transform:none}.bonuses-grid,.workshop-bonuses-grid{grid-template-columns:1fr}}@media (max-width:480px){.mechs-grid{grid-template-columns:1fr}.mechs-grid.list .mech-card{padding:var(--spacing-sm)}.mech-card-actions{flex-direction:column}.mech-card-actions button{width:100%}.repairs-actions{flex-direction:column}}.mech-card.rarity-common{border-color:var(--rarity-common)}.mech-card.rarity-uncommon{border-color:var(--rarity-uncommon)}.mech-card.rarity-rare{border-color:var(--rarity-rare)}.mech-card.rarity-epic{border-color:var(--rarity-epic)}.mech-card.rarity-legendary{border-color:var(--rarity-legendary)}.mech-card.rarity-common:hover{box-shadow:0 8px 25px var(--rarity-common-glow)}.mech-card.rarity-uncommon:hover{box-shadow:0 8px 25px var(--rarity-uncommon-glow)}.mech-card.rarity-rare:hover{box-shadow:0 8px 25px var(--rarity-rare-glow)}.mech-card.rarity-epic:hover{box-shadow:0 8px 30px var(--rarity-epic-glow)}.mech-card.rarity-legendary:hover{box-shadow:0 8px 35px var(--rarity-legendary-glow)}.mech-card.rarity-epic,.mech-card.rarity-legendary{position:relative}.mech-card.rarity-legendary:before{background:linear-gradient(135deg,var(--rarity-legendary),#0000,var(--rarity-legendary));background-size:200% 200%;border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease}.mech-card.rarity-legendary:hover:before{animation:gradientSpin 3s linear infinite;opacity:1}.mech-card.rarity-epic:before{background:linear-gradient(135deg,var(--rarity-epic),#0000,var(--rarity-epic));background-size:200% 200%;border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .3s ease}.mech-card.rarity-epic:hover:before{animation:gradientSpin 3s linear infinite;opacity:1}.segmented-health-bar{display:flex;gap:2px;width:100%}.segmented-health-bar .segment{background:var(--color-ui-elevated);border-radius:2px;flex:1 1;height:8px;transition:all .3s ease}.segmented-health-bar .segment.filled{box-shadow:0 0 8px currentColor}.segmented-health-bar .segment.filled.health-high{background:var(--color-success);color:var(--color-success)}.segmented-health-bar .segment.filled.health-medium{background:#f59e0b;color:#f59e0b}.segmented-health-bar .segment.filled.health-low{background:#f97316;color:#f97316}.segmented-health-bar .segment.filled.health-critical{background:var(--color-danger);color:var(--color-danger)}.mech-card .status-overlay{inset:0;overflow:hidden;pointer-events:none;position:absolute}.mech-card.status-in-repair .status-overlay,.mech-card.status-repairing .status-overlay{background:#dc26260d}.welding-spark{animation:spark .6s ease-out infinite;background:#f59e0b;border-radius:50%;box-shadow:0 0 10px #f59e0b;height:4px;position:absolute;width:4px}.welding-spark:first-child{animation-delay:0s;left:30%}.welding-spark:nth-child(2){animation-delay:.15s;left:50%}.welding-spark:nth-child(3){animation-delay:.3s;left:70%}.mech-card.status-damaged .damage-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='m0 0 60 60M15 0l45 45M0 15l45 45' stroke='rgba(245,158,11,0.15)' stroke-width='2'/%3E%3C/svg%3E");height:60px;pointer-events:none;position:absolute;right:0;top:0;width:60px}.mech-card .power-indicator{align-items:center;background:#000c;border-radius:var(--border-radius-sm);bottom:8px;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:4px;padding:4px 8px;position:absolute;right:8px}.mech-card .power-indicator .power-icon{color:var(--color-brand-primary)}.mech-card .power-indicator .power-value{color:var(--color-text-primary)}.mech-card .repair-progress-bar{background:var(--color-ui-elevated);bottom:0;height:4px;left:0;position:absolute;right:0}.mech-card .repair-progress-bar .fill{background:linear-gradient(90deg,var(--rarity-rare),#60a5fa);height:100%;position:relative;transition:width .3s ease}.mech-card .repair-progress-bar .fill:after{animation:shimmer 1s linear infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.rarity-text.common{color:var(--rarity-common)}.rarity-text.uncommon{color:var(--rarity-uncommon)}.rarity-text.rare{color:var(--rarity-rare)}.rarity-text.epic{color:var(--rarity-epic)}.rarity-text.legendary{color:var(--rarity-legendary)}.repair-queue-item{background:linear-gradient(135deg,#dc26261a,#0000004d);border:1px solid #dc26264d;border-radius:var(--border-radius-lg);overflow:hidden;padding:var(--spacing-md);position:relative}.repair-queue-item .progress-bg{background:linear-gradient(90deg,#dc26261a,#dc262633);height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.repair-queue-item .mechanic-animation{animation:workshopWork 1s ease-in-out infinite;bottom:5px;font-size:16px;position:absolute;right:5px}.workshop-card{overflow:hidden;position:relative}.workshop-card .building-bg{font-size:48px;opacity:.15;pointer-events:none;position:absolute;right:10px;top:10px}.workshop-card .workshop-level-bar{background:var(--color-ui-elevated);border-radius:4px;height:8px;margin-bottom:var(--spacing-md);overflow:hidden}.workshop-card .workshop-level-bar .fill{background:linear-gradient(90deg,var(--color-brand-primary),#ef4444);border-radius:4px;height:100%}.workshop-card .bonus-display{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:var(--border-radius-md);color:var(--color-success);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.hangar-tabs .hangar-tab-button.active:after{background:var(--color-text-primary);border-radius:1px;bottom:2px;content:"";height:2px;left:20%;position:absolute;right:20%}[class*=" hng-icon-"],[class^=hng-icon-]{display:inline-block;height:1em;position:relative;vertical-align:-.125em;width:1em}.hng-icon-ready:before{border-bottom:2px solid;border-right:2px solid;bottom:30%;content:"";height:55%;left:20%;position:absolute;transform:rotate(45deg);width:25%}.hng-icon-damaged:before{border-bottom:.7em solid;border-left:.4em solid #0000;border-right:.4em solid #0000;content:"";inset:10%;position:absolute}.hng-icon-damaged:after{background:#111;background:var(--color-ui-background,#111);content:"";height:25%;left:50%;position:absolute;top:45%;transform:translateX(-50%);width:2px}.hng-icon-wrench:before{border:2px solid;border-radius:50%;-webkit-clip-path:polygon(0 0,60% 0,60% 40%,100% 80%,80% 100%,40% 60%,0 60%);clip-path:polygon(0 0,60% 0,60% 40%,100% 80%,80% 100%,40% 60%,0 60%);content:"";height:70%;left:15%;position:absolute;top:15%;width:70%}.hng-icon-destroyed:after,.hng-icon-destroyed:before{background:currentColor;content:"";height:70%;left:50%;position:absolute;top:15%;width:2px}.hng-icon-destroyed:before{transform:translateX(-50%) rotate(45deg)}.hng-icon-destroyed:after{transform:translateX(-50%) rotate(-45deg)}.hng-icon-battle:after,.hng-icon-battle:before{background:currentColor;content:"";height:80%;position:absolute;top:10%;width:2px}.hng-icon-battle:before{left:30%;transform:rotate(-30deg)}.hng-icon-battle:after{right:30%;transform:rotate(30deg)}.hng-icon-storage:before{border:2px solid;border-radius:2px;content:"";inset:15%;position:absolute}.hng-icon-storage:after{background:currentColor;content:"";height:2px;left:25%;position:absolute;right:25%;top:45%}.hng-icon-mech:before{border:2px solid;border-radius:4px 4px 0 0;content:"";height:40%;left:25%;position:absolute;top:10%;width:50%}.hng-icon-mech:after{border:2px solid;border-radius:0 0 3px 3px;bottom:10%;content:"";height:35%;left:20%;position:absolute;width:60%}.mech-icon-lg{height:3em;opacity:.7;width:3em}.hng-icon-power{height:.8em;width:.8em}.hng-icon-power:before{background:currentColor;-webkit-clip-path:polygon(55% 0,25% 50%,45% 50%,35% 100%,75% 40%,55% 40%);clip-path:polygon(55% 0,25% 50%,45% 50%,35% 100%,75% 40%,55% 40%);content:"";inset:0;position:absolute}.hng-icon-gear:before{border:2px solid;border-radius:50%;content:"";inset:20%;position:absolute}.hng-icon-gear:after{border:2px dashed;border-radius:50%;content:"";inset:10%;opacity:.5;position:absolute}.hng-icon-pin:before{border-radius:50% 50% 0 0;height:50%;left:30%;top:10%;width:40%}.hng-icon-pin:after,.hng-icon-pin:before{background:currentColor;content:"";position:absolute}.hng-icon-pin:after{bottom:10%;height:35%;left:45%;width:2px}.hng-icon-pin-outline:before{background:none;border:2px solid;border-radius:50% 50% 0 0;content:"";height:50%;left:30%;position:absolute;top:10%;width:40%}.hng-icon-pin-outline:after{bottom:10%;height:35%}.hng-icon-compare:before,.hng-icon-pin-outline:after{background:currentColor;content:"";left:45%;position:absolute;width:2px}.hng-icon-compare:before{height:60%;top:20%}.hng-icon-compare:after{background:currentColor;content:"";height:2px;left:15%;position:absolute;top:20%;width:62%}.hng-icon-salvage:before{border:2px solid;border-radius:2px;content:"";height:70%;left:35%;position:absolute;top:15%;width:30%}.hng-icon-salvage:after{background:currentColor;content:"";height:2px;left:20%;position:absolute;top:40%;width:60%}.hng-icon-hangar:before{border:2px solid;border-radius:0;bottom:20%;content:"";height:50%;left:15%;position:absolute;width:70%}.hng-icon-hangar:after{border:2px solid;border-radius:50% 50% 0 0;content:"";height:40%;left:10%;position:absolute;top:10%;width:80%}.hng-icon-trophy:before{border:2px solid;border-radius:0 0 50% 50%;content:"";height:50%;left:25%;position:absolute;top:15%;width:50%}.hng-icon-trophy:after{background:currentColor;bottom:10%;content:"";height:2px;left:35%;position:absolute;width:30%}.hng-icon-mechanic:before{border:2px solid;border-radius:50%;content:"";height:30%;left:35%;position:absolute;top:10%;width:30%}.hng-icon-mechanic:after{border:2px solid;border-radius:3px;bottom:10%;content:"";height:45%;left:25%;position:absolute;width:50%}.hng-icon-chart:before{height:40%;left:20%;opacity:.6}.hng-icon-chart:after,.hng-icon-chart:before{background:currentColor;bottom:20%;content:"";position:absolute;width:20%}.hng-icon-chart:after{height:60%;left:45%}.hng-icon-gear-lg{height:64px;width:64px}.hng-icon-gear-lg:before{border:4px solid #22c55e;border-radius:50%;content:"";inset:20%;position:absolute}.hng-icon-gear-lg:after{animation:celebrationSpin 2s linear infinite;border:3px dashed #22c55e66;border-radius:50%;content:"";inset:10%;position:absolute}.hng-icon-research:before{left:35%;top:10%;width:30%}.hng-icon-research:after,.hng-icon-research:before{border:2px solid;content:"";height:40%;position:absolute}.hng-icon-research:after{border-radius:0 0 50% 50%;bottom:10%;left:20%;width:60%}.hng-icon-command:before{background:currentColor;bottom:20%;content:"";height:60%;left:45%;position:absolute;width:2px}.hng-icon-command:after{border:2px solid;border-bottom:none;border-radius:50%;content:"";height:3px;left:25%;position:absolute;top:15%;width:50%}.hng-icon-list:before{background:currentColor;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor;content:"";height:2px;left:15%;position:absolute;top:25%;width:70%}.hng-icon-light:before{border:2px solid;border-radius:50%;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";inset:15%;position:absolute}.hng-icon-medium:before{border:2px solid;border-radius:3px;content:"";inset:15%;position:absolute}.hng-icon-heavy:before{border:3px solid;border-radius:50% 50% 10% 10%;-webkit-clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);content:"";inset:10%;position:absolute}.hng-icon-assault:before{border:2px solid;-webkit-clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);content:"";height:80%;left:25%;position:absolute;top:10%;width:50%}.hng-icon-superheavy:before{border:3px solid;border-radius:4px;content:"";inset:10%;position:absolute}.hng-icon-superheavy:after{background:currentColor;border-radius:2px;content:"";inset:25%;opacity:.4;position:absolute}.hangar-star{animation:starTwinkle 3s ease-in-out infinite;animation:starTwinkle var(--dur,3s) ease-in-out infinite;background:#fff;border-radius:50%;opacity:.2;opacity:var(--base-opacity,.2);position:absolute}.card-scan-line{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.card-scan-line:after{animation:scanLine 4s linear infinite;background:linear-gradient(180deg,#0000,#dc26260f,#0000);content:"";height:40px;left:0;opacity:0;position:absolute;right:0;top:-100%}.mockup-card-wrapper:hover .card-scan-line:after{opacity:1}.hangar-page .celebration-ring{animation:celebrationRingExpand 1.2s ease-out forwards;border:3px solid #22c55ecc;border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes celebrationRingExpand{0%{border-width:4px;height:0;opacity:1;width:0}80%{opacity:.4}to{border-width:1px;height:300px;opacity:0;width:300px}}.celebration-spark.large{background:#fbbf24;box-shadow:0 0 8px #fbbf24;height:6px;width:6px}.celebration-milestone{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border:1px solid #fbbf2466;border-radius:20px;color:#fbbf24;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-top:8px;padding:6px 16px;text-transform:uppercase}.welcome-celebration .celebration-label{color:#60a5fa;text-shadow:0 0 20px #60a5fa80}.welcome-celebration .celebration-name{color:#93c5fd;text-shadow:0 0 30px #60a5facc}.welcome-celebration .celebration-flash{background:radial-gradient(circle at center,#60a5fa66 0,#0000 70%)}.welcome-celebration .celebration-spark{background:#60a5fa;box-shadow:0 0 6px #60a5fa}@keyframes radarDotGlowReady{0%,to{box-shadow:0 0 4px #22c55e80}50%{box-shadow:0 0 10px #22c55ee6,0 0 20px #22c55e4d}}.cost-breakdown{border:1px solid #ffffff1a;border-radius:8px;margin-top:12px;overflow:hidden}.cost-breakdown-toggle{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:8px 12px;-webkit-user-select:none;user-select:none}.cost-breakdown-toggle:hover{color:var(--color-text-primary)}.cost-breakdown-content{background:#0003;padding:8px 12px 12px}.breakdown-row{color:var(--color-text-secondary);display:flex;font-size:.78rem;justify-content:space-between;padding:3px 0}.breakdown-row.discount span:last-child{color:#22c55e}.breakdown-row.total{border-top:1px solid #ffffff1a;color:var(--color-text-primary);font-weight:700;margin-top:4px;padding-top:6px}.breakdown-divider{background:#ffffff14;margin:6px 0}.option-time-saved{align-items:center;color:#22c55e;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 0}.bulk-toggle{display:flex;justify-content:flex-end;margin-bottom:8px}.bulk-toggle-btn{align-items:center;background:#dc26260d;border:1px solid #dc26264d;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.78rem;gap:6px;padding:6px 14px;transition:all .2s}.bulk-toggle-btn:hover{background:#dc26261a;border-color:var(--color-brand-primary);color:var(--color-text-primary)}.bulk-actions-bar{background:linear-gradient(135deg,#dc26261a,#0000004d);border:1px solid #dc26264d;border-radius:8px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 16px}.bulk-actions-bar,.bulk-btn{align-items:center;display:flex}.bulk-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.78rem;gap:4px;padding:6px 12px;transition:all .2s}.bulk-btn:hover:not(:disabled){border-color:var(--color-brand-primary);color:var(--color-text-primary)}.bulk-btn:disabled{cursor:not-allowed;opacity:.4}.bulk-btn.cancel{border-color:#ef44444d;color:#ef4444}.bulk-count{color:var(--color-text-tertiary);font-size:.78rem;margin:0 4px}.bulk-checkbox{border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;height:20px;left:8px;position:absolute;top:8px;transition:all .2s;width:20px;z-index:5}.bulk-checkbox.checked{background:var(--color-brand-primary);border-color:var(--color-brand-primary)}.bulk-checkbox.checked:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.preset-slot-usage{align-items:center;display:flex;flex:1 1;gap:8px;max-width:200px}.slot-usage-text{color:var(--color-text-tertiary);font-size:.78rem;white-space:nowrap}.presets-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}@media (max-width:600px){.header-stats{gap:8px}.hangar-page .stat-block{min-width:auto;padding:6px 8px}.hangar-page .stat-number{font-size:1.1rem}.hangar-page .stat-label{font-size:.6rem}.hangar-page .page-description{font-size:.78rem}.header-actions{flex-direction:column;gap:6px}.header-actions .header-btn,.header-actions .header-btn-buy{justify-content:center;width:100%}.mechs-grid{grid-template-columns:1fr}.mockup-card-wrapper{max-width:100%}.bulk-actions-bar{align-items:stretch;flex-direction:column}.bulk-actions-bar .bulk-btn{justify-content:center}.presets-header{align-items:stretch;flex-direction:column}.preset-slot-usage{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card-scan-line:after,.celebration-flash,.celebration-spark,.hangar-dust,.hangar-light-beam,.hangar-page .celebration-ring,.hangar-spark,.hangar-star,.radar-sweep,.repair-celebration-overlay{display:none!important}.radar-dot{animation:none!important}.mockup-repair-bar .fill:after{animation:none!important;display:none!important}.hangar-salvage-recovered-item,.hangar-salvage-recovered-modal,.hangar-salvage-recovered-modal .hangar-salvage-recovered-scan,.mech-card.anim-deploy,.mech-card.anim-repair,.mech-card.anim-repair-complete,.mech-card.anim-salvage,.mockup-card-wrapper,.mockup-card-wrapper .mockup-card-inner{animation:none!important}}.mech-stats-container{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border-radius:8px;padding:20px}.mech-stats-container h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.25rem;margin:0 0 16px}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mech-stats-container .stat-item{background:#16213e;background:var(--color-ui-background-secondary,#16213e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;cursor:help;padding:12px;transition:all .2s ease}.mech-stats-container .stat-item:hover{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);transform:translateY(-2px)}.mech-stats-container .stat-label{color:#888;color:var(--color-text-secondary,#888);display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.mech-stats-container .stat-value{color:#fff;color:var(--color-text-primary,#fff);display:block;font-size:1.25rem;font-weight:600}@media (max-width:768px){.mech-stats-container .stats-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mech-stats-container .stat-item{padding:10px}.mech-stats-container .stat-value{font-size:1.125rem}}@keyframes statsContainerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mech-stats-container{animation:statsContainerIn .35s ease-out;overflow:hidden;position:relative}.mech-stats-container:before{background:radial-gradient(circle,#3b82f60f 0,#0000 70%);border-radius:50%;content:"";height:120px;pointer-events:none;position:absolute;right:-20px;top:-20px;width:120px}@keyframes statItemIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mech-stats-container .stat-item{animation:statItemIn .3s ease-out both}.mech-stats-container .stat-item:nth-child(2){animation-delay:.04s}.mech-stats-container .stat-item:nth-child(3){animation-delay:.08s}.mech-stats-container .stat-item:nth-child(4){animation-delay:.12s}.mech-stats-container .stat-item:nth-child(5){animation-delay:.16s}.mech-stats-container .stat-item:nth-child(6){animation-delay:.2s}.mech-stats-container .stat-item:nth-child(7){animation-delay:.24s}.mech-stats-container .stat-item:nth-child(8){animation-delay:.28s}.mech-stats-container .stat-item:nth-child(9){animation-delay:.32s}.mech-stats-container .stat-item:nth-child(10){animation-delay:.36s}.mech-stats-container .stat-item:nth-child(11){animation-delay:.4s}.mech-stats-container .stat-item:hover{background:#3b82f60f;box-shadow:0 4px 12px #0003,0 0 8px #3b82f614}.mech-stats-container .stat-item:hover .stat-value{color:#f59e0b;color:var(--color-brand-accent,#f59e0b);text-shadow:0 0 8px #f59e0b4d;transition:color .2s ease,text-shadow .2s ease}.mech-stats-container .stat-item:hover .stat-label{color:#fff;color:var(--color-text-primary,#fff);transition:color .2s ease}.mech-stats-container h3{transition:text-shadow .3s ease}.mech-stats-container:hover h3{text-shadow:0 0 10px #3b82f633}.mech-stats-container .stat-item:after{background:#ffffff0f;border-radius:50%;color:#555;color:var(--color-text-tertiary,#555);content:"?";font-size:10px;font-weight:700;height:14px;line-height:14px;opacity:0;position:absolute;right:8px;text-align:center;top:6px;transition:opacity .2s ease;width:14px}.mech-stats-container .stat-item{position:relative}.mech-stats-container .stat-item:hover:after{opacity:1}.mech-stats-container:after{background:radial-gradient(.5px .5px at 15% 25%,#3b82f626,#0000),radial-gradient(.5px .5px at 45% 55%,#ffffff14,#0000),radial-gradient(.5px .5px at 75% 15%,#3b82f61a,#0000),radial-gradient(.5px .5px at 85% 70%,#ffffff0f,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.mech-stats-container>*{position:relative;z-index:1}@keyframes statsHeaderSweep{0%{background-position:-200%}to{background-position:200%}}.mech-stats-container h3{-webkit-text-fill-color:#0000;animation:statsHeaderSweep 6s linear infinite;background:linear-gradient(90deg,#fff,#3b82f699 50%,#fff);background:linear-gradient(90deg,var(--color-text-primary,#fff) 0,#3b82f699 50%,var(--color-text-primary,#fff) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}@media (max-width:600px){.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.mech-stats-container .stat-item{padding:10px 8px}.mech-stats-container .stat-label{font-size:.75rem}.mech-stats-container .stat-value{font-size:1rem}}@media (max-width:480px){.mech-stats-container{padding:12px}.mech-stats-container h3{font-size:1rem}.stats-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.mech-stats-container .stat-item{padding:8px}.mech-stats-container .stat-value{font-size:1rem}}.mech-stats-container .stat-item:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.mech-stats-container,.mech-stats-container .stat-item,.mech-stats-container h3{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--color-text-primary,#fff)!important;animation:none!important;background:none!important;transition:none!important}}.component-details{background:var(--color-ui-background);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.component-tier-1{border-color:var(--color-info)}.component-tier-2{border-color:var(--color-success)}.component-tier-3{border-color:var(--color-brand-primary)}.component-tier-4{border-color:var(--color-brand-accent)}.component-tier-5{border-color:var(--color-warning)}.component-empty{background:var(--color-ui-background);border-radius:8px;color:var(--color-text-secondary);padding:40px;text-align:center}.component-header{align-items:center;justify-content:space-between;margin-bottom:12px}.component-name{color:var(--color-text-primary);font-size:1.25rem;margin:0}.component-tier{background:var(--color-ui-elevated);border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.component-tier-1 .component-tier{background:#374151;color:#9ca3af}.component-tier-2 .component-tier{background:#14532d;color:var(--color-success)}.component-tier-3 .component-tier{background:#dc262633;color:var(--color-brand-primary)}.component-tier-4 .component-tier{background:#581c87;color:var(--color-brand-accent)}.component-tier-5 .component-tier{background:#78350f;color:var(--color-warning)}.component-type{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:12px}.component-description{color:var(--color-text-primary);line-height:1.5;margin:0 0 16px}.component-stats{grid-gap:12px;background:var(--color-ui-elevated);border-radius:6px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:16px;padding:16px}.component-stat{display:flex;flex-direction:column;gap:4px}.component-stat .stat-label{color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase}.component-stat .stat-value{color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.component-abilities{background:var(--color-ui-elevated);border-radius:6px;margin-bottom:16px;padding:16px}.component-abilities h4{color:var(--color-brand-primary);font-size:.875rem;margin:0 0 12px;text-transform:uppercase}.ability{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);padding:8px 0}.ability:last-child{border-bottom:none;padding-bottom:0}.ability-name{color:var(--color-text-primary);display:block;font-weight:600;margin-bottom:4px}.ability-desc{color:var(--color-text-secondary);font-size:.875rem;margin:0}.component-meta{grid-gap:12px;border-top:1px solid #333;border-top:1px solid var(--color-border,#333);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding-top:16px}.component-energy,.component-heat,.component-weight{text-align:center}.meta-label{color:var(--color-text-secondary);display:block;font-size:.75rem;margin-bottom:4px;text-transform:uppercase}.meta-value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.component-durability{border-top:1px solid #333;border-top:1px solid var(--color-border,#333);margin-top:16px;padding-top:16px}.durability-bar{background:var(--color-ui-elevated);border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.durability-fill{border-radius:4px;transition:width .3s ease}.durability-value{color:var(--color-text-secondary);font-size:.875rem}@media (max-width:480px){.component-stats{grid-template-columns:repeat(2,1fr)}.component-meta{gap:8px;grid-template-columns:1fr}}@keyframes componentDetailIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.component-details{animation:componentDetailIn .3s ease-out;transition:border-color .2s ease,box-shadow .2s ease}.component-tier-1:hover{box-shadow:0 4px 16px #0003,0 0 8px #9ca3af1a}.component-tier-2:hover{box-shadow:0 4px 16px #0003,0 0 8px #22c55e1f}.component-tier-3:hover{box-shadow:0 4px 16px #0003,0 0 10px #3b82f61f}.component-tier-4:hover{box-shadow:0 4px 16px #0003,0 0 12px #a855f726}.component-tier-5:hover{box-shadow:0 4px 16px #0003,0 0 14px #f59e0b26}.component-tier-1 .component-tier{box-shadow:0 0 6px #9ca3af26}.component-tier-2 .component-tier{box-shadow:0 0 6px #22c55e33}.component-tier-3 .component-tier{box-shadow:0 0 8px #3b82f633}.component-tier-4 .component-tier{box-shadow:0 0 8px #a855f740}.component-tier-5 .component-tier{box-shadow:0 0 10px #f59e0b40}@keyframes tierShimmer{0%{background-position:-200%}to{background-position:200%}}.component-tier-5 .component-tier{animation:tierShimmer 3s linear infinite;background:linear-gradient(90deg,#78350f,#92400e 25%,#a16207 50%,#92400e 75%,#78350f);background-size:200% 100%}.component-name{transition:text-shadow .2s ease}.component-details:hover .component-name{text-shadow:0 0 8px #3b82f633}.component-stat{border-radius:4px;padding:4px 8px;transition:background .2s ease}.component-stat:hover{background:#3b82f60f}.component-stat:hover .stat-value{color:#f59e0b;color:var(--color-brand-accent,#f59e0b);text-shadow:0 0 6px #f59e0b40;transition:color .2s ease,text-shadow .2s ease}.ability{border-radius:4px;padding-left:0;transition:background .2s ease,padding-left .2s ease}.ability:hover{background:#3b82f60a;padding-left:8px}.ability:hover .ability-name{color:#3b82f6;color:var(--color-brand-primary,#3b82f6);transition:color .2s ease}.durability-fill{box-shadow:0 0 4px #22c55e4d}@keyframes durabilityBarPulse{0%,to{opacity:1}50%{opacity:.6}}.durability-fill[style*=danger],.durability-fill[style*=red]{animation:durabilityBarPulse 1.5s ease-in-out infinite;box-shadow:0 0 6px #ef444466}.component-energy,.component-heat,.component-weight{border-radius:4px;padding:8px 4px;transition:background .2s ease}.component-energy:hover,.component-heat:hover,.component-weight:hover{background:#3b82f60d}.component-energy:hover .meta-value,.component-heat:hover .meta-value,.component-weight:hover .meta-value{color:#f59e0b;color:var(--color-brand-accent,#f59e0b);text-shadow:0 0 6px #f59e0b33;transition:color .2s ease,text-shadow .2s ease}@keyframes statsGridIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.component-stats{animation:statsGridIn .3s ease-out .1s both}.component-abilities{animation:statsGridIn .3s ease-out .15s both}.component-meta{animation:statsGridIn .3s ease-out .2s both}.component-durability{animation:statsGridIn .3s ease-out .25s both}.component-details:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (max-width:768px){.component-details{padding:var(--spacing-md)}.component-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.component-header{align-items:flex-start;flex-direction:column;gap:8px}.component-meta{grid-template-columns:1fr}.component-name{font-size:1rem}}.component-details:before{background:radial-gradient(.5px .5px at 20% 30%,#3b82f61f,#0000),radial-gradient(.5px .5px at 60% 50%,#ffffff0f,#0000),radial-gradient(.5px .5px at 80% 20%,#a855f714,#0000);border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.component-details{overflow:hidden;position:relative}.component-details>*{position:relative;z-index:1}.component-details:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,hsla(0,0%,100%,.008) 0,hsla(0,0%,100%,.008) 4px);border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media (prefers-reduced-motion:reduce){.component-abilities,.component-details,.component-durability,.component-meta,.component-stats,.component-tier-5 .component-tier,.durability-fill[style*=danger],.durability-fill[style*=red]{animation:none!important;transition:none!important}}.mech-details-container{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:20px;width:100%}@media (min-width:1920px){.mech-details-container{max-width:min(1600px,98vw)}}@media (min-width:2560px){.mech-details-container{max-width:min(2000px,98vw)}}.mech-details-header{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);margin-bottom:24px;padding-bottom:16px}.mech-details-header h1{color:#fff;color:var(--color-text-primary,#fff);font-size:2rem;margin:0 0 12px}.mech-details-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.mech-class,.mech-level,.mech-status{border-radius:4px;font-size:.875rem;font-weight:500;padding:4px 12px}.mech-class{background:var(--color-ui-elevated);color:var(--color-text-secondary)}.mech-class.light{background:var(--chassis-light-bg);color:var(--chassis-light-fg)}.mech-class.medium{background:var(--chassis-medium-bg);color:var(--chassis-medium-fg)}.mech-class.heavy{background:var(--chassis-heavy-bg);color:var(--chassis-heavy-fg)}.mech-class.assault{background:var(--chassis-assault-bg);color:var(--chassis-assault-fg)}.mech-status{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e)}.mech-status.operational{color:var(--color-success)}.mech-status.damaged{color:var(--color-danger)}.mech-status.repairing{color:var(--color-warning)}.mech-status.destroyed{color:var(--color-info)}.mech-level{background:var(--color-brand-primary);color:var(--color-text-primary)}.mech-details-actions{display:flex;flex-wrap:wrap;gap:12px}.mech-details-tabs{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);display:flex;gap:8px;margin-bottom:24px;padding-bottom:8px}.mech-details-tabs button{background:#0000;border:none;border-radius:4px 4px 0 0;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .2s ease}.mech-details-tabs button:hover{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);color:#fff;color:var(--color-text-primary,#fff)}.mech-details-tabs button.active{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--color-brand-primary,#3b82f6);color:#3b82f6;color:var(--color-brand-primary,#3b82f6)}.mech-details-content{min-height:400px}.mech-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.mech-overview{grid-template-columns:1fr}}.mech-visualizer{align-items:center;background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border-radius:8px;display:flex;justify-content:center;min-height:300px;padding:20px}.mech-image-placeholder{color:#888;color:var(--color-text-secondary,#888);font-size:1.125rem;text-align:center}.mech-components{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.special-slots,.weapon-slots{display:flex;flex-direction:column;gap:12px}.special-slot,.weapon-slot{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border-radius:6px;padding:12px}.special-slot h4,.weapon-slot h4{font-size:.875rem;margin:0 0 8px}.empty-slot,.special-slot h4,.weapon-slot h4{color:#888;color:var(--color-text-secondary,#888)}.empty-slot{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px dashed #333;border:1px dashed var(--color-border,#333);border-radius:6px;padding:16px;text-align:center}.battle-history h3{color:#fff;color:var(--color-text-primary,#fff);margin:0 0 16px}.battle-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:32px}.battle-stat{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border-radius:8px;padding:16px;text-align:center}.battle-stat .stat-label{color:#888;color:var(--color-text-secondary,#888);display:block;font-size:.875rem;margin-bottom:8px}.battle-stat .stat-value{color:#fff;color:var(--color-text-primary,#fff);display:block;font-size:1.5rem;font-weight:600}.recent-battles{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border-radius:8px;padding:20px}.empty-history{color:#888;color:var(--color-text-secondary,#888);padding:32px}.error,.loading,.not-found{align-items:center;display:flex;font-size:1.125rem;justify-content:center;min-height:300px}.mech-details-page .loading,.not-found{color:#888;color:var(--color-text-secondary,#888)}.mech-class-badge{align-items:center;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;letter-spacing:.04em;padding:4px 12px}.mech-class-light{background:#60a5fa26;color:#60a5fa}.mech-class-medium{background:#6366f126;color:#6366f1}.mech-class-heavy{background:#f59e0b26;color:#f59e0b}.mech-class-assault{background:#ef444426;color:#ef4444}.mech-class-super-heavy{background:#a855f726;color:#a855f7}.condition-badge{align-items:center;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:4px 12px}.condition-badge:before{border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.condition-ready{background:#22c55e1a;color:#22c55e}.condition-ready:before{background:#22c55e}.condition-damaged{background:#f59e0b1a;color:#f59e0b}.condition-damaged:before{background:#f59e0b}.condition-destroyed{background:#ef44441a;color:#ef4444}.condition-destroyed:before{background:#ef4444}.condition-in-repair{background:#3b82f61a;color:#3b82f6}.condition-in-repair:before{animation:pulse-dot 1.5s ease-in-out infinite;background:#3b82f6}.condition-in-storage{background:#94a3b81a;color:#94a3b8}.condition-in-storage:before{background:#94a3b8}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.mech-silhouette{background:linear-gradient(180deg,var(--color-ui-border) 0,#0000 100%);-webkit-clip-path:polygon(30% 0,70% 0,80% 20%,85% 40%,75% 50%,90% 70%,80% 100%,20% 100%,10% 70%,25% 50%,15% 40%,20% 20%);clip-path:polygon(30% 0,70% 0,80% 20%,85% 40%,75% 50%,90% 70%,80% 100%,20% 100%,10% 70%,25% 50%,15% 40%,20% 20%);display:block;height:100px;margin:0 auto 12px;opacity:.5;width:80px}.mech-class-label{color:var(--color-text-secondary);display:block;font-size:.875rem;letter-spacing:.05em;text-align:center;text-transform:uppercase}.slot-icon-power-core{background:#f59e0b;-webkit-clip-path:polygon(60% 0,35% 45%,55% 45%,40% 100%,65% 55%,45% 55%);clip-path:polygon(60% 0,35% 45%,55% 45%,40% 100%,65% 55%,45% 55%)}.slot-icon-special-system,.slot-icon-special-systems,.slot-icon-specialSystems{background:#a855f7;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.slot-icon-os-module{background:#06b6d4;-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.mech-details-skeleton{display:flex;flex-direction:column;gap:24px;padding:20px 0}.skeleton-header{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#1e1e2e;background:var(--color-ui-surface,#1e1e2e);height:80px}.skeleton-stats{height:200px}.skeleton-content,.skeleton-stats{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#1e1e2e;background:var(--color-ui-surface,#1e1e2e);border-radius:8px}.skeleton-content{height:300px}.mech-details-skeleton .skeleton-header{animation-delay:0s}.mech-details-skeleton .skeleton-stats{animation-delay:.15s}.mech-details-skeleton .skeleton-content{animation-delay:.3s}.mech-details-container .empty-state{padding:48px 32px;padding:var(--spacing-2xl,48px) var(--spacing-xl,32px);text-align:center}.mech-details-container .empty-state h3{color:var(--color-text-primary);margin:16px 0 8px;margin:var(--spacing-md,16px) 0 var(--spacing-sm,8px)}.mech-details-container .empty-state p{color:var(--color-text-secondary);margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.mech-icon-placeholder{background:#333;background:var(--color-ui-border,#333);-webkit-clip-path:polygon(25% 0,75% 0,85% 15%,85% 45%,100% 55%,100% 80%,75% 100%,25% 100%,0 80%,0 55%,15% 45%,15% 15%);clip-path:polygon(25% 0,75% 0,85% 15%,85% 45%,100% 55%,100% 80%,75% 100%,25% 100%,0 80%,0 55%,15% 45%,15% 15%);display:inline-block;height:48px;opacity:.5;width:48px}.mech-details-container .error-card{margin:32px auto;margin:var(--spacing-xl,32px) auto;max-width:500px;padding:24px;padding:var(--spacing-lg,24px);text-align:center}.mech-details-container .error-card h3{color:#ef4444;color:var(--color-danger,#ef4444);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}@keyframes detailsReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mech-details-container{animation:detailsReveal .4s ease-out}.mech-details-header{overflow:hidden}.mech-details-header:before{background:linear-gradient(180deg,#3b82f60f,#0000);content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;top:0}.mech-class-badge.mech-class-light{box-shadow:0 0 10px #60a5fa33}.mech-class-badge.mech-class-medium{box-shadow:0 0 10px #6366f133}.mech-class-badge.mech-class-heavy{box-shadow:0 0 10px #f59e0b33}.mech-class-badge.mech-class-assault{box-shadow:0 0 10px #ef444433}.mech-class-badge.mech-class-super-heavy{box-shadow:0 0 10px #a855f733}.condition-badge.condition-ready{box-shadow:0 0 8px #22c55e26}.condition-badge.condition-damaged{box-shadow:0 0 8px #f59e0b26}.condition-badge.condition-destroyed{box-shadow:0 0 8px #ef444433}.condition-badge.condition-in-repair{box-shadow:0 0 8px #3b82f626}@keyframes silhouetteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mech-visualizer:hover .mech-silhouette{animation:silhouetteFloat 3s ease-in-out infinite;opacity:.7}.mech-silhouette{transition:opacity .3s ease}.mech-image-placeholder.mech-class-light .mech-silhouette{background:linear-gradient(180deg,#60a5fa,#60a5fa33)}.mech-image-placeholder.mech-class-medium .mech-silhouette{background:linear-gradient(180deg,#818cf8,#6366f133)}.mech-image-placeholder.mech-class-heavy .mech-silhouette{background:linear-gradient(180deg,#fbbf24,#f59e0b33)}.mech-image-placeholder.mech-class-assault .mech-silhouette{background:linear-gradient(180deg,#f87171,#ef444433)}.mech-image-placeholder.mech-class-super-heavy .mech-silhouette{background:linear-gradient(180deg,#c084fc,#a855f733)}.mech-visualizer{overflow:hidden;position:relative}.mech-visualizer:before{background:radial-gradient(circle,#3b82f614 0,#0000 70%);border-radius:50%;content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.mech-image-placeholder.mech-class-light~.mech-visualizer:before,.mech-visualizer:has(.mech-class-light):before{background:radial-gradient(circle,#60a5fa1a 0,#0000 70%)}.mech-visualizer:has(.mech-class-assault):before{background:radial-gradient(circle,#ef44441a 0,#0000 70%)}.mech-visualizer:has(.mech-class-heavy):before{background:radial-gradient(circle,#f59e0b1a 0,#0000 70%)}.mech-visualizer:has(.mech-class-super-heavy):before{background:radial-gradient(circle,#a855f71a 0,#0000 70%)}.mech-details-tabs button.active{box-shadow:0 2px 8px #3b82f640;text-shadow:0 0 6px #3b82f64d}.mech-details-tabs button{position:relative}.mech-details-tabs button:hover:after{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);border-radius:2px;bottom:-8px;content:"";height:2px;left:20%;opacity:.4;position:absolute;width:60%}.mech-details-tabs button:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}.mech-details-actions button:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}@keyframes componentCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mech-components>*{animation:componentCardIn .35s ease-out both}.mech-components>:nth-child(2){animation-delay:.06s}.mech-components>:nth-child(3){animation-delay:.12s}.mech-components>:nth-child(4){animation-delay:.18s}.mech-components>:nth-child(5){animation-delay:.24s}.mech-components>:nth-child(6){animation-delay:.3s}@keyframes emptySlotPulse{0%,to{border-color:#333;border-color:var(--color-border,#333);opacity:.8}50%{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);opacity:1}}.empty-slot{transition:all .2s ease}.empty-slot:hover{animation:emptySlotPulse 2s ease-in-out infinite;background:#3b82f608}.slot-icon-css{transition:filter .2s ease}.empty-slot:hover .slot-icon-css,.special-slot:hover .slot-icon-css,.weapon-slot:hover .slot-icon-css{filter:drop-shadow(0 0 4px currentColor) brightness(1.2)}.battle-stat{transition:all .2s ease}.battle-stat:hover{background:#3b82f614;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.battle-stat:hover .stat-value{text-shadow:0 0 8px #3b82f666}@keyframes battleStatIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.battle-stats-grid .battle-stat{animation:battleStatIn .3s ease-out both}.battle-stats-grid .battle-stat:nth-child(2){animation-delay:.05s}.battle-stats-grid .battle-stat:nth-child(3){animation-delay:.1s}.battle-stats-grid .battle-stat:nth-child(4){animation-delay:.15s}.battle-stats-grid .battle-stat:nth-child(5){animation-delay:.2s}.battle-stats-grid .battle-stat:nth-child(6){animation-delay:.25s}.mech-details-actions button{transition:all .2s ease}.mech-details-actions button:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.mech-details-actions button:active:not(:disabled){transform:scale(.96);transition:transform .08s ease}.mech-details-skeleton .skeleton-content,.mech-details-skeleton .skeleton-header,.mech-details-skeleton .skeleton-stats{animation:skeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#1e1e2e 25%,#ffffff0a 50%,#1e1e2e 75%);background:linear-gradient(90deg,var(--color-ui-surface,#1e1e2e) 25%,#ffffff0a 50%,var(--color-ui-surface,#1e1e2e) 75%);background-size:200% 100%}.mech-details-header h1{transition:text-shadow .3s ease}.mech-details-header:hover h1{text-shadow:0 0 12px #3b82f633}@keyframes overviewSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.mech-overview>*{animation:overviewSlideIn .35s ease-out both}.mech-overview>:nth-child(2){animation-delay:.1s}@keyframes conditionDamagedPulse{0%,to{box-shadow:0 0 0 0 #ef444400}50%{box-shadow:0 0 12px 2px #ef44444d}}.condition-damaged{animation:conditionDamagedPulse 2s ease-in-out infinite;background:#ef444426;color:#ef4444;color:var(--color-error,#ef4444)}.mech-class-badge{transition:box-shadow .3s ease}.mech-class-light:hover{box-shadow:0 0 8px #22c55e4d}.mech-class-medium:hover{box-shadow:0 0 8px #3b82f64d}.mech-class-heavy:hover{box-shadow:0 0 8px #a855f74d}.mech-class-assault:hover{box-shadow:0 0 8px #ef44444d}@keyframes tabSlideActive{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mech-details-tabs button.active:after{animation:tabSlideActive .25s ease-out;transform-origin:left}@keyframes headerGradientSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.mech-details-header h1{-webkit-text-fill-color:#0000;animation:headerGradientSweep 4s ease-in-out infinite;background:linear-gradient(90deg,var(--color-text-primary) 0,var(--color-text-primary) 40%,#3b82f6 50%,var(--color-text-primary) 60%,var(--color-text-primary) 100%);background:linear-gradient(90deg,var(--color-text-primary) 0,var(--color-text-primary) 40%,var(--color-brand-primary,#3b82f6) 50%,var(--color-text-primary) 60%,var(--color-text-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}.mech-details-container:before{background:radial-gradient(1px 1px at 10% 20%,#ffffff26,#0000),radial-gradient(1px 1px at 30% 60%,#ffffff1a,#0000),radial-gradient(1px 1px at 50% 10%,#ffffff1f,#0000),radial-gradient(1px 1px at 70% 80%,#ffffff14,#0000),radial-gradient(1px 1px at 90% 40%,#ffffff1a,#0000),radial-gradient(1px 1px at 15% 90%,#3b82f61a,#0000),radial-gradient(1px 1px at 85% 15%,#3b82f614,#0000);z-index:-1}.mech-details-container:after,.mech-details-container:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.mech-details-container:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);opacity:.5;z-index:0}@keyframes mechParticleFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}25%{opacity:.6;transform:translateY(-30px) translateX(10px)}50%{opacity:.4;transform:translateY(-50px) translateX(-5px)}75%{opacity:.5;transform:translateY(-20px) translateX(15px)}}.mech-details-header:after{animation:mechParticleFloat 6s ease-in-out infinite;background:#3b82f6;background:var(--color-brand-primary,#3b82f6);border-radius:50%;box-shadow:20px -10px 0 #3b82f64d,-15px 5px 0 #f59e0b33,30px 15px 0 #22c55e33;content:"";height:4px;pointer-events:none;position:absolute;right:20px;top:50%;width:4px}.mech-details-header{position:relative}.repair-modal{max-width:520px;min-width:320px}.repair-modal-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 16px}@keyframes repairSpin{to{transform:rotate(1turn)}}.repair-spinner{animation:repairSpin .8s linear infinite;border:3px solid #333;border-top-color:#3b82f6;border:3px solid var(--color-ui-elevated,#333);border-radius:50%;border-top-color:var(--color-brand-primary,#3b82f6);height:32px;width:32px}.repair-modal-loading p{color:var(--color-text-secondary);font-size:.875rem}.repair-modal-error{align-items:center;background:#ef444414;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.repair-icon-error{background:#ef4444;background:var(--color-error,#ef4444);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);display:inline-block;height:28px;width:28px}.repair-modal-error p{color:#ef4444;color:var(--color-error,#ef4444);margin:0}.repair-damage-summary{background:#1e293b;background:var(--color-ui-elevated,#1e293b);border-radius:8px;margin-bottom:16px;padding:16px}.repair-mech-name{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:12px}.repair-health-label{color:var(--color-text-secondary);display:flex;font-size:.8125rem;justify-content:space-between;margin-bottom:6px}.repair-bar-track{background:#ef444433;border-radius:5px;height:10px;overflow:hidden}.repair-bar-fill{background:linear-gradient(90deg,#ef4444,#f59e0b 70%,#22c55e);background:linear-gradient(90deg,var(--color-error,#ef4444) 0,var(--color-warning,#f59e0b) 70%,var(--color-success,#22c55e) 100%);border-radius:5px;height:100%;transition:width .6s ease}.repair-damage-percent{color:#ef4444;color:var(--color-error,#ef4444);font-size:.75rem;font-weight:600;margin-top:4px;text-align:right}.repair-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.repair-option{background:#1e293b;background:var(--color-ui-elevated,#1e293b);border:1px solid #334155;border:1px solid var(--color-ui-border,#334155);border-radius:8px;gap:12px;padding:16px;transition:border-color .2s ease,box-shadow .2s ease}.repair-option:hover:not(.disabled){border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);box-shadow:0 0 12px #3b82f61a}.repair-option-instant:hover:not(.disabled){border-color:#f59e0b;border-color:var(--color-warning,#f59e0b);box-shadow:0 0 12px #f59e0b26}.repair-option.disabled{opacity:.5}.repair-option-header{align-items:center;display:flex;gap:8px}.repair-option-header h4{color:var(--color-text-primary);font-size:.9375rem;margin:0}.repair-icon-standard{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.repair-icon-instant,.repair-icon-standard{display:inline-block;height:20px;width:20px}.repair-icon-instant{background:#f59e0b;background:var(--color-warning,#f59e0b);-webkit-clip-path:polygon(30% 0,70% 0,55% 40%,85% 40%,25% 100%,40% 55%,10% 55%);clip-path:polygon(30% 0,70% 0,55% 40%,85% 40%,25% 100%,40% 55%,10% 55%)}.repair-option-details{display:flex;flex-direction:column;gap:6px}.repair-detail{display:flex;font-size:.8125rem;justify-content:space-between}.repair-detail-label{color:var(--color-text-secondary)}.repair-detail-value{color:var(--color-text-primary);font-weight:600}.repair-detail-premium{color:#f59e0b;color:var(--color-warning,#f59e0b)}.repair-detail-instant{color:#22c55e;color:var(--color-success,#22c55e)}.repair-bonuses{background:#3b82f60f;border-radius:6px;margin-bottom:12px;padding:12px}.repair-bonuses h5{color:var(--color-text-secondary);font-size:.75rem;margin:0 0 8px;text-transform:uppercase}.repair-bonus-row{align-items:center;color:var(--color-text-primary);display:flex;font-size:.8125rem;gap:8px;margin-bottom:4px}.repair-bonus-icon{display:inline-block;height:14px;width:14px}.repair-icon-bay{background:#06b6d4;background:var(--color-info,#06b6d4);-webkit-clip-path:polygon(0 20%,100% 20%,100% 100%,0 100%);clip-path:polygon(0 20%,100% 20%,100% 100%,0 100%)}.repair-icon-mechanic{background:#22c55e;background:var(--color-success,#22c55e);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.repair-bonus-total{border-top:1px solid #3b82f61a;color:#22c55e;color:var(--color-success,#22c55e);font-size:.75rem;margin-top:6px;padding-top:6px}.repair-balance{border-top:1px solid #334155;border-top:1px solid var(--color-ui-border,#334155);color:var(--color-text-secondary);font-size:.8125rem;padding-top:12px;text-align:center}.repair-balance strong{color:#f59e0b;color:var(--color-warning,#f59e0b)}@keyframes repairModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.repair-modal{animation:repairModalIn .25s ease-out}@media (max-width:480px){.repair-options{grid-template-columns:1fr}.repair-modal{min-width:auto}}.mech-grade-badge{border-radius:4px;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.grade-s{background:linear-gradient(135deg,#f59e0b33,#eab30826);box-shadow:0 0 10px #f59e0b33;color:#fbbf24}.grade-a{background:#a855f726;box-shadow:0 0 8px #a855f726;color:#c084fc}.grade-b{background:#3b82f626;color:#60a5fa}.grade-c{background:#22c55e1f;color:#4ade80}.grade-d{background:#94a3b81f;color:#94a3b8}.overview-component-summary{background:#16213e;background:var(--color-ui-elevated,#16213e);border:1px solid #333;border:1px solid var(--color-ui-border,#333);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:16px}.summary-item{gap:4px;min-width:120px}.summary-label{color:#888;color:var(--color-text-secondary,#888);letter-spacing:.05em;text-transform:uppercase}.summary-value{font-size:1rem}.summary-ok{color:#22c55e}.summary-warning{color:#f59e0b}.summary-critical{color:#ef4444}.durability-alert{font-size:.75rem;font-weight:400;opacity:.8}.empty-slot-urgent{align-items:center;background:#f59e0b0a;border:1px dashed #f59e0b40;border-radius:8px;display:flex;gap:12px;padding:16px;transition:border-color .2s ease,background .2s ease}.empty-slot-urgent:hover{background:#f59e0b14;border-color:#f59e0b80}.empty-slot-urgent .slot-icon-css{flex-shrink:0;height:24px;opacity:.6;width:24px}.empty-slot-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.empty-slot-label{color:#fff;color:var(--color-text-primary,#fff);font-size:.875rem;font-weight:600}.empty-slot-hint{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem}.stat-value-positive{color:#22c55e}.stat-value-negative{color:#ef4444}.battles-loading{color:var(--color-text-secondary)}.battles-loading,.empty-history{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 16px}.empty-history{text-align:center}.empty-history-icon{background:#333;background:var(--color-ui-border,#333);-webkit-clip-path:polygon(45% 0,55% 0,55% 40%,100% 40%,100% 60%,55% 60%,55% 100%,45% 100%,45% 60%,0 60%,0 40%,45% 40%);clip-path:polygon(45% 0,55% 0,55% 40%,100% 40%,100% 60%,55% 60%,55% 100%,45% 100%,45% 60%,0 60%,0 40%,45% 40%);display:inline-block;height:40px;opacity:.3;width:40px}.empty-history h4{color:var(--color-text-primary);margin:0}.empty-history p{color:var(--color-text-secondary);font-size:.875rem;margin:0;max-width:300px}.battles-list{gap:8px}@keyframes battleRecordIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.battle-record{align-items:center;animation:battleRecordIn .3s ease-out both;background:#16213e;background:var(--color-ui-elevated,#16213e);border-left:3px solid var(--color-ui-border);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.battle-record:nth-child(2){animation-delay:.05s}.battle-record:nth-child(3){animation-delay:.1s}.battle-record:nth-child(4){animation-delay:.15s}.battle-record:nth-child(5){animation-delay:.2s}.battle-record:nth-child(6){animation-delay:.25s}.battle-record:nth-child(7){animation-delay:.3s}.battle-record:nth-child(8){animation-delay:.35s}.battle-victory{border-left-color:#22c55e}.battle-defeat{border-left-color:#ef4444}.battle-draw{border-left-color:#f59e0b}.battle-result-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;min-width:60px;padding:2px 10px;text-align:center;text-transform:uppercase}.result-victory{background:#22c55e26;color:#22c55e}.result-defeat{background:#ef444426;color:#ef4444}.result-draw{background:#f59e0b26;color:#f59e0b}.result-unknown{background:#94a3b81f;color:#94a3b8}.battle-record-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.battle-opponent{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.battle-damage{color:var(--color-text-secondary);font-size:.75rem}.battle-record-time{color:#555;color:var(--color-text-tertiary,#555);font-size:.75rem;white-space:nowrap}@media (max-width:600px){.overview-component-summary{flex-direction:column;gap:12px}.empty-slot-urgent{flex-direction:column;gap:8px;text-align:center}.battle-record{align-items:flex-start;flex-direction:column;gap:8px}}.class-profile-trigger{align-items:center;background:#64c8ff1f;border:1px solid #64c8ff40;border-radius:4px;color:#64c8ff;color:var(--color-accent,#64c8ff);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px;transition:background .2s;-webkit-user-select:none;user-select:none}.class-profile-trigger:focus-visible,.class-profile-trigger:hover{background:#64c8ff38;outline:none}.class-profile-tooltip{animation:tooltipFadeIn .25s ease;background:#141e32f2;border:1px solid #64c8ff33;border-radius:8px;display:flex;font-size:.8rem;gap:20px;margin-top:8px;padding:12px 16px}.class-profile-tooltip .tooltip-section strong{color:#ffffff80;display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.class-profile-tooltip .tooltip-section ul{list-style:none;margin:0;padding:0}.class-profile-tooltip .tooltip-section ul li{color:#ffffffd9;padding:2px 0}.class-profile-tooltip .tooltip-section ul li:before{border-radius:50%;content:"";display:inline-block;height:6px;margin-right:6px;vertical-align:middle;width:6px}.class-profile-tooltip .tooltip-section:first-child ul li:before{background:#4ade80}.class-profile-tooltip .tooltip-section:last-child ul li:before{background:#f87171}@media (max-width:600px){.class-profile-tooltip{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){.battle-record,.battle-stats-grid .battle-stat,.class-profile-tooltip,.class-profile-trigger,.condition-damaged,.condition-in-repair:before,.empty-slot-urgent:hover,.empty-slot:hover,.mech-components>*,.mech-details-container,.mech-details-header h1,.mech-details-header:after,.mech-details-skeleton .skeleton-content,.mech-details-skeleton .skeleton-header,.mech-details-skeleton .skeleton-stats,.mech-details-tabs button.active:after,.mech-overview>*,.mech-visualizer:hover .mech-silhouette,.repair-modal,.repair-spinner{animation:none!important;transition:none!important}.mech-details-header h1{-webkit-text-fill-color:#fff!important;-webkit-text-fill-color:var(--color-text-primary,#fff)!important;background:none!important}}.mech-customize-page{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);padding:var(--spacing-lg);width:100%}@media (min-width:1920px){.mech-customize-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.mech-customize-page{max-width:min(2600px,98vw)}}.mech-customize-page .page-header{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.mech-customize-page .page-header h1{flex:1 1;margin:0}.mech-customize-page .message{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.mech-customize-page .message.success{background:#10b98133;border:1px solid var(--color-success);color:var(--color-success)}.mech-customize-page .message.error{background:#ef444433;border:1px solid var(--color-danger);color:var(--color-danger)}.customize-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:350px 1fr}.mech-overview{padding:var(--spacing-lg)}.mech-overview h2{font-size:var(--font-size-lg);margin:0 0 var(--spacing-lg) 0}.mech-overview h3{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.weight-bar{margin-bottom:var(--spacing-lg)}.weight-bar .weight-label{display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-xs)}.stats-grid{grid-gap:var(--spacing-sm)}.combat-stats .stat,.stats-grid .stat{background:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);text-align:center}.combat-stats .stat .label,.stats-grid .stat .label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.combat-stats .stat .value,.stats-grid .stat .value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.combat-stats{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.combat-stats .stat.highlight{background:linear-gradient(135deg,#2b6de84d,#2b6de81a);border:1px solid #2b6de880;grid-column:span 2}.combat-stats .stat.highlight .value{color:var(--color-brand-accent);font-size:var(--font-size-xl)}.slots-section h2{margin:0 0 var(--spacing-lg) 0}.slots-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.slot{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:border-color .2s}.slot.empty{border-style:dashed;opacity:.8}.slot.filled{border-color:var(--color-brand-primary)}.slot-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.slot-icon{font-size:1.5em}.slot-name{font-weight:var(--font-weight-bold);text-transform:capitalize}.slot-empty{padding:var(--spacing-md);text-align:center}.slot-empty p{color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.slot-content h4{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.slot-stats{color:var(--color-brand-accent);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.slot-info{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin-bottom:var(--spacing-md)}.slot-actions{display:flex;gap:var(--spacing-sm)}.equip-modal{max-height:60vh;overflow-y:auto}.equip-modal-filters{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.equip-modal-tier-filter{align-items:center;display:flex;gap:var(--spacing-sm)}.equip-modal-tier-filter label{color:var(--color-text-secondary);font-weight:600}.equip-modal-tier-filter .tier-filter-select{background:var(--color-ui-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm)}.equip-filter-count{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto}.equip-modal .no-components.tier-empty{padding:var(--spacing-lg)}.equip-modal .no-components{padding:var(--spacing-xl);text-align:center}.equip-modal .no-components p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.components-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.component-option{background:#0003;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:border-color .2s}.component-option:hover{border-color:var(--color-brand-primary)}.option-header{gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.option-header .icon{font-size:1.5em}.option-header .info{flex:1 1}.option-header .info h4{margin:0}.option-header .info .tier{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.option-header .quantity{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.option-stats{color:var(--color-brand-accent);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.option-info{color:var(--color-text-tertiary);font-size:var(--font-size-xs);gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.mech-customize-page .loading{color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}@media (max-width:1024px){.customize-layout{grid-template-columns:1fr}.mech-overview{order:2}.slots-section{order:1}}@media (max-width:768px){.mech-customize-page .page-header{flex-direction:column;text-align:center}.combat-stats,.slots-grid,.stats-grid{grid-template-columns:1fr}.combat-stats .stat.highlight{grid-column:span 1}}.mech-customize-page .page-header .rename-mech-btn{margin-left:auto}.rename-modal{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.rename-modal label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.rename-input{background:var(--color-ui-background);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-md);padding:10px 12px;width:100%}.rename-input:focus{border-color:var(--color-brand-primary);outline:none}.rename-input:disabled{cursor:not-allowed;opacity:.7}.rename-input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.component-option button:focus-visible,.equip-modal button:focus-visible,.slot-actions button:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid var(--color-brand-primary);outline-offset:2px}.tier-filter-select:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.rename-char-count{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:right}.rename-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-sm)}.slot-icon-css{display:inline-block;flex-shrink:0;height:20px;margin-right:6px;vertical-align:middle;width:20px}.slot-icon-power-core{background:#f59e0b;-webkit-clip-path:polygon(60% 0,35% 45%,55% 45%,40% 100%,65% 55%,45% 55%);clip-path:polygon(60% 0,35% 45%,55% 45%,40% 100%,65% 55%,45% 55%)}.slot-icon-weapon,.slot-icon-weapons{background:#ef4444;-webkit-clip-path:polygon(45% 0,55% 0,55% 40%,100% 40%,100% 60%,55% 60%,55% 100%,45% 100%,45% 60%,0 60%,0 40%,45% 40%);clip-path:polygon(45% 0,55% 0,55% 40%,100% 40%,100% 60%,55% 60%,55% 100%,45% 100%,45% 60%,0 60%,0 40%,45% 40%)}.slot-icon-armor{background:#3b82f6;-webkit-clip-path:polygon(50% 0,100% 15%,90% 70%,50% 100%,10% 70%,0 15%);clip-path:polygon(50% 0,100% 15%,90% 70%,50% 100%,10% 70%,0 15%)}.slot-icon-mobility{background:#22c55e;-webkit-clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%);clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%)}.slot-icon-special-systems,.slot-icon-specialSystems{background:#a855f7;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.slot-icon-os-module{background:#06b6d4;-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.rarity-badge{border-radius:var(--border-radius-sm,4px);font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;letter-spacing:.04em;margin-right:6px;padding:1px 8px}.rarity-common{border:1px solid #9ca3af4d}.rarity-uncommon{background:#22c55e26;border:1px solid #22c55e4d}.rarity-rare{background:#3b82f626;border:1px solid #3b82f64d}.mech-customize-page .rarity-epic{background:#a855f726;border:1px solid #a855f74d;color:var(--rarity-epic)}.mech-customize-page .rarity-legendary{background:linear-gradient(135deg,#f59e0b33,#eab30826);border:1px solid #f59e0b66;color:var(--rarity-legendary);text-shadow:0 0 6px #f59e0b4d}.stat-delta-row{display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--font-size-xs,.75rem);font-weight:600;gap:8px;gap:var(--spacing-sm,8px);padding:4px 0}.stat-delta{border-radius:4px;border-radius:var(--border-radius-sm,4px);padding:1px 6px}.stat-delta.positive{background:#22c55e26;color:#22c55e}.stat-delta.negative{background:#ef444426;color:#ef4444}.customize-skeleton{display:flex;flex-direction:column;gap:24px;padding:20px 0}.customize-skeleton .skeleton-header{animation:customize-skeleton-pulse 1.5s ease-in-out infinite;background:#1e1e2e;background:var(--color-ui-surface,#1e1e2e);border-radius:8px;height:60px}.customize-skeleton-layout{grid-gap:32px;grid-gap:var(--spacing-xl,32px);display:grid;gap:32px;gap:var(--spacing-xl,32px);grid-template-columns:350px 1fr}.skeleton-stats-panel{animation:customize-skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.1s;height:400px}.skeleton-slots-panel,.skeleton-stats-panel{background:#1e1e2e;background:var(--color-ui-surface,#1e1e2e);border-radius:8px}.skeleton-slots-panel{animation:customize-skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.2s;height:500px}@keyframes customize-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:1024px){.customize-skeleton-layout{grid-template-columns:1fr}}.credits-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1.5px solid #d97706;height:16px;margin-left:4px;vertical-align:middle;width:16px}@keyframes customizeReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mech-customize-page{animation:customizeReveal .4s ease-out}.mech-customize-page .page-header{overflow:hidden;position:relative}.mech-customize-page .page-header:before{background:linear-gradient(180deg,#3b82f60d,#0000);content:"";height:50px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes slotCardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.slots-grid .slot{animation:slotCardIn .35s ease-out both}.slots-grid .slot:nth-child(2){animation-delay:.06s}.slots-grid .slot:nth-child(3){animation-delay:.12s}.slots-grid .slot:nth-child(4){animation-delay:.18s}.slots-grid .slot:nth-child(5){animation-delay:.24s}.slots-grid .slot:nth-child(6){animation-delay:.3s}.slots-grid .slot:nth-child(7){animation-delay:.36s}.slots-grid .slot:nth-child(8){animation-delay:.42s}.slot{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.slot:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}.slot:has(.slot-icon-power-core):hover{border-color:#f59e0b;box-shadow:0 8px 24px #0000004d,0 0 12px #f59e0b26}.slot:has(.slot-icon-weapon):hover,.slot:has(.slot-icon-weapons):hover{border-color:#ef4444;box-shadow:0 8px 24px #0000004d,0 0 12px #ef444426}.slot:has(.slot-icon-armor):hover{border-color:#3b82f6;box-shadow:0 8px 24px #0000004d,0 0 12px #3b82f626}.slot:has(.slot-icon-mobility):hover{border-color:#22c55e;box-shadow:0 8px 24px #0000004d,0 0 12px #22c55e26}.slot:has(.slot-icon-special-systems):hover,.slot:has(.slot-icon-specialSystems):hover{border-color:#a855f7;box-shadow:0 8px 24px #0000004d,0 0 12px #a855f726}.slot:has(.slot-icon-os-module):hover{border-color:#06b6d4;box-shadow:0 8px 24px #0000004d,0 0 12px #06b6d426}.slot:hover .slot-icon-css{filter:drop-shadow(0 0 4px currentColor) brightness(1.2);transition:filter .2s ease}@keyframes combatPowerPulse{0%,to{text-shadow:0 0 8px #f59e0b4d}50%{text-shadow:0 0 20px #f59e0b80,0 0 40px #f59e0b26}}.combat-stats .stat.highlight .value{animation:combatPowerPulse 3s ease-in-out infinite}.combat-stats .stat.highlight{overflow:hidden;position:relative}.combat-stats .stat.highlight:before{animation:highlightSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f59e0b0a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes highlightSweep{0%{left:-50%}to{left:150%}}@keyframes messageFlashIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}40%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successPulse{0%{box-shadow:0 0 0 0 #22c55e4d}50%{box-shadow:0 0 20px 6px #22c55e1a}to{box-shadow:0 0 0 0 #22c55e00}}.mech-customize-page .message.success{animation:messageFlashIn .4s ease-out,successPulse .8s ease-out}.mech-customize-page .message.error{animation:messageFlashIn .4s ease-out}.slot-content h4{transition:text-shadow .2s ease}.slot.filled:hover .slot-content h4{text-shadow:0 0 8px #3b82f64d}.mech-customize-page .rarity-legendary{animation:legendaryShimmer 3s linear infinite;background:linear-gradient(90deg,#f59e0b33,#eab30859 25%,#fbbf2433 50%,#eab30859 75%,#f59e0b33);background-size:200% 100%;box-shadow:0 0 8px #f59e0b33}@keyframes durabilityWarning{0%,to{color:var(--color-text-tertiary)}50%{color:#ef4444;text-shadow:0 0 6px #ef44444d}}.slot-info span:first-child{transition:color .2s ease}.durability-critical{animation:durabilityWarning 2s ease-in-out infinite}@keyframes weightOverweightPulse{0%,to{opacity:1}50%{opacity:.7}}.weight-bar .weight-label span:last-child{transition:color .3s ease}.weight-bar:has(.progress-bar-danger) .weight-label span:last-child,.weight-bar:has([class*=danger]) .weight-label span:last-child{animation:weightOverweightPulse 1.5s ease-in-out infinite;color:#ef4444;text-shadow:0 0 6px #ef44444d}.combat-stats .stat,.stats-grid .stat{transition:all .2s ease}.combat-stats .stat:not(.highlight):hover,.stats-grid .stat:hover{background:#3b82f614;transform:translateY(-1px)}.combat-stats .stat:not(.highlight):hover .value,.stats-grid .stat:hover .value{text-shadow:0 0 8px #3b82f64d}@keyframes statDeltaPop{0%{opacity:0;transform:scale(.8) translateY(4px)}60%{opacity:1;transform:scale(1.05) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}.stat-delta-row .stat-delta{animation:statDeltaPop .35s cubic-bezier(.34,1.56,.64,1) both}.stat-delta-row .stat-delta:nth-child(2){animation-delay:.06s}.stat-delta-row .stat-delta:nth-child(3){animation-delay:.12s}@keyframes componentSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.components-list .component-option{animation:componentSlideIn .3s ease-out both}.components-list .component-option:nth-child(2){animation-delay:.04s}.components-list .component-option:nth-child(3){animation-delay:.08s}.components-list .component-option:nth-child(4){animation-delay:.12s}.components-list .component-option:nth-child(5){animation-delay:.16s}.components-list .component-option:nth-child(6){animation-delay:.2s}.components-list .component-option:nth-child(7){animation-delay:.24s}.components-list .component-option:nth-child(8){animation-delay:.28s}.component-option{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.component-option:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.component-option:has(.rarity-uncommon):hover{border-color:#22c55e80}.component-option:has(.rarity-rare):hover{border-color:#3b82f680}.component-option:has(.rarity-epic):hover{border-color:#a855f780;box-shadow:0 6px 20px #0000004d,0 0 8px #a855f71a}.component-option:has(.rarity-legendary):hover{border-color:#f59e0b99;box-shadow:0 6px 20px #0000004d,0 0 12px #f59e0b26}.component-option button:active,.equip-modal button:active,.slot-actions button:active{transform:scale(.95);transition:transform .08s ease}@keyframes customizeShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.customize-skeleton .skeleton-header,.skeleton-slots-panel,.skeleton-stats-panel{animation:customizeShimmer 1.8s ease-in-out infinite!important;background:linear-gradient(90deg,#1e1e2e 25%,#ffffff0a 50%,#1e1e2e 75%)!important;background:linear-gradient(90deg,var(--color-ui-surface,#1e1e2e) 25%,#ffffff0a 50%,var(--color-ui-surface,#1e1e2e) 75%)!important;background-size:200% 100%!important}@keyframes emptySlotInvite{0%,to{border-color:var(--color-border)}50%{border-color:var(--color-brand-primary)}}.slot.empty:hover{animation:emptySlotInvite 2s ease-in-out infinite;background:#3b82f608}.slot.empty:hover .slot-empty p{color:var(--color-text-secondary)}.weight-preview-warning{align-items:center;background:#f59e0b14;border-radius:4px;color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;font-size:.75rem;gap:6px;margin-top:4px;padding:4px 8px}.weight-preview-overweight{background:#ef444414;color:#ef4444;color:var(--color-error,#ef4444)}.weight-preview-icon{background:currentColor;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);display:inline-block;height:12px;width:12px}.mech-customize-page:before{background:radial-gradient(1px 1px at 10% 20%,#ffffff26,#0000),radial-gradient(1px 1px at 30% 60%,#ffffff1a,#0000),radial-gradient(1px 1px at 50% 10%,#ffffff1f,#0000),radial-gradient(1px 1px at 70% 80%,#ffffff14,#0000),radial-gradient(1px 1px at 90% 40%,#ffffff1a,#0000);z-index:-1}.mech-customize-page:after,.mech-customize-page:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.mech-customize-page:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);opacity:.5;z-index:0}.presets-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg);overflow:hidden}.presets-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:background .2s ease;width:100%}.presets-toggle:hover{background:#ffffff08}.presets-toggle:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.presets-toggle-icon{background:#3b82f6;background:var(--color-brand-accent,#3b82f6);-webkit-clip-path:polygon(0 0,45% 0,45% 45%,0 45%,0 55%,45% 55%,45% 100%,0 100%,0 0,55% 0,55% 45%,100% 45%,100% 0,55% 0,55% 55%,100% 55%,100% 100%,55% 100%,55% 0);clip-path:polygon(0 0,45% 0,45% 45%,0 45%,0 55%,45% 55%,45% 100%,0 100%,0 0,55% 0,55% 45%,100% 45%,100% 0,55% 0,55% 55%,100% 55%,100% 100%,55% 100%,55% 0);display:inline-block;flex-shrink:0;height:18px;width:18px}.presets-count{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:400;margin-left:auto}.presets-chevron{border-bottom:2px solid var(--color-text-tertiary);border-right:2px solid var(--color-text-tertiary);display:inline-block;flex-shrink:0;height:10px;transform:rotate(45deg);transition:transform .2s ease;width:10px}.presets-chevron.open{transform:rotate(-135deg)}.presets-body{animation:presetBodyIn .25s ease-out;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-lg)}@keyframes presetBodyIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.presets-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-md) 0;text-align:center}.preset-card{align-items:center;background:#0003;border:1px solid var(--color-border);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease,transform .15s ease}.preset-card:hover{border-color:var(--color-brand-primary);transform:translateX(2px)}.preset-info{display:flex;flex-direction:column;gap:2px;min-width:0}.preset-name{color:var(--color-text-primary);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.preset-actions{display:flex;flex-shrink:0;gap:var(--spacing-xs)}.save-preset-form{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.save-preset-input{background:#0d0d1a;background:var(--color-ui-background,#0d0d1a);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-sm);padding:8px 12px;transition:border-color .2s ease;width:100%}.save-preset-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #3b82f626;outline:none}.save-preset-input:disabled{cursor:not-allowed;opacity:.6}.save-preset-input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.save-preset-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.save-preset-btn{align-self:flex-start}.tier-guidance-hint{background:#fbbf241f;border:1px solid #fbbf2440;border-radius:4px;color:#fbbf24;display:inline-block;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.class-profile-hint{align-items:center;background:#64c8ff1a;border:1px solid #64c8ff33;border-radius:4px;color:#64c8ff;color:var(--color-accent,#64c8ff);cursor:default;display:inline-flex;font-size:.75rem;font-weight:600;margin-left:8px;padding:3px 10px}.depot-link{color:#fbbf24;font-weight:600;text-decoration:underline}.depot-link:hover{color:#fde68a}@media (prefers-reduced-motion:reduce){.combat-stats .stat.highlight .value,.combat-stats .stat.highlight:before,.components-list .component-option,.customize-skeleton .skeleton-header,.durability-critical,.mech-customize-page,.mech-customize-page .message,.preset-card,.presets-body,.rarity-legendary,.skeleton-slots-panel,.skeleton-stats-panel,.slot.empty:hover,.slots-grid .slot,.stat-delta-row .stat-delta,.weight-bar:has(.progress-bar-danger) .weight-label span:last-child{animation:none!important;transition:none!important}}.mech-overview{overflow:hidden;position:relative}.mech-overview:after{background:radial-gradient(circle,#2b6de80f 0,#0000 70%);border-radius:50%;content:"";height:120px;pointer-events:none;position:absolute;right:0;top:0;width:120px}.rename-modal{position:relative}.rename-input:focus{box-shadow:0 0 0 3px #3b82f626}.tier-filter-select{transition:border-color .2s ease,box-shadow .2s ease}.tier-filter-select:focus,.tier-filter-select:hover{border-color:var(--color-brand-primary)}.tier-filter-select:focus{box-shadow:0 0 0 3px #3b82f626;outline:none}.weight-penalty-hint{background:#f59e0b0f;border-left:2px solid #f59e0b4d;border-radius:4px;color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:.75rem;margin-top:4px;padding:4px 8px}.weight-penalty-severe{background:#ef44440f;border-left-color:#ef444466;color:#ef4444;color:var(--color-error,#ef4444)}.info-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.subtype-badge{background:#94a3b81f;border-radius:3px;color:#94a3b8;display:inline-block;font-size:.675rem;font-weight:600;letter-spacing:.03em;padding:1px 8px;text-transform:uppercase}.subtype-light{background:#60a5fa1f;color:#60a5fa}.subtype-medium{background:#6366f11f;color:#818cf8}.subtype-heavy{background:#f59e0b1f;color:#f59e0b}.subtype-reactive{background:#ef44441f;color:#f87171}.subtype-composite{background:#a855f71f;color:#c084fc}.subtype-ballistic{background:#f59e0b1f;color:#fbbf24}.subtype-energy{background:#3b82f61f;color:#60a5fa}.subtype-missile{background:#ef44441f;color:#f87171}.subtype-melee{background:#22c55e1f;color:#4ade80}.subtype-hybrid{background:#a855f71f;color:#c084fc}.subtype-legs{background:#22c55e1f;color:#4ade80}.subtype-wheels{background:#94a3b81f;color:#cbd5e1}.subtype-hover{background:#60a5fa1f;color:#60a5fa}.subtype-jets{background:#f59e0b1f;color:#fbbf24}.subtype-treads{background:#78716c26;color:#a8a29e}@keyframes equipSuccessGlow{0%{box-shadow:0 0 0 0 #22c55e66}50%{box-shadow:0 0 12px 4px #22c55e33}to{box-shadow:0 0 0 0 #22c55e00}}.slot.equip-success{animation:equipSuccessGlow 1.5s ease-out}.mech-compare-page{animation:mcReveal .4s ease-out;box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:20px;width:100%}@media (min-width:1920px){.mech-compare-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.mech-compare-page{max-width:min(2000px,98vw)}}@keyframes mcReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mc-header{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);margin-bottom:24px;overflow:hidden;padding-bottom:16px;position:relative}.mc-header:before{background:linear-gradient(180deg,#3b82f60f,#0000);content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0;top:0}.mc-header h1{color:#fff;color:var(--color-text-primary,#fff);font-size:2rem;margin:0 0 8px}.mc-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.compare-selectors{grid-gap:16px;align-items:end;animation:mcSlideFade .4s ease-out .1s both;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:32px}@keyframes mcSlideFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compare-selector-group{display:flex;flex-direction:column;gap:8px}.compare-selector-label{color:#888;color:var(--color-text-secondary,#888);font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.compare-selector-label.label-a{color:#60a5fa}.compare-selector-label.label-b{color:#f59e0b}.compare-select{-webkit-appearance:none;appearance:none;background:#1e293b;background:var(--color-ui-elevated,#1e293b);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%23888'%3E%3Cpath d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #334155;border:1px solid var(--color-ui-border,#334155);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;font-size:.9375rem;padding:10px 36px 10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.compare-select:hover{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6)}.compare-select:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}.compare-select.select-a:focus-visible{outline-color:#60a5fa}.compare-select.select-b:focus-visible{outline-color:#f59e0b}.compare-swap-btn{align-items:center;align-self:end;background:#1e293b;background:var(--color-ui-elevated,#1e293b);border:1px solid #334155;border:1px solid var(--color-ui-border,#334155);border-radius:50%;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:all .2s ease;width:42px}.compare-swap-btn:hover{background:#3b82f61f;border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);color:#3b82f6;color:var(--color-brand-primary,#3b82f6);transform:rotate(180deg)}.compare-swap-btn:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}.swap-icon{display:block;height:18px;position:relative;width:18px}.swap-icon:after,.swap-icon:before{background:currentColor;content:"";position:absolute}.swap-icon:before{-webkit-clip-path:polygon(0 0,70% 0,70% 0,100% 50%,70% 100%,70% 100%,0 100%);clip-path:polygon(0 0,70% 0,70% 0,100% 50%,70% 100%,70% 100%,0 100%);top:3px}.swap-icon:after,.swap-icon:before{height:2px;height:6px;left:0;width:100%}.swap-icon:after{bottom:3px;-webkit-clip-path:polygon(30% 0,30% 0,100% 0,100% 100%,30% 100%,30% 100%,0 50%);clip-path:polygon(30% 0,30% 0,100% 0,100% 100%,30% 100%,30% 100%,0 50%)}.compare-mech-summaries{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.compare-mech-card{align-items:center;animation:mcCardIn .35s ease-out both;background:#1e293b;background:var(--color-ui-elevated,#1e293b);border:1px solid #334155;border:1px solid var(--color-ui-border,#334155);border-radius:8px;display:flex;gap:16px;padding:16px}.compare-mech-card:nth-child(2){animation-delay:.08s}@keyframes mcCardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.compare-mech-card.card-a{border-top:2px solid #60a5fa}.compare-mech-card.card-b{border-top:2px solid #f59e0b}.compare-mech-silhouette{-webkit-clip-path:polygon(30% 0,70% 0,80% 20%,85% 40%,75% 50%,90% 70%,80% 100%,20% 100%,10% 70%,25% 50%,15% 40%,20% 20%);clip-path:polygon(30% 0,70% 0,80% 20%,85% 40%,75% 50%,90% 70%,80% 100%,20% 100%,10% 70%,25% 50%,15% 40%,20% 20%);flex-shrink:0;height:70px;opacity:.5;width:56px}.compare-mech-silhouette.sil-light{background:linear-gradient(180deg,#60a5fa,#60a5fa33)}.compare-mech-silhouette.sil-medium{background:linear-gradient(180deg,#818cf8,#6366f133)}.compare-mech-silhouette.sil-heavy{background:linear-gradient(180deg,#fbbf24,#f59e0b33)}.compare-mech-silhouette.sil-assault{background:linear-gradient(180deg,#f87171,#ef444433)}.compare-mech-silhouette.sil-super-heavy{background:linear-gradient(180deg,#c084fc,#a855f733)}.compare-mech-info{flex:1 1;min-width:0}.compare-mech-name{color:#fff;color:var(--color-text-primary,#fff);font-size:1.125rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-mech-meta{display:flex;flex-wrap:wrap;gap:8px}.compare-table{animation:mcTableIn .4s ease-out .2s both}@keyframes mcTableIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compare-table-header{grid-gap:12px;background:#1e1e2e;background:var(--color-ui-surface,#1e1e2e);border:1px solid #334155;border:1px solid var(--color-ui-border,#334155);border-bottom:none;border-radius:8px 8px 0 0;display:grid;gap:12px;grid-template-columns:1fr 120px 1fr;padding:10px 16px}.compare-table-header span{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.compare-col-a{color:#60a5fa!important;text-align:right}.compare-col-stat{text-align:center}.compare-col-b{color:#f59e0b!important;text-align:left}.compare-stat-row{grid-gap:12px;animation:mcRowIn .3s ease-out both;background:#1e293b;background:var(--color-ui-elevated,#1e293b);border-left:1px solid #334155;border-left:1px solid var(--color-ui-border,#334155);border-right:1px solid #334155;border-right:1px solid var(--color-ui-border,#334155);gap:12px;grid-template-columns:1fr 120px 1fr;padding:12px 16px;transition:background .15s ease}.compare-stat-row:nth-child(2n){background:#1e293b99}.compare-stat-row:last-child{border-bottom:1px solid #334155;border-bottom:1px solid var(--color-ui-border,#334155);border-radius:0 0 8px 8px}.compare-stat-row:hover{background:#3b82f60f}@keyframes mcRowIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.compare-stat-row:nth-child(2){animation-delay:.03s}.compare-stat-row:nth-child(3){animation-delay:.06s}.compare-stat-row:nth-child(4){animation-delay:.09s}.compare-stat-row:nth-child(5){animation-delay:.12s}.compare-stat-row:nth-child(6){animation-delay:.15s}.compare-stat-row:nth-child(7){animation-delay:.18s}.compare-stat-row:nth-child(8){animation-delay:.21s}.compare-stat-row:nth-child(9){animation-delay:.24s}.compare-stat-row:nth-child(10){animation-delay:.27s}.compare-stat-row:nth-child(11){animation-delay:.3s}.compare-side-a,.compare-side-b{align-items:center;display:flex;gap:8px}.compare-side-a{flex-direction:row-reverse}.compare-side-b{flex-direction:row}.compare-stat-value{color:#fff;color:var(--color-text-primary,#fff);font-size:.9375rem;font-weight:600;min-width:60px;white-space:nowrap}.compare-side-a .compare-stat-value{text-align:right}.compare-side-b .compare-stat-value{text-align:left}.compare-bar-wrapper{background:#ffffff0f;border-radius:4px;flex:1 1;height:8px;min-width:40px;overflow:hidden}.compare-bar{border-radius:4px;height:100%;min-width:2px;transition:width .5s ease-out}.compare-side-a .compare-bar-wrapper{direction:rtl}.compare-bar.bar-a{background:linear-gradient(90deg,#60a5fa4d,#60a5fa)}.compare-bar.bar-b{background:linear-gradient(90deg,#f59e0b,#f59e0b4d)}.compare-stat-label{align-items:center;color:#888;color:var(--color-text-secondary,#888);display:flex;font-size:.8125rem;font-weight:500;justify-content:center;text-align:center}.compare-better .compare-stat-value{color:#22c55e;text-shadow:0 0 8px #22c55e4d}.compare-worse .compare-stat-value{color:#ef4444;opacity:.75}.compare-equal .compare-stat-value{color:#888;color:var(--color-text-secondary,#888)}.compare-better .compare-bar{box-shadow:0 0 6px #22c55e4d}.compare-stat-row[data-lower-better=true] .compare-better .compare-stat-value{color:#22c55e;text-shadow:0 0 8px #22c55e4d}.compare-equipment{animation:mcSlideFade .4s ease-out .3s both;margin-top:32px}.compare-equipment h2{border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);color:#fff;color:var(--color-text-primary,#fff);font-size:1.25rem;margin:0 0 16px;padding-bottom:8px}.compare-equipment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.compare-equip-column{display:flex;flex-direction:column;gap:8px}.compare-equip-slot{align-items:center;background:#1e293b;background:var(--color-ui-elevated,#1e293b);border:1px solid #334155;border:1px solid var(--color-ui-border,#334155);border-radius:6px;display:flex;gap:10px;padding:10px 14px;transition:all .15s ease}.compare-equip-slot:hover{background:#3b82f60a;border-color:#3b82f64d}.compare-equip-slot-name{color:#fff;color:var(--color-text-primary,#fff);flex:1 1;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-equip-slot-empty{color:#888;color:var(--color-text-secondary,#888);font-size:.875rem;font-style:italic}.compare-equip-slot-type{color:#888;color:var(--color-text-secondary,#888);font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.mc-empty-state{animation:mcSlideFade .4s ease-out;padding:64px 20px;text-align:center}.mc-empty-icon{background:#333;background:var(--color-ui-border,#333);-webkit-clip-path:polygon(25% 0,75% 0,85% 15%,85% 45%,100% 55%,100% 80%,75% 100%,25% 100%,0 80%,0 55%,15% 45%,15% 15%);clip-path:polygon(25% 0,75% 0,85% 15%,85% 45%,100% 55%,100% 80%,75% 100%,25% 100%,0 80%,0 55%,15% 45%,15% 15%);display:inline-block;height:64px;margin-bottom:16px;opacity:.4;width:64px}.mc-empty-state h3{color:#fff;color:var(--color-text-primary,#fff);margin:0 0 8px}.mc-empty-state p{color:#888;color:var(--color-text-secondary,#888);margin-bottom:20px}.mc-skeleton{display:flex;flex-direction:column;gap:24px;padding:20px 0}.mc-skeleton-selectors{background:#1e1e2e;background:var(--color-ui-surface,#1e1e2e);border-radius:8px;height:60px}.mc-skeleton-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mc-skeleton-card{height:100px}.mc-skeleton-card,.mc-skeleton-table{background:#1e1e2e;background:var(--color-ui-surface,#1e1e2e);border-radius:8px}.mc-skeleton-table{height:400px}.mc-skeleton-card,.mc-skeleton-selectors,.mc-skeleton-table{animation:mcShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#1e1e2e 25%,#ffffff0a 50%,#1e1e2e 75%);background:linear-gradient(90deg,var(--color-ui-surface,#1e1e2e) 25%,#ffffff0a 50%,var(--color-ui-surface,#1e1e2e) 75%);background-size:200% 100%}.mc-skeleton-card:nth-child(2){animation-delay:.1s}@keyframes mcShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mc-error-card{margin:32px auto;margin:var(--spacing-xl,32px) auto;max-width:500px;padding:24px;padding:var(--spacing-lg,24px);text-align:center}.mc-error-card h3{color:#ef4444;color:var(--color-danger,#ef4444);margin-bottom:8px;margin-bottom:var(--spacing-sm,8px)}.compare-diff{border-radius:3px;font-size:.6875rem;font-weight:600;padding:1px 6px;white-space:nowrap}.compare-diff-positive{background:#22c55e1f;color:#22c55e}.compare-diff-negative{background:#ef44441f;color:#ef4444}.compare-diff-neutral{background:#94a3b81f;color:#94a3b8}@media (max-width:768px){.compare-selectors{gap:12px;grid-template-columns:1fr}.compare-swap-btn{align-self:center;transform:rotate(90deg)}.compare-swap-btn:hover{transform:rotate(270deg)}.compare-mech-summaries{grid-template-columns:1fr}.compare-stat-row,.compare-table-header{gap:8px;grid-template-columns:1fr 80px 1fr;padding:10px 12px}.compare-stat-value{font-size:.8125rem;min-width:44px}.compare-stat-label{font-size:.6875rem}.compare-equipment-grid{grid-template-columns:1fr}.mc-header h1{font-size:1.5rem}}@media (max-width:480px){.mech-compare-page{padding:12px}.compare-stat-row,.compare-table-header{gap:6px;grid-template-columns:1fr 60px 1fr;padding:8px 10px}.compare-bar-wrapper{display:none}.compare-stat-value{font-size:.75rem;min-width:36px}.compare-mech-card{gap:10px;padding:12px}.compare-mech-silhouette{height:50px;width:40px}.compare-mech-name{font-size:.9375rem}}.compare-equip-slot:focus-visible,.mc-header-actions button:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.compare-bar,.compare-equipment,.compare-mech-card,.compare-selectors,.compare-stat-row,.compare-swap-btn,.compare-table,.mc-empty-state,.mc-skeleton-card,.mc-skeleton-selectors,.mc-skeleton-table,.mech-compare-page{animation:none!important;transition:none!important}}.armory-page{border-top:3px solid #9c27b0;box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);padding:var(--spacing-lg);width:100%}.armory-page .component-card{border-top:2px solid #ba68c826}@media (min-width:1920px){.armory-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.armory-page{max-width:min(2600px,98vw)}}.armory-page .page-header{margin-bottom:var(--spacing-xl);text-align:center}.armory-page .page-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.armory-page .page-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.armory-page .header-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-sm)}.armory-page .vip-status{align-items:center;background:#ffc10726;background:rgba(var(--color-brand-accent-rgb,255,193,7),.15);border:1px solid #ffc1074d;border:1px solid rgba(var(--color-brand-accent-rgb,255,193,7),.3);border-radius:var(--border-radius-md);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.armory-page .vip-status .vip-badge{font-weight:var(--font-weight-bold)}.armory-page .vip-status .vip-discount{color:var(--color-text-secondary)}.armory-tabs{border-bottom:2px solid var(--color-ui-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.armory-tabs .tab{background:#0000;border:none;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s}.armory-tabs .tab:hover{background:#ffffff0d;color:var(--color-text-primary)}.armory-tabs .tab.active{background:rgba(var(--color-brand-primary-rgb),.1);border-bottom:2px solid var(--color-brand-primary);color:var(--color-brand-primary);margin-bottom:-2px}.armory-type-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.armory-type-tab{align-items:center;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.armory-type-tab:hover{background:rgba(var(--color-brand-primary-rgb),.08);border-color:var(--color-brand-primary);color:var(--color-text-primary)}.armory-type-tab.active{background:rgba(var(--color-brand-primary-rgb),.15);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.armory-type-tab .type-tab-icon{font-size:1.1em}.armory-subtype-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.armory-subtype-tab{background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all .2s}.armory-subtype-tab:hover{background:#ffffff0d;color:var(--color-text-primary)}.armory-subtype-tab.active{background:rgba(var(--color-brand-primary-rgb),.1);border-color:rgba(var(--color-brand-primary-rgb),.3);color:var(--color-brand-primary)}.armory-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.armory-filters select{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.components-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.component-card{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:transform .2s,box-shadow .2s}.component-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.component-card.tier-1{border-left:3px solid var(--color-info)}.component-card.tier-2{border-left:3px solid var(--color-success)}.component-card.tier-3{border-left:3px solid var(--color-brand-primary)}.component-card.tier-4{border-left:3px solid var(--color-brand-accent)}.component-card.tier-5{border-left:3px solid var(--color-danger)}.component-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.component-icon{font-size:2em}.component-title{flex:1 1}.component-title h3{font-size:var(--font-size-md);margin:0 0 var(--spacing-xs) 0}.component-type{color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm);text-transform:uppercase}.component-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);min-height:40px}.component-stats{grid-gap:var(--spacing-xs);background:#0003;border-radius:var(--border-radius-sm);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.component-stats .stat{text-align:center}.component-stats .stat-label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);text-transform:capitalize}.component-stats .stat-value{color:var(--color-brand-accent);font-weight:var(--font-weight-bold)}.component-info{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.component-footer,.component-info{display:flex;justify-content:space-between}.component-footer{align-items:flex-end;border-top:1px solid var(--color-ui-border);gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);padding-top:var(--spacing-sm)}.component-footer .price-display{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-height:0}.component-footer .price-display .discounted-price,.component-footer .price-display .original-price,.component-footer .price-display .vip-badge{display:block}.component-footer .price-display .original-price{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-decoration:line-through}.component-footer .price-display .discounted-price,.component-footer .price-display .price{font-weight:var(--font-weight-bold)}.component-footer .price-display .vip-badge{background:#ffc10733;background:rgba(var(--color-brand-accent-rgb,255,193,7),.2);border-radius:var(--border-radius-sm);color:#f59e0b;color:var(--color-brand-accent,#f59e0b);font-size:var(--font-size-xs);padding:2px 6px;white-space:nowrap}.component-footer .price{font-weight:var(--font-weight-bold)}.component-footer .price.affordable{color:var(--color-success)}.component-footer .price.expensive{color:var(--color-danger)}.component-footer .quantity{color:var(--color-text-secondary)}.purchase-modal .modal-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.purchase-modal .modal-header .icon{font-size:2.5em}.purchase-modal .modal-header h2{flex:1 1;margin:0}.purchase-modal .stats-section{background:#0003;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.purchase-modal .stats-section h4{color:var(--color-text-tertiary);margin:0 0 var(--spacing-sm) 0}.purchase-modal .stat-row{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;text-transform:capitalize}.purchase-modal .stat-row:last-child{border-bottom:none}.purchase-modal .quantity-selector{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.purchase-modal .quantity-selector input{background:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);padding:var(--spacing-sm);text-align:center;width:80px}.purchase-modal .price-summary{background:rgba(var(--color-brand-primary-rgb),.1);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.purchase-modal .price-summary .row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.purchase-modal .price-summary .row.total{border-top:1px solid #fff3;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.purchase-modal .price-summary .sufficient{color:var(--color-success)}.purchase-modal .price-summary .insufficient{color:var(--color-danger)}.purchase-modal .result{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.purchase-modal .result.success{background:#22c55e33;color:var(--color-success)}.purchase-modal .result.error{background:rgba(var(--color-brand-primary-rgb),.2);color:var(--color-danger)}.purchase-modal .modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.armory-page .loading{color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.error-card{padding:var(--spacing-lg)}.armory-filters .search-input{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:150px;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s}.armory-filters .search-input::placeholder{color:var(--color-text-tertiary)}.armory-filters .search-input:focus{border-color:var(--color-brand-primary)}.quantity-controls{gap:0}.quantity-controls button{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);transition:background .2s,border-color .2s}.quantity-controls button:first-child{border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)}.quantity-controls button:last-child{border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.quantity-controls button:hover{background:rgba(var(--color-brand-primary-rgb),.15);border-color:var(--color-brand-primary)}.compare-modal{background:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);max-height:80vh;max-width:800px;overflow-y:auto;padding:var(--spacing-lg);width:100%}.compare-table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.compare-table td,.compare-table th{border:1px solid var(--color-ui-border);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.compare-table th{background:rgba(var(--color-brand-primary-rgb),.12);color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-transform:capitalize}.compare-table .best-value{background:#ffc1072e;background:rgba(var(--color-brand-accent-rgb,255,193,7),.18);color:var(--color-brand-accent);font-weight:var(--font-weight-bold)}.compare-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.compare-checkbox{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.compare-checkbox:hover{color:var(--color-text-primary)}.history-section{padding:var(--spacing-md) 0}.history-section h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.history-item{background:var(--color-ui-surface);border-bottom:1px solid var(--color-ui-border)}.history-item:last-child{border-bottom:none}.history-info{align-items:center;display:flex;gap:var(--spacing-sm)}.history-name{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.history-qty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.history-meta{align-items:flex-end;flex-direction:column;gap:2px}.history-cost{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.history-time{color:var(--color-text-tertiary)}.history-time,.level-lock{font-size:var(--font-size-xs)}.level-lock{background:#f59e0b33;background:rgba(var(--color-warning-rgb,245,158,11),.2);border-radius:var(--border-radius-sm);color:#f59e0b;color:var(--color-warning,#f59e0b);display:inline-block;font-weight:var(--font-weight-semibold);padding:2px var(--spacing-sm)}.component-card.unaffordable{opacity:.6}.inventory-section{padding:var(--spacing-md) 0}.purchase-modal .original-total{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-decoration:line-through}.purchase-modal .savings{color:var(--color-success);font-size:var(--font-size-sm)}.purchase-modal .savings-amount{color:var(--color-success);font-weight:var(--font-weight-bold)}.purchase-modal .shortage{color:var(--color-danger);font-size:var(--font-size-sm)}.purchase-modal .shortage-amount{color:var(--color-danger);font-weight:var(--font-weight-bold)}.purchase-modal .discount .savings{color:var(--color-brand-accent)}.purchase-modal .new-balance{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.skeleton-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.armory-page .skeleton-card{animation:skeleton-pulse 1.2s ease-in-out infinite;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);min-height:260px;padding:var(--spacing-md)}.skeleton-card .skeleton-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.skeleton-card .skeleton-icon{background:#ffffff0f;border-radius:4px;flex-shrink:0;height:24px;width:24px}.skeleton-card .skeleton-title{background:#ffffff0f;border-radius:4px;height:18px;width:60%}.skeleton-card .skeleton-type{background:#ffffff0a;border-radius:4px;height:12px;margin-bottom:16px;width:40%}.skeleton-card .skeleton-desc{background:#ffffff0a;border-radius:4px;height:12px;margin-bottom:8px;width:90%}.skeleton-card .skeleton-desc.short{margin-bottom:16px;width:55%}.skeleton-card .skeleton-stats{display:flex;gap:8px;margin-bottom:16px}.skeleton-card .skeleton-stat{background:#ffffff0d;border-radius:6px;flex:1 1;height:32px}.skeleton-card .skeleton-footer{background:#ffffff0d;border-radius:6px;height:36px;margin-top:auto;width:100%}.skeleton-card .shimmer{animation:armoryShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%}@keyframes armoryShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.component-card.tier-3:hover{box-shadow:0 4px 16px #3b82f64d,0 0 8px #3b82f626}.component-card.tier-4:hover{box-shadow:0 4px 16px #f59e0b4d,0 0 8px #f59e0b26}.component-card.tier-5:hover{box-shadow:0 4px 16px #ef444459,0 0 12px #ef444433}.armory-page .empty-state{margin:var(--spacing-xl) auto;max-width:400px;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.armory-page .empty-state .empty-state-icon{font-size:3em;margin-bottom:var(--spacing-md);opacity:.6}.armory-page .empty-state h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.armory-page .empty-state p{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.components-grid .component-card{animation:cardSlideIn .4s ease-out both}.components-grid .component-card:nth-child(2){animation-delay:.05s}.components-grid .component-card:nth-child(3){animation-delay:.1s}.components-grid .component-card:nth-child(4){animation-delay:.15s}.components-grid .component-card:nth-child(5){animation-delay:.2s}.components-grid .component-card:nth-child(6){animation-delay:.25s}.components-grid .component-card:nth-child(7){animation-delay:.3s}.components-grid .component-card:nth-child(8){animation-delay:.35s}.components-grid .component-card:nth-child(9){animation-delay:.4s}.components-grid .component-card:nth-child(10){animation-delay:.45s}.components-grid .component-card:nth-child(11){animation-delay:.5s}.components-grid .component-card:nth-child(12){animation-delay:.55s}.component-header{overflow:hidden;position:relative}.component-header:after{animation:scanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#dc26260f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes tierGlow-gold{0%,to{border-color:#f59e0b59;box-shadow:0 0 4px #f59e0b26,0 0 8px #f59e0b0d}50%{border-color:#f59e0b99;box-shadow:0 0 10px #f59e0b4d,0 0 20px #f59e0b1a}}@keyframes tierGlow-red{0%,to{border-color:#dc262666;box-shadow:0 0 4px #dc262633,0 0 8px #dc26260f}50%{border-color:#dc2626b3;box-shadow:0 0 12px #dc262659,0 0 24px #dc26261f}}.component-card.tier-4{animation:cardSlideIn .4s ease-out both,tierGlow-gold 3s ease-in-out infinite}.component-card.tier-5{animation:cardSlideIn .4s ease-out both,tierGlow-red 2.5s ease-in-out infinite}.armory-subtype-tab:active,.armory-tabs .tab:active,.armory-type-tab:active,.component-footer button:active,.quantity-controls button:active{transform:scale(.95);transition:transform .05s ease-out}.purchase-modal{background:linear-gradient(180deg,#dc262614,#0000 120px),#1a1a2e;background:linear-gradient(180deg,#dc262614 0,#0000 120px),var(--color-ui-elevated,#1a1a2e);border-top:2px solid var(--color-brand-primary)}.purchase-modal .modal-header{position:relative}.purchase-modal .modal-header:after{background:linear-gradient(90deg,#0000,#dc262666,#00d4c833,#dc262666,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}@keyframes resultFlash{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.purchase-modal .result{animation:resultFlash .4s ease-out}.purchase-modal .result.success{box-shadow:0 0 16px #22c55e26}.purchase-modal .result.error{box-shadow:0 0 16px #dc262626}@keyframes armoryFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.armory-page .empty-state .empty-state-icon{animation:armoryFloat 3s ease-in-out infinite}.component-card:hover{border-color:rgba(var(--color-brand-primary-rgb),.4)}.component-card:hover .component-stats{background:#0000004d;box-shadow:inset 0 0 12px rgba(var(--color-brand-primary-rgb),.06);transition:background .3s ease,box-shadow .3s ease}.component-card:hover .component-title h3{color:var(--color-brand-primary);transition:color .2s ease}@keyframes checkboxPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 8px #00d4c866}}.compare-checkbox:hover input[type=checkbox]{animation:checkboxPulse 1.2s ease-in-out infinite;border-radius:2px;outline:1px solid #00d4c84d}.component-card.tier-1:hover{border-left-color:var(--color-info);box-shadow:0 4px 12px #0000004d,-3px 0 10px #3b82f626}.component-card.tier-2:hover{border-left-color:var(--color-success);box-shadow:0 4px 12px #0000004d,-3px 0 10px #22c55e26}@keyframes vipShimmer{0%{background-position:-200%}to{background-position:200%}}.armory-page .vip-status{overflow:hidden;position:relative}.armory-page .vip-status:after{animation:vipShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f59e0b1f 25%,#f59e0b40 50%,#f59e0b1f 75%,#0000);background-size:200% 100%;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.armory-page .vip-status .vip-badge{position:relative;text-shadow:0 0 6px #f59e0b66;z-index:1}.component-footer .price-display .vip-badge{overflow:hidden;position:relative}.component-footer .price-display .vip-badge:after{animation:shimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f59e0b4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.armory-tabs .tab.active{position:relative;text-shadow:0 0 8px rgba(var(--color-brand-primary-rgb),.4)}.armory-tabs .tab.active:after{background:var(--color-brand-primary);border-radius:1px;bottom:-2px;box-shadow:0 0 8px rgba(var(--color-brand-primary-rgb),.6),0 0 16px rgba(var(--color-brand-primary-rgb),.3);content:"";height:2px;left:0;position:absolute;right:0}.armory-type-tab.active{box-shadow:0 0 8px rgba(var(--color-brand-primary-rgb),.2),inset 0 0 8px rgba(var(--color-brand-primary-rgb),.06)}.armory-subtype-tab.active{box-shadow:0 0 6px rgba(var(--color-brand-primary-rgb),.15)}.buy-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.quick-buy-btn{background:#22c55e26;border:1px solid #22c55e4d;border-radius:var(--border-radius-sm);color:var(--color-success);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;padding:4px 10px;transition:background .2s,border-color .2s,transform .1s,box-shadow .2s;white-space:nowrap}.quick-buy-btn:hover:not(:disabled){background:#22c55e40;border-color:#22c55e80;box-shadow:0 0 8px #22c55e33}.quick-buy-btn:active:not(:disabled){transform:scale(.93);transition:transform .05s}.quick-buy-btn:disabled{cursor:not-allowed;opacity:.5}.quick-buy-btn.purchasing{animation:quickBuyPulse .8s ease-in-out infinite}@keyframes quickBuyPulse{0%,to{opacity:.6}50%{opacity:1}}.eco-icon-armor,.eco-icon-mobility,.eco-icon-os,.eco-icon-power,.eco-icon-special,.eco-icon-weapon{background:currentColor;display:inline-block;height:1em;vertical-align:middle;width:1em}.eco-icon-weapon{-webkit-clip-path:polygon(85% 0,100% 0,100% 15%,60% 55%,75% 70%,65% 80%,50% 65%,35% 80%,25% 80%,30% 65%,20% 75%,10% 65%,45% 45%,0 0,15% 0,55% 40%);clip-path:polygon(85% 0,100% 0,100% 15%,60% 55%,75% 70%,65% 80%,50% 65%,35% 80%,25% 80%,30% 65%,20% 75%,10% 65%,45% 45%,0 0,15% 0,55% 40%)}.eco-icon-armor{-webkit-clip-path:polygon(50% 100%,5% 60%,5% 15%,20% 0,80% 0,95% 15%,95% 60%);clip-path:polygon(50% 100%,5% 60%,5% 15%,20% 0,80% 0,95% 15%,95% 60%)}.eco-icon-power{-webkit-clip-path:polygon(40% 0,70% 0,45% 42%,65% 42%,25% 100%,35% 52%,15% 52%);clip-path:polygon(40% 0,70% 0,45% 42%,65% 42%,25% 100%,35% 52%,15% 52%)}.eco-icon-mobility{-webkit-clip-path:polygon(40% 0,60% 0,65% 15%,80% 10%,90% 25%,80% 35%,100% 40%,100% 60%,80% 65%,90% 80%,80% 90%,65% 80%,60% 100%,40% 100%,35% 80%,20% 90%,10% 80%,20% 65%,0 60%,0 40%,20% 35%,10% 25%,20% 10%,35% 15%);clip-path:polygon(40% 0,60% 0,65% 15%,80% 10%,90% 25%,80% 35%,100% 40%,100% 60%,80% 65%,90% 80%,80% 90%,65% 80%,60% 100%,40% 100%,35% 80%,20% 90%,10% 80%,20% 65%,0 60%,0 40%,20% 35%,10% 25%,20% 10%,35% 15%)}.eco-icon-special{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.eco-icon-os{-webkit-clip-path:polygon(20% 0,35% 0,35% 10%,45% 10%,45% 0,55% 0,55% 10%,65% 10%,65% 0,80% 0,80% 20%,90% 20%,90% 35%,100% 35%,100% 65%,90% 65%,90% 80%,80% 80%,80% 100%,20% 100%,20% 80%,10% 80%,10% 65%,0 65%,0 35%,10% 35%,10% 20%,20% 20%);clip-path:polygon(20% 0,35% 0,35% 10%,45% 10%,45% 0,55% 0,55% 10%,65% 10%,65% 0,80% 0,80% 20%,90% 20%,90% 35%,100% 35%,100% 65%,90% 65%,90% 80%,80% 80%,80% 100%,20% 100%,20% 80%,10% 80%,10% 65%,0 65%,0 35%,10% 35%,10% 20%,20% 20%)}@media (max-width:768px){.armory-filters{flex-direction:column}.armory-filters select{width:100%}.components-grid{grid-template-columns:1fr}.component-stats{grid-template-columns:repeat(2,1fr)}}.milestone-banner{animation:milestoneBannerIn .4s ease-out,milestoneBannerOut .4s ease-in 2.6s forwards;background:linear-gradient(135deg,#9c27b0e6,#ba68c8d9);border:1px solid #ba68c899;border-radius:var(--border-radius-lg);box-shadow:0 4px 24px #9c27b066,0 0 40px #ba68c833;color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);left:50%;padding:var(--spacing-sm) var(--spacing-xl);pointer-events:none;position:fixed;text-align:center;top:20px;transform:translateX(-50%);white-space:nowrap;z-index:var(--z-index-toast)}@keyframes milestoneBannerIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes milestoneBannerOut{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.95)}}.armory-celebration{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:var(--z-index-modal-backdrop)}.armory-celebration .confetti{animation:armoryConfettiFall 2.5s ease-out forwards;background:#a78bfa;height:10px;opacity:0;position:absolute;width:10px}@keyframes armoryConfettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.armory-celebration .confetti:nth-child(2n){animation-duration:2s;background:#7c3aed}.armory-celebration .confetti:nth-child(3n){animation-duration:3s;background:#3b82f6}.armory-celebration .confetti:nth-child(4n){animation-duration:2.3s;background:#22c55e}.armory-celebration .confetti:nth-child(5n){animation-duration:2.8s;background:#fbbf24;height:8px;width:8px}.armory-celebration .confetti:first-child{animation-delay:0s;left:10%}.armory-celebration .confetti:nth-child(2){animation-delay:.1s;left:20%}.armory-celebration .confetti:nth-child(3){animation-delay:.2s;left:30%}.armory-celebration .confetti:nth-child(4){animation-delay:.05s;left:40%}.armory-celebration .confetti:nth-child(5){animation-delay:.15s;left:50%}.armory-celebration .confetti:nth-child(6){animation-delay:.25s;left:60%}.armory-celebration .confetti:nth-child(7){animation-delay:.08s;left:70%}.armory-celebration .confetti:nth-child(8){animation-delay:.18s;left:80%}.armory-celebration .confetti:nth-child(9){animation-delay:.12s;left:15%}.armory-celebration .confetti:nth-child(10){animation-delay:.22s;left:55%}.armory-page [role=tab]:focus-visible,.armory-page button:focus-visible,.armory-page input:focus-visible,.armory-page select:focus-visible{outline:2px solid #64b5f6;outline:2px solid var(--color-brand-accent,#64b5f6);outline-offset:2px}.component-card.research-locked{filter:grayscale(.35);opacity:.55;position:relative}.component-card.research-locked:before{background:#8b5cf60f;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.component-card.research-locked:hover{box-shadow:none;transform:none}.research-lock{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);padding:2px var(--spacing-sm)}.modal-research-lock,.research-lock{align-items:center;animation:armoryResearchPulse 2.5s ease-in-out infinite;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:var(--border-radius-sm);color:#a78bfa;display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-xs)}.modal-research-lock{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.research-lock-icon{background:currentColor;-webkit-clip-path:polygon(15% 45%,15% 100%,85% 100%,85% 45%,75% 45%,75% 25%,70% 15%,60% 5%,40% 5%,30% 15%,25% 25%,25% 45%);clip-path:polygon(15% 45%,15% 100%,85% 100%,85% 45%,75% 45%,75% 25%,70% 15%,60% 5%,40% 5%,30% 15%,25% 25%,25% 45%);display:inline-block;flex-shrink:0;height:14px;width:12px}@keyframes armoryResearchPulse{0%,to{box-shadow:0 0 4px #8b5cf61a}50%{box-shadow:0 0 12px #8b5cf640}}@media (prefers-reduced-motion:reduce){.skeleton-card,.skeleton-card .shimmer{animation:none}.armory-celebration .confetti{animation:none;display:none}.armory-page button:active,.component-card{animation:none;transition:none}.milestone-banner,.modal-research-lock,.quick-buy-btn.purchasing,.research-lock{animation:none}}.market-page{border-top:3px solid #2196f3;box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);padding:1rem;width:100%}.market-page .listing-card{border-top:2px solid #64b5f626}@media (min-width:1920px){.market-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.market-page{max-width:min(2600px,98vw)}}.market-message{animation:slideDown .3s ease;border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem 1.5rem}.market-message.success{background:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success)}.market-message.error{background:#e74c3c26;border:1px solid #e74c3c;color:var(--color-danger)}.form-hint{color:#888;color:var(--text-secondary,#888);font-size:.8rem;font-style:italic;margin-top:.5rem}.market-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.market-header h1{color:#fff;color:var(--text-primary,#fff);font-size:1.75rem;margin:0}.market-controls{align-items:center;gap:1rem;justify-content:space-between}.market-controls,.market-filters{display:flex;flex-wrap:wrap;margin-bottom:1rem}.market-filters{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-radius:8px;gap:.75rem;padding:1rem}.market-filters input,.market-filters select{background:#0d0d1a;background:var(--input-bg,#0d0d1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-primary,#fff);font-size:.875rem;min-width:120px;padding:.5rem .75rem}.market-filters input:focus,.market-filters select:focus{border-color:#00d4ff;border-color:var(--accent-color,#00d4ff);outline:none}.market-content{min-height:400px}.listings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.listing-card{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-left:4px solid #333;border-left:4px solid var(--border-color,#333);border-radius:8px;padding:1rem;transition:transform .2s,box-shadow .2s}.listing-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.listing-card.rarity-common{border-left-color:var(--color-text-tertiary)}.listing-card.rarity-uncommon{border-left-color:var(--rarity-uncommon)}.listing-card.rarity-rare{border-left-color:var(--rarity-rare)}.listing-card.rarity-epic{border-left-color:var(--rarity-epic)}.listing-card.rarity-legendary{border-left-color:var(--rarity-legendary)}.listing-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.listing-header h3{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:1rem;margin:0}.item-type{background:#252540;background:var(--bg-tertiary,#252540);border-radius:4px;color:#888;color:var(--text-secondary,#888);font-size:.7rem;padding:.25rem .5rem;text-transform:uppercase}.item-type.component{background:#1a3a5c;color:#5dade2}.item-type.resource{background:#2d4a1c;color:#82e0aa}.listing-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.listing-details .detail{display:flex;font-size:.875rem;justify-content:space-between}.listing-details .detail .label{color:#888;color:var(--text-secondary,#888)}.listing-details .detail .value{color:#fff;color:var(--text-primary,#fff)}.listing-details .detail.total{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin-top:.25rem;padding-top:.5rem}.listing-details .detail.total .value{color:#00d4ff;color:var(--accent-color,#00d4ff);font-weight:700}.listing-actions{display:flex;gap:.5rem;justify-content:flex-end}.no-listings{font-size:1.1rem;grid-column:1/-1;padding:3rem}.error,.loading,.no-listings{color:#888;color:var(--text-secondary,#888);text-align:center}.error,.loading{padding:2rem}.inventory-section{display:flex;flex-direction:column;gap:1.5rem}.inventory-section h2{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;margin:0;padding-bottom:.5rem}.inventory-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.inventory-card{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-left:4px solid #333;border-left:4px solid var(--border-color,#333);border-radius:8px;padding:1rem}.inventory-card h4{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;margin:0 0 .5rem}.inventory-card .item-info{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;margin-bottom:.75rem}.inventory-card .item-info,.no-items{color:#888;color:var(--text-secondary,#888)}.no-items{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-radius:8px;padding:1.5rem;text-align:center}.create-listing-form{display:flex;flex-direction:column;gap:1rem}.create-listing-form .form-group{display:flex;flex-direction:column;gap:.5rem}.create-listing-form .form-group label{font-size:.875rem}.create-listing-form .form-group input,.create-listing-form .form-group select{background:#0d0d1a;background:var(--input-bg,#0d0d1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:1rem;padding:.75rem}.form-summary{background:#252540;background:var(--bg-tertiary,#252540);border-radius:6px;padding:1rem;text-align:center}.form-summary p{color:#fff;color:var(--text-primary,#fff);margin:0}.form-summary .fee-note{color:#888;color:var(--text-secondary,#888);font-size:.75rem;margin-top:.25rem}.form-actions{gap:.75rem;margin-top:.5rem}.market-page .error-message{background:#e74c3c1a;border:1px solid var(--color-danger);border-radius:4px;color:var(--color-danger);font-size:.875rem;padding:.75rem;text-align:center}.listing-details-modal h3{color:#fff;color:var(--text-primary,#fff);margin:0 0 1rem}.details-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.detail-row{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);padding:.5rem 0}.detail-row .label{color:#888;color:var(--text-secondary,#888)}.detail-row .value{color:#fff;color:var(--text-primary,#fff);font-weight:500}.detail-row.total{border-bottom:none;border-top:2px solid #333;border-top:2px solid var(--border-color,#333);margin-top:.25rem;padding-top:.75rem}.detail-row.total .value{color:#00d4ff;color:var(--accent-color,#00d4ff);font-size:1.1rem}.market-page .rarity-common{color:var(--color-text-tertiary)}.market-page .rarity-uncommon{color:var(--rarity-uncommon)}.market-page .rarity-rare{color:var(--rarity-rare)}.market-page .rarity-epic{color:var(--rarity-epic)}.market-page .rarity-legendary{color:var(--rarity-legendary)}.market-pagination{display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:1.5rem;margin-top:var(--spacing-xl,1.5rem);padding:1rem 0;padding:var(--spacing-md,1rem) 0}.market-pagination,.pagination-btn{align-items:center;justify-content:center}.pagination-btn{background:#1a1a2e;background:var(--color-ui-surface,var(--card-bg,#1a1a2e));border:1px solid #333;border:1px solid var(--color-ui-border,var(--border-color,#333));border-radius:6px;border-radius:var(--border-radius-md,6px);color:#fff;color:var(--color-text-primary,var(--text-primary,#fff));cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-md,1rem);height:36px;transition:all .2s;width:36px}.pagination-btn:hover:not(:disabled){background:#00d4ff26;background:rgba(var(--color-brand-primary-rgb,0,212,255),.15);border-color:#00d4ff;border-color:var(--color-brand-primary,var(--accent-color,#00d4ff));color:#00d4ff;color:var(--color-brand-primary,var(--accent-color,#00d4ff))}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-info{color:#fff;color:var(--color-text-primary,var(--text-primary,#fff));font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:500;font-weight:var(--font-weight-medium,500);padding:0 1rem;padding:0 var(--spacing-md,1rem)}.pagination-total{color:#888;color:var(--color-text-tertiary,var(--text-secondary,#888));margin-left:.25rem;margin-left:var(--spacing-xs,.25rem)}.current-bid,.pagination-total{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.current-bid{color:#3498db;color:var(--color-info,#3498db);display:block;font-weight:700;font-weight:var(--font-weight-bold,700);margin-top:2px}.bid-modal{padding:1rem 0;padding:var(--spacing-md,1rem) 0}.bid-info{background:#0003;border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem);padding:1rem;padding:var(--spacing-md,1rem)}.bid-detail{border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:.25rem 0;padding:var(--spacing-xs,.25rem) 0}.bid-detail:last-child{border-bottom:none}.bid-label{color:#666;color:var(--color-text-tertiary,#666)}.bid-current{color:#3498db;color:var(--color-info,#3498db);font-weight:700;font-weight:var(--font-weight-bold,700)}.bid-error{background:#ef444426;color:#e74c3c;color:var(--color-danger,#e74c3c)}.bid-error,.bid-success{border-radius:8px;border-radius:var(--border-radius-md,8px);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);padding:.5rem 1rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem)}.bid-success{background:#22c55e26;color:#2ecc71;color:var(--color-success,#2ecc71)}.market-bid-section{align-items:center;background:#00000026;border-radius:6px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.market-bid-section label{color:#888;color:var(--text-secondary,#888);font-size:.875rem;white-space:nowrap}.market-bid-section input{background:#0d0d1a;background:var(--input-bg,#0d0d1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:4px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.875rem;min-width:80px;padding:.5rem .75rem}.market-skeleton{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.market-skeleton-card{background:#1a1a2e;background:var(--color-ui-surface,#1a1a2e);border-radius:8px;height:200px;overflow:hidden;position:relative}.market-skeleton-card:after{animation:marketShimmer 1.8s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.market-skeleton-card .skeleton-line{background:#ffffff0f;border-radius:4px;height:12px;margin:1rem}.market-skeleton-card .skeleton-line.short{width:40%}.market-skeleton-card .skeleton-line.medium{width:65%}.market-skeleton-card .skeleton-line.long{width:85%}.market-skeleton-card .skeleton-avatar{background:#ffffff0f;border-radius:50%;height:48px;margin:1rem;width:48px}@keyframes marketShimmer{to{left:100%}}.listings-grid .listing-card{animation:cardEntry .4s ease backwards}.listings-grid .listing-card:first-child{animation-delay:0s}.listings-grid .listing-card:nth-child(2){animation-delay:.04s}.listings-grid .listing-card:nth-child(3){animation-delay:.08s}.listings-grid .listing-card:nth-child(4){animation-delay:.12s}.listings-grid .listing-card:nth-child(5){animation-delay:.16s}.listings-grid .listing-card:nth-child(6){animation-delay:.2s}.listings-grid .listing-card:nth-child(7){animation-delay:.24s}.listings-grid .listing-card:nth-child(8){animation-delay:.28s}.listings-grid .listing-card:nth-child(9){animation-delay:.32s}.listings-grid .listing-card:nth-child(10){animation-delay:.36s}.listings-grid .listing-card:nth-child(11){animation-delay:.4s}.listings-grid .listing-card:nth-child(12){animation-delay:.44s}.listings-grid .listing-card:nth-child(n+13){animation-delay:.48s}.listing-card:hover{box-shadow:0 8px 24px #0006,0 0 0 1px #dc262633;transform:translateY(-4px) scale(1.01)}.listing-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.listing-card.rarity-legendary{box-shadow:0 0 12px #f39c1226}.listing-card.rarity-legendary:hover{box-shadow:0 8px 24px #0006,0 0 20px #f39c1240}.listing-card.rarity-epic{box-shadow:0 0 8px #9b59b61f}.listing-card.rarity-epic:hover{box-shadow:0 8px 24px #0006,0 0 16px #9b59b633}.listing-card.rarity-rare{box-shadow:0 0 6px #3498db1a}.listing-card.rarity-rare:hover{box-shadow:0 8px 24px #0006,0 0 14px #3498db2e}.listing-card.auction-listing{animation:auctionPulse 2.5s ease-in-out infinite;border:1px solid #00d4c84d}.listing-card.auction-listing:hover{animation:none;border-color:#00d4c8b3}@keyframes auctionPulse{0%,to{border-color:#00d4c84d}50%{border-color:#00d4c899}}.listing-card.auction-listing .auction-timer{align-items:center;color:#00d4c8;color:var(--color-secondary,#00d4c8);display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;letter-spacing:.02em}.listing-card.auction-listing .auction-timer.urgent{animation:eventPulse 1s ease-in-out infinite;color:var(--color-brand-primary)}.btn-bid{background:linear-gradient(135deg,#00d4c833,#00d4c81a);border:1px solid #00d4c866;border-radius:6px;color:#00d4c8;color:var(--color-secondary,#00d4c8);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:relative;transition:all .25s ease}.btn-bid:hover{background:linear-gradient(135deg,#00d4c859,#00d4c833);border-color:#00d4c8b3;box-shadow:0 0 16px #00d4c840,0 0 4px #00d4c826;transform:translateY(-1px)}.btn-bid.affordable{animation:bidGlow 2s ease-in-out infinite}.btn-bid.affordable:hover{animation:none;box-shadow:0 0 20px #00d4c859,0 0 6px #00d4c833}.btn-bid:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.4}@keyframes bidGlow{0%,to{box-shadow:0 0 6px #00d4c826}50%{box-shadow:0 0 18px #00d4c84d,0 0 4px #00d4c826}}.market-pagination{position:relative}.market-pagination:before{background:linear-gradient(90deg,#0000,#dc26264d,#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60%}.pagination-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;position:relative}.pagination-btn:before{background:linear-gradient(135deg,#dc26260d,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.pagination-btn:hover:not(:disabled):before{opacity:1}.pagination-btn:hover:not(:disabled){box-shadow:0 0 12px #00d4c833,0 0 4px #00d4c81a;transform:translateY(-1px)}.pagination-btn.active{background:linear-gradient(135deg,#dc26264d,#dc262626);border-color:var(--color-brand-primary);box-shadow:0 0 10px #dc262633;color:#fff}.market-message{align-items:center;display:flex;gap:.75rem;overflow:hidden;position:relative}.market-message:before{flex-shrink:0;font-size:1.1rem}.market-message.success:before{content:"\2714"}.market-message.error:before{content:"\26A0"}.market-message.success{box-shadow:0 0 16px #2ecc711f,inset 0 0 20px #2ecc710a}.market-message.error{box-shadow:0 0 16px #e74c3c1f,inset 0 0 20px #e74c3c0a}.market-message:after{animation:messageShine 2s ease .5s forwards;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes messageShine{to{left:200%}}.no-listings{align-items:center;display:flex;flex-direction:column;gap:.75rem;position:relative}.no-listings:before{animation:float 3s ease-in-out infinite;content:"\1F50D";display:block;font-size:2.5rem;margin-bottom:.25rem;opacity:.6}.no-items{align-items:center;display:flex;flex-direction:column;gap:.5rem;position:relative}.no-items:before{animation:float 3.5s ease-in-out infinite;content:"\1F4E6";display:block;font-size:2rem;opacity:.5}.market-filters{background:linear-gradient(180deg,#1a1a2ef2,#0d0d1ae6);border:1px solid #dc262626;overflow:hidden;position:relative}.market-filters:before{background:linear-gradient(90deg,#0000,#dc262666 20%,#00d4c84d 50%,#dc262666 80%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.market-filters:after{background:linear-gradient(180deg,#dc26264d,#0000);bottom:0;content:"";position:absolute;right:0;top:0;width:1px}.market-filters input,.market-filters select{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.market-filters input:focus,.market-filters select:focus{background:#0d0d1af2;border-color:#00d4c880;box-shadow:0 0 8px #00d4c826,inset 0 0 4px #00d4c80d}.market-filters input:hover,.market-filters select:hover{border-color:#ffffff26}.create-listing-form{padding-top:.5rem;position:relative}.create-listing-form:before{background:linear-gradient(90deg,var(--color-brand-primary) 0,#f59e0b 35%,#00d4c8 65%,var(--color-brand-primary) 100%);border-radius:2px;content:"";height:2px;left:0;opacity:.7;position:absolute;right:0;top:0}.create-listing-form .form-group input,.create-listing-form .form-group select{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.create-listing-form .form-group input:focus,.create-listing-form .form-group select:focus{background:#0d0d1af2;border-color:#00d4c880;box-shadow:0 0 10px #00d4c81f,0 0 4px #00d4c814;outline:none}.create-listing-form .form-group label{color:#888;color:var(--text-secondary,#888);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:color .2s ease}.create-listing-form .form-group:focus-within label{color:#00d4c8;color:var(--color-secondary,#00d4c8)}.form-summary{background:linear-gradient(135deg,#f59e0b0f,#252540e6);border:1px solid #f59e0b33;overflow:hidden;position:relative}.form-summary:before{background:linear-gradient(90deg,#0000,#f59e0b66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.form-actions button{transition:all .25s ease}.form-actions button:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.inventory-card{overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.inventory-card:after{background:linear-gradient(135deg,#ffffff05,#0000);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .25s ease;width:100%}.inventory-card:hover{background:#1a1a2ef2;transform:translateY(-3px)}.inventory-card:hover:after{opacity:1}.inventory-card.type-component{border-left-color:#5dade2}.inventory-card.type-component:hover{box-shadow:0 4px 16px #0000004d,0 0 10px #5dade21f}.inventory-card.type-resource{border-left-color:#82e0aa}.inventory-card.type-resource:hover{box-shadow:0 4px 16px #0000004d,0 0 10px #82e0aa1f}.inventory-card.type-blueprint{border-left-color:#f59e0b}.inventory-card.type-blueprint:hover{box-shadow:0 4px 16px #0000004d,0 0 10px #f59e0b1f}.inventory-card:not(.type-component):not(.type-resource):not(.type-blueprint):hover{box-shadow:0 4px 16px #0000004d,0 0 8px #dc26261a}.inventory-card.selected{border-color:#00d4c8;border-color:var(--color-secondary,#00d4c8);box-shadow:0 0 12px #00d4c833,inset 0 0 8px #00d4c80d}.inventory-card.selected:before{align-items:center;background:#00d4c8;background:var(--color-secondary,#00d4c8);border-radius:50%;color:#0d0d1a;content:"\2713";display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:20px}.inventory-grid .inventory-card{animation:cardEntry .35s ease backwards}.inventory-grid .inventory-card:first-child{animation-delay:0s}.inventory-grid .inventory-card:nth-child(2){animation-delay:.03s}.inventory-grid .inventory-card:nth-child(3){animation-delay:.06s}.inventory-grid .inventory-card:nth-child(4){animation-delay:.09s}.inventory-grid .inventory-card:nth-child(5){animation-delay:.12s}.inventory-grid .inventory-card:nth-child(6){animation-delay:.15s}.inventory-grid .inventory-card:nth-child(7){animation-delay:.18s}.inventory-grid .inventory-card:nth-child(8){animation-delay:.21s}.inventory-grid .inventory-card:nth-child(n+9){animation-delay:.24s}.listing-header-right{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.watchlist-star{background:none;border:none;cursor:pointer;line-height:1;padding:.2rem;transition:transform .2s ease}.watchlist-star:hover{transform:scale(1.25)}.watchlist-star .star-icon{display:inline-block;height:18px;position:relative;width:18px}.watchlist-star .star-icon:before{background:#888;background:var(--text-secondary,#888);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";display:block;height:100%;transition:background .2s ease;width:100%}.watchlist-star.active .star-icon:before{background:#f1c40f}.watchlist-star:hover .star-icon:before{background:#f1c40f;opacity:.8}.watchlist-star.active:hover .star-icon:before{opacity:.6}.expiry-countdown{color:#00d4c8;color:var(--color-secondary,#00d4c8);font-size:.85rem;font-weight:600}.expiry-countdown.expired{color:#e74c3c;color:var(--color-danger,#e74c3c)}.bid-history-section{border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;margin-bottom:1rem;overflow:hidden}.bid-history-toggle{align-items:center;background:#00000026;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background .2s ease;width:100%}.bid-history-toggle:hover{background:#00000040}.bid-history-chevron{border-bottom:2px solid;border-right:2px solid;display:inline-block;height:8px;transform:rotate(-45deg);transition:transform .2s ease;width:8px}.bid-history-toggle.expanded .bid-history-chevron{transform:rotate(45deg)}.bid-history-count{color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-weight:400}.bid-history-list{animation:slideDown .2s ease;padding:.5rem 1rem .75rem}.bid-history-empty,.bid-history-loading{color:#888;color:var(--text-secondary,#888);font-size:.85rem;padding:.75rem;text-align:center}.bid-history-error{color:#e74c3c;color:var(--color-danger,#e74c3c);font-size:.85rem;padding:.75rem;text-align:center}.bid-history-entries{list-style:none;margin:0;padding:0}.bid-entry{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;font-size:.85rem;justify-content:space-between;padding:.4rem 0}.bid-entry:last-child{border-bottom:none}.bid-entry.highest{color:#00d4ff;color:var(--accent-color,#00d4ff);font-weight:600}.bid-entry-name{color:#fff;color:var(--text-primary,#fff);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bid-entry.highest .bid-entry-name:after{color:#2ecc71;color:var(--color-success,#2ecc71);content:" (Highest)";font-size:.7rem;font-weight:400}.bid-entry-amount{color:#3498db;color:var(--color-info,#3498db);flex-shrink:0;font-weight:600;padding:0 .75rem}.bid-entry-time{color:#888;color:var(--text-secondary,#888);flex-shrink:0;font-size:.75rem}.profit-calculator{background:#00000040;border:1px solid #00d4c826;border-radius:6px;margin-top:-.25rem;padding:.75rem 1rem}.profit-calculator .calc-title{color:#00d4c8;color:var(--color-secondary,#00d4c8);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.profit-calculator .calc-row{display:flex;font-size:.85rem;justify-content:space-between;padding:.2rem 0}.profit-calculator .calc-row.net{border-top:1px solid #ffffff1a;font-weight:600;margin-top:.25rem;padding-top:.4rem}.profit-calculator .calc-label{color:#888;color:var(--text-secondary,#888)}.profit-calculator .calc-value{color:#fff;color:var(--text-primary,#fff);font-weight:500}.profit-calculator .calc-value.fee{color:#e74c3c;color:var(--color-danger,#e74c3c)}.profit-calculator .calc-value.profit{color:#2ecc71;color:var(--color-success,#2ecc71);font-weight:700}.listing-card.ending-soon{animation:endingSoonPulse 1.5s ease-in-out infinite;border-color:#dc262680}@keyframes endingSoonPulse{0%,to{border-color:#dc262666;box-shadow:0 0 6px #dc26261a}50%{border-color:#dc2626cc;box-shadow:0 0 16px #dc262640}}.listing-card.ending-soon:hover{animation:none;border-color:#dc2626cc;box-shadow:0 8px 24px #0006,0 0 20px #dc26264d}.ending-soon-badge{animation:endingSoonBadgePulse 1.5s ease-in-out infinite;background:#dc262633;border:1px solid #dc262666;border-radius:4px;color:#ef4444;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;white-space:nowrap}@keyframes endingSoonBadgePulse{0%,to{opacity:1}50%{opacity:.6}}.market-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.market-starfield .star{animation:marketStarTwinkle 4s ease-in-out infinite;animation:marketStarTwinkle var(--star-duration,4s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--star-delay,0s);background:#00d4ff99;border-radius:50%;position:absolute}.market-starfield .star:nth-child(3n+1){background:#3b82f680;height:2px;width:2px}.market-starfield .star:nth-child(3n+2){background:#00d4c899;height:3px;width:3px}.market-starfield .star:nth-child(3n){background:#60a5fab3;height:4px;width:4px}@keyframes marketStarTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@media (max-width:768px){.market-header{align-items:flex-start;flex-direction:column;gap:1rem}.market-controls{align-items:stretch}.market-controls,.market-filters{flex-direction:column}.market-filters input,.market-filters select{width:100%}.inventory-grid,.listings-grid{grid-template-columns:1fr}}.market-celebration{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:var(--z-index-modal-backdrop)}.market-celebration .confetti{animation:marketConfettiFall 2.5s ease-out forwards;background:#00d4ff;height:10px;opacity:0;position:absolute;width:10px}@keyframes marketConfettiFall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.market-celebration .confetti:nth-child(2n){animation-duration:2s;background:#3b82f6}.market-celebration .confetti:nth-child(3n){animation-duration:3s;background:#60a5fa}.market-celebration .confetti:nth-child(4n){animation-duration:2.3s;background:#22c55e}.market-celebration .confetti:nth-child(5n){animation-duration:2.8s;background:#fbbf24;height:8px;width:8px}.market-celebration .confetti:first-child{animation-delay:0s;left:10%}.market-celebration .confetti:nth-child(2){animation-delay:.1s;left:20%}.market-celebration .confetti:nth-child(3){animation-delay:.2s;left:30%}.market-celebration .confetti:nth-child(4){animation-delay:.05s;left:40%}.market-celebration .confetti:nth-child(5){animation-delay:.15s;left:50%}.market-celebration .confetti:nth-child(6){animation-delay:.25s;left:60%}.market-celebration .confetti:nth-child(7){animation-delay:.08s;left:70%}.market-celebration .confetti:nth-child(8){animation-delay:.18s;left:80%}.market-celebration .confetti:nth-child(9){animation-delay:.12s;left:15%}.market-celebration .confetti:nth-child(10){animation-delay:.22s;left:55%}.market-page [role=tab]:focus-visible,.market-page button:focus-visible,.market-page input:focus-visible,.market-page select:focus-visible{outline:2px solid #64b5f6;outline:2px solid var(--color-brand-accent,#64b5f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.market-starfield .star{animation:none!important}.market-celebration .confetti{animation:none;display:none}.inventory-card,.listing-card{animation:none;transition:none}.ending-soon-badge,.listing-card.ending-soon{animation:none}}@keyframes craftingFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkFloat{0%,to{opacity:.8;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(180deg)}}@keyframes weldPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes hologramFlicker{0%,to{opacity:.95}50%{opacity:.85}}.crafting-container{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);overflow:hidden;padding:var(--spacing-lg);position:relative;width:100%}.crafting-container:before{animation:sparkFloat 8s ease-in-out infinite;background:radial-gradient(2px 2px at 20% 30%,#ffb43299,#0000),radial-gradient(2px 2px at 60% 70%,#ff8c1e80,#0000),radial-gradient(1px 1px at 50% 50%,#ffc85066,#0000),radial-gradient(1px 1px at 80% 10%,#ffa02880,#0000),radial-gradient(2px 2px at 90% 60%,#ffbe3c66,#0000),radial-gradient(1px 1px at 15% 80%,#ffaa3280,#0000),radial-gradient(1px 1px at 30% 20%,#ff961e66,#0000);background-size:200% 200%;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.crafting-container>*{position:relative;z-index:1}@media (min-width:1920px){.crafting-container{max-width:min(1800px,98vw)}}@media (min-width:2560px){.crafting-container{max-width:min(2600px,98vw)}}.crafting-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.crafting-header h1{font-size:var(--font-size-2xl);margin:0}.crafting-stats{display:flex;gap:var(--spacing-lg)}.crafting-stats .stat{display:flex;gap:var(--spacing-xs)}.crafting-stats .stat .label{color:var(--color-text-tertiary)}.crafting-stats .stat .value{color:var(--color-brand-accent);font-weight:var(--font-weight-bold)}.crafting-content{margin-top:var(--spacing-lg)}.blueprints-tab{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 400px}.blueprints-list{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.schematics-intro{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.filters input,.filters select{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.filters input{flex:1 1}.filters input:focus,.filters select:focus{border-color:var(--color-brand-primary);outline:none}.blueprints-section{margin-bottom:var(--spacing-xl)}.blueprints-section:last-of-type{margin-bottom:0}.blueprints-section-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-xs) 0}.blueprints-section-desc{margin:0 0 var(--spacing-md) 0}.blueprints-section-desc,.blueprints-section-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.blueprints-section-empty{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);margin:0;padding:var(--spacing-md)}.blueprints-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:600px;overflow-y:auto}.blueprint-card{align-items:center;border:2px solid #0000;cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-md);text-align:center;transition:all .2s}.blueprint-card:hover{border-color:var(--color-brand-primary);transform:translateY(-2px)}.blueprint-card.selected{background:#2b6de81a;border-color:var(--color-brand-accent)}.blueprint-card-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.blueprint-card-content h4{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.blueprint-card-meta{display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-xs)}.blueprint-card-meta .type{color:var(--color-text-tertiary);text-transform:capitalize}.blueprint-card-time{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.rarity-common{color:var(--rarity-common,#9ca3af)}.rarity-uncommon{color:var(--rarity-uncommon,#22c55e)}.rarity-rare{color:var(--rarity-rare,#3b82f6)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.blueprint-detail{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.detail-header{border-bottom:1px solid var(--color-border);gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.detail-icon{font-size:3rem}.detail-title h3{margin:0 0 var(--spacing-xs) 0}.detail-title .rarity{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.detail-description{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.detail-description,.detail-stats{margin-bottom:var(--spacing-lg)}.stat-row{border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0}.stat-row span:first-child{color:var(--color-text-tertiary)}.detail-resources{margin-bottom:var(--spacing-lg)}.detail-resources h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.detail-resources ul{list-style:none;margin:0;padding:0}.detail-resources li{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.detail-resources li.has-resource{border-left:3px solid var(--color-success)}.detail-resources li.missing-resource{border-left:3px solid var(--color-danger)}.detail-resources li.missing-resource .resource-qty{color:var(--color-danger)}.no-resources-needed{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic}.detail-credits{background:#f59e0b1a;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.credit-value{color:var(--color-warning);font-weight:var(--font-weight-bold)}.quality-selector{margin-bottom:var(--spacing-lg)}.quality-selector h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.quality-options{display:flex;gap:var(--spacing-sm)}.quality-btn{background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);flex:1 1;padding:var(--spacing-sm);text-align:center;transition:all .2s}.quality-btn:hover{border-color:var(--color-brand-primary)}.quality-btn.active{background:#2b6de81a;border-color:var(--color-brand-accent)}.quality-name{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm)}.quality-bonus{color:var(--color-success);display:block;font-size:var(--font-size-xs)}.craft-button{width:100%}.no-selection{align-items:center;color:var(--color-text-tertiary);display:flex;height:300px;justify-content:center}.queue-tab{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr minmax(280px,350px)}.queue-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.queue-section h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.queue-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.queue-section-header h3{margin:0}.completed-items,.queue-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.completed-item,.queue-item{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-md)}.completed-item-info,.queue-item-info{flex:1 1}.completed-item-info h4,.queue-item-info h4{margin:0 0 var(--spacing-xs) 0}.completed-item-meta,.queue-item-meta{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.crafting-panel .progress-bar{background:var(--color-bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.crafting-panel .progress-fill{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-accent));height:100%;transition:width .3s}.no-active,.no-completed{color:var(--color-text-tertiary);padding:var(--spacing-xl);text-align:center}.resources-tab{max-width:600px}.resources-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.resources-panel h3{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md) 0}.resources-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:500px;overflow-y:auto}.resource-item{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.resource-qty{color:var(--color-brand-accent);font-weight:var(--font-weight-bold)}.no-resources{padding:var(--spacing-lg)}.error,.loading,.no-blueprints,.no-resources{color:var(--color-text-tertiary);text-align:center}.error,.loading,.no-blueprints{padding:var(--spacing-xl)}.error{color:var(--color-danger)}.crafting-header .header-main{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md)}.header-panels{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.workshop-level-display{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);min-width:200px;padding:var(--spacing-sm) var(--spacing-md)}.workshop-level-display .workshop-header{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.workshop-level-display .workshop-icon{font-size:1.2rem}.workshop-level-display .workshop-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.workshop-xp-bar{background:var(--color-bg-tertiary);border-radius:4px;height:8px;margin-bottom:var(--spacing-xs)}.workshop-xp-fill{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-accent));transition:width .3s}.workshop-bonuses .bonus{color:var(--color-success);font-size:var(--font-size-xs)}.vip-benefits{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);min-width:180px;padding:var(--spacing-sm) var(--spacing-md)}.vip-benefits.none .vip-cta{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.vip-benefits .vip-header{margin-bottom:var(--spacing-xs)}.vip-benefits .vip-badge{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.vip-bonus-list{display:flex;flex-direction:column;gap:2px}.vip-bonus-list .vip-bonus{color:var(--color-success);font-size:var(--font-size-xs)}.active-events-banner{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--border-radius-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.events-icon{font-size:1.1rem}.events-title{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.event-badge{color:var(--color-text-primary);font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:2px var(--spacing-sm)}.event-badge,.success-rate-display{border-radius:var(--border-radius-sm)}.success-rate-display{background:var(--color-bg-tertiary);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);position:relative}.success-rate-header{display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-xs)}.success-rate-header .rate{font-weight:var(--font-weight-bold)}.success-rate-bar{background:var(--color-bg-primary);border-radius:3px;height:6px;overflow:hidden}.success-rate-fill{height:100%;transition:width .3s}.success-high .success-rate-fill{background:var(--color-success)}.success-high .rate{color:var(--color-success)}.success-medium .success-rate-fill{background:var(--color-brand-primary)}.success-medium .rate{color:var(--color-brand-primary)}.success-low .success-rate-fill{background:var(--color-warning)}.success-low .rate{color:var(--color-warning)}.success-risky .success-rate-fill{background:var(--color-danger)}.success-risky .rate{color:var(--color-danger)}.success-rate-tooltip{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid #47556980;border-radius:8px;box-shadow:0 8px 24px #00000080;left:50%;margin-top:12px;max-width:400px;min-width:320px;opacity:0;padding:16px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:var(--z-index-tooltip)}.success-rate-display:hover .success-rate-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.success-rate-tooltip h5{border-bottom:1px solid #4755694d;color:#94a3b8;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.tooltip-breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-item{font-size:13px;padding:4px 0}.breakdown-label{color:#cbd5e1;font-weight:400}.breakdown-value{color:#e2e8f0;font-weight:600;min-width:60px;text-align:right}.breakdown-value.positive{color:#22c55e}.breakdown-value.negative{color:#ef4444}.breakdown-item.bonus .breakdown-label{padding-left:12px;position:relative}.breakdown-item.bonus .breakdown-label:before{color:#22c55e;content:"+";font-weight:700;left:0;position:absolute}.breakdown-item.modifier .breakdown-label{padding-left:12px;position:relative}.breakdown-item.modifier .breakdown-label:before{color:#ef4444;content:"−";font-weight:700;left:0;position:absolute}.breakdown-divider{background:#4755694d;margin:4px 0}.breakdown-item.total{border-top:2px solid #3b82f64d;font-size:14px;font-weight:600;padding-top:8px}.breakdown-item.total .breakdown-label{color:#60a5fa}.breakdown-item.total .breakdown-value{color:#60a5fa;font-size:16px}.breakdown-note{color:#64748b;font-size:11px;font-style:italic;margin-top:8px;text-align:center}.time-with-discount .original{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-right:var(--spacing-xs);text-decoration:line-through}.time-with-discount .adjusted{color:var(--color-success);font-weight:var(--font-weight-bold)}.blueprint-card-time .original{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-right:var(--spacing-xs);text-decoration:line-through}.blueprint-card-time .adjusted{color:var(--color-success);font-weight:var(--font-weight-bold)}.slots-full-warning{color:var(--color-warning);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);text-align:center}.queue-item-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.output-quality{color:var(--color-brand-accent);font-weight:var(--font-weight-bold)}.rush-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.rush-item-info h3{margin:0 0 var(--spacing-xs) 0}.rush-balance,.rush-cost{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.rush-cost .affordable{color:var(--color-success)}.rush-cost .expensive{color:var(--color-danger)}.rush-balance .sufficient{color:var(--color-success)}.rush-balance .insufficient,.rush-warning{color:var(--color-danger)}.rush-warning{background:#ef44441a;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm);text-align:center}.confirm-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.confirm-modal p{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}@media (max-width:1024px){.blueprints-tab,.queue-tab{grid-template-columns:1fr}}@media (max-width:768px){.crafting-header{align-items:flex-start;flex-direction:column}.crafting-stats{flex-wrap:wrap;gap:var(--spacing-md)}.filters{flex-direction:column}.blueprints-grid{grid-template-columns:repeat(2,1fr)}.quality-options{flex-direction:column}}@media (max-width:480px){.crafting-container{padding:var(--spacing-md)}.blueprints-grid{grid-template-columns:1fr}}.reveal-overlay{align-items:center;animation:craftingFadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.reveal-modal{perspective:1000px;width:320px}.reveal-card{min-height:420px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);width:100%}.reveal-card.flipped{transform:rotateY(180deg)}.reveal-card-back,.reveal-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;min-height:420px;overflow:hidden;position:absolute;width:100%}.reveal-card-front{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:2px solid #ffffff26;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:40px 20px}.reveal-card-front .reveal-mystery-icon{animation:mysteryPulse 1.5s ease-in-out infinite;font-size:4rem}.reveal-card-front .reveal-tap-text{animation:tapPulse 2s ease-in-out infinite;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.reveal-card-back{align-items:center;display:flex;flex-direction:column;gap:16px;padding:30px 20px;transform:rotateY(180deg)}.reveal-card-back.rarity-common{background:linear-gradient(135deg,#2d2d3f,#3a3a4f);border:2px solid #9ca3af}.reveal-card-back.rarity-uncommon{background:linear-gradient(135deg,#1a2e1a,#1e3a1e);border:2px solid #22c55e;box-shadow:0 0 30px #22c55e4d}.reveal-card-back.rarity-rare{background:linear-gradient(135deg,#1a1a3e,#1e2a5e);border:2px solid var(--color-brand-primary);box-shadow:0 0 30px #3b82f64d}.reveal-card-back.rarity-epic{background:linear-gradient(135deg,#2e1a3e,#4a1a6e);border:2px solid var(--rarity-epic);box-shadow:0 0 30px #a855f766}.reveal-card-back.rarity-legendary{animation:legendaryGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#3e2a0a,#5e3a00);border:2px solid var(--rarity-legendary);box-shadow:0 0 40px #f59e0b80}.reveal-item-icon{animation:revealBounce .6s cubic-bezier(.175,.885,.32,1.275) .8s both;font-size:3.5rem;margin-top:10px}.reveal-item-name{animation:revealBounce .6s cubic-bezier(.175,.885,.32,1.275) .9s both;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center}.reveal-item-rarity{animation:revealBounce .6s cubic-bezier(.175,.885,.32,1.275) 1s both;border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:2px;padding:4px 16px;text-transform:uppercase}.reveal-item-rarity.rarity-common{background:#9ca3af33;color:#9ca3af}.reveal-item-rarity.rarity-uncommon{background:#22c55e33;color:#22c55e}.reveal-item-rarity.rarity-rare{background:#3b82f633;color:#3b82f6}.reveal-item-rarity.rarity-epic{background:#a855f733;color:var(--rarity-epic)}.reveal-item-rarity.rarity-legendary{background:#f59e0b33;color:var(--rarity-legendary)}.reveal-quality-bar{animation:revealBounce .6s cubic-bezier(.175,.885,.32,1.275) 1.1s both;width:80%}.reveal-quality-label{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin-bottom:4px}.reveal-quality-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.reveal-quality-fill{border-radius:4px;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1) 1.2s}.reveal-quality-fill.quality-high{background:linear-gradient(90deg,#22c55e,#10b981)}.reveal-quality-fill.quality-medium{background:linear-gradient(90deg,#3b82f6,#2b6de8)}.reveal-quality-fill.quality-low{background:linear-gradient(90deg,#f59e0b,#d97706)}.reveal-stats{animation:revealBounce .6s cubic-bezier(.175,.885,.32,1.275) 1.2s both;display:flex;flex-direction:column;gap:6px;width:80%}.reveal-stat{background:#0003;border-radius:4px;display:flex;font-size:var(--font-size-xs);justify-content:space-between;padding:4px 8px}.reveal-stat-label{color:var(--color-text-tertiary)}.reveal-stat-value{color:var(--color-text-primary);font-weight:600}.reveal-claim-btn{animation:revealBounce .6s cubic-bezier(.175,.885,.32,1.275) 1.3s both;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-top:auto;padding:12px;transition:all .2s;width:80%}.reveal-claim-btn:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-2px)}@keyframes mysteryPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}@keyframes tapPulse{0%,to{opacity:.5}50%{opacity:1}}.success-tooltip{animation:craftingFadeIn .2s ease-out;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid #3b82f64d;border-radius:8px;box-shadow:0 8px 24px #0006;left:50%;margin-top:10px;min-width:280px;padding:16px;position:absolute;top:100%;transform:translateX(-50%);z-index:var(--z-index-tooltip)}.success-tooltip h4{color:#3b82f6;font-size:14px;font-weight:600;margin:0 0 12px;text-align:center}.success-tooltip .tooltip-row{color:#cbd5e1;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.success-tooltip .tooltip-row.total{border-top:1px solid #3b82f64d;color:#fff;font-weight:600;margin-top:8px;padding-top:12px}.success-tooltip .tooltip-row .value{color:#94a3b8;font-weight:600}.success-tooltip .tooltip-row .value.positive{color:#22c55e}.success-tooltip .tooltip-row .value.negative{color:#ef4444}.success-tooltip .tooltip-divider{background:#3b82f633;height:1px;margin:8px 0}.info-icon{cursor:help;font-size:12px;margin-left:6px;opacity:.7}.blueprint-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:24px;margin-right:8px;vertical-align:middle;width:24px}.weapon-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M6.92 5 5 6.92 7.5 9.5l1.37-1.38L6.92 5zm5 0L12 6.92l1.87 1.88 1.38-1.38L12 5h-.08zm-3.5 3.5-1.4 1.38 5.64 5.62 1.38-1.38L8.42 8.5zm7.5 5.5-1.92.84L15.84 17l1.92-1.92L15.92 14z'/%3E%3C/svg%3E")}.armor-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E")}.power-core-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M13 2 3 14h8v8l10-12h-8z'/%3E%3C/svg%3E")}.mobility-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E")}.special-system-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M7 15h7v2H7zm0-4h10v2H7zm0-4h10v2H7zm5-4C6.48 3 2 7.48 2 13s4.48 10 10 10 10-4.48 10-10S17.52 3 12 3zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E")}.os-module-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z'/%3E%3C/svg%3E")}.component-icon,.resource-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")}.mech-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M20 9V7c0-1.1-.9-2-2-2h-3c0-1.66-1.34-3-3-3S9 3.34 9 5H6c-1.1 0-2 .9-2 2v2c-1.66 0-3 1.34-3 3s1.34 3 3 3v4c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4c1.66 0 3-1.34 3-3s-1.34-3-3-3zm-2 10H6V7h12v12zm-9-6c-.83 0-1.5-.67-1.5-1.5S8.17 10 9 10s1.5.67 1.5 1.5S9.83 13 9 13zm7.5-1.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5zM8 15h8v2H8v-2z'/%3E%3C/svg%3E")}.icon-workshop{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E");height:20px;margin-right:8px;width:20px}.cr-icon,.icon-workshop{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;vertical-align:middle}.cr-icon{flex-shrink:0;height:1em;width:1em}.cr-icon-lg{height:48px;width:48px}.cr-icon-md{height:24px;width:24px}.cr-icon-sm{height:16px;width:16px}.cr-icon-wrench{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E")}.cr-icon-anvil,.cr-icon-hammer{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M2 19.63 13.43 8.2l-1.18-1.18 1.42-1.42 2.82 2.83-1.42 1.41-1.18-1.18L2.5 20.13c-.14.14-.32.14-.46 0l-.04-.5zm18.71-14-2.34-2.34a1 1 0 0 0-1.42 0l-3.12 3.12 3.54 3.54 3.12-3.12c.56-.39.56-1.02.22-1.2z'/%3E%3C/svg%3E")}.cr-icon-target{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef4444'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3Cpath d='M12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z'/%3E%3C/svg%3E")}.cr-icon-gold{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M12 2 2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E")}.cr-icon-bolt{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M13 2 3 14h8v8l10-12h-8z'/%3E%3C/svg%3E")}.cr-icon-sparkle{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a855f7'%3E%3Cpath d='m12 2 2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8z'/%3E%3C/svg%3E")}.cr-icon-star{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E")}.cr-icon-trophy{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E")}.cr-icon-lock{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E")}.cr-icon-check{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2322c55e'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")}.cr-icon-timer{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b82f6'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E")}.cr-icon-event{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E")}.cr-icon-slot-empty{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' fill='none' stroke='%23475569' stroke-width='2' stroke-dasharray='4 2'/%3E%3C/svg%3E")}.cr-icon-slot-active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M2 19.63 13.43 8.2l-1.18-1.18 1.42-1.42 2.82 2.83-1.42 1.41-1.18-1.18L2.5 20.13c-.14.14-.32.14-.46 0l-.04-.5zm18.71-14-2.34-2.34a1 1 0 0 0-1.42 0l-3.12 3.12 3.54 3.54 3.12-3.12c.56-.39.56-1.02.22-1.2z'/%3E%3C/svg%3E")}.cr-icon-mystery{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a855f7'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z'/%3E%3C/svg%3E")}.cr-icon-slots{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b82f6'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8 12H4v-4h8v4zm8 0h-6v-4h6v4zm-8-6H4V4h8v4zm8 0h-6V4h6v4z'/%3E%3C/svg%3E")}.cr-icon-checkmark{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2322c55e'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.batch-claim-modal{max-width:600px;padding:20px}.batch-results-summary{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e4d;border-radius:8px;margin-bottom:20px;padding:16px;text-align:center}.batch-results-summary .summary-text{color:#22c55e;font-size:16px;font-weight:600;margin:0}.batch-results-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:400px;overflow-y:auto}.batch-result-item{align-items:center;background:#1e293b99;border:1px solid #47556980;border-radius:8px;display:flex;gap:16px;padding:16px}.batch-result-item.success{background:#22c55e0d;border-color:#22c55e66}.batch-result-item.failure{background:#ef44440d;border-color:#ef444466}.batch-result-item .result-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:40px;justify-content:center;width:40px}.batch-result-item.success .result-icon{background:#22c55e33;color:#22c55e}.batch-result-item.failure .result-icon{background:#ef444433;color:#ef4444}.batch-result-item .result-info h4{color:#fff;font-size:16px;margin:0 0 8px}.batch-result-item .result-quality,.batch-result-item .result-xp{color:#94a3b8;font-size:13px;margin:4px 0}.batch-result-item .result-xp{color:#3b82f6;font-weight:600}.batch-result-item .result-error{color:#f87171;font-size:13px;margin:4px 0}.close-batch-modal-btn{margin-top:12px;width:100%}.workshop-level-display{background:linear-gradient(135deg,#f59e0b1a,#ea580c1a);border:1px solid #f59e0b4d;border-radius:12px;overflow:hidden;padding:20px;position:relative}.workshop-level-display:before{animation:scanLine 8s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#f59e0b08 0,#f59e0b08 4px);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.workshop-header{align-items:center;display:flex;margin-bottom:12px}.workshop-title{color:var(--color-warning);font-size:18px;font-weight:700;text-shadow:0 0 10px #f59e0b80}.workshop-max-level-info{color:#94a3b8;font-size:14px;font-weight:400}.workshop-xp-bar{background:#0f172a99;border:1px solid #f59e0b4d;border-radius:14px;height:28px;margin-bottom:12px;overflow:hidden;position:relative}.workshop-xp-fill{background:linear-gradient(90deg,var(--rarity-legendary),var(--color-brand-accent));border-radius:14px;height:100%;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.workshop-xp-fill:before{animation:progressShimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.workshop-xp-text{color:#fff;font-size:13px;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 3px #000c;top:50%;transform:translate(-50%,-50%);z-index:1}.workshop-info{align-items:center;display:flex;gap:12px;justify-content:space-between}.workshop-bonuses{display:flex;flex-wrap:wrap;gap:12px}.workshop-bonuses .bonus{background:#22c55e26;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;font-size:13px;font-weight:600;padding:6px 12px}.workshop-xp-hint{color:#94a3b8;flex:1 1;font-size:12px;font-style:italic;margin:0;text-align:right}.quality-selector{margin-top:24px}.quality-selector h4{color:#cbd5e1;font-size:16px;margin-bottom:12px}.quality-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.quality-btn{align-items:center;background:#1e293b99;border:2px solid #47556980;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.quality-btn:before{background:linear-gradient(90deg,#0000,#3b82f633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.quality-btn:hover:before{left:100%}.quality-btn:hover{background:#1e293bcc;border-color:#3b82f699;transform:translateY(-2px)}.quality-btn.active{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.quality-name{color:#fff;font-size:14px;font-weight:600}.quality-bonus{color:#3b82f6;font-size:16px;font-weight:700}.quality-cost-mult{color:#94a3b8;font-size:12px}.quality-output-range{background:#22c55e1a;border-radius:4px;color:#22c55e;font-size:11px;font-weight:600;margin-top:4px;padding:4px 8px}.quality-explanation{background:#3b82f60d;border:1px solid #3b82f633;border-radius:6px;color:#94a3b8;font-size:13px;font-style:italic;margin:12px 0 0;padding:12px;text-align:center}.section-header-with-action{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header-with-action h3{margin:0}.blueprint-card{overflow:hidden;position:relative}.blueprint-card:after{animation:scanLine 6s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#3b82f605 0,#3b82f605 4px);content:"";height:200%;left:-50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;width:200%}.blueprint-card.rarity-legendary{animation:legendaryGlow 2s ease-in-out infinite}@media (max-width:768px){.quality-options{grid-template-columns:1fr}.success-tooltip{left:0;margin:10px auto;right:0;transform:none}.workshop-info{align-items:flex-start;flex-direction:column}.workshop-xp-hint{text-align:left}}@keyframes revealBounce{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.statistics-tab{animation:craftingFadeIn .4s ease-out;padding:24px}.stats-header{margin-bottom:32px;text-align:center}.stats-header h3{color:#fff;font-size:28px;margin:0 0 8px}.stats-subtitle{color:#94a3b8;font-size:14px;margin:0}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #47556980;border-radius:12px;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:#3b82f680;box-shadow:0 8px 24px #3b82f633}.stat-icon{font-size:48px}.stat-card .stat-info{flex:1 1}.stat-card .stat-value{color:var(--color-text-primary);font-size:32px;font-weight:700;line-height:1.2;margin-bottom:4px}.stat-card .stat-label{color:#94a3b8;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.stat-breakdown{display:flex;font-size:12px;gap:16px;margin-top:8px}.stat-breakdown .success{color:#22c55e}.stat-breakdown .failed{color:#ef4444}.stat-progress{margin-top:12px}.mini-progress-bar{background:#0f172a99;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.mini-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;height:100%;transition:width .6s ease}.progress-text{color:#94a3b8;font-size:11px}.stats-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.chart-card{background:#1e293b99;border:1px solid #47556980;border-radius:12px;padding:24px}.chart-card h4{color:#cbd5e1;font-size:18px;margin:0 0 20px}.quality-breakdown,.rarity-breakdown{display:flex;flex-direction:column;gap:16px}.quality-stat,.rarity-stat{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr 120px}.rarity-label{font-size:13px;text-transform:uppercase}.rarity-label.rarity-common{color:#9ca3af}.rarity-label.rarity-epic{color:var(--rarity-epic)}.rarity-label.rarity-legendary{color:var(--rarity-legendary)}.quality-label{color:#cbd5e1;font-size:13px;font-weight:600}.quality-bar-container,.rarity-bar-container{background:#0f172a99;border-radius:12px;height:24px;overflow:hidden;position:relative}.quality-bar,.rarity-bar{border-radius:12px;height:100%;overflow:hidden;position:relative;transition:width .6s ease}.rarity-bar.rarity-common{background:linear-gradient(90deg,#6b7280,#9ca3af)}.rarity-bar.rarity-uncommon{background:linear-gradient(90deg,#16a34a,#22c55e)}.rarity-bar.rarity-rare{background:linear-gradient(90deg,#2563eb,#3b82f6)}.rarity-bar.rarity-epic{background:linear-gradient(90deg,var(--rarity-epic-dark),var(--rarity-epic))}.rarity-bar.rarity-legendary{background:linear-gradient(90deg,var(--rarity-legendary-dark),var(--rarity-legendary))}.quality-count,.rarity-count{color:#94a3b8;font-size:12px;text-align:right}.stats-footer{border-top:1px solid #4755694d;padding-top:24px;text-align:center}.stats-footer p{color:#64748b;font-size:12px;font-style:italic;margin:0}.achievements-tab{animation:craftingFadeIn .4s ease-out;padding:24px}.achievements-header{margin-bottom:32px}.achievements-header h3{color:#fff;font-size:28px;margin:0 0 16px;text-align:center}.achievements-progress{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid #3b82f64d;border-radius:8px;display:flex;gap:16px;justify-content:center;padding:16px 24px}.progress-label{color:#cbd5e1;font-size:14px}.progress-value{color:#3b82f6;font-size:18px;font-weight:700}.achievement-overall-bar{background:#0f172a99;border-radius:6px;flex:1 1;height:12px;max-width:300px;overflow:hidden}.achievement-overall-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:6px;height:100%;transition:width .6s ease}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.achievement-card{background:#1e293b99;border:2px solid #47556980;border-radius:12px;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.achievement-card.completed{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border-color:#22c55e80}.achievement-card.incomplete{opacity:.7}.achievement-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.achievement-card.completed:hover{box-shadow:0 8px 24px #22c55e4d}.achievement-icon{align-items:center;background:#0f172a99;border-radius:12px;display:flex;font-size:48px;height:64px;justify-content:center;width:64px}.achievement-card.completed .achievement-icon{animation:weldPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b33,#ea580c33)}.achievement-info{flex:1 1}.achievement-info h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.achievement-info p{color:#94a3b8;font-size:13px;line-height:1.5;margin:0 0 12px}.achievement-progress-bar{background:#0f172a99;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.achievement-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .6s ease}.achievement-card.completed .achievement-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.achievement-progress-text{color:#64748b;font-size:11px}.achievement-badge{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e66;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}@media (max-width:1200px){.stats-charts{grid-template-columns:1fr}}@media (max-width:768px){.achievements-grid,.stats-grid{grid-template-columns:1fr}.quality-stat,.rarity-stat{gap:8px;grid-template-columns:80px 1fr 100px}.achievement-icon{font-size:32px;height:48px;width:48px}}@keyframes legendaryGlow{0%,to{box-shadow:0 0 30px #f59e0b66}50%{box-shadow:0 0 50px #f59e0bb3,0 0 80px #f59e0b4d}}.active-events-banner{align-items:center;background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:1px solid #3b82f64d;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px 20px}.events-icon{font-size:24px}.events-title{color:#cbd5e1;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.events-list{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.event-badge-container{display:flex;flex-direction:column;gap:4px;position:relative}.event-badge-container:hover .event-effects-tooltip{opacity:1;transform:translateY(0);visibility:visible}.event-badge{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.event-badge:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.event-timer{background:#0f172a99;border:1px solid #47556966;border-radius:8px;color:#94a3b8;font-size:11px;font-weight:600;padding:2px 8px;text-align:center}.event-effects-tooltip{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid #3b82f666;border-radius:8px;box-shadow:0 8px 24px #00000080;left:50%;margin-top:12px;min-width:220px;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:var(--z-index-tooltip)}.event-effects-tooltip h5{color:#3b82f6;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.effect-item{align-items:center;color:#cbd5e1;display:flex;font-size:12px;gap:8px;padding:6px 0}.effect-item:before{background:#3b82f6;border-radius:50%;content:"";flex-shrink:0;height:4px;width:4px}.blueprint-card.event-affected{border-color:#3b82f699;box-shadow:0 0 20px #3b82f633;position:relative}.blueprint-card.event-affected:before{animation:weldPulse 2s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='m12 2 2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:20px;position:absolute;right:8px;top:8px;width:20px;z-index:2}.blueprint-card.event-affected .blueprint-name{color:#60a5fa}@media (max-width:768px){.active-events-banner{align-items:flex-start;flex-direction:column}.events-list{width:100%}.event-effects-tooltip{left:0;margin:12px auto;right:0;transform:none}}.blueprint-card.rarity-common{border-left:3px solid #6b7280}.blueprint-card.rarity-uncommon{border-left:3px solid #22c55e;box-shadow:inset 0 0 20px #22c55e0d}.blueprint-card.rarity-rare{border-left:3px solid #3b82f6;box-shadow:inset 0 0 20px #3b82f60d}.blueprint-card.rarity-epic{animation:epicCardGlow 3s ease-in-out infinite;border-left:3px solid var(--rarity-epic);box-shadow:inset 0 0 25px #a855f714}.blueprint-card.rarity-legendary{animation:legendaryCardGlow 2.5s ease-in-out infinite;border-left:3px solid var(--rarity-legendary);box-shadow:inset 0 0 30px #f59e0b1a}@keyframes epicCardGlow{0%,to{box-shadow:inset 0 0 20px #a855f70d,0 0 0 #0000}50%{box-shadow:inset 0 0 30px #a855f71f,0 2px 8px #a855f726}}@keyframes legendaryCardGlow{0%,to{box-shadow:inset 0 0 25px #f59e0b14,0 0 0 #0000}50%{box-shadow:inset 0 0 35px #f59e0b26,0 2px 12px #f59e0b33}}.crafting-slots-visual{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.crafting-slot{align-items:center;background:#00000026;border:2px dashed #ffffff26;border-radius:var(--border-radius-md);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-height:100px;min-width:140px;padding:var(--spacing-md);transition:all .3s}.crafting-slot.empty{opacity:.5}.crafting-slot.empty:hover{border-color:#ffffff40;opacity:.7}.crafting-slot.active{background:#3b82f614;border:2px solid var(--color-brand-primary);opacity:1}.crafting-slot.completed{animation:slotComplete 1s ease-in-out;background:#22c55e14;border:2px solid var(--color-success);opacity:1}.crafting-slot-icon{font-size:1.8rem;opacity:.4}.crafting-slot.active .crafting-slot-icon,.crafting-slot.completed .crafting-slot-icon{opacity:1}.crafting-slot-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center}.crafting-slot.active .crafting-slot-label{color:var(--color-brand-primary)}.crafting-slot.completed .crafting-slot-label{color:var(--color-success);font-weight:600}.crafting-slot-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:80%}.crafting-slot-progress-fill{background:var(--color-brand-primary);height:100%;transition:width 1s}@keyframes slotComplete{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.skeleton-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.crafting-container .skeleton-card{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md)}.skeleton-icon{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:50%;height:48px;width:48px}.skeleton-title{animation:skeletonShimmer 1.5s ease-in-out infinite;animation-delay:.1s;height:14px;width:70%}.skeleton-meta,.skeleton-title{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:4px}.skeleton-meta{animation:skeletonShimmer 1.5s ease-in-out infinite;animation-delay:.2s;height:10px;width:50%}.skeleton-time{animation:skeletonShimmer 1.5s ease-in-out infinite;animation-delay:.3s;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:4px;height:8px;width:40%}.blueprint-card-animated{animation:cardEntrance .4s ease forwards;opacity:0;transform:translateY(20px)}.blueprint-card-animated:first-child{animation-delay:.05s}.blueprint-card-animated:nth-child(2){animation-delay:.1s}.blueprint-card-animated:nth-child(3){animation-delay:.15s}.blueprint-card-animated:nth-child(4){animation-delay:.2s}.blueprint-card-animated:nth-child(5){animation-delay:.25s}.blueprint-card-animated:nth-child(6){animation-delay:.3s}.blueprint-card-animated:nth-child(7){animation-delay:.35s}.blueprint-card-animated:nth-child(8){animation-delay:.4s}.blueprint-card-animated:nth-child(9){animation-delay:.45s}.blueprint-card-animated:nth-child(10){animation-delay:.5s}.blueprint-card-animated:nth-child(11){animation-delay:.55s}.blueprint-card-animated:nth-child(12){animation-delay:.6s}.blueprint-card-animated:nth-child(n+13){animation-delay:.65s}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-bar.near-complete .progress-fill{animation:progressGlow 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-brand-primary),#22c55e)}.progress-bar.complete .progress-fill{animation:progressComplete 1s ease-in-out infinite,progressShimmer 2s linear infinite;background:linear-gradient(90deg,#22c55e,#10b981);background-size:200% 100%}@keyframes progressComplete{0%,to{box-shadow:0 0 6px #22c55e66}50%{box-shadow:0 0 16px #22c55ecc,0 0 30px #22c55e4d}}.crafting-start-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.csm-blueprint-header{align-items:center;background:#0003;border-left:4px solid var(--color-brand-primary);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.csm-blueprint-icon{font-size:2.5rem}.csm-blueprint-info h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 4px}.csm-blueprint-meta{display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm)}.csm-type{color:var(--color-text-tertiary);text-transform:capitalize}.csm-rarity{font-weight:var(--font-weight-bold)}.csm-resources{display:flex;flex-direction:column;gap:var(--spacing-xs)}.csm-resources-title{color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.csm-resource-row{align-items:center;background:#00000026;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:6px var(--spacing-sm)}.csm-resource-row.has-enough{border-left:3px solid var(--color-success)}.csm-resource-row.not-enough{border-left:3px solid var(--color-danger)}.csm-stats-row{display:flex;gap:var(--spacing-md)}.csm-stat{align-items:center;background:#00000026;border-radius:var(--border-radius-sm);display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-sm)}.csm-stat-icon{font-size:1.2rem;margin-bottom:4px}.csm-stat-value{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.csm-stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.csm-actions{display:flex;gap:var(--spacing-sm)}.csm-cancel-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);padding:12px;transition:all .2s}.csm-cancel-btn:hover{background:#ffffff1f}.csm-craft-btn{align-items:center;background:linear-gradient(135deg,#2b6de8,#1a56c4);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--spacing-sm);justify-content:center;padding:12px;transition:all .2s}.csm-craft-btn:hover:not(:disabled){box-shadow:0 4px 16px #2b6de866;transform:translateY(-2px)}.csm-craft-btn:disabled{cursor:not-allowed;opacity:.5}.vip-benefits.tier-1{background:linear-gradient(135deg,var(--color-bg-secondary) 0,#c0c0c00d 100%);border:1px solid #c0c0c04d}.vip-benefits.tier-1 .vip-badge{color:silver;text-shadow:0 0 8px #c0c0c04d}.vip-benefits.tier-2{animation:vipTier2Glow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--color-bg-secondary) 0,#3b82f614 100%);border:1px solid #3b82f666}.vip-benefits.tier-2 .vip-badge{color:#3b82f6;text-shadow:0 0 10px #3b82f666}.vip-benefits.tier-3{animation:vipTier3Glow 2.5s ease-in-out infinite;background:linear-gradient(135deg,var(--color-bg-secondary) 0,#f59e0b1a 100%);border:1px solid #f59e0b80}.vip-benefits.tier-3 .vip-badge{color:var(--rarity-legendary);text-shadow:0 0 12px #f59e0b80}@keyframes vipTier2Glow{0%,to{box-shadow:0 0 0 #0000}50%{box-shadow:0 0 12px #3b82f626}}@keyframes vipTier3Glow{0%,to{box-shadow:0 0 0 #0000}50%{box-shadow:0 0 16px #f59e0b33}}@media (prefers-reduced-motion:reduce){.achievement-overall-fill,.achievement-progress-fill,.blueprint-card-animated,.blueprint-card.rarity-legendary,.blueprint-card:after,.crafting-container:before,.crafting-slot-progress-fill,.mini-progress-fill,.progress-fill,.quality-bar,.rarity-bar,.reveal-card,.reveal-card-back,.reveal-card-front,.reveal-quality-fill,.skeleton-icon,.skeleton-meta,.skeleton-time,.skeleton-title,.success-rate-fill,.vip-benefits.tier-2,.vip-benefits.tier-3,.workshop-xp-fill{animation:none!important;transition:none!important}.reveal-card.flipped .reveal-card-front{display:none}.reveal-card.flipped .reveal-card-back{opacity:1;transform:none}.blueprint-card:hover,.csm-craft-btn:hover:not(:disabled),.quality-btn:hover,.stat-card:hover{transform:none!important}}.stock-market-page{border-top:3px solid #4caf50;box-sizing:border-box;margin:0 auto;max-width:min(1600px,96vw);padding:var(--spacing-md);width:100%}.stock-market-page .stock-card{border-top:2px solid #81c78426}@media (min-width:1920px){.stock-market-page{max-width:min(2200px,98vw)}}@media (min-width:2560px){.stock-market-page{max-width:min(2600px,98vw)}}.stock-market-page .page-header{border-bottom:2px solid var(--color-ui-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.stock-market-page .page-header h1{color:var(--color-brand-primary);margin-bottom:var(--spacing-sm)}.stock-market-page .page-description{color:var(--color-text-secondary);font-size:var(--font-size-md)}.stock-market-page .tabs{display:flex;flex-direction:column}.stock-market-page .tabs .tabs-header{border-bottom:1px solid var(--color-ui-divider);display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-bottom:0}.stock-market-page .tabs .tabs-content{padding-top:var(--spacing-md)}.stock-market-view{display:flex;gap:var(--spacing-lg)}.stock-grid{grid-gap:var(--spacing-md);display:grid;flex:1 1;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:800px;overflow-y:auto}.stock-card{border:2px solid #0000;cursor:pointer;transition:all .3s ease}.stock-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stock-card.selected{background:linear-gradient(135deg,rgba(var(--color-brand-primary-rgb),.1) 0,#0003 100%);border-color:var(--color-brand-accent)}.stock-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.stock-symbol-large{color:var(--color-brand-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:1px}.stock-sector{background:#ffffff1a;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);font-size:var(--font-size-xs);padding:2px 8px}.stock-company{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.stock-price-large{color:var(--color-text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);margin:var(--spacing-sm) 0}.stock-change-large{border-radius:var(--border-radius-sm);display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);padding:4px 8px}.stock-change-large.positive{background:#22c55e26;color:var(--color-success)}.stock-change-large.negative{background:rgba(var(--color-brand-primary-rgb),.15);color:var(--color-danger)}.stock-stats{grid-gap:var(--spacing-xs);border-top:1px solid var(--color-ui-border);display:grid;font-size:var(--font-size-sm);gap:var(--spacing-xs);grid-template-columns:1fr 1fr;padding-top:var(--spacing-sm)}.stat{justify-content:space-between}.stock-market-page .stat-label{color:var(--color-text-tertiary)}.stock-market-page .stat-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.trading-panel{flex:0 0 350px;max-height:600px;position:-webkit-sticky;position:sticky;top:var(--spacing-md)}.trading-panel h3{color:var(--color-brand-accent);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.trading-info{background:#0000004d;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.info-row{padding:var(--spacing-xs) 0}.price-highlight{color:var(--color-brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.credits-highlight{align-items:center;color:var(--color-brand-accent);display:flex;font-weight:var(--font-weight-medium)}.shares-input{margin-bottom:var(--spacing-md)}.shares-input label{color:var(--color-text-secondary);display:block;margin-bottom:var(--spacing-xs)}.shares-input input{background:#0000004d;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--spacing-sm);width:100%}.total-cost{background:rgba(var(--color-brand-primary-rgb),.1);border:1px solid var(--color-brand-primary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);text-align:center}.cost-value{color:var(--color-brand-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.message{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.message.success{background:#22c55e26;border:1px solid var(--color-success);color:var(--color-success)}.message.error{background:rgba(var(--color-brand-primary-rgb),.15);border:1px solid var(--color-danger);color:var(--color-danger)}.trade-actions{display:flex;gap:var(--spacing-sm)}.trade-actions button{flex:1 1}.portfolio-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.empty-portfolio{color:var(--color-text-secondary);padding:var(--spacing-xxl);text-align:center}.portfolio-summary{background:linear-gradient(135deg,rgba(var(--color-brand-primary-rgb),.1) 0,#0000004d 100%)}.summary-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-md)}.summary-item{background:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-md)}.summary-label{display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.summary-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.summary-value.profit{color:var(--color-success)}.summary-value.loss{color:var(--color-danger)}.holding-card,.holding-header,.holdings-list h3{margin-bottom:var(--spacing-md)}.holding-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;padding-bottom:var(--spacing-sm)}.holding-symbol{color:var(--color-brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.holding-shares{color:var(--color-text-secondary)}.holding-stats{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-md)}.holding-stat{display:flex;justify-content:space-between;padding:var(--spacing-xs)}.holding-stat span:first-child{color:var(--color-text-tertiary)}.holding-stat .profit{color:var(--color-success);font-weight:var(--font-weight-medium)}.holding-stat .loss{color:var(--color-danger);font-weight:var(--font-weight-medium)}.transaction-history h3{margin-bottom:var(--spacing-md)}.transactions-list{background:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-sm)}.transaction-item{grid-gap:var(--spacing-sm);border-bottom:1px solid var(--color-ui-divider);display:grid;font-size:var(--font-size-sm);gap:var(--spacing-sm);grid-template-columns:80px 100px 1fr 120px 150px;padding:var(--spacing-sm)}.transaction-item:last-child{border-bottom:none}.tx-type{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 8px;text-align:center}.tx-type.buy{background:#22c55e33;color:var(--color-success)}.tx-type.sell{background:rgba(var(--color-brand-primary-rgb),.2);color:var(--color-danger)}.tx-symbol{color:var(--color-brand-primary);font-weight:var(--font-weight-medium)}.tx-details{color:var(--color-text-secondary)}.tx-total{font-weight:var(--font-weight-medium);text-align:right}.tx-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:right}@media (max-width:1200px){.stock-market-view{flex-direction:column}.trading-panel{flex:1 1;max-height:none;position:static}.summary-grid{grid-template-columns:1fr}}@media (max-width:768px){.holding-stats,.stock-grid,.transaction-item{grid-template-columns:1fr}.transaction-item{gap:var(--spacing-xs)}.trade-actions{flex-direction:column}}.sparkline-svg{display:block;margin:8px auto}.stock-card .sparkline-svg{opacity:.9}@keyframes sparklineGrow{0%{stroke-dashoffset:300;stroke-dashoffset:var(--sparkline-length,300)}to{stroke-dashoffset:0}}.sparkline-svg path,.sparkline-svg polyline{stroke-dasharray:300;stroke-dasharray:var(--sparkline-length,300);stroke-dashoffset:300;stroke-dashoffset:var(--sparkline-length,300);animation:sparklineGrow 1.2s ease-out forwards}.stock-card:nth-child(2) .sparkline-svg path,.stock-card:nth-child(2) .sparkline-svg polyline{animation-delay:.1s}.stock-card:nth-child(3) .sparkline-svg path,.stock-card:nth-child(3) .sparkline-svg polyline{animation-delay:.2s}.stock-card:nth-child(4) .sparkline-svg path,.stock-card:nth-child(4) .sparkline-svg polyline{animation-delay:.3s}.stock-card:nth-child(5) .sparkline-svg path,.stock-card:nth-child(5) .sparkline-svg polyline{animation-delay:.4s}.stock-card:nth-child(6) .sparkline-svg path,.stock-card:nth-child(6) .sparkline-svg polyline{animation-delay:.5s}.stock-market-page .skeleton-card{pointer-events:none}.stock-market-page .skeleton-line{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:200% 100%;border-radius:var(--border-radius-sm)}.skeleton-symbol{height:24px;margin-bottom:8px;width:60%}.skeleton-company{height:16px;margin-bottom:12px;width:80%}.skeleton-price{height:28px;margin-bottom:8px;width:50%}.skeleton-change{height:16px;width:40%}.stock-market-page .empty-state{margin:var(--spacing-xl) auto;max-width:400px;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.stock-market-page .empty-state-icon{font-size:3em;margin-bottom:var(--spacing-md);opacity:.6}.stock-market-page .empty-state h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.stock-market-page .empty-state p{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.last-updated{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:4px}@keyframes stockCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stock-grid .stock-card{animation:stockCardIn .35s ease-out both}.stock-grid .stock-card:nth-child(2){animation-delay:.06s}.stock-grid .stock-card:nth-child(3){animation-delay:.12s}.stock-grid .stock-card:nth-child(4){animation-delay:.18s}.stock-grid .stock-card:nth-child(5){animation-delay:.24s}.stock-grid .stock-card:nth-child(6){animation-delay:.3s}.stock-grid .stock-card:nth-child(7){animation-delay:.36s}.stock-grid .stock-card:nth-child(8){animation-delay:.42s}.stock-grid .stock-card:nth-child(9){animation-delay:.48s}.stock-grid .stock-card:nth-child(10){animation-delay:.54s}.stock-grid .stock-card:nth-child(11){animation-delay:.6s}.stock-grid .stock-card:nth-child(12){animation-delay:.66s}@keyframes pricePulse{0%{text-shadow:0 0 8px currentColor}to{text-shadow:none}}.stock-price-large.price-up,.stock-price-large.updated{animation:pricePulse .6s ease-out}.stock-price-large.price-up{color:var(--color-success)}.stock-price-large.price-down{animation:pricePulse .6s ease-out;color:var(--color-danger)}.stock-card.positive-trend{border-left:2px solid #22c55e59;box-shadow:inset 0 -2px 0 var(--color-success),0 0 12px #22c55e14}.stock-card.negative-trend{border-left:2px solid #dc262659;box-shadow:inset 0 -2px 0 var(--color-danger),0 0 12px #dc262614}.stock-card.positive-trend .stock-change-large{text-shadow:0 0 6px #22c55e4d}.stock-card.negative-trend .stock-change-large{text-shadow:0 0 6px #dc26264d}.trading-panel.has-selection{background:linear-gradient(160deg,#00d4c80f,#dc26260a 40%,#0006);border:1px solid #00d4c840;border-radius:var(--border-radius-lg);box-shadow:0 0 20px #00d4c80f,inset 0 1px 0 #ffffff0a;padding:var(--spacing-lg);transition:border-color .4s ease,box-shadow .4s ease}.trading-panel.has-selection:hover{border-color:#00d4c866;box-shadow:0 0 28px #00d4c81a,inset 0 1px 0 #ffffff0f}.trading-panel .trading-info{overflow:hidden;position:relative}.trading-panel.has-selection .trading-info:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00d4c80a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes costWarningPulse{0%,to{border-color:var(--color-brand-primary);box-shadow:0 0 0 #0000}50%{border-color:#f59e0b;box-shadow:0 0 14px #f59e0b33}}@keyframes costDangerPulse{0%,to{border-color:var(--color-danger);box-shadow:0 0 0 #0000}50%{border-color:var(--color-brand-primary);box-shadow:0 0 18px #dc262640}}.total-cost.cost-warning{animation:costWarningPulse 2s ease-in-out infinite;background:#f59e0b14;border-color:#f59e0b}.total-cost.cost-warning .cost-value{color:#f59e0b}.total-cost.cost-danger{animation:costDangerPulse 1.5s ease-in-out infinite;background:#dc262614;border-color:var(--color-brand-primary)}.total-cost.cost-danger .cost-value{color:var(--color-brand-primary)}@keyframes profitShimmer{0%{background-position:-200%}to{background-position:200%}}.holding-card.profitable{border:1px solid #22c55e33;position:relative}.holding-card.profitable:after{animation:profitShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#22c55e0a 45%,#22c55e14 50%,#22c55e0a 55%,#0000);background-size:200% 100%;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.holding-card.profitable .holding-symbol{text-shadow:0 0 8px #22c55e4d}.holding-card.at-loss{border-left:2px solid #dc26264d}@keyframes txSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.stock-market-page .transaction-item{animation:txSlideIn .3s ease-out both}.stock-market-page .transaction-item:first-child{animation-delay:.03s}.stock-market-page .transaction-item:nth-child(2){animation-delay:.06s}.stock-market-page .transaction-item:nth-child(3){animation-delay:.09s}.stock-market-page .transaction-item:nth-child(4){animation-delay:.12s}.stock-market-page .transaction-item:nth-child(5){animation-delay:.15s}.stock-market-page .transaction-item:nth-child(6){animation-delay:.18s}.stock-market-page .transaction-item:nth-child(7){animation-delay:.21s}.stock-market-page .transaction-item:nth-child(8){animation-delay:.24s}.stock-market-page .transaction-item:nth-child(9){animation-delay:.27s}.stock-market-page .transaction-item:nth-child(10){animation-delay:.3s}.stock-market-page .transaction-item:hover{background:#ffffff08}@keyframes valueGlow{0%{filter:brightness(1.3);text-shadow:0 0 12px currentColor,0 0 24px currentColor}to{filter:brightness(1);text-shadow:none}}.summary-value.value-changed{animation:valueGlow .8s ease-out}.summary-value{transition:color .4s ease}.stock-market-page .summary-item{overflow:hidden;position:relative;transition:transform .2s ease}.stock-market-page .summary-item:hover{transform:translateY(-2px)}.stock-market-page .summary-item:before{background:linear-gradient(90deg,#0000,var(--color-brand-primary),#0000);bottom:0;content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease,width .3s ease;width:40%}.stock-market-page .summary-item:hover:before{opacity:1;width:80%}@keyframes selectedBorderRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.stock-card.selected{box-shadow:0 0 16px #00d4c826,0 0 32px #00d4c80f,inset 0 0 20px #00d4c80a;position:relative}.stock-card.selected:before{animation:selectedBorderRotate 4s ease infinite;background:linear-gradient(270deg,#00d4c8,var(--color-brand-primary),#f59e0b,#00d4c8);background-size:300% 300%;border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:1}.stock-card.selected .stock-symbol-large{color:#00d4c8;text-shadow:0 0 6px #00d4c84d}.stock-card .sparkline-container{background:#0003;border:1px solid #ffffff0a;border-radius:var(--border-radius-md);margin:var(--spacing-sm) 0;padding:var(--spacing-xs);transition:background .3s ease}.stock-card:hover .sparkline-container{background:#0000004d;border-color:#ffffff14}.stock-card.positive-trend .sparkline-container{border-bottom:1px solid #22c55e33}.stock-card.negative-trend .sparkline-container{border-bottom:1px solid #dc262633}.sparkline-svg{transition:opacity .3s ease}.stock-card:hover .sparkline-svg{opacity:1}.stock-sector.sector-military,.stock-sector.sector-weapons{background:#dc262633;border:1px solid #dc262640;color:var(--color-brand-primary)}.stock-sector.sector-tech,.stock-sector.sector-technology{background:#00d4c833;border:1px solid #00d4c840;color:#00d4c8}.stock-sector.sector-energy,.stock-sector.sector-power{background:#f59e0b33;border:1px solid #f59e0b40;color:#f59e0b}.stock-sector.sector-mining,.stock-sector.sector-resources{background:#8b5cf633;border:1px solid #8b5cf640;color:#8b5cf6}.stock-sector.sector-logistics,.stock-sector.sector-transport{background:#3b82f633;border:1px solid #3b82f640;color:#3b82f6}.stock-sector.sector-biotech,.stock-sector.sector-medical{background:#10b98133;border:1px solid #10b98140;color:#10b981}.stock-sector.sector-entertainment,.stock-sector.sector-media{background:#ec489933;border:1px solid #ec489940;color:#ec4899}.stock-sector.sector-defense,.stock-sector.sector-security{background:#fb923c33;border:1px solid #fb923c40;color:#fb923c}.trade-actions button{overflow:hidden;position:relative;transition:transform .1s ease,box-shadow .2s ease,background .2s ease}.trade-actions button:active{box-shadow:inset 0 2px 4px #0000004d;transform:scale(.96)}.trade-actions button:after{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .4s ease}.trade-actions button:hover:after{transform:translateX(100%)}.trade-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.trade-actions button:disabled:active{box-shadow:none;transform:none}.trading-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.trading-panel-header h3{margin-bottom:0}.stock-vip-badge{animation:vipBadgePulse 3s ease-in-out infinite;border:1px solid;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.vip-discount-row{border-top:1px dashed #ffffff1a;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.vip-commission-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.vip-savings-note{font-size:var(--font-size-xs);margin-top:4px;opacity:.85;text-align:center}.stock-tooltip-wrap{display:inline-block;margin-left:4px;position:relative}.stock-help-icon{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:var(--color-text-tertiary);cursor:help;display:inline-flex;font-size:10px;font-weight:var(--font-weight-bold);height:16px;justify-content:center;transition:background .2s ease,color .2s ease;vertical-align:middle;width:16px}.stock-help-icon:hover{background:#00d4c833;border-color:#00d4c866;color:#00d4c8}.stock-tooltip{background:#0f0f19f5;border:1px solid #00d4c84d;border-radius:var(--border-radius-md);bottom:calc(100% + 8px);box-shadow:0 4px 16px #00000080;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:1.5;max-width:280px;min-width:200px;opacity:0;padding:10px 12px;pointer-events:none;text-align:left;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:normal;z-index:100}.stock-tooltip,.stock-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.stock-tooltip:after{border:6px solid #0000;border-top-color:#0f0f19f5;content:"";top:100%}.stock-tooltip-wrap:hover .stock-tooltip{opacity:1;visibility:visible}.stock-tooltip strong{color:var(--color-brand-primary)}.stock-tooltip em{color:var(--color-text-tertiary);font-style:italic}.stock-sector .stock-tooltip-wrap{margin-left:3px}.stock-sector .stock-help-icon{font-size:9px;height:14px;width:14px}.stock-market-page .stat-label .stock-tooltip-wrap{margin-left:2px}.stock-news-ticker{background:linear-gradient(135deg,#0006,#001e284d);border:1px solid #00d4c826;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-sm) var(--spacing-md)}.news-ticker-label{align-items:center;color:var(--color-brand-primary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:6px;letter-spacing:1px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.news-ticker-label:before{animation:newsLivePulse 2s ease-in-out infinite;background:var(--color-brand-primary);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}@keyframes newsLivePulse{0%,to{box-shadow:0 0 4px var(--color-brand-primary);opacity:1}50%{box-shadow:none;opacity:.4}}.news-ticker-scroll{display:flex;flex-direction:column;gap:4px}.news-item{align-items:center;animation:newsSlideIn .4s ease-out both;background:#0003;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:6px 8px}.news-item:first-child{animation-delay:.05s}.news-item:nth-child(2){animation-delay:.1s}.news-item:nth-child(3){animation-delay:.15s}.news-item:nth-child(4){animation-delay:.2s}.news-item:nth-child(5){animation-delay:.25s}@keyframes newsSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.news-time{color:var(--color-text-tertiary);font-family:monospace;font-size:var(--font-size-xs);min-width:40px}.news-impact-icon{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:14px;text-align:center}.news-impact-icon.news-impact-up{color:var(--color-success)}.news-impact-icon.news-impact-down{color:var(--color-danger)}.news-headline{color:var(--color-text-primary);flex:1 1}.news-sector-tag{background:#ffffff14;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);font-size:var(--font-size-xs);padding:1px 6px;white-space:nowrap}.news-impact-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:40px;text-align:right}.news-impact-value.news-impact-up{color:var(--color-success)}.news-impact-value.news-impact-down{color:var(--color-danger)}.news-item.news-up{border-left:2px solid #22c55e66}.news-item.news-down{border-left:2px solid #dc262666}.market-health-bar{align-items:center;background:#0000004d;border:1px solid #ffffff14;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.mh-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.mh-gauge{flex:1 1;max-width:360px}.mh-gauge-track{background:linear-gradient(90deg,#ef4444,#f59e0b 35%,#22c55e 65%,#16a34a);border-radius:4px;height:8px;overflow:visible;position:relative}.mh-gauge-fill{background:#0000;border-radius:4px;height:100%;left:0;position:absolute;top:0}.mh-gauge-needle{background:#fff;border-radius:2px;box-shadow:0 0 6px #ffffff80;height:14px;position:absolute;top:-3px;transform:translateX(-50%);transition:left .8s ease-out;width:4px}.mh-gauge-labels{color:var(--color-text-tertiary);display:flex;font-size:10px;justify-content:space-between;margin-top:2px}.mh-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);min-width:100px;text-align:right;white-space:nowrap}.mh-status{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.market-health-bar.mh-deflation .mh-value{color:#ef4444}.market-health-bar.mh-deflation{border-color:#ef444440}.market-health-bar.mh-deflation-mild .mh-value{color:#fb923c}.market-health-bar.mh-deflation-mild{border-color:#fb923c40}.market-health-bar.mh-stable .mh-value{color:#f59e0b}.market-health-bar.mh-stable{border-color:#f59e0b40}.market-health-bar.mh-inflation-mild .mh-value{color:#22c55e}.market-health-bar.mh-inflation-mild{border-color:#22c55e40}.market-health-bar.mh-inflation .mh-value{color:#16a34a}.market-health-bar.mh-inflation{border-color:#16a34a40}@media (max-width:768px){.market-health-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.mh-gauge{max-width:100%}.mh-value{text-align:center}.news-item{flex-wrap:wrap;gap:4px}.news-headline{flex-basis:100%;order:2}.news-sector-tag{order:3}.news-impact-value{order:4}}.stock-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.stock-starfield .star{animation:stockStarTwinkle 4s ease-in-out infinite;animation:stockStarTwinkle var(--star-duration,4s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--star-delay,0s);background:#22c55e99;border-radius:50%;position:absolute}.stock-starfield .star:nth-child(3n+1){background:#22c55e80;height:2px;width:2px}.stock-starfield .star:nth-child(3n+2){background:#10b98199;height:3px;width:3px}.stock-starfield .star:nth-child(3n){background:#34d399b3;height:4px;width:4px}@keyframes stockStarTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.news-item,.stock-grid .stock-card,.stock-market-page .transaction-item,.stock-vip-badge{animation:none}.news-ticker-label:before{animation:none;opacity:1}.mh-gauge-needle{transition:none}.holding-card.profitable:after,.stock-card.selected:before,.total-cost.cost-danger,.total-cost.cost-warning,.trading-panel.has-selection .trading-info:before{animation:none}.trade-actions button:after{transition:none}.stock-price-large.price-down,.stock-price-large.price-up,.stock-price-large.updated,.summary-value.value-changed{animation:none}.sparkline-svg path,.sparkline-svg polyline{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.stock-starfield .star{animation:none!important}}.stock-market-page [role=tab]:focus-visible,.stock-market-page button:focus-visible,.stock-market-page input:focus-visible,.stock-market-page select:focus-visible{outline:2px solid #64b5f6;outline:2px solid var(--color-brand-accent,#64b5f6);outline-offset:2px}.bank-page{border-top:3px solid #d4a017;box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:1.5rem;width:100%}.bank-page .bank-summary-card{border-left:3px solid #f5c842}@media (min-width:1920px){.bank-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.bank-page{max-width:min(2000px,98vw)}}.bank-header{margin-bottom:1.5rem;text-align:center}.bank-header h1{color:var(--color-brand-accent);font-size:2rem;margin-bottom:.5rem}.bank-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.bank-error{align-items:center;background:rgba(var(--color-brand-primary-rgb),.2);border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.bank-error button{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:1.5rem}.bank-notification{animation:mechBankSlideIn .3s ease;background:#22c55e33;border:1px solid var(--color-success);border-radius:8px;color:var(--color-success);margin-bottom:1rem;padding:.75rem 1rem;text-align:center}@keyframes mechBankSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bank-tabs{border-bottom:2px solid var(--color-ui-border);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.tab-btn{border-radius:8px 8px 0 0;color:var(--color-text-secondary);padding:.75rem 1.5rem;transition:all .2s}.tab-btn:hover{background:#f59e0b1a}.tab-btn.active,.tab-btn:hover{color:var(--color-brand-accent)}.tab-btn.active{background:#f59e0b33;font-weight:600}.bank-summary-card{margin-bottom:1.5rem}.bank-summary-card h2{color:var(--color-brand-accent);margin-bottom:1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-item{background:#0000004d;border-radius:8px;padding:1rem}.summary-item .label{color:var(--color-text-secondary);display:block;font-size:.85rem;margin-bottom:.5rem}.summary-item .value{color:var(--color-text-primary);display:block;font-size:1.4rem}.summary-item .value.small{font-size:.9rem;font-weight:400}.summary-item .value.positive{color:var(--color-success)}.summary-item.bank-balance{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:1px solid #f59e0b4d}.summary-item.bank-balance .value{color:var(--color-brand-accent);font-size:1.8rem}.summary-item.interest{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid #22c55e4d}.summary-item.interest .value{color:var(--color-success)}.bank-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.bank-action-card{padding:1.5rem}.bank-action-card h3{font-size:1.2rem;margin-bottom:.5rem}.action-desc{font-size:.9rem;margin-bottom:1rem}.action-desc,.deposit-limit-desc{color:var(--color-text-secondary)}.deposit-limit-desc{font-size:.875rem;margin-bottom:.75rem}.input-group{display:flex;gap:.5rem;margin-bottom:1rem}.input-group input{background:#0000004d;border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);flex:1 1;font-size:1rem;padding:.75rem}.input-group input:focus{border-color:var(--color-brand-accent);outline:none}.deposit-card{border-left:4px solid var(--color-success)}.withdraw-card{border-left:4px solid var(--color-brand-accent)}.deposit-all-btn,.withdraw-all-btn{width:100%}.bank-info-card{background:rgba(var(--color-brand-primary-rgb),.1);border:1px solid rgba(var(--color-brand-primary-rgb),.3)}.bank-info-card h3{color:var(--color-brand-primary);margin-bottom:1rem}.bank-info-card ul{list-style:none;margin:0;padding:0}.bank-info-card li{border-bottom:1px solid #ffffff1a;padding:.5rem 0}.bank-info-card li:last-child{border-bottom:none}.transactions-card h2{color:var(--color-brand-accent);margin-bottom:1rem}.no-transactions{color:var(--color-text-secondary);padding:2rem;text-align:center}.transactions-list{display:flex;flex-direction:column;gap:.5rem}.transaction-item{align-items:center;background:#0000004d;border-left:3px solid #0000;border-radius:8px;display:flex;gap:1rem;padding:1rem}.transaction-item.deposit{border-left-color:var(--color-success)}.transaction-item.withdraw{border-left-color:var(--color-brand-accent)}.transaction-item.interest{border-left-color:var(--color-info)}.tx-icon{font-size:1.5rem}.tx-details{flex:1 1}.tx-type{display:block;font-weight:600;margin-bottom:.25rem}.tx-date{color:var(--color-text-secondary);font-size:.8rem}.tx-amount{text-align:right}.tx-amount .positive{color:var(--color-success);display:block;font-weight:700}.tx-amount .negative{color:var(--color-brand-accent);display:block;font-weight:700}.tx-balance{font-size:.8rem}.interest-countdown,.tx-balance{color:var(--color-text-secondary)}.interest-countdown{display:block;font-size:.75rem;font-weight:400;letter-spacing:.3px;margin-top:4px}.bank-skeleton{display:flex;flex-direction:column;gap:1.5rem}.bank-page .skeleton-card{background:var(--color-ui-surface);border-radius:12px;padding:1.5rem}.skeleton-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.skeleton-item{align-items:center;background:#0000004d;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.skeleton-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skeleton-action-card{background:var(--color-ui-surface);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.skeleton-title{border-radius:6px;height:24px;width:50%}.skeleton-label{border-radius:4px;height:12px;width:70%}.skeleton-value{border-radius:4px;height:20px;width:50%}.skeleton-text{border-radius:4px;height:14px;width:80%}.skeleton-input{border-radius:6px;height:40px;width:100%}.skeleton-button{border-radius:6px;height:38px;width:100%}.shimmer{animation:shimmerAnim 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%)}@keyframes shimmerAnim{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes balance-flash{0%{color:var(--color-brand-accent);transform:scale(1.05)}to{color:inherit;transform:scale(1)}}.balance-updated{animation:balance-flash .6s ease-out}@keyframes vaultOpen{0%{opacity:0;transform:perspective(800px) rotateY(-3deg)}to{opacity:1;transform:perspective(800px) rotateY(0)}}.bank-page{animation:vaultOpen .5s ease-out}@keyframes coinFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.summary-item.bank-balance .value:before{animation:coinFloat 2.5s ease-in-out infinite;content:"\1F4B0";display:inline-block;margin-right:6px}.deposit-card{transition:box-shadow .3s ease}.deposit-card:hover{box-shadow:0 0 20px #22c55e26,inset 0 0 30px #22c55e0d}.withdraw-card{transition:box-shadow .3s ease}.withdraw-card:hover{box-shadow:0 0 20px #f59e0b26,inset 0 0 30px #f59e0b0d}@keyframes countdownUrgent{0%,to{color:var(--color-text-secondary)}50%{color:var(--color-success)}}.interest-countdown.urgent{animation:countdownUrgent 1.5s ease-in-out infinite}@keyframes bankTxSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.bank-page .transaction-item{animation:bankTxSlideIn .3s ease-out both}.bank-page .transaction-item:nth-child(2){animation-delay:.05s}.bank-page .transaction-item:nth-child(3){animation-delay:.1s}.bank-page .transaction-item:nth-child(4){animation-delay:.15s}.bank-page .transaction-item:nth-child(5){animation-delay:.2s}.bank-page .transaction-item:nth-child(6){animation-delay:.25s}.bank-page .transaction-item:nth-child(7){animation-delay:.3s}.bank-page .transaction-item:nth-child(8){animation-delay:.35s}.bank-page .transaction-item:nth-child(9){animation-delay:.4s}.bank-page .transaction-item:nth-child(10){animation-delay:.45s}.summary-item.bank-balance{overflow:hidden;position:relative}@keyframes goldShimmer{0%{left:-100%}to{left:100%}}.summary-item.bank-balance:before{animation:goldShimmer 3s infinite;background:linear-gradient(90deg,#0000,#f59e0b14,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.summary-item.interest{transition:box-shadow .3s ease}.summary-item.interest:hover{box-shadow:0 0 16px #22c55e33}.tab-btn.active{border-bottom:2px solid var(--color-brand-accent);box-shadow:0 2px 8px #f59e0b4d}.input-group input:focus{box-shadow:0 0 0 2px #f59e0b33}.bank-notification{overflow:hidden;position:relative}.bank-notification:before{content:"\2713  ";font-weight:700}.bank-notification:after{background:linear-gradient(90deg,#22c55e1a,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.bank-page button:active{transform:scale(.96);transition:transform .1s ease}@keyframes summaryFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bank-page .summary-grid .summary-item{animation:summaryFadeIn .4s ease-out both}.bank-page .summary-grid .summary-item:first-child{animation-delay:0s}.bank-page .summary-grid .summary-item:nth-child(2){animation-delay:.08s}.bank-page .summary-grid .summary-item:nth-child(3){animation-delay:.16s}.bank-page .summary-grid .summary-item:nth-child(4){animation-delay:.24s}.bank-page .summary-grid .summary-item:nth-child(5){animation-delay:.32s}.bank-page .summary-grid .summary-item:nth-child(6){animation-delay:.4s}.bank-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.bank-starfield .star{animation:bankStarTwinkle 4s ease-in-out infinite;animation:bankStarTwinkle var(--star-duration,4s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--star-delay,0s);background:#f59e0b99;border-radius:50%;position:absolute}.bank-starfield .star:nth-child(3n+1){background:#f59e0b80;height:2px;width:2px}.bank-starfield .star:nth-child(3n+2){background:#ffc10799;height:3px;width:3px}.bank-starfield .star:nth-child(3n){background:#fbbf24b3;height:4px;width:4px}@keyframes bankStarTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@media (max-width:768px){.bank-page{padding:1rem}.bank-header h1{font-size:1.5rem}.summary-grid{grid-template-columns:repeat(2,1fr)}.bank-actions-grid{grid-template-columns:1fr}.skeleton-grid{grid-template-columns:repeat(2,1fr)}.skeleton-actions-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bank-starfield .star{animation:none!important}.bank-page,.bank-page .summary-grid .summary-item,.bank-page .transaction-item,.interest-countdown.urgent,.shimmer,.summary-item.bank-balance .value:before,.summary-item.bank-balance:before{animation:none}.shimmer{background:#ffffff0f}.bank-page button:active{transform:none;transition:none}}.destruction-depot{border-top:3px solid #ff7043;box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:20px;width:100%}.destruction-depot .item-card{border-top:2px solid #ff8a6526}@media (min-width:1920px){.destruction-depot{max-width:min(1600px,98vw)}}@media (min-width:2560px){.destruction-depot{max-width:min(2000px,98vw)}}.depot-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.depot-header h1{color:var(--color-warning);margin:0}.depot-error{align-items:center;background:rgba(var(--color-brand-primary-rgb),.2);border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.depot-error button{background:none;border:none;color:inherit;cursor:pointer;font-size:20px}.depot-notification{animation:depotSlideIn .3s ease-out;border-radius:8px;margin-bottom:20px;padding:12px 20px}.depot-notification.success{background:#22c55e33;border:1px solid var(--color-success);color:var(--color-success)}@keyframes depotSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pawn-shop-section,.quest-items-section{margin-top:20px}.pawn-info,.quest-info{background:var(--color-ui-surface);border-radius:8px;margin-bottom:20px;padding:15px 20px}.pawn-info p,.quest-info p{color:var(--color-text-secondary);margin:5px 0}.sell-rate{color:var(--color-brand-accent)!important;font-size:14px}.pawn-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pawn-sub-tab{align-items:center;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.pawn-sub-tab:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.pawn-sub-tab.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-primary)}.pawn-sub-tab-icon{font-size:1.1em}.pawn-sub-tab-count{font-size:12px;opacity:.9}.pawn-shop-section h3,.quest-items-section h3{border-bottom:1px solid var(--color-ui-border);color:var(--color-text-primary);margin:20px 0 15px;padding-bottom:10px}.items-grid{grid-gap:15px;gap:15px;margin-bottom:30px}.items-grid.quest-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background:var(--color-ui-surface);border-left:4px solid var(--color-ui-border);display:flex;flex-direction:column;gap:10px;padding:15px;transition:transform .2s,box-shadow .2s}.item-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.item-card.rarity-common{border-left-color:var(--color-info)}.item-card.rarity-uncommon{border-left-color:var(--color-success)}.item-card.rarity-rare{border-left-color:var(--color-brand-secondary)}.item-card.rarity-epic{border-left-color:var(--color-info)}.item-card.rarity-legendary{border-left-color:var(--color-brand-accent)}.item-icon{font-size:32px}.item-info h4{color:var(--color-text-primary);margin:0 0 5px}.item-owned,.item-quantity,.item-type{color:var(--color-text-secondary);font-size:13px;margin:3px 0}.item-description{color:var(--color-text-secondary);font-size:12px;line-height:1.4;margin:5px 0}.quest-requirement{color:var(--color-info);font-size:11px;font-style:italic;margin:5px 0}.item-price{font-size:14px;margin-top:8px}.item-price .credits,.item-price .gold{color:var(--color-brand-accent);font-weight:700}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-btn{background:var(--color-ui-surface);border-radius:20px;font-size:13px;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.filter-btn.active{color:var(--color-text-primary)}.empty-message{background:var(--color-ui-surface);border-radius:8px}.destruction-depot .loading,.empty-message{color:var(--color-text-secondary);padding:40px;text-align:center}.buy-modal-content,.sell-modal-content{padding:10px 0}.buy-modal-content h3,.sell-modal-content h3{color:var(--color-text-primary);margin:0 0 15px}.quantity-selector{margin:20px 0}.quantity-selector label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);display:block;margin-bottom:10px}.quantity-controls{align-items:center;display:flex;gap:10px}.quantity-controls button{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:18px;height:36px;transition:all .2s;width:36px}.quantity-controls button:hover:not(:disabled){background:var(--color-brand-primary);border-color:var(--color-brand-primary)}.quantity-controls button:disabled{cursor:not-allowed;opacity:.5}.quantity-controls input{border-radius:8px;color:var(--color-text-primary);font-size:16px;height:36px;text-align:center;width:80px}.max-btn,.quantity-controls input{background:var(--color-ui-surface);border:1px solid var(--color-ui-border)}.max-btn{border-radius:8px;color:var(--color-text-secondary);font-size:13px;margin-left:10px;padding:8px 12px}.max-btn:hover{border-color:var(--color-brand-accent);color:var(--color-brand-accent)}.purchase-total,.sale-total{background:var(--color-ui-surface);border-radius:8px;margin:20px 0;padding:15px;text-align:center}.sale-total strong{color:var(--color-brand-accent);font-size:18px}.purchase-total strong{color:var(--color-brand-primary);font-size:18px}.depot-history-section{margin-top:20px}.depot-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.depot-history-header h3{color:var(--color-text-primary);margin:0}.refresh-history-btn{align-items:center;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.refresh-history-btn:hover:not(:disabled){border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.refresh-history-btn:disabled{cursor:not-allowed;opacity:.5}.depot-history-empty{align-items:center;display:flex;flex-direction:column;gap:12px}.depot-history-empty-icon{font-size:48px;opacity:.5}.depot-history-list{display:flex;flex-direction:column;gap:8px}.depot-history-item{align-items:center;background:var(--color-ui-surface);border-left:3px solid #0000;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:transform .15s,box-shadow .15s}.depot-history-item:hover{box-shadow:0 2px 8px #0003;transform:translateX(2px)}.depot-history-item.sell{border-left-color:var(--color-success)}.depot-history-item.buy{border-left-color:var(--color-brand-primary)}.depot-history-icon{flex-shrink:0;font-size:24px}.depot-history-details{flex:1 1;min-width:0}.depot-history-name{color:var(--color-text-primary);display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.depot-history-meta{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:2px}.depot-history-type{background:#ffffff14;border-radius:4px;font-size:11px;padding:1px 6px;text-transform:capitalize}.depot-history-amount{flex-shrink:0;text-align:right}.depot-history-amount .positive{color:var(--color-success);display:block;font-weight:700}.depot-history-amount .negative{color:var(--color-brand-accent);display:block;font-weight:700}.depot-history-date{color:var(--color-text-secondary);display:block;font-size:11px;margin-top:2px}@keyframes depotReveal{0%{filter:brightness(1.5);opacity:0}to{filter:brightness(1);opacity:1}}.destruction-depot{animation:depotReveal .5s ease-out}.depot-header h1{overflow:hidden;position:relative;text-shadow:0 0 20px #dc262666,0 0 40px #dc26261a}.depot-header h1:after{animation:depotScan 4s linear infinite;background:linear-gradient(90deg,#0000,#dc262614,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes depotScan{to{left:100%}}.item-card:hover{border-left-width:5px;box-shadow:0 8px 24px #0006,0 0 0 1px #dc262626;transform:translateY(-3px)}@keyframes sellWarning{0%,to{box-shadow:0 0 0 0 #dc262600}50%{box-shadow:0 0 12px 2px #dc262633}}.item-card.selling{animation:sellWarning 1.5s ease-in-out infinite}.item-card.rarity-legendary{box-shadow:0 0 10px #f59e0b1f;overflow:hidden;position:relative}.item-card.rarity-legendary:after{background:linear-gradient(135deg,#f59e0b0d,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.item-card.rarity-epic{box-shadow:0 0 8px #00d4c81a}@keyframes depotCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.items-grid .item-card{animation:depotCardIn .35s ease-out both}.items-grid .item-card:nth-child(2){animation-delay:.05s}.items-grid .item-card:nth-child(3){animation-delay:.1s}.items-grid .item-card:nth-child(4){animation-delay:.15s}.items-grid .item-card:nth-child(5){animation-delay:.2s}.items-grid .item-card:nth-child(6){animation-delay:.25s}.items-grid .item-card:nth-child(7){animation-delay:.3s}.items-grid .item-card:nth-child(8){animation-delay:.35s}.items-grid .item-card:nth-child(9){animation-delay:.4s}.items-grid .item-card:nth-child(10){animation-delay:.45s}.items-grid .item-card:nth-child(11){animation-delay:.5s}.items-grid .item-card:nth-child(12){animation-delay:.55s}.depot-notification.success{overflow:hidden;position:relative}.depot-notification.success:after{animation:notifSpark .8s ease-out forwards;background:var(--color-brand-accent);border-radius:50%;box-shadow:0 0 6px var(--color-brand-accent);content:"";height:4px;left:10%;position:absolute;top:50%;width:4px}@keyframes notifSpark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px,-30px) scale(0)}}.pawn-sub-tab.active{box-shadow:0 2px 10px #dc262640}.sale-total{background:linear-gradient(135deg,#f59e0b1a,#0000004d);border:1px solid #f59e0b33;overflow:hidden;position:relative}.sale-total:before{animation:saleShimmer 3s infinite;background:linear-gradient(90deg,#0000,#f59e0b0f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes saleShimmer{to{left:100%}}.depot-history-item.sell:hover{box-shadow:0 0 12px #22c55e26}.depot-history-item.buy:hover{box-shadow:0 0 12px #dc262626}.empty-message{overflow:hidden;position:relative}.empty-message:before{animation:depotFloat 3s ease-in-out infinite;content:"\26A0\FE0F";display:block;font-size:3em;margin-bottom:12px}@keyframes depotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sell-modal-content{background:linear-gradient(180deg,#dc26260f,#0000 80px);border-top:2px solid var(--color-danger)}.quantity-controls button:hover:not(:disabled){box-shadow:0 0 10px #dc262633}.max-btn:hover{box-shadow:0 0 8px #f59e0b33}.filter-btn.active{box-shadow:0 2px 10px #dc262633}.filter-btn:hover{box-shadow:0 0 8px #dc26261f}.item-card:active{transform:translateY(-1px) scale(.98);transition:transform .05s}.pawn-sub-tab:active{transform:scale(.96);transition:transform .05s}.filter-btn:active{transform:scale(.95);transition:transform .05s}.quantity-controls button:active:not(:disabled){transform:scale(.9);transition:transform .05s}.max-btn:active{transform:scale(.93);transition:transform .05s}.refresh-history-btn:active:not(:disabled){transform:scale(.9);transition:transform .05s}.quest-progress-bar{margin:6px 0}.quest-progress-track{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.quest-progress-fill{background:linear-gradient(90deg,#6b7280,#4ade80);border-radius:10px;height:100%;min-width:0;transition:width .3s ease}.quest-progress-bar .quest-progress-fill{background:linear-gradient(90deg,#6b7280,#22c55e 60%,#22c55e)}.quest-progress-bar.complete .quest-progress-fill{background:linear-gradient(90deg,#22c55e,#f59e0b 70%,#fbbf24);box-shadow:0 0 8px #f59e0b4d}.quest-progress-bar.complete .quest-progress-track{border-color:#f59e0b59;box-shadow:0 0 6px #f59e0b26}.quest-progress-label{align-items:center;bottom:0;color:var(--color-text-primary);display:flex;font-size:11px;font-weight:600;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;text-shadow:0 1px 2px #0009;top:0;z-index:1}.quest-progress-bar.complete .quest-progress-label{color:#fef3c7;text-shadow:0 0 6px #f59e0b66,0 1px 2px #00000080}@media (max-width:768px){.depot-header{align-items:flex-start;flex-direction:column}.items-grid{grid-template-columns:1fr}.depot-history-item,.quantity-controls{flex-wrap:wrap}.depot-history-details{min-width:60%}}.depot-skeleton-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.depot-skeleton-card{animation:depotSkeletonPulse 1.2s ease-in-out infinite;background:var(--color-ui-surface);border-left:4px solid var(--color-ui-border);border-radius:8px;display:flex;flex-direction:column;gap:10px;min-height:180px;padding:15px}.depot-skel-icon{align-self:center;background:#ffffff0f;border-radius:6px;height:32px;width:32px}.depot-skel-title{background:#ffffff0f;border-radius:4px;height:16px;width:60%}.depot-skel-type{width:40%}.depot-skel-desc,.depot-skel-type{background:#ffffff0a;border-radius:4px;height:12px}.depot-skel-desc{width:85%}.depot-skel-desc.short{width:50%}.depot-skel-price{background:#ffffff0d;border-radius:4px;height:14px;width:45%}.depot-skel-btn{background:#ffffff0d;border-radius:6px;height:32px;margin-top:auto;width:70px}.depot-skeleton-history{display:flex;flex-direction:column;gap:8px}.depot-skel-history-item{align-items:center;animation:depotSkeletonPulse 1.2s ease-in-out infinite;background:var(--color-ui-surface);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.depot-skel-hist-icon{background:#ffffff0f;border-radius:50%;flex-shrink:0;height:24px;width:24px}.depot-skel-hist-details{display:flex;flex:1 1;flex-direction:column;gap:6px}.depot-skel-hist-name{background:#ffffff0f;border-radius:4px;height:14px;width:50%}.depot-skel-hist-meta{background:#ffffff0a;border-radius:4px;height:10px;width:30%}.depot-skel-hist-amount{background:#ffffff0f;border-radius:4px;flex-shrink:0;height:16px;width:80px}@keyframes depotSkeletonPulse{0%,to{opacity:.6}50%{opacity:1}}.depot-skel-history-item .shimmer,.depot-skeleton-card .shimmer{animation:depotShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%}@keyframes depotShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.destruction-depot [role=tab]:focus-visible,.destruction-depot button:focus-visible,.destruction-depot input:focus-visible,.destruction-depot select:focus-visible{outline:2px solid #64b5f6;outline:2px solid var(--color-brand-accent,#64b5f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.depot-header h1:after,.depot-notification.success,.depot-notification.success:after,.depot-skel-history-item,.depot-skeleton-card,.destruction-depot,.empty-message:before,.item-card.selling,.items-grid .item-card,.sale-total:before{animation:none}.depot-skel-history-item .shimmer,.depot-skeleton-card .shimmer{animation:none;background:#ffffff0f}.filter-btn:active,.item-card:active,.item-card:hover,.max-btn:active,.pawn-sub-tab:active,.quantity-controls button:active:not(:disabled),.refresh-history-btn:active:not(:disabled){transform:none;transition:none}}.formation-selector{background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:border-color .3s ease}.formation-selector.has-unplaced{border-color:var(--color-warning);box-shadow:0 0 15px #f59e0b33}.formation-selector h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-sm) 0}.formation-instructions{margin-bottom:var(--spacing-md)}.instruction-text{background:#0003;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;padding:var(--spacing-sm)}.instruction-text.highlight{animation:pulse-background 1.5s infinite;background:#f59e0b26;color:var(--color-warning);font-weight:var(--font-weight-semibold)}.instruction-text.success{background:#10b98126;color:var(--color-success)}@keyframes pulse-background{0%,to{background:#f59e0b26}50%{background:#f59e0b40}}.formation-tips{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.formation-tips .tip{align-items:center;background:#0003;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:4px 8px}.formation-tips .tip .icon{font-size:14px}.formation-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.row-labels{display:flex;flex-direction:column;justify-content:space-around;padding:var(--spacing-sm) 0}.row-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);padding-right:var(--spacing-sm);text-align:right;white-space:nowrap}.formation-grid-wrapper{flex:1 1}.formation-grid{background:#0000004d;border:1px solid var(--color-border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:2px;padding:3px}.formation-grid.horizontal-layout{padding:4px}.formation-grid.horizontal-layout .formation-row{align-items:center;display:flex;gap:4px}.formation-grid.horizontal-layout .formation-row .row-label{flex-shrink:0;font-size:10px;font-weight:700;text-align:center;text-transform:uppercase;white-space:nowrap;width:50px}.formation-grid.horizontal-layout .formation-row.front-row .row-label{color:#ef4444}.formation-grid.horizontal-layout .formation-row.back-row .row-label{color:#3b82f6}.column-labels{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(5,1fr);margin-top:var(--spacing-xs);padding:0 var(--spacing-sm)}.column-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center}.formation-cell{align-items:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:center;max-height:90px;min-height:70px;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.formation-cell:hover{background:#2b6de81a;border-color:var(--color-brand-primary);transform:scale(1.02)}.formation-cell.awaiting-placement{animation:flash-border 1s infinite;border-style:solid}@keyframes flash-border{0%,to{background:#f59e0b0d;border-color:var(--color-warning);box-shadow:0 0 5px #f59e0b4d}50%{background:#2b6de81a;border-color:var(--color-brand-primary);box-shadow:0 0 10px #2b6de866}}.formation-cell.awaiting-placement:hover{animation:none;background:#10b98126;border-color:var(--color-success);box-shadow:0 0 15px #10b9814d}.formation-cell.occupied{animation:none;background:#2b6de826;border-color:var(--color-brand-accent);border-style:solid}.formation-cell.occupied:hover{background:#ef44441a;border-color:var(--color-danger)}.formation-cell.front-row{border-top-width:3px}.formation-cell.front-row.empty{border-top-color:#ef444480}.formation-cell.back-row{border-bottom-width:3px}.formation-cell.back-row.empty{border-bottom-color:#3b82f680}.placed-mech{padding:4px;text-align:center;width:100%}.placed-mech .mech-name{color:var(--color-text-primary);display:block;font-size:11px;font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placed-mech .mech-class{color:var(--color-text-tertiary);display:block;font-size:9px;margin-top:2px}.placed-mech .remove-hint{color:var(--color-danger);display:none;font-size:9px;margin-top:3px}.formation-cell.occupied:hover .remove-hint{display:block}.empty-cell-content{padding:4px;text-align:center}.empty-cell-content .position-number{color:var(--color-text-tertiary);display:block;font-size:14px;font-weight:var(--font-weight-bold);opacity:.3}.empty-cell-content .bonus-label{display:block;font-size:9px;margin-top:2px}.empty-cell-content .bonus-label.attack{color:var(--color-danger)}.empty-cell-content .bonus-label.defense{color:var(--color-brand-primary)}.empty-cell-content .place-here-hint{color:var(--color-warning);display:block;font-size:8px;font-weight:var(--font-weight-semibold);margin-top:3px}.unplaced-mechs{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--border-radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.unplaced-mechs h4{color:var(--color-warning);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.unplaced-mechs-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.unplaced-mech{align-items:center;background:#0003;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.unplaced-mech .queue-number{align-items:center;background:var(--color-warning);border-radius:50%;color:var(--color-ui-background);display:flex;font-size:11px;font-weight:var(--font-weight-bold);height:20px;justify-content:center;width:20px}.unplaced-mech .mech-info{color:var(--color-text-primary);flex:1 1}.unplaced-mech .placement-arrow{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.placed-mechs-summary{background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--border-radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.placed-mechs-summary h4{color:var(--color-success);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.placed-mechs-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.placed-mech-item{align-items:center;background:#0003;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:4px 8px}.placed-mech-item .mech-name{color:var(--color-text-primary)}.placed-mech-item .position-badge{background:#2b6de833;border-radius:var(--border-radius-sm);color:var(--color-brand-accent);font-size:10px;padding:2px 6px}@media (max-width:768px){.formation-container{flex-direction:column}.formation-cell{max-height:70px;min-height:50px}.formation-tips{flex-direction:column;gap:var(--spacing-xs)}}@media (max-width:480px){.formation-grid.horizontal-layout .formation-row{gap:2px}.formation-cell{min-height:36px}.placed-mech .mech-name{font-size:10px}}@media (prefers-reduced-motion:reduce){.formation-cell.awaiting-placement{animation:none;background:#f59e0b1a;border-color:var(--color-warning)}.instruction-text.highlight{animation:none}}.placed-mech-item.enhanced{align-items:center;background:#00000040;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm)}.placed-mech-item .position-badge.front{background:#ef444433;border:1px solid #ef444466;color:#f87171}.placed-mech-item .position-badge.back{background:#3b82f633;border:1px solid #3b82f666;color:var(--color-brand-primary)}.position-stat-bonuses{display:flex;gap:var(--spacing-xs);margin-left:auto}.stat-change{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 6px}.stat-change.buff{background:#10b98133;color:#34d399}.stat-change.debuff{background:#ef444433;color:#f87171}.formation-summary-stats{border-top:1px solid #ffffff1a;margin-top:var(--spacing-md);padding-top:var(--spacing-sm)}.summary-note{align-items:flex-start;background:#3b82f61a;border-left:3px solid var(--color-brand-primary);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.summary-note .note-icon{font-size:1rem}.summary-note .note-text{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.4}@media (max-width:768px){.placed-mech-item.enhanced{align-items:flex-start;flex-direction:column}.position-stat-bonuses{margin-left:0;margin-top:var(--spacing-xs)}.summary-note{align-items:center;flex-direction:column;text-align:center}}.formation-selector{--arena-bg-card:var(--color-bg-tertiary,#0d0d0df2);--arena-border:var(--color-border,#2a2a2a);--arena-text-muted:var(--color-text-tertiary,#707070);--arena-bg-tertiary:var(--color-bg-secondary,#141414)}@keyframes formation-awaiting-placement{0%,to{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d,inset 0 0 20px #f59e0b1a}50%{border-color:#dc2626;box-shadow:0 0 20px #dc262666,inset 0 0 30px #dc262626}}.formation-cell.awaiting-placement{animation:formation-awaiting-placement 1.5s ease-in-out infinite}.formation-container{position:relative}.formation-container:before{animation:formation-grid-pulse 3s ease-in-out infinite;background:linear-gradient(90deg,#dc26260d 1px,#0000 0),linear-gradient(#dc26260d 1px,#0000 0);background-size:20% 50%;border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute}@keyframes formation-grid-pulse{0%,to{opacity:.3}50%{opacity:.6}}.formation-row.front-row{background:linear-gradient(180deg,#ef44441a,#0000);border:1px solid #ef444433;border-radius:8px}.formation-row.back-row{background:linear-gradient(0deg,#3b82f61a,#0000);border:1px solid #3b82f633;border-radius:8px}.empty-cell-content .bonus-label.attack{color:#ef4444}.empty-cell-content .bonus-label.defense{color:#3b82f6}.formation-strength{border-radius:8px;gap:1rem;margin-top:1rem;padding:.5rem 1rem}.strength-label{color:var(--color-text-tertiary);color:var(--arena-text-muted,var(--color-text-tertiary));font-size:.75rem}.strength-bar{background:var(--color-bg-secondary);background:var(--arena-bg-tertiary,var(--color-bg-secondary));border-radius:4px;flex:1 1;height:8px;max-width:200px;overflow:hidden}.strength-fill{background:linear-gradient(90deg,#dc2626,#f59e0b);border-radius:4px;height:100%;transition:width .3s ease}.strength-value{color:#f59e0b;font-size:.875rem;font-weight:700}.opponent-selector{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.opponent-selector h3{color:var(--color-text-primary);font-size:1.2rem;margin:0 0 1rem}.opponent-header{gap:.75rem 1rem;margin-bottom:.75rem}.opponent-header .opponent-title{flex-shrink:0;margin:0}.opponent-header .filter-controls{flex:1 1;margin-bottom:0;min-width:0}.filter-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.filter-input,.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--color-text-primary);font-size:.9rem;min-width:150px;padding:.5rem 1rem}.filter-input::placeholder{color:#ffffff80}.filter-select option{background:var(--color-ui-background);color:var(--color-text-primary)}.filter-btn{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:var(--color-text-primary);font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.filter-btn:hover{box-shadow:0 4px 15px #00d4ff4d;transform:translateY(-2px)}.opponent-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.opponent-card .card-glow-top{display:none}.opponent-card{background:#ffffff0d;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease}.opponent-card:not(.selected){animation:opponent-card-pulse 2.5s ease-in-out infinite}@keyframes opponent-card-pulse{0%,to{box-shadow:0 0 0 0 #ffffff0a}50%{box-shadow:0 0 0 3px #ffffff14}}.opponent-card:hover{animation:none;background:#ffffff1f;box-shadow:0 8px 25px #00000059;transform:translateY(-4px)}.opponent-card.selected{animation:none;background:linear-gradient(180deg,#f59e0b1a,#00d4ff33);border-color:#00d4ff;border-top-color:var(--color-brand-accent);border-width:3px;box-shadow:0 0 24px #00d4ff66,0 -3px 0 0 var(--color-brand-accent),0 0 14px var(--glow-accent),inset 0 0 20px #00d4ff14}.opponent-card.ai-card.selected{animation:selected-glow 2s ease-in-out infinite;background:linear-gradient(180deg,#f59e0b26,#00d4ff40);border:3px solid #00d4ff!important;border-top:3px solid var(--color-brand-accent)!important;box-shadow:0 0 30px #00d4ff80,0 0 60px #00d4ff40,0 -3px 0 0 var(--color-brand-accent),0 0 16px var(--glow-accent),inset 0 0 25px #00d4ff1f;transform:scale(1.02)}@keyframes selected-glow{0%,to{box-shadow:0 0 30px #00d4ff80,0 0 60px #00d4ff40,0 -3px 0 0 var(--color-brand-accent),0 0 16px var(--glow-accent),inset 0 0 25px #00d4ff1f}50%{box-shadow:0 0 40px #00d4ff99,0 0 80px #00d4ff59,0 -3px 0 0 var(--color-brand-accent),0 0 20px var(--glow-accent),inset 0 0 30px #00d4ff2e}}@media (prefers-reduced-motion:reduce){.opponent-card:not(.selected){animation:none}.opponent-card.ai-card.selected{animation:none;transform:scale(1.02)}}.opponent-card.ai-card.scout{border-left:4px solid #27ae60}.opponent-card.ai-card.veteran{border-left:4px solid #f39c12}.opponent-card.ai-card.elite{border-left:4px solid #9b59b6}.opponent-card.ai-card.prototype{border-left:4px solid #e74c3c}.opponent-avatar{background:linear-gradient(135deg,#4a5568,#2d3748);height:60px;margin:0 auto .75rem;overflow:hidden;width:60px}.opponent-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;text-transform:uppercase}.ai-avatar{background:linear-gradient(135deg,var(--color-ui-elevated),var(--color-ui-background));border:2px solid #ffffff1a}.ai-icon{font-size:2rem}.opponent-card h4{color:var(--color-text-primary);font-size:.95rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-info{flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}.opponent-level{background:#ffffff1a;color:#ffffffb3;font-size:.8rem}.difficulty,.opponent-level{border-radius:4px;padding:.2rem .5rem}.difficulty{font-size:.75rem;font-weight:700;text-transform:uppercase}.difficulty.scout{background:#27ae604d;color:#2ecc71}.difficulty.veteran{background:#f39c124d;color:#f39c12}.difficulty.elite{background:#9b59b64d;color:#9b59b6}.difficulty.prototype{background:#e74c3c4d;color:var(--color-danger)}.opponent-type{border-radius:4px;font-size:.7rem;padding:.15rem .4rem;text-transform:uppercase}.opponent-type.boss{background:#e74c3c4d;color:#ff6b6b}.opponent-type.training{background:#2ecc714d;color:#2ecc71}.mission-rewards-mini,.opponent-rewards-mini{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.reward-mini{background:#ffffff1a;border-radius:4px;font-size:.7rem;padding:.2rem .4rem}.reward-mini.xp{color:#00d4ff}.reward-mini.credits{color:#f1c40f}.opponent-stats-mini{margin-top:.5rem}.win-rate{color:#fff9;font-size:.75rem}.mission-preview,.opponent-preview{color:#ffffff80;font-size:.75rem;font-style:italic;margin-top:.5rem}.matchmaking-rules{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:8px;margin-bottom:1rem;padding:1rem}.matchmaking-rules h5{color:#00d4ff;font-size:.9rem;margin:0 0 .5rem}.matchmaking-rules ul{color:#fffc;font-size:.85rem;margin:0;padding-left:1.25rem}.matchmaking-rules li{margin-bottom:.25rem}.campaign-info,.pve-info{background:#ffffff0d;border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;text-align:center}.campaign-info h5,.pve-info h5{font-size:.8rem;margin:0 0 .25rem}.campaign-info p,.pve-info p{color:#ffffffb3;font-size:.7rem;margin:0}.no-opponents{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;padding:2rem;text-align:center}.no-opponents-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-opponents p{color:#ffffffb3;margin:.5rem 0}.no-opponents .hint{color:#ffffff80;font-size:.85rem;font-style:italic}.mission-list{display:flex;flex-direction:column;gap:.75rem}.mission-card{background:#ffffff0d;border:2px solid #0000;border-left:4px solid #3498db;border-radius:12px;padding:1rem;transition:all .2s ease}.mission-card:hover{background:#ffffff1a;transform:translateX(5px)}.mission-card.selected{background:linear-gradient(180deg,#f59e0b14,#00d4ff26);border-color:#00d4ff;border-top-color:var(--color-brand-accent);box-shadow:0 0 14px #00d4ff4d,0 -2px 0 0 var(--color-brand-accent)}.mission-header{margin-bottom:.5rem}.mission-header h4{font-size:1rem}.selected-opponent-info{align-items:center;background:#27ae6033;border:1px solid #27ae604d;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding:.75rem 1rem}.selected-label{color:#2ecc71;font-size:.9rem;font-weight:700}.selected-name{color:var(--color-text-primary);font-weight:700}.selected-rewards{color:#ffffffb3;font-size:.8rem;margin-left:auto}.opponent-selector .loading{padding:2rem;text-align:center}.loading-spinner{border-top-color:#00d4ff;margin:0 auto 1rem}.opponent-selector .loading span{color:#ffffffb3}.opponent-selector .error-message{background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:8px;color:var(--color-danger);padding:1rem;text-align:center}.opponent-selector .error-icon{margin-right:.5rem}.opponent-detail-modal .modal-content{max-width:500px}.opponent-detail-content{padding:.5rem}.detail-header{gap:1rem;margin-bottom:1.5rem}.detail-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.detail-icon.scout{background:linear-gradient(135deg,#27ae604d,#27ae601a)}.detail-icon.veteran{background:linear-gradient(135deg,#f39c124d,#f39c121a)}.detail-icon.elite{background:linear-gradient(135deg,#9b59b64d,#9b59b61a)}.detail-icon.prototype{background:linear-gradient(135deg,#e74c3c4d,#e74c3c1a)}.detail-title h2{font-size:1.3rem;margin:0 0 .25rem}.difficulty-badge{border-radius:20px;display:inline-block;font-size:.75rem}.difficulty-badge.scout{background:#27ae604d;color:#2ecc71}.difficulty-badge.veteran{background:#f39c124d;color:#f39c12}.difficulty-badge.elite{background:#9b59b64d;color:#9b59b6}.difficulty-badge.prototype{background:#e74c3c4d;color:var(--color-danger)}.detail-description,.detail-rewards,.detail-stats,.detail-tips{margin-bottom:1.25rem}.detail-description h4,.detail-rewards h4,.detail-stats h4,.detail-tips h4{color:#ffffffb3;font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.detail-description p{color:#ffffffe6;line-height:1.5;margin:0}.detail-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.opponent-selector .stat-item{background:#ffffff0d;border-radius:8px;padding:.75rem;text-align:center}.opponent-selector .stat-label{color:#ffffff80;display:block;font-size:.75rem;margin-bottom:.25rem}.opponent-selector .stat-value{color:var(--color-text-primary);display:block;font-size:1rem;font-weight:700}.detail-rewards{background:#f1c40f1a;border:1px solid #f1c40f33;border-radius:12px;padding:1rem}.detail-rewards h4{color:#f1c40f;margin-bottom:.75rem}.rewards-list{gap:.75rem;justify-content:center}.reward-item-large{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem}.reward-item-large .reward-icon{font-size:1.5rem;margin-bottom:.25rem}.reward-item-large .reward-amount{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.reward-item-large .reward-label{color:#fff9;font-size:.75rem;text-transform:uppercase}.reward-item-large.xp{border:1px solid #00d4ff4d}.reward-item-large.xp .reward-amount{color:#00d4ff}.reward-item-large.credits{border:1px solid #f1c40f4d}.reward-item-large.credits .reward-amount{color:#f1c40f}.reward-item-large.resources{border:1px solid #9b59b64d}.reward-item-large.resources .reward-amount{color:#9b59b6}.rewards-note{color:#ffffff80;font-size:.75rem;font-style:italic;margin:.75rem 0 0;text-align:center}.detail-tips{background:#3498db1a;border:1px solid #3498db33;border-radius:8px;padding:1rem}.detail-tips h4{color:#3498db}.detail-tips p{color:#fffc;font-size:.9rem;line-height:1.5;margin:0}.detail-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}@media (max-width:768px){.opponent-selector{padding:1rem}.filter-controls{flex-direction:column}.filter-input,.filter-select{width:100%}.opponent-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.opponent-card{padding:.75rem}.opponent-avatar{height:50px;width:50px}.detail-stats{grid-template-columns:1fr}.rewards-list{flex-direction:column}.reward-item-large{width:100%}.detail-actions{flex-direction:column}.detail-actions button{width:100%}}.opp-pagination{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:center;margin-top:16px;padding-top:12px}.opp-page-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#93c5fd;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s}.opp-page-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6}.opp-page-btn:disabled{cursor:default;opacity:.35}.opp-page-info{color:#94a3b8;font-size:.8rem}.opp-page-total{color:#64748b;font-size:.7rem}.cmp-icon-chapter:before{background:conic-gradient(from 180deg,currentColor 0,#0000 60%);border-radius:50%}.cmp-icon-chapter:before,.cmp-icon-mission:before{content:"";display:inline-block;height:1em;width:1em}.cmp-icon-mission:before{border:2px solid;border-radius:3px;transform:rotate(45deg)}.cmp-icon-boss:before{background:currentColor;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";display:inline-block;height:1em;width:1em}.cmp-icon-locked:before{border:2px solid;border-radius:2px;content:"";display:inline-block;height:1em;position:relative;width:.8em}.cmp-icon-locked:after{border:2px solid;border-bottom:none;border-radius:50% 50% 0 0;content:"";display:block;height:.4em;margin:-1.1em auto 0;width:.5em}.cmp-icon-completed:before{border:2px solid #2ecc71;border-radius:50%;content:"";display:inline-block;height:1em;position:relative;width:1em}.cmp-icon-completed:after{border-bottom:2.5px solid #2ecc71;border-right:2.5px solid #2ecc71;content:"";display:block;height:.6em;margin:-.85em 0 0 .3em;transform:rotate(45deg);width:.35em}.cmp-icon-star:before{background:currentColor;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";display:inline-block;height:1em;width:1em}.cmp-icon-briefing:before{background:linear-gradient(#0000 30%,currentColor 0,currentColor 35%,#0000 0,#0000 50%,currentColor 0,currentColor 55%,#0000 0,#0000 70%,currentColor 0,currentColor 75%,#0000 0);border:2px solid;border-radius:2px;content:"";display:inline-block;height:1.1em;width:.9em}.cmp-icon-reward:before{-webkit-clip-path:polygon(50% 0,80% 30%,100% 50%,80% 70%,50% 100%,20% 70%,0 50%,20% 30%);clip-path:polygon(50% 0,80% 30%,100% 50%,80% 70%,50% 100%,20% 70%,0 50%,20% 30%);width:1em}.cmp-icon-power:before,.cmp-icon-reward:before{background:currentColor;content:"";display:inline-block;height:1em}.cmp-icon-power:before{-webkit-clip-path:polygon(60% 0,20% 50%,50% 50%,40% 100%,80% 45%,50% 45%);clip-path:polygon(60% 0,20% 50%,50% 50%,40% 100%,80% 45%,50% 45%);width:.6em}.cmp-icon-trophy:before{border:3px solid #f1c40f;border-bottom:none;border-radius:50% 50% 0 0;content:"";display:inline-block;height:1em;width:1em}.cmp-icon-trophy:after{background:#f1c40f;border-radius:0 0 2px 2px;content:"";display:block;height:.3em;margin:0 auto;width:.4em}.cmp-icon-campaign:before{background:currentColor;border-radius:0 2px 2px 0;box-shadow:.35em -.15em 0 currentColor;content:"";display:inline-block;height:1em;width:.3em}.cmp-icon-progress:before{background:linear-gradient(90deg,currentColor 60%,#0000 0);border:2px solid;border-radius:3px;content:"";display:inline-block;height:.6em;width:1em}.cmp-icon-diff-scout:before{background:radial-gradient(circle at 35% 35%,#27ae6066,#0000 60%);border:2px solid #27ae60;border-radius:50%;content:"";display:inline-block;height:1em;width:1em}.cmp-icon-diff-veteran:before{background:#f39c12;-webkit-clip-path:polygon(50% 5%,64% 40%,100% 40%,70% 62%,82% 96%,50% 75%,18% 96%,30% 62%,0 40%,36% 40%);clip-path:polygon(50% 5%,64% 40%,100% 40%,70% 62%,82% 96%,50% 75%,18% 96%,30% 62%,0 40%,36% 40%);content:"";display:inline-block;height:1em;width:1em}.cmp-icon-diff-elite:before{background:#9b59b6;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";display:inline-block;height:1em;width:1em}.cmp-icon-diff-prototype:before{background:conic-gradient(#e74c3c,#c0392b,#e74c3c);border-radius:50%;box-shadow:0 0 4px #e74c3c80;content:"";display:inline-block;height:1em;width:1em}.cmp-icon-diff-boss:before{background:#ff4757;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";display:inline-block;filter:drop-shadow(0 0 3px rgba(255,71,87,.6));height:1.1em;width:1.1em}.cmp-header{background:linear-gradient(135deg,#991b1b26,#0000004d);border:1px solid #991b1b4d;border-radius:12px;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative;text-align:center}.cmp-header:before{animation:cmp-starfield 8s linear infinite;background:radial-gradient(1px 1px at 10% 20%,#ffffff4d,#0000),radial-gradient(1px 1px at 80% 40%,#fff3,#0000),radial-gradient(1px 1px at 50% 80%,#ffffff40,#0000),radial-gradient(1px 1px at 30% 60%,#ffffff26,#0000),radial-gradient(1px 1px at 90% 10%,#fff3,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes cmp-starfield{0%{opacity:.6;transform:translateY(0)}50%{opacity:1}to{opacity:.6;transform:translateY(-2px)}}.cmp-header-title{align-items:center;display:flex;gap:.5rem;justify-content:center;position:relative;z-index:1}.cmp-header-title h4{color:var(--color-text-primary);font-size:1.1rem;letter-spacing:1px;margin:0;text-transform:uppercase}.cmp-header-sub{color:#fff9;font-size:.78rem;margin:.25rem 0 0;position:relative;z-index:1}.cmp-complete-badge{align-items:center;animation:cmp-complete-glow 2s ease-in-out infinite;background:#f1c40f26;border:1px solid #f1c40f66;border-radius:20px;color:#f1c40f;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;padding:2px 10px}@keyframes cmp-complete-glow{0%,to{box-shadow:0 0 6px #f1c40f33}50%{box-shadow:0 0 16px #f1c40f80}}.cmp-progress-bar{margin-bottom:1rem}.cmp-progress-track{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.cmp-progress-fill{background:linear-gradient(90deg,#991b1b,#e74c3c,#f39c12);border-radius:4px;height:100%;position:relative;transition:width .6s ease-out}.cmp-progress-fill:after{animation:cmp-progress-shine 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d);bottom:0;content:"";position:absolute;right:0;top:0;width:30px}@keyframes cmp-progress-shine{0%{opacity:0;transform:translateX(-30px)}50%{opacity:1}to{opacity:0;transform:translateX(10px)}}.cmp-progress-label{color:#ffffff80;display:block;font-size:.72rem;margin-top:4px;text-align:center}.cmp-chapters{display:flex;flex-direction:column;gap:1.25rem}.cmp-chapter{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;overflow:hidden;transition:opacity .3s}.cmp-chapter.locked{opacity:.5}.cmp-chapter.complete{border-color:#27ae6033}.cmp-chapter-header{align-items:center;background:#ffffff08;border-left:4px solid #999;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.cmp-chapter-info{align-items:center;display:flex;gap:.6rem}.cmp-chapter-num{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:32px;justify-content:center;width:32px}.cmp-chapter-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700;margin:0}.cmp-chapter-subtitle{color:#ffffff80;font-size:.7rem;font-style:italic}.cmp-chapter-progress{align-items:center;display:flex;flex-shrink:0;gap:6px}.cmp-chapter-progress-track{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden;width:60px}.cmp-chapter-progress-fill{border-radius:3px;height:100%;transition:width .5s ease-out}.cmp-chapter-progress-label{color:#ffffff80;font-size:.7rem;white-space:nowrap}.cmp-chapter-desc{color:#ffffff8c;font-size:.75rem;font-style:italic;line-height:1.4;margin:0;padding:.5rem 1rem}.cmp-mission-list{display:flex;flex-direction:column;gap:2px}.cmp-mission-card{align-items:flex-start;background:#ffffff03;border-left:3px solid #0000;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.cmp-mission-card:hover:not(.locked){background:#ffffff0f;border-left-color:#00d4ff66}.cmp-mission-card.locked{cursor:default;opacity:.4}.cmp-mission-card.completed{border-left-color:#27ae604d}.cmp-mission-card.next{animation:cmp-next-pulse 3s ease-in-out infinite;background:#00d4ff0a;border-left-color:#00d4ff}@keyframes cmp-next-pulse{0%,to{box-shadow:inset 0 0 0 #00d4ff00}50%{box-shadow:inset 0 0 20px #00d4ff0f}}.cmp-mission-card.boss:not(.locked){background:#ff47570a}.cmp-mission-card.boss:not(.locked):after{background:linear-gradient(90deg,#0000,#ff475766,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cmp-mission-card.selected{background:linear-gradient(90deg,#00d4ff1f,#00d4ff0a);border-left-color:#00d4ff;box-shadow:0 0 12px #00d4ff26}.cmp-mission-card.selected .cmp-mission-title{color:#00d4ff}.cmp-mission-num{align-items:center;border-radius:50%;color:var(--color-text-primary);display:flex;flex-shrink:0;font-size:.85rem;height:36px;justify-content:center;margin-top:2px;min-width:36px;width:36px}.cmp-mission-body{flex:1 1;min-width:0}.cmp-mission-title-row{align-items:center;display:flex;gap:.5rem;margin-bottom:2px}.cmp-mission-title{color:var(--color-text-primary);font-size:.88rem;font-weight:600}.cmp-next-badge{animation:cmp-badge-blink 2s ease-in-out infinite;background:#00d4ff33;border:1px solid #00d4ff66;border-radius:10px;color:#00d4ff;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:1px;padding:1px 8px}@keyframes cmp-badge-blink{0%,to{opacity:1}50%{opacity:.6}}.cmp-replay-badge{background:#27ae6026;border-radius:10px;color:#2ecc71;display:inline-block;font-size:.6rem;font-weight:600;padding:1px 6px}.cmp-mission-desc{color:#ffffff8c;font-size:.75rem;line-height:1.35;margin:0 0 4px}.cmp-mission-desc.locked-text{color:#ffffff4d;font-style:italic}.cmp-mission-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cmp-diff-badge{border-radius:4px;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:2px 8px}.cmp-level-rec{align-items:center;color:#ffffff80;display:inline-flex;font-size:.68rem;gap:3px}.cmp-level-compare.ready{color:#27ae60}.cmp-level-compare.challenging{color:#f39c12}.cmp-level-compare.underleveled{color:#e74c3c}.cmp-your-level{font-size:.65rem;opacity:.9}.cmp-reward-preview{display:inline-flex;font-size:.65rem;gap:6px}.cmp-rw-xp{color:#00d4ff}.cmp-rw-cr{color:#f1c40f}.cmp-mission-selected{align-items:center;animation:cmp-target-spin 4s linear infinite;background:#00d4ff33;border:2px solid #00d4ff;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}@keyframes cmp-target-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cmp-briefing-box{background:#991b1b1a;border:1px solid #991b1b40;border-radius:8px;padding:1rem}.cmp-briefing-box h4{color:#e74c3c}.cmp-briefing-box p{color:#ffffffd9;line-height:1.6}.cmp-star-difficulty-row{grid-column:1/-1}.cmp-star-difficulty-btns{display:flex;flex-wrap:wrap;gap:.5rem}.cmp-diff-btn{align-items:center;background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.35rem;padding:.4rem .75rem;transition:border-color .2s,background .2s,color .2s}.cmp-diff-btn:hover{background:#991b1b26;border-color:#991b1b80;color:#fca5a5}.cmp-diff-btn.active{background:#991b1b40;border-color:#991b1b;color:#fecaca}.cmp-diff-btn.earned .cmp-star-icon.filled{color:#fbbf24}.cmp-star-icon{color:#ffffff40;font-size:.9rem}.cmp-star-icon.filled{color:#f59e0b}.cmp-mult{font-size:.75rem;opacity:.9}.cmp-mission-stars{display:inline-flex;gap:2px;margin-left:.35rem}.cmp-mission-stars .cmp-star{color:#fff3;font-size:.75rem}.cmp-mission-stars .cmp-star.earned{color:#f59e0b}.cmp-celebration{animation:cmp-celebration-entrance .6s ease-out;background:linear-gradient(135deg,#f1c40f1a,#e74c3c0d);border:1px solid #f1c40f4d;border-radius:12px;margin-top:1rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center}@keyframes cmp-celebration-entrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cmp-celebration:before{animation:cmp-confetti-float 6s linear infinite;background:radial-gradient(2px 2px at 20% 30%,#f1c40f,#0000),radial-gradient(2px 2px at 70% 20%,#e74c3c,#0000),radial-gradient(2px 2px at 40% 70%,#00d4ff,#0000),radial-gradient(2px 2px at 80% 60%,#f39c12,#0000),radial-gradient(1.5px 1.5px at 15% 80%,#2ecc71,#0000),radial-gradient(1.5px 1.5px at 60% 90%,#9b59b6,#0000),radial-gradient(2px 2px at 90% 40%,#f1c40f,#0000),radial-gradient(1px 1px at 35% 50%,#e74c3c,#0000);bottom:-50%;content:"";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%}@keyframes cmp-confetti-float{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(20px) rotate(5deg)}}.cmp-celebration-content{position:relative;z-index:1}.cmp-celebration-content h4{animation:cmp-trophy-glow 2s ease-in-out infinite;color:#f1c40f;font-size:1.3rem;margin:.5rem 0;text-shadow:0 0 20px #f1c40f66}@keyframes cmp-trophy-glow{0%,to{text-shadow:0 0 10px #f1c40f4d}50%{text-shadow:0 0 25px #f1c40f99,0 0 40px #f1c40f33}}.cmp-celebration-content p{color:#ffffffb3;font-size:.85rem;margin:0}.cmp-skeleton{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.cmp-skel-bar{animation:cmp-skel-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:4px;height:8px}@keyframes cmp-skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cmp-skel-chapter{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;overflow:hidden}.cmp-skel-header{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%);background-size:200% 100%;height:48px}.cmp-skel-header,.cmp-skel-mission{animation:cmp-skel-shimmer 1.5s ease-in-out infinite}.cmp-skel-mission{animation-delay:0s;animation-delay:var(--skel-delay,0s);background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d 50%,#ffffff05 75%);background-size:200% 100%;height:56px;margin:2px 0}.cmp-skel-chapter:nth-child(2) .cmp-skel-mission:first-child{--skel-delay:0.1s}.cmp-skel-chapter:nth-child(2) .cmp-skel-mission:nth-child(2){--skel-delay:0.2s}.cmp-skel-chapter:nth-child(2) .cmp-skel-mission:nth-child(3){--skel-delay:0.3s}.cmp-skel-chapter:nth-child(3) .cmp-skel-mission:first-child{--skel-delay:0.15s}.cmp-skel-chapter:nth-child(3) .cmp-skel-mission:nth-child(2){--skel-delay:0.25s}.cmp-skel-chapter:nth-child(3) .cmp-skel-mission:nth-child(3){--skel-delay:0.35s}.cmp-skel-chapter:nth-child(4) .cmp-skel-mission:first-child{--skel-delay:0.2s}.cmp-skel-chapter:nth-child(4) .cmp-skel-mission:nth-child(2){--skel-delay:0.3s}.cmp-skel-chapter:nth-child(4) .cmp-skel-mission:nth-child(3){--skel-delay:0.4s}@media (max-width:768px){.cmp-header{padding:.75rem}.cmp-chapter-header{align-items:flex-start;flex-direction:column;gap:.5rem}.cmp-chapter-progress{width:100%}.cmp-chapter-progress-track{flex:1 1}.cmp-mission-card{gap:.5rem;padding:.6rem .75rem}.cmp-mission-num{font-size:.75rem;height:30px;min-width:30px;width:30px}.cmp-reward-preview{display:none}}@media (prefers-reduced-motion:reduce){.cmp-celebration:before,.cmp-header:before{animation:none}.cmp-progress-fill:after{animation:none;display:none}.cmp-celebration,.cmp-celebration-content h4,.cmp-complete-badge,.cmp-mission-card.next,.cmp-next-badge,.cmp-skel-bar,.cmp-skel-header,.cmp-skel-mission,.cmp-target-spin{animation:none}@keyframes cmp-starfield{0%,to{transform:none}}@keyframes cmp-confetti-float{0%,to{transform:none}}}.particle-field{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:1}.particle{animation:particle-float 6s ease-in-out infinite;filter:blur(0);font-size:12px;opacity:.4}@keyframes particle-float{0%,to{opacity:.35;transform:translateY(0) scale(1) rotate(0deg)}25%{opacity:.5}50%{opacity:.55;transform:translateY(-20px) scale(1.2) rotate(10deg)}75%{opacity:.45}}.particle:nth-child(odd){animation-direction:alternate}.particle:nth-child(3n){animation-duration:8s}.particle:nth-child(5n){animation-duration:5s}.particle:nth-child(7n){filter:blur(1px);opacity:.1}@media (prefers-reduced-motion:reduce){.particle{animation:none!important}}@keyframes mini-radar-sweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes mini-radar-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.mini-radar{align-items:center;background:radial-gradient(circle,#0d0d0df2 0,#000000e6 100%);border:2px solid #2a2a2a;border-radius:50%;bottom:90px;box-shadow:0 8px 32px #00000080;display:flex;height:120px;justify-content:center;position:fixed;right:24px;width:120px;z-index:100}.mini-radar .radar-inner{border:1px solid #dc26264d;border-radius:50%;height:100px;overflow:hidden;position:relative;width:100px}.mini-radar .radar-sweep{animation:mini-radar-sweep 3s linear infinite;background:linear-gradient(90deg,#dc2626cc,#0000);height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:50%}.mini-radar .radar-dot{animation:mini-radar-pulse 2s ease-in-out infinite;border-radius:50%;height:6px;position:absolute;width:6px}.mini-radar .radar-center{background:#f5f5f5;border:2px solid #dc2626;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@media (max-width:768px){.mini-radar{display:none}}.arena-queue-panel{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid var(--color-ui-border);border-radius:12px;padding:1.5rem}.arena-queue-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.arena-queue-header h3{color:var(--color-text-primary);font-size:1.25rem;margin:0}.queue-status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.arena-rating-section{background:#0003;border-radius:8px;gap:1rem;margin-bottom:1.5rem;padding:1rem}.arena-rating-section,.rating-display{align-items:center;display:flex;flex-direction:column}.rating-display{gap:.25rem}.rating-tier{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.rating-value{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;line-height:1}.rating-label{color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase}.rating-stats{display:flex;gap:2rem;justify-content:center}.rating-stats .stat{align-items:center;display:flex;flex-direction:column}.rating-stats .stat-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.rating-stats .stat-label{color:var(--color-text-tertiary);font-size:.7rem;text-transform:uppercase}.queue-stats-section{background:#00000026;border-radius:8px;display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:.75rem}.queue-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.queue-stat .stat-icon{font-size:1.25rem}.queue-stat .stat-value{color:var(--color-text-primary);font-size:1rem;font-weight:600}.queue-stat .stat-label{color:var(--color-text-tertiary);font-size:.65rem;text-transform:uppercase}.search-status{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.search-spinner{animation:spin 1s linear infinite;border:3px solid #f59e0b4d;border-top:3px solid var(--color-brand-accent);height:24px;width:24px}.search-info{display:flex;flex-direction:column}.search-text{color:var(--color-brand-accent);font-size:.9rem}.search-time{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.arena-error{align-items:center;background:rgba(var(--color-brand-primary-rgb),.1);border:1px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.arena-error .error-icon{font-size:1rem}.arena-error .error-text{color:var(--color-danger);flex:1 1;font-size:.85rem}.arena-error .error-close{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.arena-actions{margin-top:1rem}.match-found-modal .modal-content{text-align:center}.match-found-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.match-found-icon{animation:arenaQueuePulse 1s ease-in-out infinite;font-size:4rem}.match-found-text{color:var(--color-success);font-size:1.5rem;font-weight:700}.opponent-preview{align-items:center;background:#0003;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.opponent-name{color:var(--color-text-primary);font-size:1.25rem}.match-redirect-text,.opponent-rating{color:var(--color-text-tertiary);font-size:.9rem}.match-found-spinner{animation:spin 1s linear infinite;border:3px solid #22c55e4d;border-radius:50%;border-top:3px solid var(--color-success);height:32px;width:32px}@keyframes arenaQueuePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:480px){.arena-queue-panel{padding:1rem}.rating-stats{gap:1rem}.queue-stats-section{flex-wrap:wrap;gap:.5rem}.queue-stat{flex:1 0 30%}}.battle-arena-container{--arena-bg-primary:#0a0a0a;--arena-bg-secondary:#0d0808;--arena-bg-tertiary:#141414;--arena-bg-elevated:#141414f2;--arena-bg-card:#0d0d0df2;--arena-red:var(--color-brand-primary);--arena-red-dark:#991b1b;--arena-red-glow:#dc262680;--arena-amber:#f59e0b;--arena-amber-glow:#f59e0b80;--arena-pve:#f59e0b;--arena-pvp:var(--color-brand-primary);--arena-campaign:#991b1b;--arena-success:#22c55e;--arena-purple:#a855f7;--rarity-common:#6b7280;--rarity-uncommon:#22c55e;--rarity-rare:#94a3b8;--rarity-epic:#a855f7;--rarity-legendary:#f59e0b;--arena-text-primary:#f5f5f5;--arena-text-secondary:#a0a0a0;--arena-text-muted:#707070;--arena-border:#2a2a2a;--arena-border-hover:#3a3a3a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--transition-normal:0.3s ease}@keyframes arena-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes arena-scan-sweep{0%{left:-100%}to{left:100%}}@keyframes arena-event-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes arena-card-select{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1.01)}}@keyframes arena-legendary-glow{0%,to{border-color:var(--rarity-legendary);box-shadow:0 0 15px #f59e0b66,0 0 30px #f59e0b33}50%{border-color:#fbbf24;box-shadow:0 0 25px #f59e0b99,0 0 50px #f59e0b4d}}@keyframes arena-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes arena-grid-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes arena-engage-pulse{0%{box-shadow:0 0 20px #dc262666}50%{box-shadow:0 0 40px #dc2626b3,0 0 80px #dc26264d}to{box-shadow:0 0 20px #dc262666}}@keyframes arena-engage-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes arena-ready-breathe{0%,to{border-color:#dc262666}50%{border-color:#dc2626cc}}.main-display:has(.battle-arena-container){background:var(--color-ui-background)!important;overflow:hidden!important}.battle-arena-container [role=button]:focus-visible,.battle-arena-container button:focus-visible{box-shadow:none;outline:1px solid var(--arena-border-hover);outline-offset:2px}.battle-arena-container{background:linear-gradient(180deg,#0a0a0a,#0d0808 50%,#0a0a0a)!important;box-sizing:border-box;color:var(--arena-text-primary);flex-direction:column;font-family:Exo\ 2,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;margin:0 auto;max-width:2400px;padding:.4rem .75rem;width:100%}.arena-toolbar,.battle-arena-container{display:flex;overflow:hidden;position:relative}.arena-toolbar{align-items:center;background:var(--arena-bg-elevated);border:1px solid var(--arena-border);border-radius:8px;flex-shrink:0;gap:1rem;min-height:40px;padding:.35rem 1rem;z-index:10}.arena-toolbar:after{animation:arena-scan-sweep 6s linear infinite;background:linear-gradient(90deg,#0000,#dc26260f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.arena-toolbar-brand{flex-shrink:0}.arena-toolbar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--arena-text-primary) 0,var(--arena-red) 60%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Exo\ 2,sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:3px;margin:0;text-transform:uppercase;white-space:nowrap}.arena-toolbar-tabs{display:flex;flex-shrink:0;gap:.35rem}.arena-tab-pill{--pill-color:var(--arena-pve);align-items:center;background:#141414cc;border:1px solid var(--arena-border);border-radius:20px;color:var(--arena-text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.35rem .75rem;position:relative;transition:all .25s ease;white-space:nowrap}.arena-tab-pill[data-type=pvp]{--pill-color:var(--arena-pvp)}.arena-tab-pill[data-type=campaign]{--pill-color:var(--arena-campaign)}.arena-tab-pill:hover{background:#ffffff14;transform:translateY(-1px)}.arena-tab-pill.active,.arena-tab-pill:hover{border-color:var(--pill-color);color:var(--arena-text-primary)}.arena-tab-pill.active{background:linear-gradient(135deg,#dc262633,#0000004d);box-shadow:0 0 12px #dc262633}.arena-tab-pill[data-type=pvp].active{background:linear-gradient(135deg,#dc262640,#0000004d)}.arena-tab-pill[data-type=campaign].active{background:linear-gradient(135deg,#991b1b40,#0000004d)}.pill-icon{font-size:.9rem}.pill-label{font-size:.8rem}.pill-warning-dot{animation:arena-pulse-dot 1.5s ease-in-out infinite;background:var(--arena-amber);border-radius:50%;flex-shrink:0;height:6px;width:6px}.arena-toolbar-info{align-items:center;display:flex;flex-shrink:0;gap:.75rem;margin-left:auto}.arena-toolbar-stats{display:flex;gap:.5rem}.toolbar-stat{color:var(--arena-text-secondary);font-size:.75rem;white-space:nowrap}.toolbar-stat:hover{color:var(--arena-amber)}.arena-rewards-trigger{align-items:center;background:#141414cc;border:1px solid var(--arena-border);border-radius:6px;color:var(--arena-text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;gap:4px;padding:.3rem .6rem;transition:all .2s ease;white-space:nowrap}.arena-rewards-trigger:hover{background:#f59e0b26;border-color:var(--arena-amber);color:var(--arena-amber)}.event-banner{align-items:center;background:linear-gradient(90deg,#0000,#f59e0b26,#0000);border:1px solid #f59e0b4d;border-radius:6px;display:inline-flex;font-size:.75rem;gap:.4rem;padding:.25rem .6rem}.event-icon{animation:arena-event-pulse 1s ease-in-out infinite;font-size:.9rem}.event-text{color:var(--arena-amber);font-size:.75rem;font-weight:500}.event-timer{color:var(--arena-text-muted);font-family:Orbitron,Exo\ 2,sans-serif;font-size:.7rem}.event-banner-placeholder{display:none}.battle-arena-container .error-message{align-items:center;background:#dc262626;border:1px solid #dc262666;border-radius:8px;display:flex;flex-shrink:0;justify-content:space-between;margin:.5rem 0;padding:.5rem 1rem}.error-text{color:#f87171;font-size:.85rem;font-weight:500}.error-close{background:none;border:none;color:#f87171;cursor:pointer;font-size:1.25rem;line-height:1;padding:0 .4rem}.arena-dashboard{grid-gap:.5rem;display:grid;flex:1 1;gap:.5rem;grid-template-columns:1fr 1.3fr 1fr;grid-template-rows:1fr;margin-top:.5rem;min-height:0;position:relative;z-index:2}.arena-panel{background:var(--arena-bg-card);border:1px solid var(--arena-border);border-radius:10px;display:flex;flex-direction:column;max-height:100%;min-height:0;overflow:hidden}.arena-mechs{border-left:3px solid var(--arena-red)}.arena-formation{border-top:3px solid var(--arena-red)}.arena-target{border-right:3px solid var(--arena-pvp)}.panel-header{border-bottom:1px solid var(--arena-border);flex-shrink:0;gap:.5rem;overflow:hidden;padding:.4rem .6rem;position:relative}.panel-header:after{animation:arena-scan-sweep 5s linear infinite;background:linear-gradient(90deg,#0000,#dc262614,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.panel-icon{align-items:center;background:linear-gradient(135deg,#dc26264d,#0000004d);border:2px solid #dc262680;border-radius:6px;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;width:36px}.panel-title-group{flex:1 1;min-width:0}.panel-title{color:var(--arena-text-primary);font-size:.9rem;font-weight:700;margin:0}.panel-subtitle{color:var(--arena-text-muted);font-size:.65rem;margin:0}.panel-activity{align-items:center;background:#22c55e26;border-radius:10px;color:var(--arena-success);display:flex;flex-shrink:0;font-size:.6rem;gap:4px;padding:2px 6px}.activity-dot{animation:arena-pulse-dot 1.5s ease-in-out infinite;background:var(--arena-success);height:5px;width:5px}.mech-type-filter{align-items:center;background:var(--arena-bg-tertiary);border-bottom:1px solid var(--arena-border);display:flex;flex-shrink:0;gap:var(--spacing-sm);padding:4px .8rem}.mech-type-filter-label{color:var(--arena-text-muted);font-size:.7rem;margin:0}.mech-type-filter-select{background:var(--arena-bg-primary);border:1px solid var(--arena-border);border-radius:4px;color:var(--arena-text-primary);cursor:pointer;flex:1 1;font-size:.75rem;max-width:120px;padding:2px 6px}.mech-type-filter-select:focus,.mech-type-filter-select:hover{border-color:var(--arena-red);outline:none}.mech-grid{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;padding:6px}.mech-grid::-webkit-scrollbar{width:4px}.mech-grid::-webkit-scrollbar-track{background:var(--arena-bg-tertiary)}.mech-grid::-webkit-scrollbar-thumb{background:var(--arena-red);border-radius:2px}.mech-card{--rarity-color:var(--rarity-common);align-items:center;background:linear-gradient(135deg,#141414e6,#0d0d0df2);border:1px solid var(--arena-border);border-left:3px solid var(--rarity-color);display:flex;flex-shrink:0;gap:.5rem;padding:.35rem .5rem;transition:all .2s ease}.mech-card .card-glow-top{display:none}.mech-card.rarity-uncommon,.mech-card[data-rarity=uncommon]{--rarity-color:var(--rarity-uncommon)}.mech-card.rarity-rare,.mech-card[data-rarity=rare]{--rarity-color:var(--rarity-rare)}.mech-card.rarity-epic,.mech-card[data-rarity=epic]{--rarity-color:var(--rarity-epic)}.mech-card.rarity-legendary,.mech-card[data-rarity=legendary]{--rarity-color:var(--rarity-legendary);animation:arena-legendary-glow 3s ease-in-out infinite}.mech-card:hover{background:linear-gradient(135deg,#1e1e1ef2,#121212fa);border-color:var(--rarity-color);transform:translateX(3px)}.mech-card.selected{animation:arena-card-select .3s ease forwards;background:linear-gradient(90deg,#dc26261f,#0d0d0df2);border-color:var(--arena-red);box-shadow:0 0 15px #dc262640}.mech-card.selected.rarity-legendary,.mech-card.selected[data-rarity=legendary]{animation:none}.mech-card.selected:after{animation:arena-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc262626,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.mech-card-icon{align-items:center;background:linear-gradient(135deg,var(--rarity-color) 0,#0006 100%);border:2px solid var(--rarity-color);border-radius:8px;display:flex;flex-shrink:0;font-size:1.6rem;height:52px;justify-content:center;position:relative;width:52px}.mech-card-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.mech-class-badge{background:#ffffff1a;border:none;border-radius:3px;box-shadow:none;color:var(--arena-text-secondary);font-size:.55rem;font-weight:700;letter-spacing:.5px;padding:1px 5px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.mech-name{color:var(--arena-text-primary);font-size:.78rem;line-height:1.2}.mech-health-row{align-items:center;display:flex;gap:5px;margin-top:2px}.mech-health-preview{background:var(--arena-bg-tertiary);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.mech-health-fill{background:linear-gradient(90deg,var(--arena-success),#4ade80);border-radius:2px;height:100%;transition:width .3s ease}.mech-health-fill.damaged{background:linear-gradient(90deg,var(--arena-amber),#fbbf24)}.mech-health-fill.critical{background:linear-gradient(90deg,var(--arena-pvp),#f87171)}.mech-health-pct{color:var(--arena-text-secondary);font-size:.55rem;font-weight:700;min-width:24px;text-align:right}.mech-info-btn{background:#ffffff0f;border:1px solid var(--arena-border);border-radius:6px;color:var(--arena-text-muted);flex-shrink:0;font-size:1rem;height:32px;transition:all .2s ease;width:32px}.mech-info-btn:hover{border-color:var(--arena-red);transform:scale(1.05)}.mech-info-btn:hover,.selection-order{background:var(--arena-red);color:#fff}.selection-order{align-items:center;border:2px solid var(--arena-bg-primary);border-radius:50%;bottom:-4px;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;width:18px;z-index:2}.selection-summary{align-items:center;background:linear-gradient(90deg,#dc26261a,#0000);border-top:1px solid var(--arena-border);display:flex;flex-shrink:0;justify-content:space-between;padding:.4rem .8rem}.selection-count{color:var(--arena-red);font-size:.75rem;font-weight:600}.selection-hint{align-items:center;color:var(--arena-amber);display:flex;font-size:.65rem;gap:.2rem}.mech-filter-empty{align-items:center;color:var(--arena-text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-lg);text-align:center}.mech-filter-empty .filter-empty-icon{font-size:1.5rem;margin-bottom:6px;opacity:.7}.mech-filter-empty .hint{font-size:.65rem;margin-top:3px}.arena-formation{display:flex;flex-direction:column}.formation-header{align-items:center;border-bottom:1px solid var(--arena-border);display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;padding:.35rem .75rem}.formation-title{align-items:center;color:var(--arena-text-primary);display:flex;font-size:.95rem;font-weight:700;gap:.4rem;margin:0}.formation-tips-inline{display:flex;gap:.5rem}.formation-tip{align-items:center;background:#0000004d;border-radius:4px;display:inline-flex;font-size:.65rem;gap:.2rem;padding:2px 6px}.formation-tip.attack{border:1px solid #ef444440;color:var(--arena-pvp)}.formation-tip.defense{border:1px solid #3b82f640;color:var(--arena-pve)}.formation-grid-container-mockup{background:linear-gradient(180deg,#0006,#0003);border-radius:0;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:.75rem;position:relative}.formation-grid-container-mockup:before{animation:arena-grid-pulse 4s ease-in-out infinite;background:linear-gradient(90deg,#dc26260a 1px,#0000 0),linear-gradient(#dc26260a 1px,#0000 0);background-size:20% 50%;content:"";inset:0;pointer-events:none;position:absolute}.zone-label{display:none}.formation-grid-container-mockup .formation-selector{background:#0000;border:none;flex:1 1;margin:0;min-height:0;padding:0;width:100%}.formation-grid-container-mockup .formation-selector .formation-tips,.formation-grid-container-mockup .formation-selector h3{display:none}.formation-grid-container-mockup .formation-container,.formation-grid-container-mockup .formation-instructions{margin-bottom:.5rem}.formation-grid-container-mockup .formation-grid{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.formation-grid-container-mockup .formation-grid .formation-row{align-items:center;border-radius:8px;display:flex;gap:.3rem;padding:.4rem}.formation-grid-container-mockup .formation-row .row-label{flex-shrink:0;font-size:.55rem;font-weight:700;text-align:center;text-transform:uppercase;white-space:nowrap;width:50px}.formation-grid-container-mockup .formation-row.front-row{background:linear-gradient(180deg,#ef44441f,#ef44440a);border:1px solid #ef44444d}.formation-grid-container-mockup .formation-row.front-row .row-label{color:var(--arena-pvp)}.formation-grid-container-mockup .formation-row.back-row{background:linear-gradient(0deg,#3b82f61f,#3b82f60a);border:1px solid #3b82f64d}.formation-grid-container-mockup .formation-row.back-row .row-label{color:var(--arena-pve)}.formation-grid-container-mockup .formation-cell{aspect-ratio:1;border:2px dashed var(--arena-border);border-radius:6px;flex:1 1;min-height:28px;transition:all .2s ease}.formation-grid-container-mockup .formation-cell:hover{background:#dc262614;border-color:var(--arena-red);box-shadow:0 0 10px #dc262626}.formation-grid-container-mockup .formation-cell.occupied{align-items:center;aspect-ratio:1;border-style:solid;display:flex;flex-direction:column;justify-content:center;min-height:28px}.formation-grid-container-mockup .placed-mech{min-width:0;padding:.15rem;text-align:center;width:100%}.formation-grid-container-mockup .placed-mech .mech-name{display:block;font-size:.65rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formation-grid-container-mockup .placed-mech .mech-class{color:var(--arena-text-muted);display:block;font-size:.55rem;line-height:1.2;margin-top:.05rem}.formation-grid-container-mockup .empty-cell-content .position-number{font-size:.85rem}.formation-grid-container-mockup .empty-cell-content .bonus-label,.formation-grid-container-mockup .empty-cell-content .place-here-hint{font-size:.4rem}.formation-grid-container-mockup .placed-mechs-summary,.formation-grid-container-mockup .unplaced-mechs{display:none}.formation-grid-container-mockup .formation-summary-stats{margin-top:.5rem;padding-top:.5rem}.formation-grid-container-mockup .summary-note .note-text{font-size:.45rem}.formation-strength{align-items:center;background:#0000004d;border-radius:6px;display:flex;flex-shrink:0;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.4rem .75rem}.formation-strength .strength-label{color:var(--arena-text-muted);font-size:.65rem}.formation-strength .strength-bar{background:var(--arena-bg-tertiary);border-radius:3px;flex:1 1;height:6px;max-width:160px;overflow:hidden}.formation-strength .strength-fill{background:linear-gradient(90deg,var(--arena-red),var(--arena-amber));border-radius:3px;height:100%;transition:width .3s ease}.formation-strength .strength-value{color:var(--arena-amber);font-size:.75rem;font-weight:700}.arena-target{display:flex;flex-direction:column}.arena-target .opponent-selector{flex:1 1;min-height:0;overflow-y:auto}.arena-target .opponent-selector h3{align-items:center;border-bottom:1px solid var(--arena-border);color:var(--arena-text-primary);display:flex;font-size:.8rem;font-weight:700;gap:.4rem;margin:0 0 .3rem;padding:.4rem .6rem .3rem}.opponent-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.opponent-header,.opponent-title{align-items:center;display:flex;gap:.4rem}.opponent-title{color:var(--arena-text-primary);font-size:.9rem;font-weight:700;margin:0}.opponent-filters,.opponent-header .filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.opponent-filters .filter-select,.opponent-header .filter-select{background:var(--arena-bg-tertiary);border:1px solid var(--arena-border);border-radius:4px;color:var(--arena-text-primary);cursor:pointer;font-size:.7rem;padding:2px 6px}.opponent-filters .filter-select:focus,.opponent-filters .filter-select:hover{border-color:var(--arena-red);outline:none}.opponent-filters .filter-btn,.opponent-header .filter-btn{background:var(--arena-bg-tertiary);border:1px solid var(--arena-border);border-radius:4px;color:var(--arena-text-primary);cursor:pointer;font-size:.7rem;padding:2px 6px}.opponent-filters .filter-btn:hover{background:#dc26261f;border-color:var(--arena-red)}.arena-target .opponent-grid,.opponent-panel .opponent-grid{display:flex;flex-direction:column;gap:3px;max-height:none;overflow-y:auto;padding:0 .4rem .4rem}.arena-target .opponent-card,.opponent-panel .opponent-card{--difficulty-color:#22c55e;background:linear-gradient(135deg,#141414e6,#0d0d0df2);border:1px solid var(--arena-border);border-left:3px solid var(--difficulty-color);border-radius:5px;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .2s ease}.opponent-panel .opponent-card .card-body{align-items:center;display:flex;gap:.35rem;min-width:0;padding:.3rem .5rem}.opponent-card[data-difficulty=scout]{--difficulty-color:#22c55e}.opponent-card[data-difficulty=veteran]{--difficulty-color:#3b82f6}.opponent-card[data-difficulty=elite]{--difficulty-color:#a855f7}.opponent-card[data-difficulty=boss],.opponent-card[data-difficulty=prototype]{--difficulty-color:#ef4444}.opponent-card:hover{border-color:var(--difficulty-color);transform:translateX(3px)}.opponent-card.selected{background:linear-gradient(90deg,#dc26261f,#0d0d0df2);border-color:var(--arena-red);box-shadow:0 0 15px #dc262633}.opponent-card-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#00000080);background:linear-gradient(135deg,var(--difficulty-color,#22c55e) 0,#00000080 100%);border:1px solid #22c55e;border:1px solid var(--difficulty-color,#22c55e);border-radius:6px;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.opponent-card-icon.pvp-avatar{background:linear-gradient(135deg,var(--arena-pvp) 0,#00000080 100%);border-color:var(--arena-pvp);border-radius:50%;color:#fff;font-size:.8rem;font-weight:700}.opponent-card-icon.pvp-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.opponent-card-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.arena-target .opponent-card .opponent-name,.opponent-panel .opponent-card .opponent-name{color:var(--arena-text-primary);font-size:.7rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-level-badge{background:#dc262626;color:var(--arena-red);font-weight:600}.difficulty-badge,.opponent-level-badge{border-radius:3px;font-size:.5rem;padding:1px 4px;width:-webkit-fit-content;width:fit-content}.target-locked{flex-shrink:0;font-size:.8rem}.opponent-panel .opponent-grid::-webkit-scrollbar{width:4px}.opponent-panel .opponent-grid::-webkit-scrollbar-track{background:var(--arena-bg-tertiary)}.opponent-panel .opponent-grid::-webkit-scrollbar-thumb{background:var(--arena-red);border-radius:2px}.pvp-subtabs{background:var(--arena-bg-elevated);border-bottom:1px solid var(--arena-border);display:flex;flex-shrink:0;gap:4px;padding:.4rem .5rem}.pvp-subtab{align-items:center;background:#14141499;border:1px solid #0000;border-radius:5px;color:var(--arena-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:.3rem;justify-content:center;padding:.35rem .5rem;position:relative;transition:all .25s ease}.pvp-subtab:hover{background:#dc26261a;border-color:#dc26264d;color:var(--arena-text-primary)}.pvp-subtab.active{background:linear-gradient(90deg,#dc262633,#0000);border-color:var(--arena-pvp);color:var(--arena-text-primary)}.pvp-subtab.active:before{background:var(--arena-pvp);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.subtab-icon{font-size:.9rem}.subtab-label{font-size:.75rem}.subtab-status{border-radius:8px;font-size:.55rem;font-weight:600;padding:1px 5px}.subtab-status.queue{background:#22c55e26;border:1px solid #22c55e4d;color:var(--arena-success)}.subtab-status.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--arena-amber)}.subtab-warning-dot{animation:arena-pulse-dot 1.5s ease-in-out infinite;background:var(--arena-amber);border-radius:50%;height:5px;width:5px}.pvp-attack-section,.pvp-defense-section,.pvp-ranked-section{flex:1 1;min-height:0;overflow-y:auto;padding:.5rem}.pvp-browser{background:#0003;border-radius:6px;margin-bottom:.5rem;padding:.5rem}.pvp-browser.no-defense{background:#dc262614;border:1px solid #dc262633}.no-defense-warning{padding:1.5rem;text-align:center}.no-defense-warning .warning-icon{font-size:2rem;margin-bottom:.4rem}.no-defense-warning h4{color:#f87171;font-size:.9rem;margin:0 0 .4rem}.no-defense-warning p{color:var(--arena-text-secondary);font-size:.8rem;margin:.3rem 0}.pvp-filters{border-bottom:1px solid var(--arena-border);gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.filter-group{gap:.3rem}.filter-group label{color:var(--arena-text-secondary);font-size:.75rem}.filter-group input[type=number]{padding:.2rem;text-align:center;width:50px}.filter-group input[type=number],.filter-group select{background:#ffffff14;border:1px solid var(--arena-border);color:var(--arena-text-primary);font-size:.75rem}.filter-group select{padding:.2rem .5rem}.filter-group select option{background:var(--arena-bg-primary)}.pvp-opponent-list{gap:4px;max-height:240px}.pvp-opponent-card{background:#ffffff0a;border:1px solid #0000;border-radius:6px;gap:.5rem;padding:.4rem .6rem;transition:all .2s ease}.pvp-opponent-card:hover{background:#ffffff14;border-color:var(--arena-border)}.pvp-opponent-card.selected{background:linear-gradient(90deg,#dc26261a,#0000);border-color:var(--arena-red);box-shadow:0 0 12px #dc262633}.pvp-opponent-card .opponent-avatar{align-items:center;background:linear-gradient(135deg,var(--arena-red),var(--arena-red-dark));border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.pvp-opponent-card .opponent-info{display:flex;flex:1 1;flex-direction:column}.opponent-name{font-size:.8rem;font-weight:700;margin-bottom:1px}.opponent-level,.opponent-rating{color:var(--arena-text-muted);font-size:.7rem}.opponent-defense{text-align:right}.defense-count,.potential-reward{color:var(--arena-text-secondary);display:block;font-size:.7rem}.potential-reward{color:var(--arena-amber)}.selected-indicator{background:var(--arena-red);font-size:.6rem;padding:.15rem .4rem}.pvp-loading,.pvp-no-opponents{color:var(--arena-text-muted);font-size:.85rem;padding:1.5rem}.defense-info-panel{background:#3498db14;border:1px solid #3498db33;border-radius:8px;padding:1rem}.defense-info-panel h3{color:#3498db;font-size:.95rem;margin:0 0 .4rem}.defense-info-panel>p{color:var(--arena-text-secondary);font-size:.8rem;margin:0 0 .75rem}.current-defense-display{background:#27ae601a;border:1px solid #27ae6040;border-radius:6px;margin-top:.75rem;padding:.75rem}.current-defense-display h4{color:#2ecc71;font-size:.85rem;margin:0 0 .5rem}.defense-mechs-preview{display:flex;flex-wrap:wrap;gap:.5rem}.defense-mech-preview{align-items:center;background:#ffffff0f;border-radius:5px;display:flex;gap:.3rem;padding:.3rem .5rem}.mech-icon-mini{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:4px;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;width:22px}.mech-name-mini{font-size:.75rem;font-weight:500}.mech-pos-mini{color:var(--arena-text-muted);font-size:.6rem}.defense-updated{color:var(--arena-text-muted);font-size:.7rem;margin:.5rem 0 0}.no-defense-notice{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:6px;margin-top:.75rem;padding:.75rem;text-align:center}.no-defense-notice .notice-icon{display:block;font-size:1.5rem;margin-bottom:.3rem}.no-defense-notice p{color:var(--arena-text-secondary);font-size:.8rem;margin:.2rem 0}.attack-history{background:#0003;border-radius:6px;padding:.5rem}.attack-history-header{margin-bottom:.5rem}.attack-history-title{color:var(--arena-text-secondary);font-size:.8rem;font-weight:700;margin:0}.attack-history-empty{color:var(--arena-text-muted);padding:1rem}.attack-history-empty .empty-icon{font-size:1.5rem;margin-bottom:.3rem}.attack-history-list{display:flex;flex-direction:column;gap:3px;max-height:160px;overflow-y:auto}.attack-history-item{align-items:center;background:#00000040;border:1px solid var(--arena-border);border-radius:5px;display:flex;gap:.5rem;padding:.4rem}.attack-history-item.victory{border-left:2px solid var(--arena-success)}.attack-history-item.defeat{border-left:2px solid var(--arena-pvp)}.attack-history-result{font-size:1rem}.attack-history-info{flex:1 1}.attack-history-target{color:var(--arena-text-primary);display:block;font-size:.7rem;font-weight:600}.attack-history-time{color:var(--arena-text-muted);display:block;font-size:.55rem}.attack-history-rewards{color:var(--arena-text-secondary);font-size:.6rem;text-align:right}.formation-actions{align-items:center;background:linear-gradient(0deg,#0006,#0000);border-top:1px solid var(--arena-border);display:flex;flex-shrink:0;gap:.5rem;justify-content:center;padding:.6rem 1rem}.formation-selection-count{color:var(--arena-red);font-size:.7rem;font-weight:600;margin-right:.3rem;white-space:nowrap}.arena-status-hint{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;display:flex;flex-shrink:0;justify-content:center;margin-top:.25rem;padding:.3rem 1rem}.arena-status-hint .selection-hint{color:var(--arena-amber);font-size:.7rem;white-space:nowrap}.battle-arena-container .action-btn{align-items:center;background:#1e1e1ee6;border:2px solid var(--arena-border);border-radius:8px;color:var(--arena-text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1.25rem;transition:all .3s ease;white-space:nowrap}.battle-arena-container .action-btn:hover{border-color:var(--arena-text-secondary);transform:translateY(-1px)}.battle-arena-container .action-btn.secondary{background:#141414f2;border-color:var(--arena-border);font-size:.8rem;padding:.5rem 1rem}.battle-arena-container .action-btn.primary{background:linear-gradient(135deg,var(--arena-red) 0,var(--arena-red-dark) 100%);border-color:var(--arena-red);box-shadow:0 0 15px #dc26264d;color:#fff;font-family:Orbitron,Exo\ 2,sans-serif;letter-spacing:1px;overflow:hidden;position:relative;text-transform:uppercase}.action-btn.primary:hover:not(:disabled){box-shadow:0 0 30px #dc262680;transform:translateY(-2px)}.action-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.battle-arena-container.combat-ready .formation-actions{animation:arena-ready-breathe 2s ease-in-out infinite;border-color:var(--arena-red);box-shadow:0 0 20px #dc262633}.battle-arena-container.combat-ready .formation-actions .action-btn.primary{animation:arena-engage-pulse 1.5s ease-in-out infinite}.battle-arena-container.combat-ready .formation-actions .action-btn.primary:after{animation:arena-engage-ring 1.5s ease-out infinite;border:2px solid var(--arena-red);border-radius:10px;content:"";inset:-4px;pointer-events:none;position:absolute}.battle-arena-container.combat-ready .arena-formation{border-color:#dc262680}.battle-arena-container.combat-ready .formation-grid-container-mockup .formation-cell.occupied{box-shadow:0 0 8px #dc262633}.battle-arena-container .empty-state,.battle-arena-container .loading-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-spinner{border:3px solid var(--arena-border);border-top-color:var(--arena-red);height:36px;margin-bottom:.75rem;width:36px}.empty-icon{font-size:2rem;margin-bottom:.5rem}.battle-arena-container .empty-state p{color:var(--arena-text-secondary);font-size:.85rem;margin:.25rem 0}.hint{color:var(--arena-text-muted);font-size:.75rem;font-style:italic}.mech-detail-modal .modal-content{max-width:500px}.mech-detail-content{padding:.5rem}.mech-detail-header{display:flex;gap:.75rem;margin-bottom:1rem}.mech-detail-modal .mech-class-badge,.mech-detail-modal .mech-level-badge{border:none;border-radius:5px;box-shadow:none;font-size:.75rem;font-weight:600;padding:.3rem .65rem}.mech-detail-modal .mech-class-badge{background:#ffffff1a;color:var(--arena-text-secondary)}.mech-detail-modal .mech-level-badge{background:#dc262633;color:var(--arena-red)}.mech-detail-section{margin-bottom:1rem}.mech-detail-section h4{color:#fffc;font-size:.9rem;margin:0 0 .5rem}.mech-stats-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(3,1fr)}.mech-stats-grid .stat-item{background:#ffffff0d;border-radius:6px;padding:.5rem;text-align:center}.mech-stats-grid .stat-label{color:#ffffff80;display:block;font-size:.65rem;margin-bottom:2px}.mech-stats-grid .stat-value{display:block;font-size:1rem;font-weight:700}.loadout-grid{display:flex;flex-direction:column;gap:.4rem}.loadout-item{align-items:center;background:#ffffff0a;border-radius:5px;display:flex;justify-content:space-between;padding:.4rem .6rem}.loadout-slot{color:#fff9;font-size:.8rem}.loadout-component{font-size:.8rem;font-weight:500}.mech-detail-actions{border-top:1px solid #ffffff1a;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem}.arena-rewards-panel{background:var(--arena-bg-card);border:1px solid var(--arena-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.arena-rewards-title{color:var(--arena-text-primary);font-size:1.1rem;margin:0 0 var(--spacing-sm) 0}.arena-rewards-intro{color:var(--arena-text-secondary);font-size:.8rem;line-height:1.4;margin:0 0 var(--spacing-md) 0}.arena-rewards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.arena-reward-block{background:var(--arena-bg-tertiary);border:1px solid var(--arena-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.arena-reward-mode{color:var(--arena-text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-sm)}.arena-reward-row{align-items:center;display:flex;flex-wrap:wrap;gap:2px 6px;margin-bottom:2px}.arena-reward-row.win .arena-reward-value{color:var(--arena-success)}.arena-reward-row.lose .arena-reward-value{color:var(--arena-text-muted)}.arena-reward-label{color:var(--arena-text-secondary);font-size:.75rem;min-width:3.5rem}.arena-reward-value{font-size:.8rem;font-weight:500}.arena-reward-note{color:var(--arena-text-muted);font-size:.7rem;line-height:1.3;margin:2px 0 0}.arena-reward-note-lose{margin-top:var(--spacing-sm)}.arena-collectibles{border-top:1px solid var(--arena-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.arena-collectibles-title{color:var(--arena-text-primary);font-size:.9rem;margin:0 0 var(--spacing-md) 0}.arena-collectibles-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.arena-collectibles-block{background:var(--arena-bg-tertiary);border:1px solid var(--arena-border);border-radius:var(--radius-md);font-size:.8rem;padding:var(--spacing-md)}.arena-collectibles-block strong{color:var(--arena-text-primary)}.arena-collectibles-source{color:var(--arena-text-muted);display:block;font-size:.7rem;margin-bottom:2px}.arena-collectibles-list{color:var(--arena-text-secondary);line-height:1.4;margin:0;padding-left:1rem}.arena-collectibles-list li{margin-bottom:1px}.pending-battle-result{padding:1rem;text-align:center}.result-outcome{font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.result-outcome.victory{color:var(--arena-success)}.result-outcome.defeat{color:var(--arena-pvp)}.result-reason{color:var(--arena-text-secondary);font-size:.85rem;margin:0 0 .75rem}.result-rewards-summary{font-size:.9rem;font-weight:600;gap:1rem;margin-bottom:1rem}@media (max-width:1200px){.arena-dashboard{grid-template-columns:1fr 1fr}.arena-formation{grid-column:1/-1;max-height:280px;order:-1}.arena-toolbar{flex-wrap:wrap;gap:.5rem}.arena-toolbar-info{flex-basis:100%;flex-wrap:wrap;justify-content:center;margin-left:0}}@media (max-width:768px){.battle-arena-container{height:100%;overflow:auto;padding:.3rem}.arena-dashboard{flex:none;grid-template-columns:1fr}.arena-formation{max-height:300px}.arena-mechs,.arena-target{max-height:350px}.arena-toolbar{align-items:stretch;flex-direction:column}.arena-toolbar-info,.arena-toolbar-tabs{justify-content:center}.arena-toolbar-info{flex-wrap:wrap}.pvp-subtabs{flex-direction:column}.formation-actions{flex-wrap:wrap;gap:.4rem}.formation-actions .action-btn{flex:1 1;min-width:0}.mech-stats-grid{grid-template-columns:repeat(2,1fr)}}.toolbar-stat.daily-bonus{animation:arena-daily-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70033,#ffb4001a);border:1px solid #ffd70066;border-radius:12px;color:gold;font-weight:700;padding:2px 8px}.daily-bonus-icon{animation:arena-daily-spin 3s linear infinite;background:radial-gradient(circle,gold,#ff8c00);border-radius:50%;display:inline-block;height:12px;margin-right:4px;vertical-align:middle;width:12px}@keyframes arena-daily-pulse{0%,to{box-shadow:0 0 5px #ffd70033}50%{box-shadow:0 0 15px #ffd70080}}@keyframes arena-daily-spin{to{transform:rotate(1turn)}}.arena-skeleton{animation:arena-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1e283c80 25%,#32415a80 50%,#1e283c80 75%);background-size:200% 100%;border-radius:8px}@keyframes arena-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mech-card{animation:arena-card-enter .3s ease-out both}.mech-card:first-child{animation-delay:0s}.mech-card:nth-child(2){animation-delay:.05s}.mech-card:nth-child(3){animation-delay:.1s}.mech-card:nth-child(4){animation-delay:.15s}.mech-card:nth-child(5){animation-delay:.2s}.mech-card:nth-child(6){animation-delay:.25s}@keyframes arena-card-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mech-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mech-card:hover{box-shadow:0 4px 16px #00c8ff26}.mech-card.selected{border-color:#00c8ff99;box-shadow:0 0 12px #00c8ff4d,inset 0 0 6px #00c8ff0d}.selection-order{color:#00c8ff;font-weight:800;text-shadow:0 0 8px #00c8ff80}.pvp-opponent-card{transition:transform .15s ease,box-shadow .15s ease}.pvp-opponent-card:hover{box-shadow:0 4px 16px #ff505026;transform:translateY(-2px)}.pvp-opponent-card.selected{border-color:#ff505099;box-shadow:0 0 12px #ff50504d}.battle-arena-container.combat-ready .action-btn.primary{animation:arena-engage-glow 1.5s ease-in-out infinite}@keyframes arena-engage-glow{0%,to{box-shadow:0 0 8px #00ff804d}50%{box-shadow:0 0 20px #00ff8099,0 0 40px #00ff8033}}.pending-battle-result .result-outcome{font-size:2rem;font-weight:900;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.pending-battle-result .result-outcome.victory{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}.pending-battle-result .result-outcome.defeat{color:#f44;text-shadow:0 0 10px #f446}.result-rewards-summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:12px 0}.result-rewards-summary span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;font-weight:600;padding:4px 12px}@media (max-width:768px){.arena-dashboard{gap:12px;grid-template-columns:1fr!important}.arena-toolbar{flex-direction:column;gap:8px}.arena-toolbar-info,.arena-toolbar-tabs{justify-content:center;width:100%}.arena-toolbar-info,.pvp-subtabs{flex-wrap:wrap}}@media (max-width:480px){.arena-panel{padding:8px}.mech-card{padding:6px}.pvp-filters{flex-direction:column;gap:6px}.formation-tips-inline{flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){.arena-skeleton,.battle-arena-container.combat-ready .action-btn.primary,.daily-bonus-icon,.mech-card,.pvp-opponent-card,.toolbar-stat.daily-bonus{animation:none!important;transition:none!important}.mech-card{opacity:1;transform:none}}.weather-effect-wrapper{height:100%;position:fixed;width:100%}.weather-effect-container{height:100%;overflow:hidden;width:100%}.weather-info-badge{align-items:flex-end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;position:fixed;right:20px;top:80px}.weather-info-badge .weather-icon{font-size:24px;line-height:1}.weather-info-badge .weather-name{font-size:14px;font-weight:600}.weather-info-badge .weather-effect-text{font-size:11px;max-width:150px;text-align:right}.weather-overlay,.weather-particle{pointer-events:none;position:absolute}.weather-overlay{height:100%;left:0;top:0;width:100%}.rain-drop{animation:rain-fall linear infinite;background:linear-gradient(180deg,#0000,#4a90d999);height:20px;width:2px}@keyframes rain-fall{0%{transform:translateY(-20px)}to{transform:translateY(100vh)}}.storm-cloud{animation:cloud-drift linear infinite;background:radial-gradient(ellipse,#28283ccc 0,#0000 70%);border-radius:50%;height:80px;width:200px}@keyframes cloud-drift{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}.lightning-flash{height:100%;opacity:0;position:fixed;transition:opacity .05s;width:100%}.fog-layer{animation:fog-drift linear infinite;background:linear-gradient(90deg,#0000,#a0a0a04d 20%,#a0a0a066 50%,#a0a0a04d 80%,#0000);height:150px;left:-50%;width:200%}.sand-particle{animation:sand-blow linear infinite;background:#d4a76a;border-radius:50%;height:4px;right:-10px;width:4px}@keyframes sand-blow{0%{opacity:0;transform:translateX(0) translateY(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateX(calc(-100vw - 20px)) translateY(20px)}}.sandstorm-haze{animation:haze-pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#d4a76a33,#d4a76a26 50%,#d4a76a40)}@keyframes haze-pulse{0%,to{opacity:.6}50%{opacity:.8}}.snow-particle{animation:snow-fall linear infinite;background:#fff;border-radius:50%}@keyframes snow-fall{0%{transform:translateY(-20px) translateX(0) rotate(0deg)}25%{transform:translateY(25vh) translateX(30px) rotate(90deg)}50%{transform:translateY(50vh) translateX(-20px) rotate(180deg)}75%{transform:translateY(75vh) translateX(40px) rotate(270deg)}to{transform:translateY(100vh) translateX(0) rotate(1turn)}}.wind-streak{animation:wind-blow linear infinite;background:linear-gradient(270deg,#ffffff80,#0000);height:2px;right:-80px;width:80px}@keyframes wind-blow{0%{opacity:0;transform:translateX(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateX(calc(-100vw - 100px))}}.heatwave-distortion{animation:heat-pulse 3s ease-in-out infinite;background:linear-gradient(180deg,#ff6b350d,#ff6b351a 50%,#ff6b350d)}@keyframes heat-pulse{0%,to{filter:blur(0);opacity:.5}50%{filter:blur(1px);opacity:.7}}.heat-shimmer{animation:shimmer-wave ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffc8964d 20%,#ffc89680 50%,#ffc8964d 80%,#0000);height:3px;width:100%}@keyframes shimmer-wave{0%,to{opacity:.3;transform:scaleY(1) translateY(0)}50%{opacity:.6;transform:scaleY(1.5) translateY(-5px)}}.solarflare-glow{animation:flare-glow 5s ease-in-out infinite;background:radial-gradient(ellipse at 80% 20%,#ffd70033 0,#ffd7001a 30%,#0000 60%)}@keyframes flare-glow{0%,to{opacity:.4}50%{opacity:.8}}.static-line{animation:static-flicker linear infinite;background:#ffffff4d;height:2px;width:100%}@keyframes static-flicker{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:.8;transform:scaleX(1)}}.acid-drop{animation:acid-fall linear infinite;background:linear-gradient(180deg,#0000,#7fff00b3);height:15px;width:2px}@keyframes acid-fall{0%{transform:translateY(-20px)}to{transform:translateY(100vh)}}.acid-haze{background:linear-gradient(180deg,#7fff000d,#7fff001a)}.night-darkness{background:linear-gradient(180deg,#1a1a2eb3,#1a1a2e80 50%,#1a1a2e99)}.star{animation:star-twinkle ease-in-out infinite}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.weather-info-badge{padding:8px 10px;right:10px;top:70px}.weather-info-badge .weather-icon{font-size:20px}.weather-info-badge .weather-name{font-size:12px}.weather-info-badge .weather-effect-text{font-size:10px;max-width:120px}}@media (prefers-reduced-motion:reduce){.weather-overlay,.weather-particle{animation:none!important}.lightning-flash{display:none}}.weather-effect-wrapper{overflow:hidden;pointer-events:none;z-index:5}.weather-effect-container,.weather-effect-wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.weather-particle.rain-drop{animation:rainFall .5s linear infinite;background:linear-gradient(180deg,#0000,#6496ff99);height:20px;position:absolute;width:2px}@keyframes rainFall{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1}to{opacity:.3;transform:translateY(100vh)}}.weather-overlay.storm-clouds{animation:stormPulse 3s ease-in-out infinite;background:linear-gradient(180deg,#1e283ccc,#0000);height:30%;left:0;position:absolute;right:0;top:0}@keyframes stormPulse{0%,to{opacity:.7}50%{opacity:.9}}.lightning-flash{animation:lightningFlash 4s ease-in-out infinite;background:#ffffff4d;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes lightningFlash{0%,95%,to{opacity:0}96%,98%{opacity:1}97%{opacity:0}}.weather-overlay.fog-layer{animation:fogDrift 10s ease-in-out infinite;background:linear-gradient(180deg,#b4b4b466,#96969680 50%,#7878784d);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes fogDrift{0%,to{transform:translateX(-5%)}50%{transform:translateX(5%)}}.weather-particle.snowflake{animation:snowFall 3s linear infinite;background:#fff;border-radius:50%;height:8px;opacity:.8;position:absolute;width:8px}@keyframes snowFall{0%{opacity:0;transform:translateY(-10px) translateX(0) rotate(0deg)}10%{opacity:.8}to{opacity:.3;transform:translateY(100vh) translateX(30px) rotate(1turn)}}.weather-effect-container.blizzard .weather-particle.snowflake{animation-duration:1.5s}.weather-particle.sand-particle{animation:sandBlow 1s linear infinite;background:#d4a76a;border-radius:50%;height:3px;position:absolute;width:3px}@keyframes sandBlow{0%{opacity:0;transform:translateX(-100px) translateY(0)}10%{opacity:.7}to{opacity:.2;transform:translateX(calc(100vw + 100px)) translateY(50px)}}.weather-overlay.sand-haze{background:#b48c504d;bottom:0;left:0;position:absolute;right:0;top:0}.weather-overlay.heat-distortion{animation:heatWave 2s ease-in-out infinite;background:linear-gradient(180deg,#ff64321a,#0000 50%,#ff643226);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes heatWave{0%,to{filter:blur(0);transform:scaleY(1)}50%{filter:blur(1px);transform:scaleY(1.01)}}.weather-overlay.solar-flare{animation:solarPulse 4s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#ffc8324d 0,#0000 50%);bottom:-50%;left:-50%;position:absolute;right:-50%;top:-50%}@keyframes solarPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.weather-particle.acid-drop{animation:acidFall .6s linear infinite;background:linear-gradient(180deg,#0000,#64ff64b3);height:15px;position:absolute;width:2px}@keyframes acidFall{0%{opacity:0;transform:translateY(-15px)}10%{opacity:1}to{opacity:.3;transform:translateY(100vh)}}.weather-overlay.acid-haze{background:#64963226;bottom:0;left:0;position:absolute;right:0;top:0}.weather-overlay.night-darkness{background:#0a0a1e80;bottom:0;left:0;position:absolute;right:0;top:0}.weather-particle.star{animation:starTwinkle 2s ease-in-out infinite;background:#fff;border-radius:50%;position:absolute}.weather-overlay.emp-interference{animation:empGlitch .5s steps(5) infinite;background:#0000;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes empGlitch{0%,to{box-shadow:inset 0 0 50px #6496ff00}20%{box-shadow:inset 0 0 100px #6496ff4d}40%{box-shadow:inset 0 0 30px #6496ff1a}}.weather-info-badge{align-items:center;background:#000000b3;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);pointer-events:auto;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);z-index:10}.weather-info-badge .weather-icon{font-size:1.2rem}.weather-info-badge .weather-name{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.weather-info-badge .weather-effect-text{color:var(--color-text-secondary);display:none}.weather-info-badge:hover .weather-effect-text{display:inline}.emp-interference{animation:emp-pulse .5s ease-in-out infinite;background:linear-gradient(180deg,#00ffff08,#00ffff14 50%,#00ffff08)}@keyframes emp-pulse{0%,to{opacity:.3}50%{opacity:.6}}.emp-line{animation:emp-line-flicker linear infinite;background:linear-gradient(90deg,#0000,#0ffc 20%,#0ff 50%,#0ffc 80%,#0000);height:1px;width:100%}@keyframes emp-line-flicker{0%,to{opacity:0;transform:scaleX(0)}45%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}55%{opacity:0;transform:scaleX(0)}}.emp-flash{animation:emp-flash-anim .2s ease-out forwards;background:radial-gradient(circle,#0ffc 0,#00ffff4d 40%,#0000 70%);border-radius:50%;height:100px;pointer-events:none;position:absolute;width:100px}@keyframes emp-flash-anim{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.terrain-display-wrapper{box-shadow:0 4px 15px #0000004d;margin:0 auto var(--spacing-md);max-width:400px;overflow:hidden;position:relative}.terrain-canvas,.terrain-display-wrapper{border-radius:var(--border-radius-lg);width:100%}.terrain-canvas{display:block;height:auto}.terrain-info-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ae6;border:1px solid #ffffff1a;border-radius:6px;bottom:10px;display:flex;flex-direction:column;gap:2px;left:10px;padding:8px 12px;position:absolute}.terrain-info-badge .terrain-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.terrain-info-badge .terrain-effect{color:var(--color-brand-secondary);font-size:11px}@media (max-width:768px){.terrain-display-wrapper{max-width:100%}.terrain-info-badge{padding:6px 10px}.terrain-info-badge .terrain-name{font-size:12px}.terrain-info-badge .terrain-effect{font-size:10px}}.mech-sprite{align-items:center;display:inline-flex;justify-content:center;position:relative;transition:transform .3s ease,filter .3s ease}.mech-sprite .mech-svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));height:100%;width:100%}.mech-sprite--small{height:72px;width:48px}.mech-sprite--medium{height:100px;width:70px}.mech-sprite--large{height:170px;width:120px}.mech-sprite--player .mech-svg{filter:drop-shadow(0 0 6px rgba(74,158,255,.3)) drop-shadow(0 2px 8px rgba(0,0,0,.5))}.mech-sprite--enemy .mech-svg{filter:drop-shadow(0 0 6px rgba(255,74,74,.3)) drop-shadow(0 2px 8px rgba(0,0,0,.5))}.mech-sprite--mirrored{transform:scaleX(-1)}.mech-sprite:not(.mech-sprite--destroyed){animation:mechIdle 3s ease-in-out infinite}@keyframes mechIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mech-sprite--mirrored:not(.mech-sprite--destroyed){animation:mechIdleMirrored 3s ease-in-out infinite}@keyframes mechIdleMirrored{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}.mech-sprite--active{animation:mechActivePulse 1.5s ease-in-out infinite!important}@keyframes mechActivePulse{0%,to{filter:drop-shadow(0 0 8px rgba(245,158,11,.6));transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 0 20px rgba(245,158,11,.9));transform:translateY(-6px) scale(1.03)}}.mech-sprite--active.mech-sprite--mirrored{animation:mechActivePulseMirrored 1.5s ease-in-out infinite!important}@keyframes mechActivePulseMirrored{0%,to{filter:drop-shadow(0 0 8px rgba(245,158,11,.6));transform:scaleX(-1) translateY(0) scale(1)}50%{filter:drop-shadow(0 0 20px rgba(245,158,11,.9));transform:scaleX(-1) translateY(-6px) scale(1.03)}}.visor-glow{animation:visorPulse 2s ease-in-out infinite}@keyframes visorPulse{0%,to{opacity:.7}50%{opacity:1}}.core-glow{animation:corePulse 2.5s ease-in-out infinite}.antenna-blink{animation:antennaBlink 3s ease-in-out infinite}@keyframes antennaBlink{0%,45%,55%,to{opacity:.5}50%{opacity:1}}.weapon-glow{animation:weaponCharge 4s ease-in-out infinite}@keyframes weaponCharge{0%,to{opacity:.3}50%{opacity:.6}}.speed-line{animation:speedLineFlash 2s ease-in-out infinite}@keyframes speedLineFlash{0%,to{opacity:0}50%{opacity:.4}}.mech-sprite--defending{animation:none!important}.mech-sprite__shield{animation:shieldPulse 1s ease-in-out infinite;background:radial-gradient(circle,#33ccff26 0,#0000 70%);border:3px solid #33ccffb3;border-radius:50%;box-shadow:0 0 20px #3cf6,inset 0 0 15px #3cf3;inset:-10%;pointer-events:none;position:absolute}.mech-sprite__damage-flash{animation:damageFlash .4s ease-out forwards;background:#ff3c3c99;border-radius:4px;inset:0;pointer-events:none;position:absolute}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}.mech-sprite--damaged .mech-svg{animation:damageShake .4s ease-out!important}@keyframes damageShake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}.mech-sprite--destroyed{animation:none!important}.mech-sprite--destroyed .mech-svg{filter:grayscale(1) brightness(.4) drop-shadow(0 2px 4px rgba(0,0,0,.8));opacity:.5;transform:scale(.9)}.mech-sprite__wreck{align-items:center;display:flex;font-size:1.5rem;inset:0;justify-content:center;pointer-events:none;position:absolute}.mech-sprite__wreck:after{animation:smolderGlow 2s ease-in-out infinite;background:#ff3c0099;border-radius:2px;bottom:0;box-shadow:0 0 8px #ff3c0066;content:"";height:4px;left:10%;position:absolute;right:10%}@keyframes smolderGlow{0%,to{opacity:.4}50%{opacity:.8}}.mech-sprite--overheated .mech-svg{filter:drop-shadow(0 0 12px rgba(255,100,0,.6)) drop-shadow(0 2px 8px rgba(0,0,0,.5))}.mech-sprite__overheat{animation:overheatPulse .8s ease-in-out infinite;background:radial-gradient(circle,#ff640033 0,#0000 70%);border-radius:50%;inset:-5%;pointer-events:none;position:absolute}@keyframes overheatPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mech-sprite--attacking{animation:mechAttackLunge .5s ease-in-out!important}@keyframes mechAttackLunge{0%{transform:translateX(0)}30%{transform:translateX(20px) scale(1.05)}to{transform:translateX(0) scale(1)}}.mech-sprite--attacking.mech-sprite--mirrored{animation:mechAttackLungeMirrored .5s ease-in-out!important}@keyframes mechAttackLungeMirrored{0%{transform:scaleX(-1) translateX(0)}30%{transform:scaleX(-1) translateX(20px) scale(1.05)}to{transform:scaleX(-1) translateX(0) scale(1)}}@media (prefers-reduced-motion:reduce){.antenna-blink,.core-glow,.mech-sprite,.mech-sprite--active,.mech-sprite--attacking,.mech-sprite--damaged .mech-svg,.mech-sprite--defending,.mech-sprite__overheat,.mech-sprite__shield,.speed-line,.visor-glow,.weapon-glow{animation:none!important}}.loot-display{align-items:center;animation:lootOverlayIn .3s ease-out;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-tooltip)}@keyframes lootOverlayIn{0%{opacity:0}to{opacity:1}}.loot-container{animation:lootContainerIn .4s ease-out;background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:2px solid #333;border-radius:16px;box-shadow:0 10px 50px #00000080;max-height:80vh;max-width:500px;overflow:hidden;padding:24px;position:relative;width:90%}@keyframes lootContainerIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loot-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.loot-icon{animation:lootIconBounce .6s ease-out;font-size:32px}@keyframes lootIconBounce{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.3) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.2) rotate(-5deg)}}.loot-title{color:var(--color-warning);flex:1 1;font-size:24px;font-weight:700;margin:0;text-shadow:0 0 20px #f59e0b66}.loot-close{background:#ffffff1a;border:none;border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;font-size:20px;height:32px;transition:all .2s ease;width:32px}.loot-close:hover{background:#fff3;color:var(--color-text-primary)}.loot-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:12px;padding:40px}.empty-icon{opacity:.5}.loot-items{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:8px}.loot-item{align-items:center;animation:itemReveal .4s ease-out forwards;animation-delay:0s;animation-delay:var(--reveal-delay,0s);background:#0000004d;border:2px solid #666;border:2px solid var(--rarity-color,#666);border-radius:10px;display:flex;gap:14px;overflow:hidden;padding:14px;position:relative}@keyframes itemReveal{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.item-glow{background:linear-gradient(135deg,#0000 0,rgba(var(--rarity-color),.1) 50%,#0000 100%);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.loot-item:hover .item-glow{opacity:1}.loot-item.legendary{animation:itemReveal .4s ease-out forwards,legendaryShine 2s ease-in-out infinite}@keyframes legendaryShine{0%,to{box-shadow:0 0 10px #f59e0b4d}50%{box-shadow:0 0 25px #f59e0b99}}.loot-item.epic{animation:itemReveal .4s ease-out forwards,epicGlow 2s ease-in-out infinite}@keyframes epicGlow{0%,to{box-shadow:0 0 8px #a855f74d}50%{box-shadow:0 0 18px #a855f780}}.item-icon-container{align-items:center;background:#0006;border:2px solid #444;border:2px solid var(--rarity-color,#444);border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.item-icon{font-size:26px}.item-quantity{align-items:center;background:var(--color-ui-border);border:1px solid #666;border:1px solid var(--rarity-color,#666);border-radius:10px;bottom:-6px;color:var(--color-text-primary);display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-6px}.item-name{font-size:15px}.item-meta{align-items:center;display:flex;gap:10px;margin-top:4px}.item-rarity{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.item-type{color:var(--color-text-tertiary);font-size:11px}.item-value{align-items:center;background:#f59e0b26;border-radius:6px;color:var(--color-warning);display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:4px;padding:4px 10px}.value-icon{font-size:12px}.loot-summary{border-top:1px solid #333;margin-top:20px;padding-top:16px}.summary-line{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;justify-content:space-between}.summary-value{color:var(--color-warning);font-size:18px;font-weight:700}.loot-collect-btn{animation:collectBtnPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:var(--color-ui-background);cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:14px 24px;transition:all .2s ease;width:100%}@keyframes collectBtnPulse{0%,to{box-shadow:0 4px 20px #f59e0b4d}50%{box-shadow:0 4px 30px #f59e0b80}}.loot-collect-btn:hover{box-shadow:0 6px 25px #f59e0b80;transform:translateY(-2px)}.loot-collect-btn:active{transform:translateY(0)}.loot-preview{align-items:center;background:#0006;border:1px solid #333;border-radius:8px;display:flex;gap:10px;padding:8px 12px}.preview-icon{font-size:20px}.preview-items{display:flex;gap:6px}.preview-item{background:#0006;border:2px solid #444;font-size:14px}.preview-item,.preview-overflow{align-items:center;border-radius:6px;display:flex;height:28px;justify-content:center;width:28px}.preview-overflow{background:#ffffff1a;color:var(--color-text-tertiary);font-size:11px}.preview-value{color:var(--color-warning);font-size:13px;margin-left:auto}.loot-item-popup{align-items:center;animation:lootItemDrop 2s ease-out forwards;background:linear-gradient(135deg,var(--color-ui-background),var(--color-ui-surface));border:2px solid #666;border:2px solid var(--rarity-color,#666);border-radius:10px;display:flex;gap:12px;overflow:hidden;padding:14px 20px;position:absolute;z-index:100}@keyframes lootItemDrop{0%{opacity:0;transform:translateY(-30px) scale(.8)}15%{opacity:1;transform:translateY(5px) scale(1.1)}30%{transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.popup-shine{animation:popupShine 1s ease-out;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes popupShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.popup-item-icon{font-size:28px}.popup-item-info{display:flex;flex-direction:column;gap:2px}.popup-item-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.popup-item-rarity{font-size:11px;font-weight:700;text-transform:uppercase}.popup-quantity{color:var(--color-text-primary);font-size:16px;font-weight:700}.loot-items::-webkit-scrollbar{width:6px}.loot-items::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.loot-items::-webkit-scrollbar-thumb{background:var(--color-ui-elevated);border-radius:3px}.loot-items::-webkit-scrollbar-thumb:hover{background:#555}.loot-new-badge{animation:newBadgePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;box-shadow:0 0 8px #ef444480;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:2px 8px;position:absolute;right:6px;text-transform:uppercase;top:6px;z-index:2}@keyframes newBadgePulse{0%,to{box-shadow:0 0 8px #ef444480;transform:scale(1)}50%{box-shadow:0 0 14px #ef4444b3;transform:scale(1.08)}}.loot-item-common{border-color:#9ca3af}.loot-item-uncommon{background:#22c55e0d;border-color:#22c55e}.loot-item-rare{background:#3b82f60f;border-color:#3b82f6}.loot-item-epic{background:#a855f712;border-color:#a855f7}.loot-item-legendary{background:#f59e0b14;border-color:#f59e0b}@media (max-width:768px){.loot-container{max-width:95%;padding:16px}.loot-header{gap:8px;margin-bottom:14px;padding-bottom:12px}.loot-icon{font-size:24px}.loot-title{font-size:20px}.loot-item{gap:10px;padding:10px}.item-icon-container{height:40px;width:40px}.item-icon{font-size:22px}.item-name{font-size:13px}.loot-collect-btn{font-size:14px;padding:12px 20px}}@media (max-width:480px){.loot-container{border-radius:10px;padding:12px}.loot-title{font-size:18px}.loot-item{flex-wrap:wrap;gap:8px;padding:8px}.item-value{justify-content:center;width:100%}.item-meta{gap:6px}.loot-items{max-height:300px}.summary-value{font-size:16px}.loot-collect-btn{font-size:13px;padding:10px 16px}.loot-item-popup{gap:8px;padding:10px 14px}.popup-item-icon{font-size:22px}}@media (prefers-reduced-motion:reduce){.loot-collect-btn,.loot-container,.loot-display,.loot-icon,.loot-item,.loot-item-popup,.loot-item.epic,.loot-item.legendary,.loot-new-badge,.popup-shine{animation:none!important}.loot-close,.weapon-item{transition:none!important}}.settings-list{display:flex;flex-direction:column;gap:12px;padding:8px 0}.settings-list label{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.battle-help-content{font-size:.9em;line-height:1.6;text-align:left}.battle-help-content h4{margin-top:8px}.battle-help-content h4:not(:first-child){margin-top:12px}.battle-help-content ul{margin:4px 0;padding-left:18px}.battle-help-content p{margin:4px 0}.battle-help-hotkeys{border-collapse:collapse;margin:4px 0;width:100%}.battle-help-hotkeys td{padding:2px 8px}.battle-help-close{margin-top:12px}.effects-container,.status-effects-display{align-items:center;display:flex;gap:4px}.effects-container{flex-wrap:wrap}.status-effect-badge{align-items:center;animation:effectAppear .3s ease-out forwards;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:2px solid #666;border:2px solid var(--effect-color,#666);border-radius:6px;box-shadow:0 0 8px rgba(var(--effect-color),.3);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:4px 6px;position:relative;transition:all .2s ease}@keyframes effectAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.status-effect-badge:hover{box-shadow:0 0 12px #666;box-shadow:0 0 12px var(--effect-color,#666);transform:scale(1.1);z-index:10}.status-effect-badge.dot{background:linear-gradient(135deg,#f443,#000c);border-color:#f44}.status-effect-badge.control{background:linear-gradient(135deg,#94f3,#000c);border-color:#94f}.status-effect-badge.debuff{background:linear-gradient(135deg,#f843,#000c);border-color:#f84}.status-effect-badge.buff{background:linear-gradient(135deg,#4f43,#000c);border-color:#4f4}.effect-icon{font-size:16px;line-height:1}.effect-duration{background:#222;border:1px solid #666;border:1px solid var(--effect-color,#666);bottom:-4px}.effect-duration,.effect-stacks{align-items:center;border-radius:8px;color:var(--color-text-primary);display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px}.effect-stacks{background:#f44;top:-4px}.status-effect-overflow{align-items:center;background:#ffffff1a;border:1px dashed #666;border-radius:6px;color:var(--color-text-tertiary);display:flex;font-size:11px;height:28px;justify-content:center;width:28px}.status-effects-display.compact .status-effect-badge{height:24px;min-width:24px;padding:2px 4px}.status-effects-display.compact .effect-icon{font-size:12px}.status-effects-display.compact .effect-duration,.status-effects-display.compact .effect-stacks{display:none}.status-effect-tooltip{animation:tooltipFade .2s ease-out;background:linear-gradient(135deg,var(--color-ui-background),var(--color-ui-surface));border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #00000080;max-width:250px;min-width:180px;padding:12px;pointer-events:none;position:fixed;transform:translate(-50%,-100%);z-index:var(--z-index-tooltip)}.tooltip-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.tooltip-icon{font-size:20px}.tooltip-name{font-size:14px}.tooltip-duration{color:var(--color-text-secondary);font-size:11px;margin-bottom:6px}.tooltip-description{color:var(--color-text-secondary);font-size:12px;line-height:1.4;margin-bottom:8px}.tooltip-stat{font-size:12px;padding:2px 0}.tooltip-stat.positive{color:var(--color-success)}.tooltip-stat.negative{color:#f87171}.tooltip-modifiers{border-top:1px solid #333;display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px}.tooltip-warning{background:#f443;border:1px solid #f44;border-radius:4px;color:#f66;font-size:11px;font-weight:700;margin-top:8px;padding:6px 8px;text-align:center}.status-effects-mini{align-items:center;display:flex;gap:2px}.mini-effect{font-size:10px;opacity:.8}.mini-overflow{color:var(--color-text-tertiary);font-size:9px}.status-effect-popup{align-items:center;animation:popupBounce 1.5s ease-out forwards;background:#000000e6;border:2px solid #94f;border-radius:8px;display:flex;gap:8px;left:50%;padding:12px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}@keyframes popupBounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(.8)}}.popup-icon{font-size:24px}.popup-text{color:var(--color-text-primary);font-size:14px;font-weight:700;text-shadow:0 0 10px #9944ff80}.status-effect-badge.control:after,.status-effect-badge.dot:after{animation:effectPulse 2s ease-in-out infinite;border:2px solid var(--effect-color);border-radius:8px;content:"";inset:-2px;pointer-events:none;position:absolute}@keyframes effectPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media (max-width:768px){.status-effect-badge{height:28px;min-width:28px;padding:3px 5px}.effect-icon{font-size:14px}.effect-duration,.effect-stacks{font-size:9px;height:14px;min-width:14px}.status-effect-tooltip{max-width:220px;min-width:160px;padding:10px}.tooltip-icon{font-size:16px}.tooltip-name{font-size:12px}.status-effect-popup{padding:8px 14px}.popup-icon{font-size:20px}.popup-text{font-size:12px}}@media (max-width:480px){.status-effect-badge{height:24px;min-width:24px;padding:2px 4px}.effect-icon{font-size:12px}.effect-duration,.effect-stacks{display:none}.status-effect-overflow{font-size:10px;height:24px;width:24px}.status-effect-tooltip{font-size:11px;max-width:200px;min-width:140px;padding:8px}.status-effect-popup{gap:6px;padding:6px 10px}.popup-icon{font-size:16px}.popup-text{font-size:11px}}@media (prefers-reduced-motion:reduce){.status-effect-badge,.status-effect-badge.control:after,.status-effect-badge.dot:after,.status-effect-popup,.status-effect-tooltip{animation:none!important}.status-effect-badge{transition:none!important}}.heat-gauge{background:#0006;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px}.heat-gauge.small{padding:4px 6px}.heat-gauge.small .heat-bar-container{height:12px}.heat-gauge.medium .heat-bar-container{height:20px}.heat-gauge.large .heat-bar-container{height:28px}.heat-gauge.vertical{flex-direction:row;height:120px;width:60px}.heat-gauge.vertical .heat-bar-container{flex-direction:column-reverse;height:100%;width:20px}.heat-gauge.vertical .heat-bar-track{height:100%;width:100%}.heat-gauge.vertical .heat-bar-fill{height:var(--heat-percent)!important;width:100%!important}.heat-label{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:1px;text-transform:uppercase}.heat-icon{font-size:14px}.heat-bar-container{align-items:center;display:flex;gap:8px}.heat-bar-track{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:1px solid #333;border-radius:4px;flex:1 1;height:100%;min-height:16px;overflow:hidden;position:relative}.threshold-marker{background:#fff3;bottom:0;position:absolute;top:0;width:2px;z-index:2}.threshold-marker:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid;content:"";height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.threshold-marker.warm:after{border-top-color:#fc0}.threshold-marker.hot:after{border-top-color:#f80}.threshold-marker.critical:after{border-top-color:#f40}.heat-bar-fill{border-radius:3px;bottom:0;box-shadow:0 0 10px #ff88004d;left:0;position:absolute;top:0;transition:width .3s ease-out}.heat-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);inset:0;position:absolute}.overheat-flash{animation:overheatFlash .5s ease-in-out infinite;background:#ff00004d;inset:0;position:absolute}@keyframes overheatFlash{0%,to{opacity:.3}50%{opacity:.7}}.heat-value{font-family:Roboto Mono,monospace;font-size:14px;min-width:50px;text-align:right;text-shadow:0 0 8px currentColor}.heat-gauge.small .heat-value{font-size:11px;min-width:40px}.heat-status-indicator{font-size:10px;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}.heat-gauge.overheat .heat-status-indicator{animation:statusBlink .5s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.heat-warnings{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.heat-warning{align-items:center;background:#f803;border:1px solid #ff880080;border-radius:4px;color:#fa4;display:flex;font-size:10px;gap:4px;padding:2px 6px}.heat-warning.critical{animation:warningPulse 1s ease-in-out infinite;background:#ff00004d;border-color:red;color:#f44}.warning-icon{font-size:12px}.heat-gauge.safe{border-color:#44ff444d}.heat-gauge.warm{border-color:#ffcc004d}.heat-gauge.hot{border-color:#ff88004d}.heat-gauge.critical{border-color:#ff440080;box-shadow:0 0 10px #f403}.heat-gauge.overheat{animation:overheatGlow 1s ease-in-out infinite;border-color:#ff0000b3;box-shadow:0 0 15px #f006}@keyframes overheatGlow{0%,to{box-shadow:0 0 15px #f006}50%{box-shadow:0 0 25px #f009}}.heat-indicator-compact{align-items:center;background:#0000004d;border-radius:4px;display:flex;gap:4px;padding:2px 4px}.heat-icon-mini{font-size:10px}.heat-bar-mini{background:#1a1a1a;border-radius:3px;height:6px;overflow:hidden;width:40px}.heat-fill-mini{border-radius:3px;height:100%;transition:width .3s ease,background .3s ease}.heat-value-mini{font-size:10px;font-weight:700;min-width:20px;text-align:right}.heat-change-popup{align-items:center;animation:heatPopup 1.2s ease-out forwards;background:#000000e6;border-radius:6px;display:flex;font-size:14px;font-weight:700;gap:6px;padding:6px 12px;position:absolute;z-index:100}.heat-change-popup.increase{border:2px solid #f40;color:#f64}.heat-change-popup.decrease{border:2px solid #4af;color:#6cf}@keyframes heatPopup{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}40%{transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.heat-change-icon{font-size:16px}.heat-change-value{text-shadow:0 0 10px currentColor}@media (max-width:768px){.heat-gauge{padding:6px}.heat-bar-container{gap:6px}.heat-value{font-size:12px;min-width:40px}.heat-label{font-size:10px}.heat-gauge.vertical{height:100px;width:48px}.heat-change-popup{font-size:12px;padding:4px 8px}}@media (max-width:480px){.heat-gauge{gap:2px;padding:4px}.heat-bar-track{min-height:12px}.heat-value{font-size:11px;min-width:36px}.heat-warnings{gap:2px}.heat-warning{font-size:9px;padding:2px 4px}.heat-gauge.vertical{height:80px;width:40px}}@media (prefers-reduced-motion:reduce){.heat-change-popup,.heat-gauge.overheat,.heat-gauge.overheat .heat-status-indicator,.heat-shimmer,.heat-warning.critical,.overheat-flash{animation:none!important}.heat-bar-fill,.heat-fill-mini{transition:none!important}}.weapon-cooldowns-display{background:#0006;border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px}.weapon-cooldowns-display.compact{gap:4px;padding:6px}.weapon-cooldowns-empty{color:var(--color-text-tertiary);font-style:italic;padding:12px;text-align:center}.cooldowns-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;gap:8px;padding-bottom:8px}.cooldowns-icon{font-size:16px}.cooldowns-title{color:var(--color-text-secondary);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.cooldowns-count{color:var(--color-text-tertiary);font-size:11px;margin-left:auto}.weapons-list{display:flex;flex-direction:column;gap:6px}.weapon-item{background:#ffffff08;border:1px solid #2a2a2a;border-radius:6px;gap:10px;padding:8px;transition:all .2s ease}.weapon-item:hover{background:#ffffff0f}.weapon-item.ready{border-color:#44ff444d}.weapon-item.ready.highlight{background:#44ff440d;box-shadow:0 0 10px #44ff441a}.weapon-item.on-cooldown{border-color:#ff88004d;opacity:.7}.weapon-icon-container{align-items:center;background:#0000004d;border-radius:6px;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.weapon-icon{font-size:20px}.cooldown-overlay{align-items:center;background:#000000b3;border-radius:6px;display:flex;inset:0;justify-content:center;position:absolute}.cooldown-turns{color:#f84;font-size:16px;font-weight:700;text-shadow:0 0 5px #ff884480}.weapon-cooldowns-display.compact .weapon-icon-container{height:28px;width:28px}.weapon-cooldowns-display.compact .weapon-icon{font-size:16px}.weapon-cooldowns-display.compact .cooldown-turns{font-size:12px}.weapon-info{flex:1 1;min-width:0}.weapon-name{color:#ddd;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-details{display:flex;gap:10px;margin-top:2px}.weapon-damage,.weapon-heat{color:var(--color-text-tertiary);font-size:10px}.cooldown-bar-container{background:#0006;border-radius:4px;flex-shrink:0;height:20px;overflow:hidden;position:relative;width:80px}.cooldown-bar-fill{background:linear-gradient(90deg,#f40,#f84);border-radius:4px;bottom:0;left:0;position:absolute;top:0;transition:width .5s ease}.cooldown-text{align-items:center;color:var(--color-text-primary);display:flex;font-size:10px;font-weight:700;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 2px #000c}.ready-indicator{align-items:center;background:#44ff4426;border:1px solid #4f46;border-radius:4px;display:flex;flex-shrink:0;gap:4px;padding:4px 10px}.ready-icon{color:#4f4;font-size:12px}.ready-text{color:#4f4;font-size:11px;font-weight:700}.cooldown-summary{align-items:center;border-top:1px solid #333;color:var(--color-text-tertiary);display:flex;font-size:11px;gap:6px;padding-top:8px}.summary-icon{font-size:14px}.weapon-cooldowns-mini{align-items:center;background:#0000004d;border-radius:4px;display:flex;font-size:11px;gap:6px;padding:3px 6px}.weapon-cooldowns-mini.all-ready{background:#44ff441a}.mini-icon{font-size:12px}.mini-count{color:var(--color-text-secondary);font-weight:600}.weapon-cooldowns-mini.all-ready .mini-count{color:#4f4}.mini-indicators{display:flex;gap:3px}.mini-dot{border-radius:50%;height:6px;width:6px}.mini-dot.ready{background:#4f4}.mini-dot.cooldown{background:#f84}.weapon-cooldown-badge{align-items:center;background:#00000080;border-radius:6px;display:flex;justify-content:center;position:relative}.weapon-cooldown-badge.small{height:28px;width:28px}.weapon-cooldown-badge.medium{height:36px;width:36px}.weapon-cooldown-badge.large{height:48px;width:48px}.weapon-cooldown-badge.ready{border:2px solid #44ff4480}.weapon-cooldown-badge.cooldown{border:2px solid #ff880080}.badge-icon{font-size:16px}.weapon-cooldown-badge.cooldown .badge-icon{opacity:.5}.badge-cooldown{background:#f40;border-radius:50%;bottom:-4px;color:var(--color-text-primary);font-size:10px;font-weight:700;height:18px;justify-content:center;right:-4px;width:18px}.badge-cooldown,.weapon-cooldown-popup{align-items:center;display:flex;position:absolute}.weapon-cooldown-popup{animation:cooldownPopup 1.5s ease-out forwards;background:#000000f2;border-radius:8px;gap:8px;padding:10px 16px;z-index:100}.weapon-cooldown-popup.ready{border:2px solid #4f4}.weapon-cooldown-popup.cooling{border:2px solid #f84}@keyframes cooldownPopup{0%{opacity:0;transform:translateY(10px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1.05)}30%{transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}.popup-weapon-icon{font-size:20px}.popup-weapon-name{color:#ddd;font-size:13px;font-weight:600}.popup-ready{color:#4f4;font-size:12px;font-weight:700;text-shadow:0 0 8px #44ff4480}.popup-cooldown{color:#f84;font-size:11px}@media (max-width:768px){.weapon-cooldowns-display{gap:6px;padding:8px}.weapon-item{gap:8px;padding:6px}.weapon-icon-container{height:30px;width:30px}.weapon-icon{font-size:16px}.weapon-name{font-size:12px}.cooldown-bar-container{height:16px;width:60px}.cooldown-text{font-size:9px}.ready-indicator{padding:3px 8px}.ready-text{font-size:10px}}@media (max-width:480px){.weapon-cooldowns-display{gap:4px;padding:6px}.cooldowns-header{padding-bottom:6px}.cooldowns-title{font-size:10px}.weapon-item{gap:6px;padding:4px}.weapon-icon-container{height:26px;width:26px}.weapon-icon{font-size:14px}.weapon-name{font-size:11px}.weapon-details{display:none}.cooldown-bar-container{height:14px;width:50px}.ready-indicator{gap:2px;padding:2px 6px}.ready-icon{font-size:10px}.ready-text{font-size:9px}.weapon-cooldown-popup{gap:6px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.weapon-cooldown-popup{animation:none!important}.cooldown-bar-fill,.weapon-item{transition:none!important}}.spectator-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;gap:8px;left:0;padding:12px 16px 16px;pointer-events:none;position:fixed;right:0;z-index:var(--z-index-modal)}.spectator-overlay>*{pointer-events:auto}.sp-header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border:1px solid #ffc80066;border-radius:20px;display:flex;gap:10px;padding:4px 14px}.sp-badge{color:#ffc800;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.sp-viewer-count{color:#aaa;font-size:.65rem}.sp-floating-emotes{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:var(--z-index-overlay-low)}.sp-floating-emote{animation:spEmoteFloat 2s ease-out forwards;bottom:120px;height:28px;opacity:0;position:absolute;width:28px}@keyframes spEmoteFloat{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-80px) scale(1.2)}to{opacity:0;transform:translateY(-180px) scale(.6)}}.sp-emote-fire:before{background:radial-gradient(circle at 50% 80%,#f40,#f80 50%,#0000 70%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.sp-emote-fire:before,.sp-emote-skull:before{content:"";display:block;height:100%;width:100%}.sp-emote-skull:before{background:radial-gradient(circle,#fff 40%,#ccc 60%,#0000 70%);border-radius:50%;box-shadow:inset -4px -2px 0 #333,inset 4px -2px 0 #333}.sp-emote-lightning:before{background:linear-gradient(135deg,#fd0 25%,#f80 75%);-webkit-clip-path:polygon(40% 0,70% 40%,55% 40%,80% 100%,45% 55%,60% 55%,30% 0);clip-path:polygon(40% 0,70% 40%,55% 40%,80% 100%,45% 55%,60% 55%,30% 0);content:"";display:block;height:100%;width:100%}.sp-emote-heart:before{background:#f36;border-radius:50% 50% 0 0;box-shadow:14px 0 0 #f36;transform:rotate(-45deg) scale(.7)}.sp-emote-heart:before,.sp-emote-star:before{content:"";display:block;height:100%;width:100%}.sp-emote-star:before{background:gold;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sp-emote-boom:before{background:radial-gradient(circle,#f40 20%,#f80 40%,gold 60%,#0000 70%);border-radius:50%}.sp-emote-boom:before,.sp-emote-shield:before{content:"";display:block;height:100%;width:100%}.sp-emote-shield:before{background:linear-gradient(180deg,#48f,#25c);-webkit-clip-path:polygon(50% 0,100% 25%,100% 65%,50% 100%,0 65%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 65%,50% 100%,0 65%,0 25%)}.sp-emote-laugh:before{background:#fc0;border-radius:50%;box-shadow:inset -5px -3px 0 #f90;content:"";display:block;height:100%;width:100%}.sp-cheer-targets{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;border-radius:12px;display:flex;gap:8px;padding:6px 12px}.sp-cheer-label{color:#888;font-size:.65rem;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.sp-mech-chips{display:flex;flex-wrap:wrap;gap:4px}.sp-mech-chip{background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;color:#ccc;cursor:pointer;font-size:.7rem;padding:3px 10px;transition:all .15s}.sp-mech-chip.challenger{border-color:#00b4ff4d}.sp-mech-chip.defender{border-color:#ff3c3c4d}.sp-mech-chip.selected{background:#ffc80033;border-color:#ffc800;color:#ffc800}.sp-mech-chip:hover{background:#ffffff1a}.sp-emote-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border-radius:12px;display:flex;gap:4px;padding:6px 10px}.sp-emote-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:4px;transition:all .15s;width:36px}.sp-emote-btn:hover:not(:disabled){background:#ffffff26;transform:scale(1.15)}.sp-emote-btn:active:not(:disabled){transform:scale(.95)}.sp-emote-btn.cooldown{cursor:not-allowed;opacity:.4}.sp-emote-icon{display:block;height:22px;width:22px}.sp-bet-section{align-items:center;display:flex;flex-direction:column;gap:6px}.sp-bet-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border:1px solid #ffc80066;border-radius:16px;color:#ffc800;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 18px;transition:all .15s}.sp-bet-toggle:hover{background:#ffc80026}.sp-bet-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #ffc8004d;border-radius:12px;flex-direction:column;gap:10px;min-width:280px;padding:12px 16px}.sp-bet-panel,.sp-bet-sides{align-items:center;display:flex}.sp-bet-sides{gap:8px}.sp-bet-side{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#ccc;cursor:pointer;font-size:.75rem;padding:6px 16px;transition:all .15s}.sp-bet-side.challenger.selected,.sp-bet-side.challenger:hover{background:#00b4ff33;border-color:#00b4ff;color:#00b4ff}.sp-bet-side.defender.selected,.sp-bet-side.defender:hover{background:#ff3c3c33;border-color:#ff3c3c;color:#ff3c3c}.sp-bet-vs{color:#666;font-size:.65rem;font-weight:700;letter-spacing:2px}.sp-bet-amount-row{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}.sp-bet-label{align-items:center;color:#aaa;display:flex;font-size:.7rem;gap:6px}.sp-bet-input{background:#00000080;border:1px solid #ffc8004d;border-radius:6px;color:#ffc800;font-size:.8rem;padding:4px 8px;text-align:center;width:60px}.sp-bet-input:focus{border-color:#ffc800;box-shadow:0 0 6px #ffc8004d;outline:none}.sp-bet-presets{display:flex;gap:4px}.sp-bet-preset{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ccc;cursor:pointer;font-size:.65rem;padding:3px 10px;transition:all .15s}.sp-bet-preset:hover{background:#ffc80026;border-color:#ffc8004d;color:#ffc800}.sp-bet-confirm{background:linear-gradient(135deg,#ffc800,#f80);border:none;border-radius:8px;color:var(--color-text-on-badge);cursor:pointer;font-size:.75rem;font-weight:700;padding:6px 20px;transition:all .15s}.sp-bet-confirm:hover{filter:brightness(1.15);transform:scale(1.03)}.sp-bet-placed{align-items:center;background:#00b40026;border:1px solid #00b4004d;border-radius:12px;color:#4ade80;display:flex;font-size:.75rem;gap:6px;padding:6px 16px}.sp-bet-placed-icon:before{background:#4ade80;-webkit-clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);content:"";display:inline-block;height:14px;width:14px}@media (max-width:600px){.spectator-overlay{gap:4px;padding:8px}.sp-emote-btn{height:30px;width:30px}.sp-bet-panel{min-width:0;min-width:auto;padding:8px 12px}.sp-mech-chip{font-size:.6rem;padding:2px 6px}}@media (prefers-reduced-motion:reduce){.sp-floating-emote{animation:none;opacity:.7}.sp-bet-confirm:hover,.sp-emote-btn:hover:not(:disabled){transform:none}}:root{--battle-bg:#0a0a0a;--panel-bg:#140a0af2;--card-bg:#1e0f0ff2;--border-color:#b43c3c66;--player-color:#3b82f6;--enemy-color:#ef4444;--buff-color:#4f8;--debuff-color:#f44;--warning-color:#fa0;--text-primary:#fff;--text-secondary:#caa;--text-muted:#866;--accent-glow:#ff3c3c4d}.battle-page{--battle-bg-primary:#0a0a0a;--battle-bg-secondary:#0d0808;--battle-bg-tertiary:#141414;--battle-bg-elevated:#141414f2;--battle-bg-card:#0d0d0df2;--battle-red:var(--color-brand-primary);--battle-red-dark:var(--color-brand-primary-dark);--battle-red-glow:#dc262680;--battle-amber:#f59e0b;--battle-amber-glow:#f59e0b80;--player-color:#3b82f6;--player-glow:#3b82f680;--enemy-color:var(--color-brand-primary-bright);--enemy-glow:#ef444480;--battle-success:#22c55e;--battle-warning:#f59e0b;--battle-danger:var(--color-brand-primary-bright);--battle-border:#2a2a2a;--battle-text-primary:#f5f5f5;--battle-text-secondary:#a0a0a0;--battle-text-muted:#707070;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}@keyframes battle-active-turn-pulse{0%,to{box-shadow:0 0 20px #3b82f6,0 0 40px var(--player-glow);box-shadow:0 0 20px var(--player-color),0 0 40px var(--player-glow);transform:scale(1)}50%{box-shadow:0 0 30px #3b82f6,0 0 60px var(--player-glow);box-shadow:0 0 30px var(--player-color),0 0 60px var(--player-glow);transform:scale(1.05)}}@keyframes battle-enemy-threat-pulse{0%,to{box-shadow:0 0 15px var(--enemy-glow)}50%{box-shadow:0 0 25px #ef4444,0 0 40px var(--enemy-glow);box-shadow:0 0 25px var(--enemy-color),0 0 40px var(--enemy-glow)}}@keyframes battle-damage-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes battle-damage-flash{0%{background-color:#ef444480}to{background-color:initial}}@keyframes battle-float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.2)}}@keyframes battle-turn-indicator-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes battle-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes battle-victory-slam{0%{opacity:0;transform:scale(3) translateY(-100px)}60%{opacity:1;transform:scale(1.2) translateY(0)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes battle-confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes battle-log-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes battle-radar-sweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes battle-overheat-warning{0%,to{background:linear-gradient(135deg,#ef444433,#0d0d0df2);box-shadow:0 0 20px #ef44444d}50%{background:linear-gradient(135deg,#ef444466,#0d0d0df2);box-shadow:0 0 40px #ef444480}}@keyframes battle-death-shatter{0%{filter:grayscale(0);opacity:1;transform:scale(1)}50%{filter:grayscale(.5) brightness(2);transform:scale(1.1)}to{filter:grayscale(1);opacity:.5;transform:scale(.95)}}.battle-page .turn-order-bar{align-items:center;background:linear-gradient(180deg,#000c,#0009);border-bottom:1px solid var(--battle-border);display:flex;gap:.5rem;justify-content:center;padding:1rem 1.5rem;position:relative;z-index:10}.battle-page .turn-order-label{color:var(--battle-text-muted);font-size:.625rem;letter-spacing:1px;margin-right:.5rem;text-transform:uppercase}.battle-page .turn-order-item{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:1.25rem;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px}.battle-page .turn-order-item.player{background:linear-gradient(135deg,#3b82f64d,#00000080);border-color:#3b82f6;border-color:var(--player-color)}.battle-page .turn-order-item.enemy{background:linear-gradient(135deg,#ef44444d,#00000080);border-color:#ef4444;border-color:var(--enemy-color)}.battle-page .turn-order-item.current{transform:scale(1.2);z-index:5}.battle-page .turn-order-item.current.player{animation:battle-active-turn-pulse 1.5s ease-in-out infinite}.battle-page .turn-order-item.current.enemy{animation:battle-enemy-threat-pulse 1s ease-in-out infinite}.battle-page .turn-order-item.destroyed{border-style:dashed;filter:grayscale(1);opacity:.4}.battle-page .turn-order-item .turn-order-icon{font-size:1.25rem}.battle-page .turn-order-item .turn-order-name{font-size:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-page .turn-order-item .turn-order-speed{color:var(--battle-text-muted);font-size:.5rem}.battle-page .turn-timer-display{background:#f59e0b33;border:1px solid #f59e0b66;border-radius:var(--radius-sm);color:var(--battle-amber);font-size:.875rem;font-weight:700;margin-left:var(--spacing-md);padding:4px 12px}.battle-page .turn-warning.heat{background:#ef444433;color:var(--battle-danger)}.battle-page .turn-warning.heat,.battle-page .turn-warning.stunned{border-radius:var(--radius-sm);font-size:.625rem;margin-left:var(--spacing-sm);padding:2px 8px}.battle-page .turn-warning.stunned{background:#f59e0b33;color:var(--battle-amber)}.battle-page .battle-log{background:linear-gradient(135deg,#141414f2,#0d0d0dfa);border:2px solid var(--battle-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;left:1rem;max-height:500px;overflow:hidden;position:fixed;top:180px;transition:transform .3s ease,width .3s ease;width:320px;z-index:100}.battle-page .battle-log.collapsed{transform:translateX(0);width:48px}.battle-page .battle-log.collapsed .log-entries,.battle-page .battle-log.collapsed .log-title{display:none}.battle-page .battle-log .log-header,.battle-page .battle-log h4{align-items:center;background:#00000080;border-bottom:1px solid var(--battle-border);color:var(--battle-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;justify-content:space-between;padding:.75rem;-webkit-user-select:none;user-select:none}.battle-page .battle-log .log-header:hover{background:#000000b3}.battle-page .battle-log .log-toggle{font-size:1rem;transition:transform .3s ease}.battle-page .battle-log.collapsed .log-toggle{transform:rotate(180deg)}.battle-page .battle-log .log-entries{max-height:250px;overflow-y:auto;padding:.5rem}.battle-page .battle-log .log-entries::-webkit-scrollbar{width:4px}.battle-page .battle-log .log-entries::-webkit-scrollbar-thumb{background:var(--battle-red);border-radius:2px}.battle-page .battle-log .log-entry{align-items:flex-start;animation:battle-log-slide-in .3s ease-out;background:#3b82f6cc;border-left:3px solid #3b82f6;border-left:3px solid var(--player-color);border-radius:4px;color:var(--color-text-on-badge);display:flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-bottom:.25rem;padding:.5rem}.battle-page .battle-log .log-entry.player-action{background:#3b82f6cc;border-left-color:#3b82f6;border-left-color:var(--player-color);color:var(--color-text-on-badge)}.battle-page .battle-log .log-entry.enemy-action{background:#ef4444cc}.battle-page .battle-log .log-entry.ai-action,.battle-page .battle-log .log-entry.enemy-action{border-left-color:#ef4444;border-left-color:var(--enemy-color);color:var(--color-text-on-badge)}.battle-page .battle-log .log-entry.ai-action{background:#ef4444cc!important}.battle-page .battle-log .log-entry.critical{background:#f59e0b33;border-left-color:var(--battle-amber)}.battle-page .battle-log .log-entry.destroyed{background:#dc262633;border-left-color:var(--battle-red)}.battle-page .battle-log .log-text{color:var(--color-text-on-badge);line-height:1.4}.battle-page .floating-damage{animation:battle-float-up 1.2s ease-out forwards;font-family:Orbitron,Exo\ 2,sans-serif;font-weight:900;pointer-events:none;z-index:var(--z-index-toast)}.battle-page .floating-damage.physical{color:#fff;font-size:1.5rem;text-shadow:2px 2px 4px #000c}.battle-page .floating-damage.energy{color:#06b6d4;font-size:1.5rem;text-shadow:0 0 10px #06b6d4cc}.battle-page .floating-damage.critical{color:#f59e0b;font-size:2rem;text-shadow:0 0 20px var(--battle-amber-glow)}.battle-page .floating-damage.heal{color:#22c55e;font-size:1.5rem;text-shadow:0 0 10px #22c55ecc}.battle-page .floating-damage.miss{color:#6b7280;font-size:1.25rem}.battle-page .floating-damage.blocked{color:#3b82f6;font-size:1.25rem}.battle-page .modal-overlay .modal-content.result-modal,.battle-page .result-overlay{background:var(--battle-bg-card);border:1px solid var(--battle-border);border-radius:12px}.battle-page .result-modal h2.victory{animation:battle-victory-slam .8s ease-out;background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#f59e0b);-webkit-background-clip:text;background-clip:text}.battle-page .result-modal h2.defeat,.battle-page .result-modal h2.victory{-webkit-text-fill-color:#0000;font-family:Orbitron,Exo\ 2,sans-serif;font-size:2.5rem;font-weight:900}.battle-page .result-modal h2.defeat{background:linear-gradient(135deg,#6b7280,#9ca3af 50%,#6b7280);-webkit-background-clip:text;background-clip:text}.battle-page .result-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.battle-page .result-actions .result-btn,.battle-page .result-actions button{border-radius:8px;cursor:pointer;font-family:Orbitron,Exo\ 2,sans-serif;font-weight:700;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.battle-page .combo-counter{font-family:Orbitron,Exo\ 2,sans-serif;left:50%;pointer-events:none;position:fixed;text-align:center;top:120px;transform:translateX(-50%);z-index:50}.battle-page .combo-number{color:var(--battle-amber);font-size:2.5rem;font-weight:900;text-shadow:0 0 20px var(--battle-amber-glow)}.battle-page .combo-label{color:var(--battle-amber);font-size:.75rem;letter-spacing:2px;text-transform:uppercase}.battle-page .combo-bonus{color:#4ade80;font-size:.6rem;font-weight:700;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.battle-page .battle-intensity{left:1.5rem;position:fixed;text-align:left;top:100px;z-index:15}.battle-page .intensity-label{color:var(--battle-text-muted);font-size:.625rem;margin-bottom:.25rem;text-transform:uppercase}.battle-page .intensity-meter{align-items:flex-end;display:flex;gap:4px;justify-content:center}.battle-page .intensity-bar{background:var(--battle-bg-tertiary);border-radius:4px;height:24px;transition:background .3s ease;width:8px}.battle-page .intensity-bar.active{background:linear-gradient(90deg,var(--battle-red),var(--battle-amber))}@media (max-width:1200px){.battle-page .battle-log{margin-top:1rem;max-height:200px;position:static;width:100%}}.battle-page .mini-radar{bottom:24px;bottom:var(--spacing-lg,24px);left:24px;left:var(--spacing-lg,24px);right:auto}@media (max-width:768px){.battle-page .combo-counter{top:80px}.battle-page .battle-intensity{left:.75rem;top:80px}.battle-page .mini-radar{display:none}}.battle-page{background:#0a0a0a;background:var(--battle-bg);background-image:radial-gradient(ellipse at top,#b4282826 0,#0000 50%),radial-gradient(ellipse at bottom,#6414141a 0,#0000 50%),linear-gradient(180deg,#0a0a0a,#0d0808 50%,#0a0a0a);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;overflow:hidden;padding:0}.battle-page::-webkit-scrollbar{display:none}.battle-page{-ms-overflow-style:none;scrollbar-width:none}.battle-header{background:#140a0af2;background:var(--panel-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-shrink:0;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.battle-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f44,#c22 50%,#f66);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-lg);margin:0;text-shadow:2px 2px 4px #000c,0 0 20px #ff3c3c80}.battle-header-info{align-items:center;display:flex;gap:var(--spacing-md)}.battle-type-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:700;padding:4px 10px;text-transform:uppercase}.battle-type-badge.pvp{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.battle-type-badge.pve{background:#f59e0b33;border:1px solid #f59e0b4d;color:var(--battle-amber)}.surrender-btn{font-size:var(--font-size-sm)}.turn-order-bar{align-items:center;background:linear-gradient(180deg,#0009,#0000004d);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;flex-shrink:0;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm);scrollbar-width:none}.turn-order-bar::-webkit-scrollbar{display:none}.turn-order-label{border-right:1px solid #b43c3c66;border-right:1px solid var(--border-color);color:#866;color:var(--text-muted);font-size:var(--font-size-xs);letter-spacing:.5px;padding-right:var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.turn-order-list{align-items:center;display:flex;gap:var(--spacing-xs)}.turn-order-item{align-items:center;background:#0000004d;border:2px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex-direction:column;min-width:50px;padding:var(--spacing-xs);transition:all .2s ease}.turn-order-item:hover{background:#ffffff1a}.turn-order-item.current{animation:currentTurnGlow 1.5s ease-in-out infinite;background:#f59e0b33;border-color:#fa0;border-color:var(--warning-color)}.turn-order-item.player{border-color:#f59e0b80}.turn-order-item.enemy{border-color:#ef444480}.turn-order-item.destroyed{filter:grayscale(100%);opacity:.3}.turn-order-item.next{background:#f59e0b1a;border-color:#f59e0bb3}.turn-order-item.next.enemy{background:#ef44441a;border-color:#fca5a5b3}.turn-order-item.overheated{background:#fb923c26;border-color:#fb923ccc}@keyframes currentTurnGlow{0%,to{box-shadow:0 0 5px #f59e0b80}50%{box-shadow:0 0 15px #f59e0bcc}}.turn-order-icon{font-size:1.2rem;margin-bottom:2px}.turn-order-name{color:#caa;color:var(--text-secondary);font-size:9px;max-width:50px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.turn-order-speed{color:#866;color:var(--text-muted);font-size:8px}.turn-order-item.current .turn-order-name{color:#fa0;color:var(--warning-color);font-weight:700}.turn-order-arrow{color:#866;color:var(--text-muted);font-size:10px}.defense-setup-modal{max-width:800px;width:95%}.defense-setup-modal .modal-description{color:#caa;color:var(--text-secondary);margin-bottom:20px}.defense-setup-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.defense-formation-section h4,.defense-mech-selection h4{color:#fff;color:var(--text-primary);margin-bottom:12px}.defense-mech-grid{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.defense-mech-item{align-items:center;background:#0003;border:2px solid #b43c3c66;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s}.defense-mech-item:hover{background:#3b82f61a;border-color:#3b82f6;border-color:var(--player-color)}.defense-mech-item.selected{background:#10b98126;border-color:var(--color-success)}.defense-mech-item .mech-icon{align-items:center;background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border-radius:8px;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.defense-mech-item .mech-details{display:flex;flex:1 1;flex-direction:column}.defense-mech-item .mech-name{color:#fff;color:var(--text-primary);font-weight:600}.defense-mech-item .mech-class{color:#866;color:var(--text-muted);font-size:.8rem}.defense-mech-item .mech-stats-mini{color:#caa;color:var(--text-secondary);display:flex;font-size:.75rem;gap:8px}.defense-mech-item .selected-check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.pvp-section{background:#140a0af2;background:var(--panel-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:12px;padding:16px}.pvp-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.pvp-header h3{margin:0}.defense-status{align-items:center;display:flex;gap:12px}.defense-set{color:var(--color-success);font-size:.9rem}.defense-not-set{color:var(--color-warning);font-size:.9rem}.pvp-browser.no-defense .no-defense-warning{color:#caa;color:var(--text-secondary);padding:40px 20px;text-align:center}.no-defense-warning .warning-icon{display:block;font-size:3rem;margin-bottom:16px}.no-defense-warning h4{color:var(--color-warning);margin-bottom:8px}.no-defense-warning .hint{color:#866;color:var(--text-muted);font-size:.85rem;margin-top:8px}.pvp-filters{border-bottom:1px solid #b43c3c66;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:16px}.filter-group,.pvp-filters{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#caa;color:var(--text-secondary);font-size:.85rem}.filter-group input[type=number]{width:60px}.filter-group input[type=number],.filter-group select{background:#0003;border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--text-primary);padding:6px 8px}.pvp-loading,.pvp-no-opponents{color:#caa;color:var(--text-secondary);padding:40px;text-align:center}.pvp-opponent-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.pvp-opponent-card{align-items:center;background:#0003;border:2px solid #b43c3c66;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.pvp-opponent-card:hover{background:#ef44441a;border-color:#ef4444;border-color:var(--enemy-color)}.pvp-opponent-card.selected{background:#ef444426;border-color:#ef4444;border-color:var(--enemy-color)}.opponent-avatar{align-items:center;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:50%;color:#fff;display:flex;font-size:1.4rem;font-weight:700;height:48px;justify-content:center;width:48px}.opponent-info{display:flex;flex:1 1;flex-direction:column}.opponent-name{color:var(--text-primary)}.opponent-level,.opponent-rating{color:#866;color:var(--text-muted);font-size:.8rem}.opponent-defense{align-items:flex-end;display:flex;flex-direction:column;font-size:.8rem}.defense-count{color:#caa;color:var(--text-secondary)}.potential-reward{color:var(--color-warning)}.selected-indicator{background:#ef4444;background:var(--enemy-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.attack-history{border-top:1px solid #b43c3c66;border-top:1px solid var(--border-color);margin-top:20px;padding-top:16px}.attack-history h4{margin-bottom:12px}.attack-history-empty{color:#866;color:var(--text-muted);padding:24px;text-align:center}.attack-history-empty .empty-icon{display:block;font-size:2rem;margin-bottom:8px}.history-list{max-height:200px}.history-entry{border-left:3px solid #b43c3c66;border-left:3px solid var(--border-color);border-radius:8px;gap:12px;padding:10px 12px}.history-entry.victory{border-left-color:var(--color-success)}.history-entry.defeat{border-left-color:var(--color-danger)}.history-type{font-size:1.2rem}.history-details{flex:1 1}.history-opponent{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:500}.history-result{color:#caa;color:var(--text-secondary);font-size:.8rem}.history-time{color:#866;color:var(--text-muted);font-size:.75rem}.tab-warning{color:var(--color-warning);margin-left:4px}@media (max-width:768px){.defense-setup-content{grid-template-columns:1fr}.pvp-filters{align-items:stretch;flex-direction:column}.filter-group{justify-content:space-between}.pvp-header{align-items:flex-start;flex-direction:column}.defense-status{justify-content:space-between;width:100%}}.environment-info{display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.terrain-info,.weather-info{background:linear-gradient(135deg,#2b6de833,#2b6de81a);border:1px solid #2b6de84d;border-radius:var(--border-radius-md);cursor:pointer;flex:1 1;min-width:150px;padding:var(--spacing-sm);transition:all .2s}.terrain-info:hover,.weather-info:hover{border-color:#3b82f6;border-color:var(--player-color);box-shadow:0 4px 12px #2b6de84d;transform:translateY(-2px)}.terrain-info .label,.weather-info .label{color:#866;color:var(--text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:4px;text-transform:uppercase}.terrain-info .value,.weather-info .value{align-items:center;display:flex;font-size:var(--font-size-md);font-weight:700;gap:var(--spacing-xs)}.terrain-info .effects,.weather-info .effects{color:#caa;color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:4px}.environment-btn{align-items:center;background:linear-gradient(135deg,#8b00004d,#32000066);border:1px solid #ff3c3c4d;border-radius:var(--border-radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:600;gap:8px;min-width:120px;padding:10px 16px;transition:all .2s ease}.environment-btn:hover{background:linear-gradient(135deg,#b4000066,#50000080);border-color:#ff646480;box-shadow:0 4px 15px #ff3c3c4d;transform:translateY(-2px)}.environment-btn:before{font-size:1.8rem;line-height:1}.terrain-btn{background:linear-gradient(135deg,#503c1466,#281e0a80);border-color:#c896324d}.terrain-btn:hover{background:linear-gradient(135deg,#785a1e80,#3c2d0f99);border-color:#dcb45080;box-shadow:0 4px 15px #c896324d}.weather-btn{background:linear-gradient(135deg,#1e507866,#0f283c80);border-color:#64b4ff4d}.weather-btn:hover{background:linear-gradient(135deg,#2d78b480,#163c5a99);border-color:#82c8ff80;box-shadow:0 4px 15px #64b4ff4d}.turn-status{background:#140a0af2;background:var(--panel-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-shrink:0;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.turn-status .turn-badge{background:#3b82f633;border-radius:var(--border-radius-sm);margin-right:var(--spacing-sm);padding:2px 8px}.turn-status .your-turn{animation:pulseText 1s ease-in-out infinite;color:#4f8;color:var(--buff-color);font-weight:700}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.7}}.battle-main{gap:var(--spacing-sm);min-height:0}.battle-main,.mechs-panel{display:flex;flex:1 1;overflow:hidden}.mechs-panel{background:#140a0af2;background:var(--panel-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;max-width:340px;min-width:220px;padding:var(--spacing-md)}.mechs-panel.player-panel{border-left:3px solid #3b82f6;border-left:3px solid var(--player-color);box-shadow:inset 4px 0 15px #ff44441a}.mechs-panel.opponent-panel{border-left:3px solid #ef4444;border-left:3px solid var(--enemy-color);box-shadow:inset 4px 0 15px #ff88001a}.mechs-panel h3{border-bottom:1px solid #b43c3c66;border-bottom:1px solid var(--border-color);color:#fff;color:var(--text-primary);flex-shrink:0;font-size:var(--font-size-md);font-weight:700;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);text-shadow:0 0 10px #ff3c3c4d;text-shadow:0 0 10px var(--accent-glow)}.mech-list{flex:1 1;overflow-x:hidden;padding-right:4px}.mech-list::-webkit-scrollbar{width:4px}.mech-list::-webkit-scrollbar-track{background:#0000}.mech-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.mech-list.compact-list{gap:4px}.battle-page .mech-card{background:#1e0f0ff2;background:var(--card-bg);border:2px solid #b43c3c66;border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;padding:var(--spacing-sm);position:relative;transition:all .2s ease}.battle-page .mech-card:hover{border-color:#3b82f6;border-color:var(--player-color);box-shadow:0 4px 15px #ff44444d;transform:translateY(-2px)}.battle-page .mech-card.enemy:hover{border-color:#ef4444;border-color:var(--enemy-color);box-shadow:0 4px 15px #ff88004d}.battle-page .mech-card.selected{background:#ff444426;border-color:#3b82f6;border-color:var(--player-color);box-shadow:0 0 20px #f446}.battle-page .mech-card.targeted{background:#ff880026;border-color:#ef4444;border-color:var(--enemy-color);box-shadow:0 0 20px #f806}.battle-page .mech-card.destroyed{filter:grayscale(60%);opacity:.5;pointer-events:none}.battle-page .mech-card.current-actor{animation:activeTurnPulse 1.5s ease-in-out infinite;border-color:#fa0!important;border-color:var(--warning-color)!important;box-shadow:0 0 20px #f59e0b80!important}.battle-page .mech-card.current-actor:before{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;color:var(--color-ui-background);content:"⚔️ YOUR TURN";font-size:8px;font-weight:700;left:50%;letter-spacing:.5px;padding:2px 6px;position:absolute;text-transform:uppercase;top:-8px;transform:translateX(-50%);white-space:nowrap;z-index:10}.battle-page .mech-card.current-actor.enemy:before{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-text-primary);content:"⏳ ENEMY TURN"}@keyframes activeTurnPulse{0%,to{box-shadow:0 0 15px #f59e0b66;transform:scale(1)}50%{box-shadow:0 0 25px #f59e0bb3;transform:scale(1.02)}}.battle-page .mech-card.current-actor:after{animation:turnGlowRotate 2s linear infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b) border-box;border:2px solid #0000;border-radius:calc(var(--border-radius-md) + 2px);bottom:-3px;content:"";left:-3px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;position:absolute;right:-3px;top:-3px}@keyframes turnGlowRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.battle-page .mech-card.waiting-turn{filter:saturate(.8);opacity:.7}.battle-page .mech-card.waiting-turn:hover{filter:saturate(1);opacity:1}.battle-page .mech-card.acted-this-turn{opacity:.6}.battle-page .mech-card.acted-this-turn .acted-check{align-items:center;background:#10b981e6;border-radius:50%;color:var(--color-text-primary);display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.battle-page .full-mech-card,.battle-page .mech-card.full{display:flex;flex-direction:column;gap:.5rem;min-width:200px;padding:12px;position:relative}.battle-page .full-mech-card .mech-icon,.battle-page .mech-card.full .mech-icon{align-items:center;background:linear-gradient(135deg,#ff44444d,#b4282833);border:2px solid #ff646466;border-radius:var(--border-radius-md);color:#3b82f6;color:var(--player-color);display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:48px;justify-content:center;left:10px;position:absolute;top:10px;width:48px}.battle-page .full-mech-card .mech-icon.enemy-icon,.battle-page .mech-card.full .mech-icon.enemy-icon{background:linear-gradient(135deg,#ff88004d,#b45a0033);border-color:#ffa03c66;color:#ef4444;color:var(--enemy-color)}.battle-page .full-mech-card .mech-info,.battle-page .mech-card.full .mech-info{flex:1 1;margin-left:58px;min-width:0}.battle-page .full-mech-card .mech-name,.battle-page .mech-card.full .mech-name{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px #ff3c3c4d;text-shadow:0 0 10px var(--accent-glow);white-space:nowrap}.battle-page .full-mech-card .mech-class,.battle-page .mech-card.full .mech-class{color:#caa;color:var(--text-secondary);font-size:.8rem;margin-bottom:4px}.battle-page .full-mech-card .formation-badge-small,.battle-page .mech-card.full .formation-badge-small{border-radius:var(--border-radius-sm);display:inline-block;font-size:10px;font-weight:700;margin-top:4px;padding:3px 8px;text-transform:uppercase}.mech-info-btn{background:#ffffff1a;border:1px solid #fff3;font-size:14px;height:28px;right:8px;top:8px;width:28px}.mech-info-btn:hover{background:#ff64644d;border-color:#ff646480}.damage-warning{background:#ffaa0026;border-radius:var(--border-radius-sm);color:#fa0;color:var(--warning-color);font-size:.75rem;margin-top:4px;padding:2px 6px}.heat-bar-container-card{align-items:center;background:#0000004d;border-radius:var(--border-radius-sm);display:flex;gap:8px;margin-top:6px;padding:4px 8px}.heat-bar-label{align-items:center;display:flex;font-size:.75rem;gap:4px;min-width:45px}.heat-value{color:#4f4;font-weight:700}.heat-value.overheated{animation:pulseText .5s ease-in-out infinite;color:#f44}.heat-bar-track-card{background:#00000080;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.heat-bar-fill-card{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.overheat-badge{animation:pulseText .5s ease-in-out infinite;background:#f003;border-radius:3px;color:#f44;font-size:.65rem;font-weight:700;padding:2px 6px}.weapon-status-mini{align-items:center;background:#0000004d;border-radius:var(--border-radius-sm);display:flex;font-size:.75rem;gap:6px;margin-top:6px;padding:4px 8px}.weapon-status-mini .weapon-icon{font-size:1rem}.weapon-status-mini .weapon-count{color:#4f4;font-weight:700}.weapon-status-mini.all-cooling .weapon-count{color:#f80}.weapon-status-mini.all-ready .weapon-count{color:#4f4}.weapon-status-mini .weapon-label{color:#866;color:var(--text-muted)}.mech-status-effects{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mech-status-effects .effect-badge{background:#6464ff33;border:1px solid #6464ff4d;border-radius:var(--border-radius-sm);font-size:.7rem;padding:2px 6px}.formation-badge-small.front{background:#ef444433;color:#f87171}.formation-badge-small.back{background:#3b82f633;color:var(--color-brand-primary)}.quick-stat-mods{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.quick-mod{border-radius:2px;font-size:10px;padding:1px 4px}.quick-mod.buff{background:#10b98133;color:#34d399}.quick-mod.debuff{background:#ef444433;color:#f87171}.health-bar-container{background:#0006;height:10px;margin-top:4px;position:relative;width:100%}.health-bar-container,.health-bar-fill{border-radius:var(--border-radius-sm)}.health-bar-fill.enemy{background:linear-gradient(90deg,#f80,#fa4)}.health-bar-fill:not(.enemy){background:linear-gradient(90deg,#f44,#f66)}.health-bar-container .health-text{font-size:9px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%)}.battle-page .mech-card.compact{align-items:center;display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.battle-page .mech-card.compact .mech-icon{align-items:center;background:linear-gradient(135deg,#3b82f64d,#3b82f61a);border-radius:var(--border-radius-sm);color:#3b82f6;color:var(--player-color);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.battle-page .mech-card.compact .mech-icon.enemy-icon{background:linear-gradient(135deg,#ef44444d,#ef44441a);color:#ef4444;color:var(--enemy-color)}.battle-page .mech-card.compact .mech-compact-info{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0}.battle-page .mech-card.compact .mech-name{font-size:var(--font-size-sm);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formation-indicator{font-size:10px}.compact-health-bar{background:#0006;border-radius:3px;flex-shrink:0;height:6px;overflow:hidden;width:60px}.compact-health-fill{height:100%;transition:width .3s ease}.destroyed-overlay{align-items:center;background:#0009;border-radius:var(--border-radius-md);bottom:0;color:#ef4444;color:var(--enemy-color);display:flex;font-size:1.5rem;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.destroyed-overlay.compact{font-size:1rem}.target-indicator{animation:target-pulse .5s ease infinite alternate;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:4px;bottom:-8px;color:#fff;font-size:.7rem;font-weight:700;left:50%;padding:.2rem .4rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.target-indicator.compact{bottom:-6px;font-size:.65rem;padding:.15rem .3rem}@keyframes targetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.active-indicator{background:#fa0;background:var(--warning-color);border-radius:var(--border-radius-sm);bottom:-8px;color:var(--color-ui-background);font-size:10px;font-weight:700;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.active-indicator.enemy{background:#ef4444;background:var(--enemy-color);color:#fff}.active-dot{animation:activeDotPulse 1s ease-in-out infinite;background:#fa0;background:var(--warning-color);border-radius:50%;height:8px;left:4px;position:absolute;top:4px;width:8px}.active-dot.enemy{background:#ef4444;background:var(--enemy-color)}@keyframes activeDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.mech-info-btn{align-items:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:24px;z-index:5}.mech-info-btn:hover{background:#3b82f680;transform:scale(1.1)}.battlefield-visual{align-items:center;background:#140a0af2;background:var(--panel-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;flex:1.5 1;flex-direction:column;justify-content:center;min-width:200px;padding:var(--spacing-md)}.vs-indicator{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.vs-indicator .player-side{color:#3b82f6;color:var(--player-color);font-size:var(--font-size-lg);font-weight:700}.vs-indicator .vs{color:#fa0;color:var(--warning-color);font-size:var(--font-size-xl);font-weight:700;text-shadow:0 0 10px #f59e0b80}.vs-indicator .opponent-side{color:#ef4444;color:var(--enemy-color);font-size:var(--font-size-lg);font-weight:700}.action-panel{background:#0000004d;border-radius:var(--border-radius-md);max-width:300px;padding:var(--spacing-md);width:100%}.action-panel h4{color:#fff;color:var(--text-primary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.action-buttons{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.battle-page .action-btn{align-items:center;background:#1e293be6;border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);gap:4px;justify-content:center;padding:var(--spacing-sm);transition:all .2s}.battle-page .action-btn:hover{background:#3b82f633;border-color:#3b82f6;border-color:var(--player-color)}.battle-page .action-btn.selected{background:#3b82f64d;border-color:#3b82f6;border-color:var(--player-color);box-shadow:0 0 10px #3b82f64d}.target-prompt,.target-selected{font-size:var(--font-size-sm);margin:var(--spacing-sm) 0;text-align:center}.target-prompt{color:#866;color:var(--text-muted)}.target-selected{color:#ef4444;color:var(--enemy-color)}.special-abilities-menu{background:#1e0f0ff2;background:var(--card-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-sm)}.special-abilities-menu h4{color:var(--color-brand-accent);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.ability-item{background:#0003;border:1px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);transition:all .2s ease}.ability-item:hover:not(.on-cooldown){background:#a855f71a;border-color:var(--color-brand-accent)}.ability-item.on-cooldown{cursor:not-allowed;opacity:.5}.ability-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.ability-name{color:#fff;color:var(--text-primary);font-weight:700}.ability-cost{background:#fbbf2433;border-radius:var(--border-radius-sm);color:var(--color-brand-accent);font-size:var(--font-size-xs);padding:2px 6px}.ability-description{color:#caa;color:var(--text-secondary);font-size:var(--font-size-xs)}.ability-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ability-stat{align-items:center;border-radius:3px;display:inline-flex;font-size:.55rem;font-weight:700;gap:3px;padding:1px 6px;text-transform:uppercase}.ability-stat.damage{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.ability-stat.heal{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.ability-stat.duration{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.ability-stat.effect{background:#a855f733;border:1px solid #a855f74d;color:#c4b5fd}.ability-stat.type{background:#64748b33;border:1px solid #64748b4d;color:#94a3b8}.ability-cooldown{color:#ef4444;color:var(--enemy-color);font-size:var(--font-size-xs);margin-top:4px}.waiting-panel{padding:var(--spacing-lg);text-align:center}.waiting-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--player-color);height:40px;margin:0 auto var(--spacing-sm);width:40px}.waiting-panel p{color:#caa;color:var(--text-secondary)}.battle-log{background:#140a0af2;background:var(--panel-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;flex-direction:column;flex-shrink:0;margin-top:var(--spacing-sm);max-height:120px;overflow:hidden;padding:var(--spacing-sm)}.battle-log h4{border-bottom:1px solid #b43c3c66;border-bottom:1px solid var(--border-color);color:#866;color:var(--text-muted);flex-shrink:0;font-size:var(--font-size-xs);letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;padding-bottom:var(--spacing-xs);text-transform:uppercase}.log-entries{flex:1 1;gap:4px;overflow-y:auto}.log-entries::-webkit-scrollbar{width:4px}.log-entries::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.battle-page .log-entry{background:#3b82f6cc;border-left:3px solid #3b82f6;border-left:3px solid var(--player-color);border-radius:4px;color:var(--color-text-on-badge);display:flex;font-size:.75rem;font-weight:500;gap:var(--spacing-sm);padding:.5rem var(--spacing-sm)}.battle-page .log-entry.player-action{background:#3b82f6cc!important;border-left-color:#3b82f6;border-left-color:var(--player-color);color:var(--color-text-on-badge)}.battle-page .log-entry.enemy-action{background:#ef4444cc!important}.battle-page .log-entry.ai-action,.battle-page .log-entry.enemy-action{border-left-color:#ef4444;border-left-color:var(--enemy-color);color:var(--color-text-on-badge)}.battle-page .log-entry.ai-action{background:#ef4444cc}.log-entry.damage{border-left-color:#ef4444;border-left-color:var(--enemy-color)}.log-entry.heal{border-left-color:#4f8;border-left-color:var(--buff-color)}.log-entry.critical{background:#f59e0b1a;border-left-color:#fa0;border-left-color:var(--warning-color)}.log-entry.destroyed{background:#ef44441a;border-left-color:#ef4444;border-left-color:var(--enemy-color);font-weight:700}.log-turn{color:var(--text-muted);flex-shrink:0}.log-text{color:#fff;color:var(--text-primary)}.no-logs{color:#866;color:var(--text-muted);font-style:italic;padding:var(--spacing-sm);text-align:center}.damage-numbers-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-index-modal-backdrop)}.floating-damage{animation:floatUp 1.5s ease-out forwards;font-weight:900;letter-spacing:1px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 10px #000c;white-space:nowrap;z-index:var(--z-index-toast)}.floating-damage.damage{color:#ef4444;color:var(--enemy-color);font-size:1.5rem}.floating-damage.critical{animation:floatUpCrit 1.5s ease-out forwards;color:var(--color-brand-accent);font-size:2rem}.floating-damage.heal{color:#4f8;color:var(--buff-color);font-size:1.5rem}.floating-damage.miss{color:#9ca3af;font-size:1.2rem;font-style:italic}.floating-damage.block{color:#3b82f6;color:var(--player-color);font-size:1.3rem}.floating-damage.destroyed{animation:floatUpDestroyed 2s ease-out forwards;color:#ef4444;color:var(--enemy-color);font-size:1.8rem}.floating-damage.component-destroyed{color:#f97316;font-size:1.2rem}.floating-damage.status{color:#06b6d4;font-size:1rem}@keyframes floatUpCrit{0%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}10%{transform:translateY(-10px) scale(1.5) rotate(-5deg)}20%{transform:translateY(-25px) scale(1.3) rotate(5deg)}to{opacity:0;transform:translateY(-100px) scale(.8) rotate(0deg)}}@keyframes floatUpDestroyed{0%{opacity:1;transform:translateY(0) scale(1)}30%{transform:translateY(-30px) scale(1.5)}to{opacity:0;transform:translateY(-120px) scale(.6)}}.battle-page .modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.battle-page .modal-content{background:#1e0f0ff2;background:var(--card-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--spacing-lg);position:relative;width:100%}.modal-close{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;color:var(--text-primary);display:flex;font-size:18px;height:30px;justify-content:center;right:var(--spacing-sm);top:var(--spacing-sm);transition:all .2s;width:30px}.modal-close:hover{background:#ef44444d}.modal-actions{gap:var(--spacing-sm)}.btn-retreat{background:linear-gradient(135deg,#d9770633,#f59e0b1a);border:1px solid #d97706;border-radius:6px;color:#fbbf24;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:background .2s,border-color .2s}.btn-retreat:hover{background:linear-gradient(135deg,#d9770666,#f59e0b33);border-color:#f59e0b}.mech-info-modal{max-width:550px}.mech-info-header{align-items:center;border-bottom:2px solid #b43c3c66;border-bottom:2px solid var(--border-color);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.mech-info-header.enemy{border-bottom-color:#ef444480}.mech-info-header.player{border-bottom-color:#3b82f680}.mech-icon-large{align-items:center;background:linear-gradient(135deg,#3b82f64d,#3b82f61a);border-radius:var(--border-radius-md);color:#3b82f6;color:var(--player-color);display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;width:60px}.mech-info-header.enemy .mech-icon-large{background:linear-gradient(135deg,#ef44444d,#ef44441a);color:#ef4444;color:var(--enemy-color)}.mech-header-text h2{color:#fff;color:var(--text-primary);font-size:var(--font-size-xl);margin:0;text-shadow:2px 2px 4px #000c}.mech-class-level{color:#caa;color:var(--text-secondary);font-size:var(--font-size-sm);margin:4px 0}.formation-badge{border-radius:var(--border-radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:700;padding:4px 10px}.formation-badge.front{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.formation-badge.back{background:#3b82f633;border:1px solid #3b82f64d;color:var(--color-brand-primary)}.mech-info-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.mech-stat-section h4{border-bottom:1px solid #b43c3c66;border-bottom:1px solid var(--border-color);color:var(--color-brand-accent);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0;padding-bottom:4px}.large-health-bar{background:#0006;border-radius:var(--border-radius-sm);height:28px;overflow:hidden;position:relative}.large-health-fill{height:100%;transition:width .3s ease}.large-health-bar .large-health-text{font-size:var(--font-size-sm);font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%)}.stat-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.battle-page .stat-item{background:#0003;border-radius:var(--border-radius-sm);cursor:pointer;padding:var(--spacing-sm);position:relative;transition:all .2s}.battle-page .stat-item:hover{background:#3b82f61a}.battle-page .stat-item.buffed{background:#10b9811a;border:1px solid #10b9814d}.battle-page .stat-item.debuffed{background:#ef44441a;border:1px solid #ef44444d}.battle-page .stat-label{color:#866;color:var(--text-muted);display:block;font-size:var(--font-size-xs);margin-bottom:2px}.battle-page .stat-value{color:#fff;color:var(--text-primary);display:block;font-size:var(--font-size-lg);font-weight:700}.stat-modifier{align-items:center;border-radius:2px;cursor:pointer;display:inline-flex;font-size:10px;font-weight:700;gap:2px;margin-left:4px;padding:1px 4px}.stat-modifier.buff{background:#10b98133;color:#34d399}.stat-modifier.debuff{background:#ef444433;color:#f87171}.stat-breakdown-modal{max-width:400px}.stat-breakdown-modal h3{margin:0 0 var(--spacing-md) 0;text-align:center}.breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.breakdown-item{align-items:center;background:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.breakdown-item.base{background:#3b82f626;border:1px solid #3b82f64d}.breakdown-item.buff{background:#10b98126;color:#34d399}.breakdown-item.debuff{background:#ef444426;color:#f87171}.breakdown-item.neutral{background:#64646426;color:#fff9;font-style:italic}.breakdown-item.total{background:#a855f733;border:1px solid #a855f766;font-weight:700}.breakdown-label{font-size:var(--font-size-sm)}.breakdown-value{font-size:var(--font-size-md)}.breakdown-divider{background:#b43c3c66;background:var(--border-color);height:1px;margin:var(--spacing-xs) 0}.breakdown-calculation{background:#0003;border-radius:var(--border-radius-sm);color:#866;color:var(--text-muted);font-family:monospace;font-size:var(--font-size-xs);padding:var(--spacing-sm);text-align:center}.environment-info-modal{max-width:400px}.environment-header,.environment-info-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.environment-icon{font-size:3rem;line-height:1}.environment-header h3,.environment-info-header h3{font-size:var(--font-size-xl);margin:0}.environment-description{color:#caa;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.environment-effects h4{color:var(--color-brand-accent);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.environment-effects ul{list-style:none;margin:0;padding:0}.environment-effects li{align-items:center;background:#0003;border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-xs);margin-bottom:4px;padding:var(--spacing-xs) var(--spacing-sm)}.environment-effects li.buff{background:#10b9811a;color:#34d399}.environment-effects li.debuff{background:#ef44441a;color:#f87171}.effect-indicator{font-weight:700}.effect-indicator.buff{color:#34d399}.effect-indicator.debuff{color:#f87171}.loadout-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.loadout-category{background:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.loadout-category-label{color:#866;color:var(--text-muted);font-size:var(--font-size-xs);margin-right:var(--spacing-xs)}.loadout-category .no-component{color:#866;color:var(--text-muted);font-style:italic}.loadout-category ul{list-style:none;margin:4px 0 0;padding:0}.loadout-category li{font-size:var(--font-size-sm);padding:2px 0}.weapon-item{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.component-name{color:#fff;color:var(--text-primary)}.component-stat{border-radius:2px;font-size:var(--font-size-xs);padding:1px 4px}.component-stat.damage{background:#ef444433;color:#f87171}.component-type{background:#0000004d;border-radius:2px;color:#866;color:var(--text-muted);font-size:var(--font-size-xs);padding:1px 4px}.status-effect-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.status-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);padding:4px 8px}.status-badge.buff{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.status-badge.debuff{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.ability-list{list-style:none;margin:0;padding:0}.ability-list li{align-items:center;background:#0003;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;margin-bottom:4px;padding:var(--spacing-xs) var(--spacing-sm)}.ability-list li.on-cooldown{opacity:.5}.cooldown-badge{background:#ef444433;border-radius:var(--border-radius-sm);color:#f87171;font-size:var(--font-size-xs);padding:2px 6px}.result-modal{max-width:450px}.result-modal h2{font-size:2rem;margin-bottom:var(--spacing-md)}.result-modal h2.victory{color:#4f8;color:var(--buff-color);text-shadow:0 0 20px #10b98180}.result-modal h2.defeat{color:#ef4444;color:var(--enemy-color);text-shadow:0 0 20px #ef444480}.result-details{margin-bottom:var(--spacing-lg)}.result-details p{color:#caa;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.rewards-section{background:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-md)}.rewards-section h4{color:var(--color-brand-accent);margin:0 0 var(--spacing-sm) 0}.reward-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.reward{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:var(--border-radius-sm);display:flex;font-weight:700;gap:4px;padding:var(--spacing-sm) var(--spacing-md)}.result-actions{display:flex;gap:var(--spacing-md);justify-content:center}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-xl);text-align:center}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--player-color);height:60px;margin:0 auto var(--spacing-md);width:60px}.loading-container p{color:#caa;color:var(--text-secondary)}.error-container{color:#ef4444;color:var(--enemy-color)}.error-container h3{margin-bottom:var(--spacing-sm)}.component-status-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.component-status-item{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:8px;padding:8px}.component-status-item.broken{background:#dc26260d;border-color:#dc262666}.component-status-item.broken .comp-name{color:#ef4444;text-decoration:line-through}.comp-status-icon{font-size:1rem}.comp-name{flex:1 1;font-size:.85rem;font-weight:500}.comp-durability{color:var(--battle-text-muted);font-family:var(--font-family-mono);font-size:.75rem}.mech-combat-card.simplified{min-height:80px!important}.mech-combat-card.simplified .card-header{margin-bottom:8px}.mech-combat-card.simplified .health-section,.mech-combat-card.simplified .heat-section{margin-bottom:6px}@media (max-width:1024px){.battle-main{flex-direction:column}.mechs-panel{max-height:35vh;max-width:none}.battlefield-visual{flex:none;min-height:150px}}@media (max-width:768px){.battle-page{padding:var(--spacing-xs)}.battle-header{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.battle-header h1{font-size:var(--font-size-md)}.battle-header-info{flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.turn-order-bar{padding:var(--spacing-xs)}.turn-order-label{display:none}.turn-order-item{min-width:40px;padding:4px}.turn-order-icon{font-size:1rem}.turn-order-name{font-size:8px;max-width:40px}.environment-info{flex-direction:column;gap:var(--spacing-xs)}.terrain-info,.weather-info{padding:var(--spacing-xs)}.terrain-info .effects,.weather-info .effects{display:none}.mechs-panel{max-height:30vh;padding:var(--spacing-xs)}.mechs-panel h3{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.battle-log{max-height:80px;padding:var(--spacing-xs)}.battle-log h4,.log-entry{font-size:10px}.log-entry{padding:2px var(--spacing-xs)}.action-panel{padding:var(--spacing-sm)}.action-buttons{gap:4px}.battle-page .action-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.battle-page .modal-content{margin:var(--spacing-sm);padding:var(--spacing-md)}.battle-page .stat-grid{grid-template-columns:repeat(2,1fr)}.battle-page .result-actions{flex-direction:column}}@media (max-width:480px){.battle-page{padding:4px}.battle-header h1{font-size:var(--font-size-sm)}.mechs-panel h3{font-size:11px}.mech-card.full{padding:.5rem}.mech-card.full .mech-icon{font-size:.95rem;height:28px;width:28px}.mech-card.full .mech-name{font-size:.8rem}.health-bar-container{height:8px}.health-bar-container .health-text{font-size:8px}.vs-indicator .vs{font-size:var(--font-size-lg)}.vs-indicator .opponent-side,.vs-indicator .player-side{font-size:var(--font-size-sm)}.battle-log{max-height:60px}.result-modal h2{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.battle-page .mech-card.current-actor,.mech-card.current-actor:after{animation:none}.floating-damage{animation:none;opacity:0}.active-dot,.target-indicator,.waiting-spinner{animation:none}}.battle-page[data-terrain=Urban]{background-image:linear-gradient(180deg,#1e293bf2,#0f172afa),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%234a5568' fill-opacity='.15' fill-rule='evenodd'/%3E%3C/svg%3E")}.battle-page[data-terrain=Desert]{background:linear-gradient(180deg,#b48c5026,#0f172af2 30%,#0f172a)}.battle-page[data-terrain=Forest],.battle-page[data-terrain=Jungle]{background:linear-gradient(180deg,#2523,#0f2314e6 30%,#0a140f)}.battle-page[data-terrain=Arctic]{background:linear-gradient(180deg,#c8dcff26,#141e32f2 30%,#0a0f1e)}.battle-page[data-terrain=Volcanic]{background:linear-gradient(180deg,#c8320033,#32140af2 30%,#140a05)}.battle-page[data-terrain=Swamp]{background:linear-gradient(180deg,#3c502833,#141e14f2 30%,#0a140f)}.battle-page[data-terrain=Mountain],.battle-page[data-terrain=Mountainous]{background:linear-gradient(180deg,#64647833,#282d37f2 30%,#0f1219)}.battle-page[data-terrain=Open],.battle-page[data-terrain=Plains]{background:linear-gradient(180deg,#6496501a,#0f172af2 30%,#0a0e1c)}.battle-page[data-terrain=Industrial]{background:linear-gradient(180deg,#50505a33,#1e1e28f2 30%,#0f0f19)}.battle-page[data-terrain="Space Station"]{background:linear-gradient(180deg,#1400284d,#050514f2 30%,#00000a)}.battle-page[data-terrain=Underground]{background:linear-gradient(180deg,#281e144d,#140f0af2 30%,#0a0805)}.move-selector{background:#140a0af2;background:var(--panel-bg);border:1px solid #b43c3c66;border:1px solid var(--border-color);border-radius:8px;margin-top:12px;padding:16px}.move-selector h4{color:#fff;color:var(--text-primary);font-size:1rem;margin:0 0 8px}.move-hint{color:#866;color:var(--text-muted);font-size:.8rem;margin-bottom:12px}.position-options{display:flex;gap:12px;margin-bottom:16px}.position-btn{align-items:center;background:#0003;border:2px solid #b43c3c66;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:12px;transition:all .2s}.position-btn:hover{transform:translateY(-2px)}.position-btn.selected,.position-btn:hover{border-color:#3b82f6;border-color:var(--player-color)}.position-btn.selected{background:#3b82f633}.position-btn.front{border-color:var(--color-warning)}.position-btn.front.selected{background:#f59e0b33}.position-btn.back{border-color:var(--color-success)}.position-btn.back.selected{background:#10b98133}.position-bonus{color:#866;color:var(--text-muted);font-size:.7rem;margin-top:4px}@media (max-width:480px){.position-options{flex-direction:column}}.battle-status-banners{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.status-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:var(--border-radius-md);display:flex;gap:12px;padding:10px 16px}.status-banner__icon{flex-shrink:0;font-size:1.5rem}.status-banner__content{display:flex;flex:1 1;flex-direction:column}.status-banner__title{font-size:.95rem;font-weight:600}.status-banner__message{font-size:.8rem;opacity:.8}.status-banner__close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.6;padding:0 4px;transition:opacity .2s}.status-banner__close:hover{opacity:1}.status-banner--reconnecting{background:linear-gradient(90deg,#3b82f633,#8b5cf633);border:1px solid #3b82f666;color:#93c5fd}.status-banner--reconnecting .status-banner__icon{animation:spin 1s linear infinite}.status-banner--success{background:#10b98126;border:1px solid #10b98166;color:#6ee7b7}.status-banner--warning{background:#f59e0b26;border:1px solid #f59e0b66;color:#fcd34d}.status-banner--timeout{background:#ef444426;border:1px solid #ef444466;color:var(--color-text-error)}.status-banner--urgent{animation:pulse-urgent 1s ease-in-out infinite;background:linear-gradient(90deg,#ef444433,#f59e0b33);border:1px solid #ef444466;color:#fecaca}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}.status-banner--rate-limited{background:#9ca3af26;border:1px solid #9ca3af66;color:#d1d5db}@media (max-width:768px){.status-banner{gap:8px;padding:8px 12px}.status-banner__icon{font-size:1.2rem}.status-banner__title{font-size:.85rem}.status-banner__message{font-size:.75rem}}.battle-page .battle-header{align-items:center;background:linear-gradient(180deg,#000000e6,#000000b3);border-bottom:1px solid var(--battle-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.battle-page .battle-info{align-items:center;display:flex;gap:var(--spacing-lg)}.battle-page .battle-type-badge{align-items:center;background:linear-gradient(135deg,#ef444433,#0000004d);border:1px solid #ef444466;border-radius:var(--radius-md);color:#ef4444;color:var(--enemy-color);display:flex;font-size:.75rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md)}.battle-page .battle-type-badge.pve{background:linear-gradient(135deg,#3b82f633,#0000004d);border-color:#3b82f666;color:#3b82f6;color:var(--player-color)}.battle-page .turn-counter{color:var(--battle-amber);font-family:Orbitron,Exo\ 2,sans-serif;font-size:1.25rem;font-weight:700}.battle-page .terrain-weather-badges{display:flex;gap:var(--spacing-sm)}.battle-page .env-badge{align-items:center;background:#00000080;border:1px solid var(--battle-border);border-radius:var(--radius-sm);color:var(--battle-text-primary);cursor:pointer;display:flex;font-size:.625rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.battle-page .env-badge:hover{background:#dc26261a;border-color:var(--battle-red)}.battle-page .vs-display{align-items:center;display:flex;gap:var(--spacing-lg)}.battle-page .combatant-info{align-items:center;display:flex;gap:var(--spacing-sm)}.battle-page .combatant-info.enemy{flex-direction:row-reverse}.battle-page .combatant-avatar{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.battle-page .combatant-info.player .combatant-avatar{background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--player-color) 0,#1e40af 100%);border:2px solid #3b82f6;border:2px solid var(--player-color)}.battle-page .combatant-info.enemy .combatant-avatar{background:linear-gradient(135deg,#ef4444,#991b1b);background:linear-gradient(135deg,var(--enemy-color) 0,#991b1b 100%);border:2px solid #ef4444;border:2px solid var(--enemy-color)}.battle-page .combatant-name{font-size:.875rem;font-weight:600}.battle-page .combatant-info.player .combatant-name{color:#3b82f6;color:var(--player-color)}.battle-page .combatant-info.enemy .combatant-name{color:#ef4444;color:var(--enemy-color)}.battle-page .mech-count{color:var(--battle-text-muted);font-size:.625rem}.battle-page .vs-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--battle-red) 0,var(--battle-amber) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,Exo\ 2,sans-serif;font-size:1.5rem;font-weight:900}.battle-page .header-controls{align-items:center;display:flex;gap:var(--spacing-md)}.battle-page .header-btn{align-items:center;background:#00000080;border:1px solid var(--battle-border);border-radius:var(--radius-sm);color:var(--battle-text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.battle-page .header-btn:hover{border-color:var(--battle-red);color:var(--battle-text-primary)}.battle-page .header-btn.danger:hover{background:#ef44441a;border-color:var(--battle-danger);color:var(--battle-danger)}.battle-page .battlefield{grid-gap:var(--spacing-lg);display:grid;flex:1 1;gap:var(--spacing-lg);grid-template-columns:auto 1fr auto;min-height:0;overflow:auto;padding:var(--spacing-lg);position:relative;z-index:5}.battle-page .enemy-side,.battle-page .player-side{grid-gap:var(--spacing-md);align-content:start;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);grid-template-rows:auto repeat(5,minmax(100px,1fr));max-width:100%;min-height:0}.battle-page .side-header{align-items:center;background:#00000080;border-left:3px solid #3b82f6;border-left:3px solid var(--player-color);border-radius:var(--radius-md);display:flex;flex-shrink:0;grid-column:1/3;grid-row:1;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.battle-page .player-side .formation-slot:first-child{grid-column:2;grid-row:2}.battle-page .player-side .formation-slot:nth-child(2){grid-column:2;grid-row:3}.battle-page .player-side .formation-slot:nth-child(3){grid-column:2;grid-row:4}.battle-page .player-side .formation-slot:nth-child(4){grid-column:2;grid-row:5}.battle-page .player-side .formation-slot:nth-child(5){grid-column:2;grid-row:6}.battle-page .player-side .formation-slot:nth-child(6){grid-column:1;grid-row:2}.battle-page .player-side .formation-slot:nth-child(7){grid-column:1;grid-row:3}.battle-page .player-side .formation-slot:nth-child(8){grid-column:1;grid-row:4}.battle-page .player-side .formation-slot:nth-child(9){grid-column:1;grid-row:5}.battle-page .player-side .formation-slot:nth-child(10){grid-column:1;grid-row:6}.battle-page .player-side .formation-slot .mech-card{transform-origin:center}.battle-page .enemy-side .formation-slot:first-child{grid-column:1;grid-row:2}.battle-page .enemy-side .formation-slot:nth-child(2){grid-column:1;grid-row:3}.battle-page .enemy-side .formation-slot:nth-child(3){grid-column:1;grid-row:4}.battle-page .enemy-side .formation-slot:nth-child(4){grid-column:1;grid-row:5}.battle-page .enemy-side .formation-slot:nth-child(5){grid-column:1;grid-row:6}.battle-page .enemy-side .formation-slot:nth-child(6){grid-column:2;grid-row:2}.battle-page .enemy-side .formation-slot:nth-child(7){grid-column:2;grid-row:3}.battle-page .enemy-side .formation-slot:nth-child(8){grid-column:2;grid-row:4}.battle-page .enemy-side .formation-slot:nth-child(9){grid-column:2;grid-row:5}.battle-page .enemy-side .formation-slot:nth-child(10){grid-column:2;grid-row:6}.battle-page .enemy-side .side-header{border-left:none;border-right:3px solid #ef4444;border-right:3px solid var(--enemy-color);justify-content:flex-end}.battle-page .side-title{font-size:.875rem;font-weight:700}.battle-page .player-side .side-title{color:#3b82f6;color:var(--player-color)}.battle-page .enemy-side .side-title{color:#ef4444;color:var(--enemy-color)}.battle-page .side-status{color:var(--battle-text-muted);font-size:.625rem}.battle-page .battlefield .mech-list,.battle-page .battlefield .mech-list.formation-grid{display:contents}.battle-page .battlefield .formation-slot{align-items:stretch;display:flex;justify-content:center;min-height:0}.battle-page .battlefield .formation-slot-empty{background:#0003;border:1px dashed #ffffff26;border-radius:var(--radius-md);min-height:60px;min-width:100%}.battle-page .battlefield-center{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-width:400px;min-width:300px;padding-top:var(--spacing-lg);position:relative}.battle-page .terrain-image-display{align-items:center;background:#00000080;border:1px solid var(--battle-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);max-width:250px;padding:var(--spacing-md);text-align:center}.battle-page .terrain-image-display .terrain-icon{font-size:4rem;line-height:1;margin-bottom:var(--spacing-xs)}.battle-page .terrain-image-display .terrain-name{color:var(--battle-text-primary);font-size:.875rem;font-weight:700;margin-bottom:var(--spacing-xs)}.battle-page .terrain-image-display .terrain-effects{color:var(--battle-text-muted);font-size:.625rem;line-height:1.4}.battle-page .battlefield-center .vs-indicator{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--battle-red) 0,var(--battle-amber) 100%);-webkit-background-clip:text;font-family:Orbitron,Exo\ 2,sans-serif;font-size:3rem;font-weight:900;margin-bottom:var(--spacing-lg)}.battle-page .battlefield-center .battle-intensity{margin-bottom:var(--spacing-lg);position:static;text-align:center}.battle-page .battlefield-center .intensity-meter{display:flex;gap:4px;justify-content:center}.battle-page .action-zone{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;min-height:100px;position:relative;width:100%}.battle-page .selected-target-info{background:#dc262633;border:2px solid var(--battle-red);border-radius:var(--radius-md);box-shadow:0 0 20px #dc26264d;color:var(--battle-text-primary);font-size:1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.battle-page .mech-combat-card{--card-accent:var(--player-color);background:linear-gradient(135deg,#141414f2,#0d0d0dfa);border:2px solid var(--battle-border);border-radius:var(--radius-lg);min-height:120px;overflow:visible;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-lg) var(--spacing-sm);position:relative;transition:all .3s ease;width:100%}.battle-page .player-side .mech-combat-card{min-height:0;padding:6px 8px 12px}.battle-page .player-side .mech-combat-card .card-header{margin-bottom:4px}.battle-page .player-side .mech-combat-card .mech-portrait{font-size:1rem;height:32px;width:32px}.battle-page .player-side .mech-combat-card .mech-name{font-size:.7rem}.battle-page .player-side .mech-combat-card .health-section{margin-bottom:4px}.battle-page .player-side .mech-combat-card .health-bar-container{height:14px}.battle-page .player-side .mech-combat-card .health-text{font-size:.65rem}.battle-page .player-side .mech-combat-card .heat-section{margin-bottom:4px}.battle-page .player-side .mech-combat-card .heat-bar-container{height:6px}.battle-page .player-side .mech-combat-card .combat-stats{gap:4px;margin-bottom:4px}.battle-page .player-side .mech-combat-card .combat-stat{padding:2px 4px}.battle-page .player-side .mech-combat-card .stat-value{font-size:.75rem}.battle-page .player-side .mech-combat-card .status-effects{margin-bottom:4px}.battle-page .player-side .mech-combat-card .weapons-section{padding-top:4px}.battle-page .player-side .mech-combat-card .weapon-slot{padding:4px 2px}.battle-page .player-side .mech-combat-card .weapon-icon{font-size:.875rem}.battle-page .player-side .mech-combat-card .weapon-name{font-size:.45rem}.battle-page .enemy-side .mech-combat-card{--card-accent:var(--enemy-color)}.battle-page .mech-combat-card:before{background:var(--card-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.battle-page .mech-combat-card:hover{border-color:var(--card-accent)}.battle-page .mech-combat-card.active-turn{border-color:var(--battle-amber);box-shadow:0 0 30px var(--battle-amber-glow)}.battle-page .mech-combat-card.targeted{border-color:var(--battle-danger);box-shadow:0 0 20px var(--enemy-glow)}.battle-page .mech-combat-card.destroyed{filter:grayscale(1);opacity:.5;pointer-events:none}.battle-page .mech-combat-card.overheating{animation:battle-overheat-warning 1s ease-in-out infinite}.battle-page .mech-combat-card .mech-info-btn.combat-card-info-btn{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);z-index:2}.battle-page .mech-combat-card .target-crosshair{align-items:center;background:#ef44441a;border-radius:var(--radius-lg);display:flex;inset:0;justify-content:center;position:absolute;z-index:1}.battle-page .mech-combat-card .crosshair-text{color:var(--battle-danger);font-size:1.25rem;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px #ef4444cc}.battle-page .mech-combat-card .card-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.battle-page .mech-combat-card .mech-portrait{align-items:center;background:linear-gradient(135deg,var(--card-accent) 0,#00000080 100%);border:2px solid var(--card-accent);border-radius:var(--radius-sm);display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.battle-page .mech-combat-card .mech-identity{flex:1 1;min-width:0}.battle-page .mech-combat-card .mech-name{font-size:.75rem;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-page .mech-combat-card .mech-meta{align-items:center;display:flex;gap:var(--spacing-xs)}.battle-page .mech-combat-card .class-badge{background:#ffffff1a;border-radius:4px;font-size:.5rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.battle-page .mech-combat-card .level-badge{background:#dc262633;border-radius:4px;color:var(--battle-red);font-size:.5rem;font-weight:600;padding:2px 6px}.battle-page .mech-combat-card .rarity-indicator{background:var(--battle-text-muted);border-radius:50%;height:8px;width:8px}.battle-page .mech-combat-card .rarity-indicator.legendary{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.battle-page .mech-combat-card .rarity-indicator.epic{background:#a855f7;box-shadow:0 0 8px #a855f7}.battle-page .mech-combat-card .health-section{margin-bottom:var(--spacing-md);position:relative;z-index:2}.battle-page .mech-combat-card .health-bar-container{background:#1e1e1ecc;border:1px solid #fff3;border-radius:var(--radius-sm);height:20px;overflow:hidden;position:relative}.battle-page .mech-combat-card .health-bar-fill{background:linear-gradient(90deg,var(--battle-success),#4ade80);border-radius:var(--radius-sm);height:100%;transition:width .5s ease-out}.battle-page .mech-combat-card .health-bar-fill.damaged{background:linear-gradient(90deg,var(--battle-warning),#fbbf24)}.battle-page .mech-combat-card .health-bar-fill.critical{background:linear-gradient(90deg,var(--battle-danger),#f87171)}.battle-page .mech-combat-card .health-text{align-items:center;display:flex;font-size:.75rem;font-weight:700;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 2px #000c}.battle-page .mech-combat-card .heat-section{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);position:relative;z-index:2}.battle-page .mech-combat-card .heat-label{color:var(--battle-text-muted);font-size:.625rem;text-transform:uppercase}.battle-page .mech-combat-card .heat-bar-container{background:#1e1e1ecc;border:1px solid #ffffff26;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.battle-page .mech-combat-card .heat-bar-fill{background:linear-gradient(90deg,#06b6d4,#22c55e);border-radius:4px;height:100%;transition:width .3s ease-out}.battle-page .mech-combat-card .heat-bar-fill.warm{background:linear-gradient(90deg,#22c55e,#f59e0b)}.battle-page .mech-combat-card .heat-bar-fill.hot{background:linear-gradient(90deg,#f59e0b,#ef4444)}.battle-page .mech-combat-card .heat-bar-fill.critical{background:linear-gradient(90deg,var(--color-brand-primary-bright),var(--color-brand-primary))}.battle-page .mech-combat-card .heat-value{font-size:.625rem;font-weight:600;min-width:35px;text-align:right}.battle-page .mech-combat-card .heat-value.warning{color:var(--battle-warning)}.battle-page .mech-combat-card .heat-value.danger{color:var(--battle-danger)}.battle-page .mech-combat-card .combat-stats{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-sm)}.battle-page .mech-combat-card .combat-stat{background:#0000004d;border-radius:var(--radius-sm);padding:var(--spacing-xs);text-align:center}.battle-page .mech-combat-card .stat-label{color:var(--battle-text-muted);font-size:.5rem;text-transform:uppercase}.battle-page .mech-combat-card .stat-value{font-size:.875rem;font-weight:700}.battle-page .mech-combat-card .status-effects{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.battle-page .mech-combat-card .status-effect{align-items:center;background:#00000080;border:1px solid var(--battle-border);border-radius:var(--radius-sm);display:flex;font-size:.625rem;gap:2px;padding:2px 6px}.battle-page .mech-combat-card .status-duration{font-weight:700}.battle-page .mech-combat-card .weapons-section{border-top:1px solid var(--battle-border);display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-sm)}.battle-page .mech-combat-card .weapon-slot{align-items:center;background:#0000004d;border:1px solid var(--battle-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-xs);position:relative}.battle-page .mech-combat-card .weapon-slot.selected{background:#f59e0b1a;border-color:var(--battle-amber)}.battle-page .mech-combat-card .weapon-slot.on-cooldown{cursor:not-allowed;opacity:.5}.battle-page .mech-combat-card .weapon-icon{font-size:1rem;margin-bottom:2px}.battle-page .mech-combat-card .weapon-name{color:var(--battle-text-muted);font-size:.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-page .mech-combat-card .weapon-cooldown{align-items:center;background:#000000b3;border-radius:var(--radius-sm);color:var(--battle-text-muted);display:flex;font-size:.75rem;font-weight:700;inset:0;justify-content:center;position:absolute}.battle-page .mech-combat-card .active-turn-badge{background:var(--battle-amber);border-radius:var(--radius-sm);color:#0a0a0a;font-size:.5rem;font-weight:700;padding:2px 8px;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.battle-page .mech-combat-card .destroyed-overlay{align-items:center;background:#00000080;border-radius:var(--radius-lg);display:flex;font-size:2rem;inset:0;justify-content:center;position:absolute}.battle-page .turn-order-mech{border-radius:var(--radius-md);flex-direction:column;font-size:1.25rem;height:48px;min-width:48px;position:relative;width:48px}.battle-page .turn-order-mech .turn-order-name{display:none}.battle-page .turn-order-mech .speed-badge{background:#000000e6;border-radius:4px;bottom:-8px;color:var(--battle-text-muted);font-size:.5rem;left:50%;padding:1px 4px;position:absolute;transform:translateX(-50%)}.battle-page .turn-order-mech .heat-indicator{background:#22c55e;background:var(--battle-success,#22c55e);border-radius:50%;height:8px;position:absolute;right:2px;top:2px;width:8px}.battle-page .turn-order-mech .heat-indicator.warm{background:#f59e0b;background:var(--battle-amber,#f59e0b)}.battle-page .turn-order-mech .heat-indicator.hot{animation:battle-pulse-dot .5s ease-in-out infinite;background:#ef4444;background:var(--battle-danger,#ef4444)}.battle-page .turn-order-mech .turn-indicator{animation:battle-turn-indicator-bounce 1s ease-in-out infinite;background:#000c;border-radius:var(--radius-sm);color:var(--battle-amber);font-size:.5rem;font-weight:700;left:50%;padding:2px 6px;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.battle-page .turn-order-mech .turn-order-indicators{position:absolute;right:2px;top:2px}.battle-page .battle-controls{background:linear-gradient(0deg,#000000f2,#000c);border-top:1px solid var(--battle-border);flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:10}.battle-page .controls-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.battle-page .turn-timer{align-items:center;display:flex;gap:var(--spacing-sm)}.battle-page .timer-circle-wrapper,.battle-page .turn-timer-circle-wrap{flex-shrink:0}.battle-page .timer-circle{align-items:center;background:conic-gradient(#f59e0b 100%,#141414 0);background:conic-gradient(var(--battle-amber,#f59e0b) var(--timer-progress,100%),var(--battle-bg-tertiary,#141414) 0);border-radius:50%;display:flex;height:48px;justify-content:center;position:relative;width:48px}.battle-page .timer-circle:before{background:#0a0a0a;background:var(--battle-bg-primary,#0a0a0a);border-radius:50%;content:"";inset:4px;position:absolute}.battle-page .timer-circle .timer-value{color:var(--battle-text-primary);font-family:Orbitron,Courier New,monospace;font-size:.875rem;font-weight:700;position:relative;z-index:1}.battle-page .timer-circle .timer-value.warning{animation:battle-timer-warning .5s ease-in-out infinite;color:#ef4444;color:var(--battle-danger,#ef4444)}@keyframes battle-timer-warning{0%,to{opacity:1}50%{opacity:.7}}.battle-page .timer-label{color:var(--battle-text-muted);font-size:.625rem}.battle-page .selected-action-preview{align-items:center;background:#00000080;border:1px solid var(--battle-border);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.battle-page .preview-label{color:var(--battle-text-muted);font-size:.75rem}.battle-page .preview-action{color:var(--battle-amber)}.battle-page .preview-action,.battle-page .preview-target{align-items:center;display:flex;font-weight:600;gap:var(--spacing-xs)}.battle-page .preview-target{color:var(--battle-danger)}.battle-page .preview-damage{color:var(--battle-text-secondary);font-size:.75rem}.battle-page .action-buttons-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(5,1fr);margin-bottom:var(--spacing-md)}.battle-page .battle-controls .action-btn{align-items:center;background:linear-gradient(135deg,#1e1e1ee6,#141414f2);border:2px solid var(--battle-border);border-radius:var(--radius-md);color:var(--battle-text-primary);cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s ease}.battle-page .battle-controls .action-btn:hover:not(:disabled){border-color:var(--battle-red);transform:translateY(-2px)}.battle-page .battle-controls .action-btn.selected{background:linear-gradient(135deg,#f59e0b33,#141414f2);border-color:var(--battle-amber);box-shadow:0 0 20px var(--battle-amber-glow)}.battle-page .battle-controls .action-btn:disabled{cursor:not-allowed;opacity:.4}.battle-page .battle-controls .action-btn.attack{--btn-color:#ef4444}.battle-page .battle-controls .action-btn.defend{--btn-color:#3b82f6}.battle-page .battle-controls .action-btn.move{--btn-color:#f59e0b}.battle-page .battle-controls .action-btn.special{--btn-color:#a855f7}.battle-page .battle-controls .action-btn.pass{--btn-color:#6b7280}.battle-page .battle-controls .action-icon{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.battle-page .battle-controls .action-label{font-size:.75rem;font-weight:600;text-transform:uppercase}.battle-page .battle-controls .action-cost{color:var(--battle-text-muted);font-size:.5rem;margin-top:2px}.battle-page .execute-section{display:flex;gap:var(--spacing-md)}.battle-page .execute-btn{align-items:center;background:linear-gradient(135deg,var(--battle-red) 0,var(--battle-red-dark) 100%);border:2px solid var(--battle-red);border-radius:var(--radius-md);box-shadow:0 0 20px var(--battle-red-glow);color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Orbitron,Exo\ 2,sans-serif;font-size:1.125rem;font-weight:700;gap:var(--spacing-sm);justify-content:center;letter-spacing:2px;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease}.battle-page .execute-btn:hover:not(:disabled){box-shadow:0 8px 30px var(--battle-red-glow);transform:translateY(-2px)}.battle-page .execute-btn:disabled{cursor:not-allowed;opacity:.6}.battle-page .hotkey-hint{color:#fff9;font-size:.625rem;margin-left:var(--spacing-sm)}.battle-page .result-overlay{align-items:center;background:#000000e6;display:flex;flex-direction:column;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .5s ease;z-index:var(--z-index-modal)}.battle-page .result-overlay.active{opacity:1;pointer-events:all}.battle-page .result-overlay .confetti-container{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.battle-page .result-overlay .confetti{animation:battle-confetti 3s ease-out forwards;border-radius:2px;position:absolute;top:-10px}.battle-page .result-overlay .result-title{animation:battle-victory-slam .8s ease-out;font-family:Orbitron,Exo\ 2,sans-serif;font-size:4rem;font-weight:900;margin-bottom:var(--spacing-lg)}.battle-page .result-overlay .result-title.victory{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24 50%,#f59e0b);-webkit-background-clip:text;background-clip:text}.battle-page .result-overlay .result-title.defeat{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b7280,#9ca3af 50%,#6b7280);-webkit-background-clip:text;background-clip:text}.battle-page .first-win-banner{animation:bpBadgePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);border-radius:6px;color:var(--color-text-on-badge);display:inline-block;font-size:.85rem;font-weight:800;letter-spacing:2px;margin-bottom:var(--spacing-md);padding:6px 20px;text-transform:uppercase}.battle-page .result-rewards{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg)}.battle-page .reward-card{background:var(--battle-bg-card);border:1px solid var(--battle-border);border-radius:var(--radius-lg);min-width:120px;padding:var(--spacing-lg);text-align:center}.battle-page .reward-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.battle-page .reward-value{color:var(--battle-amber);font-family:Orbitron,Exo\ 2,sans-serif;font-size:1.5rem;font-weight:700}.battle-page .reward-label{color:var(--battle-text-muted);font-size:.75rem}.battle-page .result-overlay .result-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.battle-page .result-btn{border-radius:var(--radius-md);cursor:pointer;font-family:Orbitron,Exo\ 2,sans-serif;font-weight:700;padding:var(--spacing-md) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease}.battle-page .result-btn.primary{background:linear-gradient(135deg,var(--battle-red) 0,var(--battle-red-dark) 100%);border:2px solid var(--battle-red);color:#fff}.battle-page .result-btn.secondary{background:#0000;border:2px solid var(--battle-border);color:var(--battle-text-secondary)}.battle-page .result-btn.secondary:hover{border-color:var(--battle-text-secondary);color:var(--battle-text-primary)}@media (max-width:1200px){.battle-page .battlefield{grid-template-columns:1fr;grid-template-rows:auto auto auto}.battle-page .battlefield-center{flex-direction:row;gap:var(--spacing-lg);order:-1}}@media (max-width:768px){.battle-page .battle-header{flex-direction:column;gap:var(--spacing-sm)}.battle-page .vs-display{flex-wrap:wrap;justify-content:center}.battle-page .action-buttons-grid{grid-template-columns:repeat(3,1fr)}}.battle-page.bp-v2 .modal-content,.battle-page.bp-v2 .modal-content.result-modal,.battle-page.bp-v2 .result-overlay .modal-content{background:linear-gradient(135deg,#0f0a0afa,#140c0cfa)!important;border:1px solid #b43c3c4d;color:#f5f5f5;color:var(--battle-text-primary,#f5f5f5)}.battle-page.bp-v2 .result-overlay{background:#000000eb!important}.battle-page.bp-v2 .reward-card{background:#140f0ff2!important;border:1px solid #b43c3c40;color:#f5f5f5;color:var(--battle-text-primary,#f5f5f5)}.battle-page.bp-v2 .result-btn.primary{background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border:2px solid #ef4444;color:#fff}.battle-page.bp-v2 .result-btn.secondary{background:#1e1e1ee6;border:2px solid #ffffff26;color:#a0a0a0;color:var(--battle-text-secondary,#a0a0a0)}.battle-page.bp-v2 .result-btn.secondary:hover{border-color:#ffffff4d;color:#f5f5f5}.main-display:has(.battle-page.bp-v2){display:flex;flex-direction:column;min-height:0;padding:0}.main-display:has(.battle-page.bp-v2) .battle-page.bp-v2{flex:1 1;min-height:0}.battle-page.bp-v2{grid-gap:0;display:grid!important;gap:0;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100%;margin:0;max-height:100%;overflow:hidden;padding:0;position:relative}.battle-page.bp-v2.screen-shake{animation:bpScreenShake .4s ease-in-out}@keyframes bpScreenShake{0%,to{transform:translate(0)}10%{transform:translate(-6px,-3px)}30%{transform:translate(5px,3px)}50%{transform:translate(-3px,5px)}70%{transform:translate(3px,-3px)}90%{transform:translate(-2px,2px)}}.battle-page.bp-v2.bp-urgent{animation:bpUrgentPulse 1s ease-in-out infinite;box-shadow:inset 0 0 40px #ef444426}@keyframes bpUrgentPulse{0%,to{box-shadow:inset 0 0 30px #ef44441a}50%{box-shadow:inset 0 0 60px #ef444440}}.battle-page.bp-v2>.bp-top-bar{grid-row:1}.battle-page.bp-v2>.bp-arena{grid-row:2}.battle-page.bp-v2>.bp-bottom-hud{grid-row:3}.bp-top-bar{background:linear-gradient(180deg,#000000f2,#0a0505e6);border-bottom:1px solid #b43c3c4d;gap:6px;height:44px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 10px;width:100%;z-index:20}.bp-top-bar,.bp-top-left{align-items:center;display:flex;flex-shrink:0}.bp-top-left{gap:8px}.bp-badge{background:#dc262633;border:1px solid #dc26264d;border-radius:4px;color:#f87171;font-size:.65rem;font-weight:700;letter-spacing:1px;padding:3px 10px;text-transform:uppercase}.bp-badge.pvp{background:#ef444440;border-color:#ef444466;color:#fca5a5}.bp-badge.pve{background:#f59e0b33;border-color:#f59e0b4d;color:#fbbf24}.bp-badge.auto{background:#3b82f633;border-color:#3b82f64d;color:#93c5fd}.bp-turn-num{background:#ffffff0d;border-radius:4px;color:#f5f5f5;color:var(--battle-text-primary,#f5f5f5);font-family:Orbitron,Courier New,monospace;font-size:.85rem;font-weight:700;padding:2px 8px}.bp-top-center{flex:1 1;gap:8px;justify-content:center;min-width:0;overflow:hidden}.bp-top-center,.bp-turn-strip{align-items:center;display:flex}.bp-turn-strip{gap:4px}.bp-turn-pip{align-items:center;border:2px solid #0000;border-radius:5px;cursor:default;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;position:relative;transition:all .3s ease;width:28px}.bp-turn-pip.player{background:#3b82f633;border-color:#3b82f680;color:#93c5fd}.bp-turn-pip.enemy{background:#ef444433;border-color:#ef444480;color:#fca5a5}.bp-turn-pip.current{animation:bpPipGlow 1.5s ease-in-out infinite;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b99;transform:scale(1.25);z-index:2}@keyframes bpPipGlow{0%,to{box-shadow:0 0 8px #f59e0b66}50%{box-shadow:0 0 20px #f59e0bcc}}.bp-turn-pip.dead{filter:grayscale(1);opacity:.3}.bp-pip-icon{font-size:.7rem}.bp-pip-arrow{border-bottom:5px solid #f59e0b;border-left:4px solid #0000;border-right:4px solid #0000;bottom:-6px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.bp-conn-status{border-radius:4px;font-size:.65rem;font-weight:600;padding:2px 8px}.bp-conn-status.reconnecting{background:#f59e0b33;color:#fbbf24}.bp-conn-status.timeout{background:#ef444433;color:#f87171}.bp-top-right{flex-shrink:0;gap:6px}.bp-env-badge,.bp-top-right{align-items:center;display:flex}.bp-env-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#a0a0a0;color:var(--battle-text-secondary,#a0a0a0);cursor:pointer;font-size:.6rem;font-weight:600;gap:4px;padding:3px 8px;transition:all .2s}.bp-env-badge:hover{background:#ffffff1a;border-color:#fff3}.bp-timer{align-items:center;display:flex}.bp-timer-text{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;color:#fbbf24;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;padding:2px 8px}.bp-icon-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#a0a0a0;color:var(--battle-text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s;width:32px}.bp-icon-btn:hover{background:#ffffff1a}.bp-icon-btn.active{background:#3b82f633;border-color:#3b82f666}.bp-icon-btn.danger:hover{background:#ef444433;border-color:#ef444466}.bp-auto-wrap{align-items:center;display:flex;flex-shrink:0;gap:4px}.bp-auto-strategy{background:#1e1e32cc;border:1px solid #a855f74d;border-radius:4px;color:#c4b5fd;cursor:pointer;font-size:.6rem;font-weight:600;height:34px;outline:none;padding:2px 6px;text-transform:uppercase}.bp-auto-strategy:focus{border-color:#a855f799}.bp-auto-strategy option{background:#1a1a2e;color:#c4b5fd}.bp-auto-btn{align-items:center;background:linear-gradient(135deg,#a855f733,#8b5cf626);border:2px solid #a855f766;border-radius:6px;color:#c4b5fd;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;gap:5px;height:34px;letter-spacing:1px;padding:4px 14px;text-transform:uppercase;transition:all .2s ease}.bp-auto-btn:hover{background:linear-gradient(135deg,#a855f759,#8b5cf640);border-color:#a855f7b3;box-shadow:0 0 15px #a855f74d;transform:translateY(-1px)}.bp-auto-btn.active{animation:bpAutoActive 1.5s ease-in-out infinite;background:linear-gradient(135deg,#22c55e4d,#16a34a33);border-color:#22c55e99;color:#86efac}@keyframes bpAutoActive{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 20px #22c55e80}}.bp-auto-icon{font-size:1rem;line-height:1}.bp-auto-label{font-size:.6rem}.bp-arena{display:flex;flex-direction:column;margin:0 auto;max-width:1600px;min-height:0;overflow:hidden;position:relative;width:100%;z-index:5}.bp-arena-auto-indicator{align-items:center;background:linear-gradient(90deg,#3b82f640,#3b82f626);border-bottom:1px solid #3b82f666;display:flex;flex-shrink:0;gap:10px;justify-content:center;padding:6px 12px;z-index:10}.bp-arena-auto-icon{font-size:1rem}.bp-arena-auto-text{color:#93c5fd;font-size:.7rem;font-weight:700;letter-spacing:1px}.bp-arena-auto-stop{background:#ef44444d;border:1px solid #ef444480;border-radius:4px;color:#fca5a5;cursor:pointer;font-size:.65rem;margin-left:8px;padding:2px 8px}.bp-arena-auto-stop:hover{background:#ef444480}.bp-arena-terrain-wrap{flex-shrink:0;margin:0 auto;max-width:400px;padding:4px 0;width:100%}.bp-arena-terrain-wrap .terrain-display-wrapper{height:100px;margin-bottom:0;max-height:100px;overflow:hidden}.bp-arena-terrain-wrap .terrain-canvas{height:100%;object-fit:cover;object-position:center center;width:100%}.bp-arena-grid{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:260px 1fr 260px;min-height:0;overflow:hidden}.bp-panel{background:linear-gradient(180deg,#0a0a0af2,#050505fa);border-right:1px solid #3b82f633;display:flex;flex-direction:column;overflow:hidden}.bp-enemy-panel{border-left:1px solid #ef444433;border-right:none}.bp-panel-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.bp-panel-title{font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.bp-panel-title.player{color:#60a5fa}.bp-panel-title.enemy{color:#f87171}.bp-panel-count{color:#707070;color:var(--battle-text-muted,#707070);font-size:.6rem;font-weight:600}.bp-mech-list{display:flex;flex:1 1;flex-direction:column;gap:3px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:4px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.bp-mech-list::-webkit-scrollbar{width:3px}.bp-mech-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.bp-mech-unit{align-items:center;background:#141419cc;border:1px solid #ffffff0f;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;gap:6px;min-height:52px;padding:4px 6px;position:relative;transition:all .2s ease}.bp-mech-unit:hover{background:#1e1e28e6;border-color:#3b82f64d}.bp-mech-unit.enemy:hover{border-color:#ef44444d}.bp-mech-unit.selected{background:#3b82f614;border-color:#3b82f699;box-shadow:0 0 12px #3b82f633}.bp-mech-unit.active{animation:bpMechActive 1.5s ease-in-out infinite;border-color:#f59e0b99}@keyframes bpMechActive{0%,to{box-shadow:0 0 8px #f59e0b4d}50%{box-shadow:0 0 18px #f59e0b99}}.bp-mech-unit.targeted{background:#ef44441a;border-color:#ef4444b3;box-shadow:0 0 15px #ef44444d}.bp-mech-unit.targetable{border-color:#ef44444d}.bp-mech-unit.targetable:hover{background:#ef44441f;border-color:#ef4444b3;box-shadow:0 0 20px #ef44444d;transform:scale(1.02)}.bp-mech-unit.destroyed{filter:grayscale(.7);opacity:.4}.bp-mech-unit.overheated{animation:bpOverheat 1s ease-in-out infinite;border-color:#ff640080}@keyframes bpOverheat{0%,to{box-shadow:0 0 5px #ff640033}50%{box-shadow:0 0 15px #ff640080}}.bp-mech-sprite-wrap{align-items:center;display:flex;flex-shrink:0;height:52px;justify-content:center;width:40px}.bp-mech-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.bp-mech-name{color:#f5f5f5;color:var(--battle-text-primary,#f5f5f5);font-size:.65rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-hp-bar{background:#1e1e1ecc;border:1px solid #ffffff14;border-radius:3px;height:7px;overflow:hidden}.bp-hp-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;height:100%;transition:width .5s ease-out}.bp-hp-fill.damaged{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.bp-hp-fill.critical{animation:bpCriticalPulse 1s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#f87171)}@keyframes bpCriticalPulse{0%,to{opacity:1}50%{opacity:.6}}.bp-heat-bar{background:#1e1e1e99;border-radius:2px;height:4px;overflow:hidden}.bp-heat-fill{background:linear-gradient(90deg,#06b6d4,#22c55e);border-radius:2px;height:100%;transition:width .3s ease-out}.bp-heat-fill.hot{background:linear-gradient(90deg,#f59e0b,#ef4444)}.bp-heat-fill.critical{background:linear-gradient(90deg,var(--color-brand-primary-bright),var(--color-brand-primary))}.bp-status-icons{display:flex;gap:3px}.bp-status-pip{align-items:center;border-radius:3px;display:flex;font-size:.5rem;font-weight:700;height:16px;justify-content:center;width:16px}.bp-status-pip.buff{background:#22c55e4d;border:1px solid #22c55e66;color:#4ade80}.bp-status-pip.debuff{background:#ef44444d;border:1px solid #ef444466;color:#f87171}.bp-turn-badge{animation:bpBadgePulse 1s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:3px;color:var(--color-text-on-badge);font-size:.5rem;font-weight:800;letter-spacing:.5px;padding:1px 6px;position:absolute;right:4px;text-transform:uppercase;top:-4px;z-index:2}@keyframes bpBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bp-target-badge{background:linear-gradient(135deg,#ef4444,#dc2626);font-size:.5rem;font-weight:800;right:4px;text-transform:uppercase;top:-4px}.bp-target-badge,.bp-targetable-hint{border-radius:3px;color:#fff;padding:1px 6px;position:absolute;z-index:2}.bp-targetable-hint{background:#ef4444cc;bottom:-2px;font-size:.45rem;font-weight:700;left:50%;opacity:0;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.bp-mech-unit.targetable:hover .bp-targetable-hint{opacity:1}.bp-destroyed-badge{align-items:center;background:#0006;border-radius:8px;color:#fff6;display:flex;font-size:.65rem;font-weight:800;inset:0;justify-content:center;letter-spacing:2px;position:absolute}.bp-wound-badge{align-items:center;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:3px;color:#fbbf24;display:flex;font-size:.5rem;font-weight:700;gap:3px;line-height:1;margin-top:2px;padding:1px 4px}.bp-wound-icon{background:currentColor;display:inline-block;height:8px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0 0 14h16L8 0zm0 4 5 9H3l5-9zm-.5 3v3h1V7h-1zm0 4v1h1v-1h-1z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0 0 14h16L8 0zm0 4 5 9H3l5-9zm-.5 3v3h1V7h-1zm0 4v1h1v-1h-1z'/%3E%3C/svg%3E") center/contain no-repeat;width:8px}@media (prefers-reduced-motion:reduce){.bp-wound-badge{animation:none}}.bp-combat-zone{background:radial-gradient(ellipse at center,#b4282814 0,#0000 60%),linear-gradient(180deg,#0a0a0ae6,#050505f2);flex-direction:column;overflow:hidden;position:relative}.bp-combat-stage,.bp-combat-zone{align-items:center;display:flex;justify-content:center}.bp-combat-stage{flex:1 1;gap:16px;min-height:0;padding:12px;width:100%}.bp-stage-left,.bp-stage-right{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:120px}.bp-stage-name{font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.bp-stage-name.player{color:#60a5fa}.bp-stage-name.enemy{color:#f87171}.bp-stage-center{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;max-width:250px;min-width:150px;text-align:center}.bp-action-prompt{align-items:center;animation:bpPromptPulse 2s ease-in-out infinite;background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;color:#93c5fd;display:flex;font-size:.8rem;font-weight:600;gap:8px;padding:8px 16px}@keyframes bpPromptPulse{0%,to{opacity:.8}50%{opacity:1}}.bp-action-prompt.attacking{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.bp-action-prompt.overheat{background:#ff640026;border-color:#ff64004d;color:#fb923c}.bp-action-prompt.error{background:#ef444433;border-color:#ef444466;color:#f87171}.bp-prompt-icon{font-size:1.2rem}.bp-enemy-acting{text-align:center}.bp-enemy-acting-text{animation:bpEnemyPulse 1s ease-in-out infinite;color:#f87171;font-family:Orbitron,Exo\ 2,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:4px;text-shadow:0 0 20px #ef444480}@keyframes bpEnemyPulse{0%,to{opacity:.7}50%{opacity:1}}.bp-enemy-acting-sub{color:#707070;color:var(--battle-text-muted,#707070);font-size:.75rem;margin-top:4px}.bp-auto-badge{animation:bpAutoPulse 2s ease-in-out infinite;color:#93c5fd;font-family:Orbitron,Exo\ 2,sans-serif;font-size:1rem;letter-spacing:3px}@keyframes bpAutoPulse{0%,to{opacity:.5}50%{opacity:1}}.bp-move-grid-panel{background:#0f172af2;border:1px solid #f59e0b4d;border-radius:8px;min-width:260px;padding:10px}.bp-move-grid-header{align-items:center;color:#fbbf24;display:flex;font-size:.8rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.bp-move-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 4px}.bp-move-close:hover{color:#f87171}.bp-move-grid{display:flex;flex-direction:column;gap:4px}.bp-move-row{align-items:center;display:flex;gap:4px}.bp-move-row-label{color:#64748b;flex-shrink:0;padding-right:4px;text-align:right;text-transform:uppercase}.bp-move-cell,.bp-move-row-label{font-size:.65rem;font-weight:700;width:38px}.bp-move-cell{align-items:center;background:#1e293b99;border:1px solid #64748b4d;border-radius:5px;color:#475569;cursor:default;display:flex;height:34px;justify-content:center;transition:all .15s}.bp-move-cell.current{background:#3b82f64d;border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d;color:#93c5fd}.bp-move-cell.occupied{background:#64748b33;border-color:#64748b66;color:#94a3b8}.bp-move-cell.available{animation:bpMoveSlotPulse 2s ease-in-out infinite;background:#f59e0b14;border-color:#f59e0b4d;color:#fbbf24;cursor:pointer}.bp-move-cell.available:hover{background:#f59e0b40;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d;transform:scale(1.08)}.bp-move-cell.selected{background:#f59e0b59;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66;color:#fff}@keyframes bpMoveSlotPulse{0%,to{border-color:#f59e0b4d}50%{border-color:#f59e0b99}}.bp-move-legend{color:#64748b;display:flex;font-size:.6rem;gap:12px;margin-top:8px}.bp-move-legend-item{align-items:center;display:flex;gap:4px}.bp-ml-swatch{border-radius:3px;display:inline-block;height:10px;width:10px}.bp-ml-swatch.current{background:#3b82f680;border:1px solid #3b82f6}.bp-ml-swatch.occupied{background:#64748b66;border:1px solid #64748b}.bp-ml-swatch.available{background:#f59e0b33;border:1px solid #f59e0b}@media (prefers-reduced-motion:reduce){.bp-move-cell.available{animation:none}}.bp-intensity{display:flex;flex-shrink:0;gap:3px;padding:8px}.bp-intensity-pip{background:#ffffff14;border-radius:3px;height:6px;transition:all .3s;width:24px}.bp-intensity-pip.active{background:linear-gradient(90deg,var(--color-brand-primary),var(--rarity-legendary));box-shadow:0 0 6px #dc262666}.bp-zone-timer{margin-bottom:8px}.bp-zone-timer,.bp-zone-timer-circle{align-items:center;display:flex;justify-content:center}.bp-zone-timer-circle{background:#0009;border:3px solid #f59e0b80;border-radius:50%;box-shadow:0 0 15px #f59e0b33;height:56px;width:56px}.bp-zone-timer-text{color:#fbbf24;font-family:Orbitron,Courier New,monospace;font-size:1rem;font-weight:700}.bp-zone-timer-text.warning{animation:bpTimerWarn .5s ease-in-out infinite;color:#ef4444}@keyframes bpTimerWarn{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.bp-zone-timer .timer-circle,.bp-zone-timer .timer-circle-wrapper,.bp-zone-timer .turn-timer-circle-wrap{transform:scale(1.2)}.bp-combat-fx{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:15}.bp-fx-projectile{animation:bpProjectileFly .5s ease-in forwards;background:linear-gradient(90deg,#0000,#f59e0b,#ef4444);border-radius:3px;box-shadow:0 0 12px #ef4444cc,0 0 24px #f59e0b80;height:6px;width:20px}.bp-fx-projectile.crit{animation:bpProjectileFly .4s ease-in forwards;background:linear-gradient(90deg,#0000,#fbbf24,#ef4444,#dc2626);box-shadow:0 0 20px #ef4444,0 0 40px #f59e0bcc;height:10px;width:30px}.bp-fx-energy .bp-fx-projectile{background:linear-gradient(90deg,#0000,#06b6d4,#3b82f6);box-shadow:0 0 15px #3b82f6cc,0 0 30px #06b6d480}@keyframes bpProjectileFly{0%{opacity:0;transform:translateX(-120px) scaleX(.5)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateX(120px) scaleX(1.5)}}.bp-fx-flash{animation:bpFlash .3s ease-out forwards;background:radial-gradient(circle at 60% 50%,#fff9 0,#0000 60%)}@keyframes bpFlash{0%{opacity:1}to{opacity:0}}.bp-fx-explosion{animation:bpExplosion .8s ease-out forwards;background:radial-gradient(circle,#ffc832e6 0,#ef4444b3 40%,#dc262666 70%,#0000 100%);border-radius:50%;box-shadow:0 0 40px #ef4444cc,0 0 80px #f59e0b80;height:100px;width:100px}@keyframes bpExplosion{0%{opacity:1;transform:scale(.2)}30%{opacity:.9;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}.bp-fx-shield{animation:bpShieldAppear .8s ease-out forwards;background:radial-gradient(circle,#3b82f626 0,#3b82f60d 100%);border:3px solid #3b82f6b3;border-radius:50%;box-shadow:0 0 20px #3b82f680,inset 0 0 15px #3b82f64d;height:80px;margin-right:40%;width:80px}@keyframes bpShieldAppear{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.1)}70%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.bp-fx-special{animation:bpSpecialPulse 1.2s ease-out forwards;background:radial-gradient(circle,#a855f766 0,#8b5cf633 50%,#0000 70%);border-radius:50%;box-shadow:0 0 30px #a855f799,0 0 60px #8b5cf64d;height:120px;width:120px}@keyframes bpSpecialPulse{0%{opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(.8)}50%{opacity:.8;transform:scale(1.3)}80%{opacity:.3;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.bp-bottom-hud{background:linear-gradient(0deg,#000000fa,#0a0505f2);border-top:1px solid #b43c3c4d;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:20}.bp-action-bar{align-items:center;display:flex;gap:6px;justify-content:center;padding:8px 12px}.bp-action-bar.waiting{justify-content:center;padding:12px}.bp-waiting-text{color:#707070;color:var(--battle-text-muted,#707070);font-size:.85rem;font-weight:600;letter-spacing:1px}.bp-action-btn{align-items:center;background:linear-gradient(135deg,#19191ef2,#0f0f14fa);border:2px solid #ffffff14;border-radius:8px;color:#f5f5f5;color:var(--battle-text-primary,#f5f5f5);cursor:pointer;display:flex;flex-direction:column;gap:2px;height:64px;justify-content:center;position:relative;transition:all .2s ease;width:80px}.bp-action-btn:hover:not(:disabled){border-color:#fff3;border-color:var(--btn-color,#fff3);box-shadow:0 4px 16px #0006,0 0 15px #0000;box-shadow:0 4px 16px #0006,0 0 15px var(--btn-glow,#0000)}.bp-action-btn.selected{background:linear-gradient(135deg,#f59e0b26,#0f0f14fa);border-color:#f59e0b;box-shadow:0 0 20px #f59e0b4d}.bp-action-btn:disabled{cursor:not-allowed;opacity:.35}.bp-action-btn.attack{--btn-color:#ef4444;--btn-glow:#ef44444d}.bp-action-btn.defend{--btn-color:#3b82f6;--btn-glow:#3b82f64d}.bp-action-btn.move{--btn-color:#f59e0b;--btn-glow:#f59e0b4d}.bp-action-btn.special{--btn-color:#a855f7;--btn-glow:#a855f74d}.bp-action-btn.pass{--btn-color:#6b7280;--btn-glow:#6b728033}.bp-action-icon{font-size:1.4rem}.bp-action-label{font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bp-action-hotkey{background:#ffffff0d;border-radius:2px;color:#ffffff40;font-size:.5rem;font-weight:700;padding:0 4px;position:absolute;right:5px;top:3px}.bp-execute-btn{background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border:2px solid #ef4444;border-radius:8px;box-shadow:0 0 15px #dc262666;color:#fff;cursor:pointer;font-family:Orbitron,Exo\ 2,sans-serif;font-size:.8rem;font-weight:700;height:64px;letter-spacing:2px;padding:8px 20px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.bp-execute-btn:hover:not(:disabled){box-shadow:0 6px 25px #dc262699;transform:translateY(-3px)}.bp-execute-btn:disabled{cursor:not-allowed;opacity:.5}.bp-log-ticker{align-items:center;background:#00000080;border-top:1px solid #ffffff0a;cursor:pointer;display:flex;gap:8px;overflow:hidden;padding:6px 12px;transition:background .2s}.bp-log-ticker:hover{background:#000000b3}.bp-log-icon{flex-shrink:0;font-size:.75rem}.bp-log-text{color:#a0a0a0;color:var(--battle-text-secondary,#a0a0a0);flex:1 1;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-log-expand{color:#707070;color:var(--battle-text-muted,#707070);flex-shrink:0;font-size:.6rem}.bp-log-overlay{animation:bpLogSlideUp .2s ease-out;background:#050505f7;border:1px solid #ffffff14;border-bottom:none;border-radius:8px 8px 0 0;bottom:100%;left:0;max-height:100px;overflow-y:auto;padding:6px 8px;position:absolute;right:0;z-index:30}@keyframes bpLogSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bp-log-entry{align-items:flex-start;background:#3b82f60d;border-left:3px solid #3b82f699;border-radius:4px;display:flex;font-size:.7rem;gap:6px;margin-bottom:2px;padding:4px 6px}.bp-log-entry.ai-action,.bp-log-entry.enemy-action{background:#ef44440d;border-left-color:#ef444499}.bp-log-entry.critical{background:#f59e0b14;border-left-color:#f59e0bcc}.bp-log-entry.destroyed{background:#dc262614;border-left-color:#dc2626cc}.bp-log-turn{color:#707070;color:var(--battle-text-muted,#707070);flex-shrink:0;font-size:.6rem;font-weight:700}.bp-log-msg{color:#a0a0a0;color:var(--battle-text-secondary,#a0a0a0);line-height:1.3}.bp-log-empty{color:#707070;color:var(--battle-text-muted,#707070);font-size:.7rem;padding:12px;text-align:center}.bp-status-overlay{display:flex;flex-direction:column;gap:4px;left:50%;pointer-events:none;position:absolute;top:56px;transform:translateX(-50%);z-index:50}.bp-status-pill{animation:bpPillFade .3s ease-out;border-radius:20px;font-size:.7rem;font-weight:600;padding:4px 12px;text-align:center;white-space:nowrap}@keyframes bpPillFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bp-status-pill.reconnecting{background:#f59e0be6;color:var(--color-text-on-badge)}.bp-status-pill.success{background:#22c55ee6;color:var(--color-text-on-badge)}.bp-status-pill.warning{background:#f59e0be6;color:var(--color-text-on-badge)}.bp-status-pill.urgent{animation:bpPillFade .3s ease-out,bpUrgentBlink .6s ease-in-out infinite;background:#ef4444e6;color:#fff}.bp-status-pill.timeout{background:#ef4444cc;color:#fff}.bp-status-pill.rate-limited{background:#6b7280cc;color:#fff}@keyframes bpUrgentBlink{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1100px){.bp-arena-grid{grid-template-columns:200px 1fr 200px}.bp-mech-sprite-wrap{height:52px;width:36px}.bp-action-btn{height:56px;width:64px}.bp-action-icon{font-size:1.1rem}}@media (max-width:768px){.bp-arena-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.bp-panel{border:none;border-bottom:1px solid #ffffff0d}.bp-enemy-panel{border-left:none;order:3}.bp-combat-zone{min-height:180px;order:2}.bp-player-panel{order:1}.bp-mech-list{flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;padding:6px}.bp-mech-unit{flex-direction:column;min-height:auto;min-width:90px;padding:6px;text-align:center}.bp-action-bar{flex-wrap:wrap}.bp-action-btn{height:50px;width:60px}.bp-top-bar{flex-wrap:wrap;height:auto;padding:6px 8px}.bp-turn-strip{gap:2px}.bp-turn-pip{font-size:.65rem;height:24px;width:24px}}.battle-starfield{overflow:hidden}.battle-starfield,.bp-particle-overlay{inset:0;pointer-events:none;position:fixed;z-index:0}.bp-particle-overlay{opacity:.35}.battle-star{animation:batStarTwinkle 3s ease-in-out infinite alternate;background:#fff;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes batStarTwinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}.battle-skeleton{animation:batSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1e293b80 25%,#33415580 50%,#1e293b80 75%)}.battle-skeleton-header{margin:0 auto 16px;width:60%}.battle-skeleton-controls{height:120px;margin-bottom:12px;width:100%}.battle-skeleton-field{height:300px;margin-bottom:12px;width:100%}.battle-skeleton-log{height:80px;margin-bottom:8px;width:100%}.battle-skeleton-actions{height:60px;margin:0 auto;width:80%}@keyframes batSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.battle-star{opacity:.4}.battle-skeleton,.battle-star{animation:none}}.bp-mech-unit{animation:bp-mech-enter .4s ease-out both;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bp-mech-unit:first-child{animation-delay:0s}.bp-mech-unit:nth-child(2){animation-delay:.08s}.bp-mech-unit:nth-child(3){animation-delay:.16s}.bp-mech-unit:nth-child(4){animation-delay:.24s}.bp-mech-unit:nth-child(5){animation-delay:.32s}.bp-mech-unit:nth-child(6){animation-delay:.4s}@keyframes bp-mech-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bp-mech-unit.destroyed{animation:bp-mech-shatter .8s ease-out forwards!important;pointer-events:none}@keyframes bp-mech-shatter{0%{filter:brightness(1);opacity:1;transform:scale(1)}20%{filter:brightness(2) saturate(0)}40%{filter:brightness(1.5) saturate(0);transform:scale(1.05)}to{filter:brightness(.5) saturate(0) grayscale(1);opacity:.3;transform:scale(.9) translateY(4px)}}.bp-action-btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.bp-action-btn:hover:not(:disabled){box-shadow:0 6px 20px #00c8ff40;transform:translateY(-3px)}.bp-action-btn:active:not(:disabled){box-shadow:0 1px 4px #00c8ff26;transform:translateY(1px) scale(.97);transition-duration:.05s}.bp-action-btn.selected{box-shadow:0 0 15px #00c8ff66,inset 0 0 8px #00c8ff1a}.bp-action-btn.disabled-reason:disabled{position:relative}.bp-action-reason{animation:bp-reason-pulse 1.5s ease-in-out infinite;color:#ff6b6b;display:block;font-size:.6rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}@keyframes bp-reason-pulse{0%,to{opacity:.7}50%{opacity:1}}.bp-execute-btn{animation:bp-execute-glow 1.5s ease-in-out infinite;transition:transform .15s ease,box-shadow .15s ease}.bp-execute-btn:hover:not(:disabled){transform:scale(1.05)}.bp-execute-btn:active:not(:disabled){transform:scale(.98)}@keyframes bp-execute-glow{0%,to{box-shadow:0 0 8px #00ff804d}50%{box-shadow:0 0 20px #00ff8099,0 0 40px #00ff8033}}.bp-dmg-estimate{color:#ffdc64e6;display:block;font-size:.65rem;font-weight:600;margin-top:2px}.combo-counter{animation:bp-combo-enter .5s cubic-bezier(.34,1.56,.64,1) both}.combo-number{-webkit-text-fill-color:#0000;animation:bp-combo-gradient 1s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,gold,#ff6b35);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:2.5rem;font-weight:900;text-shadow:none}@keyframes bp-combo-enter{0%{opacity:0;transform:scale(.3) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes bp-combo-gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.bp-victory-overlay{align-items:center;animation:bp-victory-in .6s ease-out;background:radial-gradient(ellipse at center,#0009,#000000e6);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}@keyframes bp-victory-in{0%{opacity:0}to{opacity:1}}.bp-v2.screen-shake{animation:bp-screen-shake .4s ease-out}@keyframes bp-screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(-3px,3px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px,2px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.bp-mech-unit.hit-flash{animation:bp-hit-flash .3s ease-out}@keyframes bp-hit-flash{0%{filter:brightness(1)}30%{box-shadow:0 0 30px #ff6432cc;filter:brightness(3) saturate(.5)}to{filter:brightness(1)}}.bp-fx-flash{animation:bp-crit-flash .5s ease-out forwards;background:radial-gradient(circle,#ffc832cc,#0000 70%);inset:0;pointer-events:none;position:absolute}@keyframes bp-crit-flash{0%{opacity:1;transform:scale(.5)}50%{opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.bp-turn-badge{animation:bp-turn-pulse 1.2s ease-in-out infinite}@keyframes bp-turn-pulse{0%,to{box-shadow:0 0 5px #00c8ff4d;transform:scale(1)}50%{box-shadow:0 0 15px #00c8ff99,0 0 30px #00c8ff33;transform:scale(1.05)}}.bp-enemy-acting-spinner{animation:bp-enemy-spin .8s linear infinite;border:3px solid #ff505033;border-radius:50%;border-top-color:#ff5050;height:24px;margin:0 auto 8px;width:24px}@keyframes bp-enemy-spin{to{transform:rotate(1turn)}}.bp-enemy-acting{animation:bp-enemy-pulse 2s ease-in-out infinite}@keyframes bp-enemy-pulse{0%,to{opacity:.8}50%{opacity:1}}.bp-enemy-timer{margin-top:8px}.bp-formation-bonus{align-items:center;animation:bp-fb-enter .3s ease-out;border-radius:4px;display:flex;font-size:.7rem;font-weight:600;gap:6px;margin-top:4px;padding:4px 10px}.bp-formation-bonus.front{background:#ff643226;border:1px solid #ff64324d;color:#ff9060}.bp-formation-bonus.back{background:#3296ff26;border:1px solid #3296ff4d;color:#60aaff}.bp-fb-label{letter-spacing:.5px;text-transform:uppercase}.bp-fb-stat{opacity:.8}@keyframes bp-fb-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.bp-bar-label{color:#ffffffe6;font-size:.55rem;font-weight:700;pointer-events:none;position:absolute;right:3px;text-shadow:0 1px 2px #000c;top:50%;transform:translateY(-50%);z-index:1}.bp-heat-bar,.bp-hp-bar{position:relative}.bp-status-pill.success{background:linear-gradient(135deg,#00c86433,#00ff801a);border:1px solid #00c86466;color:#00ff80}.bp-status-pill.urgent{animation:bp-urgent-pulse .8s ease-in-out infinite;background:linear-gradient(135deg,#ff503233,#ff32321a);border:1px solid #ff503266;color:#ff6040}@keyframes bp-urgent-pulse{0%,to{box-shadow:0 0 5px #ff50324d}50%{box-shadow:0 0 20px #ff503299}}.bp-log-entry.critical{border-left:2px solid gold;color:gold;text-shadow:0 0 8px #ffd70066}.bp-log-entry.destroyed{border-left:2px solid #f44;color:#f44;text-shadow:0 0 8px #f446}.bp-log-entry.player-action{border-left:2px solid #00c8ff80}.bp-log-entry.enemy-action{border-left:2px solid #ff505080}.bp-log-entry.component-destroyed{animation:bp-component-destroyed .5s ease-out;color:#f80}@keyframes bp-component-destroyed{0%{background:#ff88004d}to{background:#0000}}.bp-log-entry.overheat{color:#f60;text-shadow:0 0 6px #ff66004d}.bp-mech-unit.targetable{animation:bp-targetable-pulse 1.5s ease-in-out infinite;cursor:crosshair}@keyframes bp-targetable-pulse{0%,to{border-color:#ff50504d;box-shadow:0 0 5px #ff505033}50%{border-color:#ff505099;box-shadow:0 0 15px #ff505080}}.bp-targetable-hint{animation:bp-hint-fade 1.5s ease-in-out infinite;color:#ff5050cc;font-size:.6rem;letter-spacing:.5px;text-transform:uppercase}@keyframes bp-hint-fade{0%,to{opacity:.5}50%{opacity:1}}.bp-rl-timer{font-size:.8em;opacity:.8}.bp-rl-ready{color:#00ff80;font-weight:600}.bp-mech-unit.overheated{animation:bp-overheat-glow 1s ease-in-out infinite!important}@keyframes bp-overheat-glow{0%,to{box-shadow:0 0 5px #ff64004d}50%{box-shadow:0 0 20px #ff640099,inset 0 0 10px #ff32001a}}.bp-v2.bp-urgent{animation:bp-urgent-border 1s ease-in-out infinite}@keyframes bp-urgent-border{0%,to{box-shadow:inset 0 0 20px #ff50320d}50%{box-shadow:inset 0 0 40px #ff503226}}.bp-arena-auto-indicator{animation:bp-auto-slide .3s ease-out}@keyframes bp-auto-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bp-auto-badge{animation:bp-auto-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00c8ff26,#0096ff1a);border:1px solid #00c8ff4d;border-radius:8px;color:#00c8ff;font-weight:700;letter-spacing:1px;padding:8px 16px}@keyframes bp-auto-pulse{0%,to{box-shadow:0 0 10px #00c8ff33}50%{box-shadow:0 0 25px #00c8ff66}}.battle-skeleton{animation:bp-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1e283c80 25%,#32415a80 50%,#1e283c80 75%);background-size:200% 100%;border-radius:8px}@keyframes bp-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.battle-skeleton-header{height:48px;margin:12px}.battle-skeleton-controls{height:36px;margin:8px 12px;width:60%}.battle-skeleton-field{height:200px;margin:12px}.battle-skeleton-log{height:60px;margin:8px 12px}.battle-skeleton-actions{height:56px;margin:12px}@media (max-width:480px){.bp-arena-grid{gap:8px;grid-template-columns:1fr!important}.bp-combat-zone{min-height:120px;order:-1}.bp-panel{max-height:200px;overflow-y:auto}.bp-mech-unit{gap:6px;padding:6px}.bp-mech-name{font-size:.75rem}.bp-action-bar{flex-wrap:wrap;gap:4px}.bp-action-btn{font-size:.65rem;min-width:50px;padding:6px 8px}.bp-action-hotkey{display:none}.bp-top-bar{flex-wrap:wrap;gap:4px;padding:4px 8px}.bp-turn-strip{display:none}.bp-log-overlay{max-height:150px}.bp-heat-bar,.bp-hp-bar{height:6px}.bp-bar-label{font-size:.45rem}.bp-stage-left,.bp-stage-right{display:none}.combo-counter{transform:scale(.7)}}@media (max-width:768px){.bp-arena-grid{gap:8px;grid-template-columns:1fr 1.5fr 1fr}.bp-panel{max-height:350px;overflow-y:auto}.bp-top-bar{padding:6px 10px}.bp-env-badge{font-size:.7rem;padding:2px 6px}.bp-action-btn{padding:8px 10px}.bp-action-hotkey{font-size:.55rem}}@media (min-width:1920px){.bp-v2{margin:0 auto;max-width:1800px}.bp-arena-grid{gap:24px}.bp-mech-unit{padding:12px}.bp-action-btn{font-size:.95rem;padding:14px 20px}.bp-combat-stage{min-height:300px}}@media (min-width:2560px){.bp-v2{max-width:2200px}.bp-arena-grid{gap:32px;grid-template-columns:1fr 2fr 1fr}.bp-mech-unit{font-size:1.05rem}.bp-combat-stage{min-height:400px}}@media (prefers-reduced-motion:reduce){.battle-skeleton,.battle-star,.bp-action-btn,.bp-action-reason,.bp-arena-auto-indicator,.bp-auto-badge,.bp-enemy-acting,.bp-enemy-acting-spinner,.bp-execute-btn,.bp-formation-bonus,.bp-fx-explosion,.bp-fx-flash,.bp-fx-projectile,.bp-fx-shield,.bp-fx-special,.bp-log-entry.component-destroyed,.bp-mech-unit,.bp-mech-unit.destroyed,.bp-mech-unit.hit-flash,.bp-mech-unit.overheated,.bp-mech-unit.targetable,.bp-status-pill.urgent,.bp-targetable-hint,.bp-turn-badge,.bp-v2.bp-urgent,.bp-v2.screen-shake,.combo-counter,.combo-number{animation:none!important;transition:none!important}.bp-mech-unit{opacity:1;transform:none}.bp-mech-unit.destroyed{filter:grayscale(1);opacity:.4}.bp-action-btn:hover:not(:disabled),.bp-execute-btn:hover:not(:disabled){transform:none}.bp-enemy-acting-spinner{animation:none!important;border-top-color:#ff5050}}.battle-results-page{align-items:flex-start;background:#0a0e1a;background:var(--bg-primary,#0a0e1a);background-image:radial-gradient(ellipse at top,#3b82f61a 0,#0000 50%),radial-gradient(ellipse at bottom,#8b5cf61a 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--spacing-lg,24px)}.battle-results-page.error,.battle-results-page.loading,.battle-results-page.not-found{align-items:center;text-align:center}.loading-spinner{color:var(--color-text-secondary);font-size:1.2rem}.results-container{background:#141e32e6;border:1px solid #6496ff4d;border-radius:12px;border-radius:var(--border-radius-lg,12px);max-width:800px;overflow:hidden;width:100%}.result-banner{padding:32px;padding:var(--spacing-xl,32px)}.result-banner.victory{background:linear-gradient(135deg,#10b9814d,#3b82f64d);border-bottom:2px solid #10b981}.result-banner.defeat{background:linear-gradient(135deg,#ef44444d,#8b5cf64d);border-bottom:2px solid #ef4444}.result-banner h1{font-size:2.5rem;margin:0 0 8px;text-shadow:0 2px 10px #00000080}.result-banner.victory h1{color:var(--color-success)}.result-banner.defeat h1{color:var(--color-danger)}.battle-type{color:var(--color-text-secondary);font-size:1rem;letter-spacing:2px;text-transform:uppercase}.campaign-debrief-overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;padding:var(--spacing-lg,24px);position:fixed;z-index:var(--z-index-modal)}.campaign-debrief-backdrop{background:#000000d9;cursor:pointer;inset:0;position:absolute}.campaign-debrief-card{background:#141e32fa;border:1px solid #6496ff66;border-radius:12px;border-radius:var(--border-radius-lg,12px);box-shadow:0 0 40px #3b82f633;max-width:420px;padding:32px;padding:var(--spacing-xl,32px);position:relative;text-align:center;width:100%}.campaign-debrief-mission{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;margin:0 0 8px}.campaign-debrief-difficulty{color:var(--color-text-secondary);font-size:.95rem;margin:0 0 16px}.campaign-debrief-outcome{font-size:2rem;font-weight:700;margin-bottom:24px;text-shadow:0 2px 10px #00000080}.campaign-debrief-outcome.victory{color:#10b981;color:var(--color-success,#10b981)}.campaign-debrief-outcome.defeat{color:#ef4444;color:var(--color-danger,#ef4444)}.campaign-debrief-rewards{background:#0000004d;border-radius:8px;border-radius:var(--border-radius-md,8px);margin-bottom:24px;padding:16px;text-align:left}.campaign-debrief-rewards p{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 8px}.campaign-debrief-rewards ul{margin:0 0 12px;padding-left:1.25rem}.campaign-debrief-rewards li{color:#fff;color:var(--text-primary,#fff);margin-bottom:4px}.campaign-debrief-star-note{color:var(--color-text-secondary);font-size:.8rem;opacity:.9}.campaign-debrief-continue{min-height:44px;width:100%}.results-content{padding:24px;padding:var(--spacing-lg,24px)}.mech-status-section,.rewards-section,.stats-section{margin-bottom:24px;margin-bottom:var(--spacing-lg,24px)}.mech-status-section h2,.rewards-section h2,.stats-section h2{border-bottom:1px solid #6496ff33;color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;margin:0 0 16px;padding-bottom:8px}.rewards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.reward-item{background:#1e283ccc;border:1px solid #6496ff33;border-radius:8px;border-radius:var(--border-radius-md,8px);flex-direction:column;padding:16px}.reward-icon{font-size:2rem;margin-bottom:8px}.reward-value{color:var(--color-success);font-size:1.3rem;font-weight:700}.reward-label{margin-top:4px}.mechs-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.team-summary{background:#1e283ccc;border-radius:8px;border-radius:var(--border-radius-md,8px);padding:16px}.team-summary.player{border:1px solid #3b82f64d}.team-summary.opponent{border:1px solid #ef44444d}.team-summary h3{font-size:1rem;margin:0 0 12px}.team-summary.player h3{color:var(--color-brand-primary)}.team-summary.opponent h3{color:var(--color-danger)}.mech-result{background:#141e3299;border-radius:4px;border-radius:var(--border-radius-sm,4px);display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.mech-result:last-child{margin-bottom:0}.mech-result.destroyed{opacity:.6;text-decoration:line-through}.mech-name{color:var(--text-primary,#fff)}.mech-health{color:var(--color-text-secondary);font-size:.9rem}.battle-results-page .stat-item{align-items:center;background:#1e283ccc;border:1px solid #6496ff33;border-radius:8px;border-radius:var(--border-radius-md,8px);display:flex;flex-direction:column;padding:16px}.battle-results-page .stat-label{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:8px;text-transform:uppercase}.battle-results-page .stat-value{font-feature-settings:"tnum";color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700;transition:color .2s ease,text-shadow .2s ease}.results-actions{background:#0a0e1a80;border-top:1px solid #6496ff33;display:flex;gap:16px;justify-content:center;padding:24px;padding:var(--spacing-lg,24px)}.results-star{animation:batResultStarTwinkle 3s ease-in-out infinite alternate;height:2px;width:2px}@keyframes batResultStarTwinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}.results-skeleton{animation:batResultSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1e293b80 25%,#33415580 50%,#1e293b80 75%)}.results-skeleton-banner{margin:0 auto 20px;width:50%}.results-skeleton-stats{height:200px;margin-bottom:16px;width:100%}.results-skeleton-loot{height:120px;margin-bottom:12px;width:100%}.results-skeleton-actions{height:50px;margin:0 auto;width:60%}@keyframes batResultSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.reward-item{animation:batLootEntrance .4s ease-out both}.reward-item:nth-child(5){animation-delay:.5s}.reward-item:nth-child(6){animation-delay:.6s}.reward-item:nth-child(7){animation-delay:.7s}.reward-item:nth-child(8){animation-delay:.8s}@keyframes batLootEntrance{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.result-banner h1{animation:batBannerSlam .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes batBannerSlam{0%{opacity:0;transform:scale(2) translateY(-30px)}60%{opacity:1;transform:scale(.95) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-banner.victory:after{animation:batVictorySweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#10b98126,#0000);content:"";inset:0;position:absolute}@keyframes batVictorySweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.result-banner.defeat:after{animation:batDefeatPulse 2s ease-in-out infinite;background:radial-gradient(ellipse at center,#ef44441a,#0000);content:"";inset:0;position:absolute}@keyframes batDefeatPulse{0%,to{opacity:.3}50%{opacity:.8}}.reward-value{font-feature-settings:"tnum";animation:batRewardPop .5s ease-out both;animation-delay:.8s;font-variant-numeric:tabular-nums}@keyframes batRewardPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.rewards-section{animation:batSectionEntrance .5s ease-out both;animation-delay:.3s}.mech-status-section{animation:batSectionEntrance .5s ease-out both;animation-delay:.5s}.stats-section{animation:batSectionEntrance .5s ease-out both;animation-delay:.7s}@keyframes batSectionEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.results-actions{animation:batSectionEntrance .5s ease-out both;animation-delay:.9s}.mech-result{animation:batMechResultSlide .35s ease-out both}.mech-result:first-child{animation-delay:.6s}.mech-result:nth-child(2){animation-delay:.7s}.mech-result:nth-child(3){animation-delay:.8s}.mech-result:nth-child(4){animation-delay:.9s}@keyframes batMechResultSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.battle-results-page .stat-item:hover .stat-value{color:#60a5fa;text-shadow:0 0 8px #60a5fa66}@media (prefers-reduced-motion:reduce){.results-star{opacity:.4}.mech-result,.mech-status-section,.result-banner h1,.result-banner.defeat:after,.result-banner.victory:after,.results-actions,.results-skeleton,.results-star,.reward-item,.reward-value,.rewards-section,.stats-section{animation:none}.battle-results-page .stat-value{transition:none}}@media (max-width:768px){.result-banner h1{font-size:2rem}.rewards-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.results-starfield .results-star:nth-child(n+26){display:none}}@media (max-width:600px){.mechs-summary,.stats-grid{grid-template-columns:1fr}.result-banner h1{font-size:1.8rem}.results-actions{flex-direction:column}}@media (max-width:480px){.battle-results-page{padding:12px}.results-content{padding:16px}.rewards-grid{grid-template-columns:1fr}.reward-item{flex-direction:row;gap:12px;padding:12px}.reward-icon{font-size:1.5rem;margin-bottom:0}.results-starfield .results-star:nth-child(n+16){display:none}}.results-skeleton{animation:results-skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1e283c80 25%,#32415a80 50%,#1e283c80 75%);background-size:200% 100%;border-radius:8px;margin:12px auto;max-width:600px}@keyframes results-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.results-skeleton-banner{height:80px}.results-skeleton-stats{height:120px}.results-skeleton-loot{height:160px}.results-skeleton-actions{height:48px;width:300px}.results-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.results-star{animation:results-star-twinkle 3s ease-in-out 0s infinite;animation:results-star-twinkle var(--duration,3s) ease-in-out infinite var(--delay,0s);background:#fff;border-radius:50%;position:absolute}@keyframes results-star-twinkle{0%,to{opacity:.3}50%{opacity:1}}.result-banner{overflow:hidden;padding:24px;position:relative;text-align:center}.result-banner.victory{background:linear-gradient(135deg,#ffd7001a,#ffb4000d);border:1px solid #ffd7004d}.result-banner.victory h1{-webkit-text-fill-color:#0000;animation:results-victory-gradient 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff8c00,gold);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:drop-shadow(0 0 15px rgba(255,215,0,.5));font-size:3rem;font-weight:900;letter-spacing:4px}@keyframes results-victory-gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.result-banner.defeat{background:linear-gradient(135deg,#ff44441a,#c832320d);border:1px solid #ff44444d}.result-banner.defeat h1{color:#f44;font-size:3rem;font-weight:900;letter-spacing:4px;text-shadow:0 0 15px #ff444480}.result-banner h1{animation:results-banner-enter .6s cubic-bezier(.34,1.56,.64,1)}@keyframes results-banner-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.first-win-banner{align-items:center;animation:results-firstwin-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd70026,#ffb40014);border:1px solid #ffd7004d;border-radius:8px;color:gold;display:flex;font-weight:700;gap:8px;justify-content:center;margin:8px auto;max-width:400px;padding:8px 16px}.first-win-icon{background:radial-gradient(circle,gold,#ff8c00);border-radius:50%;height:16px;width:16px}@keyframes results-firstwin-glow{0%,to{box-shadow:0 0 8px #ffd70033}50%{box-shadow:0 0 20px #ffd70080}}.reward-item{animation:results-reward-enter .4s ease-out both}.reward-item:first-child{animation-delay:.1s}.reward-item:nth-child(2){animation-delay:.2s}.reward-item:nth-child(3){animation-delay:.3s}.reward-item:nth-child(4){animation-delay:.4s}@keyframes results-reward-enter{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.reward-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00ff80,#00c8ff);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.mech-result.destroyed{border-left:3px solid #f44;opacity:.5}.mech-result .mech-health{font-weight:600}@media (max-width:768px){.result-banner h1{font-size:2rem;letter-spacing:2px}.rewards-grid{grid-template-columns:1fr 1fr}.mechs-summary{flex-direction:column}.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.result-banner h1{font-size:1.5rem}.results-container{padding:8px}.results-actions{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.first-win-banner,.result-banner h1,.results-skeleton,.results-star,.reward-item{animation:none!important;transition:none!important}.result-banner.victory h1{-webkit-text-fill-color:gold;filter:none}}.campaign-hub{box-sizing:border-box;margin:0 auto;max-width:min(1000px,96vw);min-height:60vh;overflow:hidden;padding:1rem;position:relative;width:100%}.campaign-hub-inner{position:relative;z-index:1}.campaign-hub-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.campaign-hub-star{animation:campaign-hub-twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;opacity:0;position:absolute}@keyframes campaign-hub-twinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}}.campaign-hub-error,.campaign-hub-loading{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem;text-align:center}.campaign-hub-spinner{animation:campaign-hub-spin 1s linear infinite;border:3px solid #991b1b33;border-radius:50%;border-top:3px solid var(--arena-campaign,#991b1b);height:40px;width:40px}@keyframes campaign-hub-spin{to{transform:rotate(1turn)}}.campaign-hub-error button{margin-top:.5rem}.campaign-hub-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color,#ffffff1a);margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.campaign-hub-header-icon{align-items:center;background:linear-gradient(135deg,#991b1b66,#7f1d1d99);border:1px solid #991b1b80;border-radius:12px;display:inline-flex;height:48px;justify-content:center;margin-bottom:.75rem;width:48px}.campaign-hub-header-icon .cmp-icon-campaign{color:#fca5a5;font-size:1.5rem}.campaign-hub-title{color:#fff;color:var(--text-primary,#fff);font-size:1.75rem;font-weight:700;margin:0}.campaign-hub-subtitle{color:#888;color:var(--text-secondary,#888);font-size:.95rem;margin:.35rem 0 0}.campaign-hub-progress-bar{align-items:center;display:flex;flex-direction:column;gap:.35rem;margin-top:1rem}.campaign-hub-progress-track{background:#ffffff14;border-radius:4px;height:8px;max-width:280px;overflow:hidden;width:100%}.campaign-hub-progress-fill{background:linear-gradient(90deg,#27ae60,#991b1b);border-radius:4px;height:100%;transition:width .4s ease}.campaign-hub-progress-label{color:#888;color:var(--text-secondary,#888);font-size:.8rem}.campaign-hub-cta{margin-bottom:1.5rem;text-align:center}.campaign-hub-continue-btn{align-items:center;animation:campaign-hub-cta-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#991b1b,#7f1d1d);border:1px solid #f8717166;box-shadow:0 0 12px #991b1b4d;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}@keyframes campaign-hub-cta-pulse{0%,to{box-shadow:0 0 12px #991b1b4d}50%{box-shadow:0 0 20px #991b1b80}}.campaign-hub-complete-banner{align-items:center;background:#27ae601f;border:1px solid #27ae6066;border-radius:8px;color:#86efac;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:1rem 1.25rem}.campaign-hub-complete-banner .cmp-icon-trophy{font-size:1.25rem}.campaign-hub-chapters{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.campaign-hub-chapter-card{background:#00000059;border:1px solid #ffffff14;border-left-width:4px;border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease}.campaign-hub-chapter-card:hover{box-shadow:0 4px 16px #00000040}.campaign-hub-chapter-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.campaign-hub-chapter-num{align-items:center;border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.campaign-hub-chapter-name{color:#fff;color:var(--text-primary,#fff);font-size:1.15rem;margin:0}.campaign-hub-chapter-subtitle{color:#888;color:var(--text-secondary,#888);display:block;font-size:.8rem;margin-top:.15rem}.campaign-hub-chapter-progress{align-items:center;display:flex;gap:.5rem;margin-left:auto}.campaign-hub-chapter-progress-label{color:#888;color:var(--text-secondary,#888);font-size:.85rem;min-width:2.5rem}.campaign-hub-chapter-progress-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden;width:80px}.campaign-hub-chapter-progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.campaign-hub-chapter-desc{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;line-height:1.45;margin:.75rem 0 0}.campaign-hub-chapter-rewards{border-top:1px solid #ffffff0f;margin-top:.75rem;padding-top:.75rem}.campaign-hub-reward-claimed{color:#22c55e;font-size:.85rem}.campaign-hub-reward-locked{color:#666;color:var(--text-secondary,#666);font-size:.85rem}.campaign-hub-story{background:#00000040;border:1px solid #ffffff0f;border-radius:8px;padding:1.25rem}.campaign-hub-story-title{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin:0 0 .75rem}.campaign-hub-story-text{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;line-height:1.55;margin:0}.campaign-hub-story-text strong{color:#e5e7eb}@media (max-width:640px){.campaign-hub-chapter-header{align-items:flex-start;flex-direction:column}.campaign-hub-chapter-progress{margin-left:0}}.battle-animation-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:100}.laser-beam{animation:laser-fire .3s ease-out forwards;border-radius:2px;box-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor;height:4px;position:absolute;transform-origin:left center}@keyframes laser-fire{0%{opacity:0;transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(var(--angle,0deg))}20%{opacity:1}to{opacity:0;transform:scaleX(1) rotate(0deg);transform:scaleX(1) rotate(var(--angle,0deg))}}.projectile{animation:projectile-fly .4s ease-in forwards;border-radius:50%;box-shadow:0 0 5px currentColor,0 0 10px currentColor;position:absolute}@keyframes projectile-fly{0%{left:var(--start-x);opacity:1;top:var(--start-y);transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{left:var(--end-x);opacity:0;top:var(--end-y);transform:translate(-50%,-50%) scale(.5)}}.missile{animation:missile-fly .6s ease-in forwards;background:linear-gradient(180deg,#f60,#fc0 50%,#f60);border-radius:50% 50% 20% 20%;box-shadow:0 0 10px #f60,0 0 20px #f30;position:absolute}.missile:after{animation:flame-flicker .1s ease-in-out infinite;background:linear-gradient(180deg,#f60,#fc0 50%,#0000);border-radius:50%;bottom:-10px;content:"";height:15px;left:50%;position:absolute;transform:translateX(-50%);width:6px}@keyframes missile-fly{0%{left:var(--start-x);opacity:1;top:var(--start-y);transform:translate(-50%,-50%)}to{left:var(--end-x);opacity:1;top:var(--end-y);transform:translate(-50%,-50%)}}@keyframes flame-flicker{0%,to{height:15px;opacity:1}50%{height:12px;opacity:.7}}.smoke-trail{animation:smoke-fade .8s ease-out forwards;height:100%;position:absolute;width:100%}.smoke-trail:before{animation:smoke-expand .8s ease-out forwards;background:radial-gradient(circle,#96969699 0,#0000 70%);border-radius:50%;content:"";height:20px;left:var(--start-x);position:absolute;top:var(--start-y);width:20px}@keyframes smoke-fade{0%{opacity:1}to{opacity:0}}@keyframes smoke-expand{0%{opacity:.8;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.explosion{animation:explode .5s ease-out forwards;background:radial-gradient(circle,#fff 0,#ff0 20%,#f60 40%,red 60%,#0000 70%)}.explosion,.explosion:before{border-radius:50%;position:absolute}.explosion:before{animation:explosion-flash .2s ease-out forwards;background:radial-gradient(circle,#fffc 0,#0000 50%);content:"";height:100%;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes explode{0%{opacity:1;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes explosion-flash{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.impact{animation:impact-burst .4s ease-out forwards;border-radius:50%;position:absolute}.impact:after,.impact:before{animation:impact-ring .4s ease-out forwards;border:3px solid;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.impact:after{animation-delay:.1s}@keyframes impact-burst{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes impact-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.slash{animation:slash-swing .3s ease-out forwards;background:#0000;border:none;position:absolute}.slash:before{animation:slash-fade .3s ease-out forwards;transform:translateY(-50%) rotate(-30deg)}.slash:after,.slash:before{background:linear-gradient(90deg,#0000,currentColor 50%,#0000);box-shadow:0 0 10px currentColor,0 0 20px currentColor;content:"";height:4px;left:0;position:absolute;top:50%;width:100%}.slash:after{animation:slash-fade .3s ease-out .05s forwards;transform:translateY(-50%) rotate(30deg)}@keyframes slash-swing{0%{opacity:0;transform:scale(.5) rotate(-45deg)}50%{opacity:1}to{opacity:0;transform:scale(1.2) rotate(0deg)}}@keyframes slash-fade{0%{opacity:0;transform:translateY(-50%) scaleX(0)}50%{opacity:1}to{opacity:0;transform:translateY(-50%) scaleX(1.2)}}.shield{animation:shield-activate .8s ease-out forwards;background:radial-gradient(circle,#3cf3 0,#33ccff1a 50%,#0000 70%);border:4px solid;border-radius:50%;box-shadow:0 0 20px #33ccff80,inset 0 0 30px #33ccff4d;position:absolute}.shield:before{animation:shield-pulse .4s ease-in-out infinite;border:2px solid #33ccff80;border-radius:50%;content:"";height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}@keyframes shield-activate{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.pulse{animation:pulse-expand 1s ease-out forwards;border-radius:50%;height:10px;position:absolute;transform:translate(-50%,-50%);width:10px}@keyframes pulse-expand{0%{height:10px;opacity:1;width:10px}to{height:200px;height:var(--final-size,200px);opacity:0;width:200px;width:var(--final-size,200px)}}.beam{animation:beam-fire .8s ease-in-out forwards;border-radius:4px;box-shadow:0 0 15px currentColor,0 0 30px currentColor,0 0 45px currentColor;position:absolute;transform-origin:left center}@keyframes beam-fire{0%{opacity:0;transform:scaleX(0) translateY(-50%)}20%{opacity:1;transform:scaleX(.3) translateY(-50%)}80%{opacity:1;transform:scaleX(1) translateY(-50%)}to{opacity:0;transform:scaleX(1) translateY(-50%)}}.fade{animation:fade-out .6s ease-out forwards;background:#0000;border:3px solid;border-radius:50%;position:absolute}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.charge{animation:charge-up .8s ease-in forwards}.charge,.charge:before{border-radius:50%;position:absolute}.charge:before{animation:charge-ring .4s ease-in-out infinite;border:2px solid;content:"";height:150%;left:50%;top:50%;transform:translate(-50%,-50%);width:150%}@keyframes charge-up{0%{opacity:.3;transform:scale(.3)}50%{opacity:.8;transform:scale(.8)}80%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}@keyframes charge-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.move-path{animation:path-draw .5s ease-out forwards;background:linear-gradient(90deg,#3c3c,#3c36 50%,#33cc331a);border-radius:2px;height:3px;position:absolute;transform-origin:left center}.move-path:before{animation:path-dot .5s ease-out forwards;background:#3c3;border-radius:50%;box-shadow:0 0 10px #3c3;content:"";height:10px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:10px}@keyframes path-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes path-dot{0%{left:0}to{left:100%}}.move-indicator{animation:indicator-pulse .8s ease-in-out forwards;background:#33cc331a;border:3px dashed;border-radius:50%;position:absolute}@keyframes indicator-pulse{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)}}.lightning{animation:lightning-strike .3s ease-out forwards;height:100%;position:absolute;width:100%}.lightning:before{animation:lightning-bolt .3s ease-out forwards;background:#3cf;background:var(--lightning-color,#3cf);box-shadow:0 0 10px #3cf,0 0 20px #3cf,0 0 40px #3cf;box-shadow:0 0 10px var(--lightning-color,#3cf),0 0 20px var(--lightning-color,#3cf),0 0 40px var(--lightning-color,#3cf);-webkit-clip-path:polygon(40% 0,60% 0,55% 30%,80% 30%,45% 60%,70% 60%,30% 100%,40% 55%,15% 55%,50% 25%,25% 25%);clip-path:polygon(40% 0,60% 0,55% 30%,80% 30%,45% 60%,70% 60%,30% 100%,40% 55%,15% 55%,50% 25%,25% 25%);content:"";height:100px;left:var(--start-x);position:absolute;top:var(--start-y);transform-origin:top center;width:4px}@keyframes lightning-strike{0%,20%,40%{opacity:1}10%,30%,50%{opacity:.5}to{opacity:0}}@keyframes lightning-bolt{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.damage-number{animation:damage-pop .8s ease-out forwards;color:#f33;font-size:1.5rem;font-weight:700;position:absolute;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 10px #ff3232cc;transform:translateX(-50%);z-index:200}.damage-number.critical{animation:damage-pop-critical .8s ease-out forwards;color:#fc0;font-size:2rem;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 15px #ffc800cc}.damage-number.critical:before{color:#f60;content:"CRITICAL! ";font-size:.7rem}@keyframes damage-pop{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.5)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.2)}40%{transform:translateX(-50%) translateY(-10px) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50px) scale(.8)}}@keyframes damage-pop-critical{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.5) rotate(-10deg)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.5) rotate(5deg)}40%{transform:translateX(-50%) translateY(-10px) scale(1.2) rotate(-3deg)}to{opacity:0;transform:translateX(-50%) translateY(-60px) scale(.8) rotate(0deg)}}.text-effect{animation:text-appear .8s ease-out forwards;font-size:1.2rem;font-weight:700;letter-spacing:2px;position:absolute;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;text-transform:uppercase;transform:translate(-50%,-50%);z-index:200}@keyframes text-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1) translateY(-20px)}}.heal-effect{animation:heal-pop .8s ease-out forwards;color:#3f6;font-size:1.5rem;font-weight:700;position:absolute;text-shadow:0 0 10px #3f6}@keyframes heal-pop{0%{opacity:0;transform:translateY(10px) scale(.8)}30%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-30px) scale(1)}}.buff-indicator{animation:buff-spin 1s linear infinite;background:#3f63;border:2px solid #3f6;border-radius:50%}.buff-indicator,.debuff-indicator{height:40px;position:absolute;width:40px}.debuff-indicator{animation:debuff-pulse .5s ease-in-out infinite;background:#f363;border:2px solid #f36;border-radius:50%}@keyframes buff-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes debuff-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.beam,.buff-indicator,.charge,.charge:before,.damage-number,.damage-number.critical,.debuff-indicator,.explosion,.explosion:before,.fade,.heal-effect,.impact,.impact:after,.impact:before,.laser-beam,.lightning,.lightning:before,.missile,.missile:after,.move-indicator,.move-path,.move-path:before,.projectile,.pulse,.shield,.shield:before,.slash,.slash:after,.slash:before,.smoke-trail,.smoke-trail:before,.text-effect{animation:none!important;transition:none!important}}.battle-controls{background:linear-gradient(180deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #0f3460;border-radius:12px;padding:16px;transition:opacity .3s ease}.battle-controls.disabled{opacity:.6;pointer-events:none}.controls-header{border-bottom:1px solid #0f346080;margin-bottom:16px;padding-bottom:12px}.turn-indicator{color:#2ecc71;font-size:1rem;font-weight:600}.battle-controls.disabled .turn-indicator{color:#f39c12}.selected-mech{background:#5dade21a;border:1px solid #5dade24d;border-radius:4px;color:#5dade2;font-size:.9rem;padding:4px 12px}.action-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:16px}.battle-controls .action-btn{align-items:center;background:#0f346080;border:2px solid #0f3460;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:70px;padding:14px 12px;transition:all .2s ease}.battle-controls .action-btn:hover:not(:disabled){background:#0f3460cc;border-color:#1a5276;transform:translateY(-2px)}.battle-controls .action-btn:active:not(:disabled){transform:translateY(0)}.battle-controls .action-btn:disabled{cursor:not-allowed;opacity:.5}.battle-controls .action-btn.needs-target{border-style:dashed}.action-btn.active{background:#e9456033;border-color:#e94560}.action-icon{font-size:1.5rem}.action-label{color:var(--color-text-primary);font-size:.85rem;font-weight:600;text-transform:uppercase}.action-btn.attack:hover:not(:disabled){border-color:var(--color-danger);box-shadow:0 0 15px #e74c3c4d}.action-btn.defend:hover:not(:disabled){border-color:#3498db;box-shadow:0 0 15px #3498db4d}.action-btn.move:hover:not(:disabled){border-color:#f39c12;box-shadow:0 0 15px #f39c124d}.action-btn.special:hover:not(:disabled){border-color:#9b59b6;box-shadow:0 0 15px #9b59b64d}.action-btn.pass:hover:not(:disabled){border-color:#95a5a6}.special-abilities-container{position:relative}.special-abilities-dropdown{animation:slideUp .2s ease;background:var(--color-ui-background);border:1px solid #0f3460;border-radius:8px;bottom:100%;left:0;margin-bottom:8px;overflow:hidden;position:absolute;right:0;z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ability-option{align-items:center;background:#0000;border:none;border-bottom:1px solid #0f346080;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:background .2s ease;width:100%}.ability-option:last-child{border-bottom:none}.ability-option:hover{background:#9b59b633}.ability-option:disabled{cursor:not-allowed;opacity:.5}.ability-name{font-weight:500}.ability-cost{background:#9b59b633;border-radius:4px;color:#9b59b6;font-size:.8rem;padding:2px 8px}.target-info{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:10px 14px}.target-label{color:var(--color-text-tertiary);font-size:.8rem;text-transform:uppercase}.target-name{color:var(--color-danger);font-weight:600}.target-health{color:var(--color-text-primary);font-size:.85rem;margin-left:auto}.surrender-section{border-top:1px solid #0f346080;padding-top:12px}.surrender-btn{background:#0000;border:1px solid #e74c3c4d;color:var(--color-text-tertiary);font-size:.85rem;padding:10px;transition:all .2s ease;width:100%}.surrender-btn:hover{background:#e74c3c1a}.surrender-btn.confirm,.surrender-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.surrender-btn.confirm{animation:battleControlsPulse .5s ease infinite;background:#e74c3c33}@keyframes battleControlsPulse{0%,to{opacity:1}50%{opacity:.7}}.turn-countdown{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:8px 12px}.turn-countdown.warning{animation:countdown-pulse 1s ease-in-out infinite;background:#ef444426;border-color:#ef444466}@keyframes countdown-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.turn-countdown__bar{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.turn-countdown__fill{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-success));border-radius:3px;height:100%;transition:width .1s linear}.turn-countdown.warning .turn-countdown__fill{background:linear-gradient(90deg,#ef4444,#f59e0b)}.turn-countdown__time{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;min-width:50px;text-align:right}.turn-countdown.warning .turn-countdown__time{color:var(--color-text-error)}.rate-limit-indicator{align-items:center;background:#9ca3af26;border:1px solid #9ca3af4d;border-radius:8px;color:#d1d5db;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.rate-limit-indicator__icon{animation:spin 2s linear infinite;font-size:1.2rem}.rate-limit-indicator__text{font-size:.85rem}.battle-controls__timeout-banner{align-items:center;background:#ef444426;border:1px solid #ef444466;border-radius:8px;color:var(--color-text-error);display:flex;gap:8px;margin-bottom:12px;padding:10px 14px}.battle-controls__timeout-icon{font-size:1.2rem}.battle-controls__timeout-text{font-size:.9rem;font-weight:500}.battle-controls--warning{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b33}.battle-controls--timeout{opacity:.7}.battle-controls__action-btn--disabled,.battle-controls__submit-btn--disabled{cursor:not-allowed;opacity:.5}.battle-controls__actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:16px}.battle-controls__action-btn{align-items:center;background:#0f346080;border:2px solid #0f3460;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:6px;justify-content:center;padding:14px 12px;transition:all .2s ease}.battle-controls__action-btn:hover:not(:disabled){background:#0f3460cc;border-color:#1a5276;transform:translateY(-2px)}.battle-controls__action-btn--selected{background:#e9456033;border-color:#e94560}.battle-controls__action-btn--attack:hover:not(:disabled){border-color:var(--color-danger);box-shadow:0 0 15px #e74c3c4d}.battle-controls__action-btn--defend:hover:not(:disabled){border-color:#3498db;box-shadow:0 0 15px #3498db4d}.battle-controls__action-btn--move:hover:not(:disabled){border-color:#f39c12;box-shadow:0 0 15px #f39c124d}.battle-controls__action-btn--special:hover:not(:disabled){border-color:#9b59b6;box-shadow:0 0 15px #9b59b64d}.battle-controls__action-btn--pass:hover:not(:disabled){border-color:#95a5a6}.battle-controls__targets{margin-bottom:16px}.battle-controls__label{color:var(--color-text-tertiary);display:block;font-size:.85rem;margin-bottom:8px}.battle-controls__target-list{display:flex;flex-wrap:wrap;gap:8px}.battle-controls__target-btn{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;color:var(--color-text-primary);cursor:pointer;padding:8px 14px;transition:all .2s ease}.battle-controls__target-btn:hover:not(:disabled){background:#e74c3c33;border-color:#e74c3c80}.battle-controls__target-btn--selected{background:#e74c3c4d;border-color:var(--color-danger)}.battle-controls__target-health{font-size:.8rem;margin-left:6px;opacity:.7}.battle-controls__submit-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:12px;padding:14px;transition:all .2s ease;width:100%}.battle-controls__submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.battle-controls__submit-btn:disabled{background:#6464644d;cursor:not-allowed}.battle-controls__surrender-btn{background:#0000;border:1px solid #e74c3c4d;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;font-size:.85rem;padding:10px;transition:all .2s ease;width:100%}.battle-controls__surrender-btn:hover:not(:disabled){background:#e74c3c1a;border-color:var(--color-danger);color:var(--color-danger)}.battle-controls__surrender-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.battle-controls{padding:12px}.action-buttons,.battle-controls__actions{gap:8px;grid-template-columns:repeat(3,1fr)}.action-btn,.battle-controls__action-btn{font-size:.8rem;min-height:60px;padding:10px 8px}.action-icon{font-size:1.2rem}.action-label{font-size:.75rem}.controls-header{flex-direction:column;gap:8px}.turn-countdown{padding:6px 10px}.turn-countdown__time{font-size:.95rem}}.battle-controls__action-btn:focus-visible,.battle-controls__submit-btn:focus-visible,.battle-controls__surrender-btn:focus-visible,.battle-controls__target-btn:focus-visible{box-shadow:0 0 0 4px #00d4ff4d;outline:2px solid #00d4ff;outline:2px solid var(--color-accent,#00d4ff);outline-offset:2px}.battle-controls__skip-link{background:#1a1a2e;background:var(--color-ui-elevated,#1a1a2e);border-radius:4px;color:#fff;color:var(--color-text-primary,#fff);left:-9999px;padding:8px 16px;position:absolute;text-decoration:none;top:0;z-index:100}.battle-controls__skip-link:focus{left:8px}@media (prefers-contrast:high){.battle-controls__action-btn{border:2px solid}.battle-controls__action-btn--selected,.battle-controls__target-btn--selected{background:#00d4ff;background:var(--color-accent,#00d4ff);border-color:#00d4ff;border-color:var(--color-accent,#00d4ff);color:var(--color-text-on-badge)}}.battle-controls__undo-btn{align-items:center;background:#64748b33;border:1px solid #64748b66;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:.8rem;gap:5px;grid-column:1/-1;justify-content:center;padding:8px 14px;transition:all .2s ease}.battle-controls__undo-btn:hover{background:#64748b59;border-color:#94a3b8;color:#e2e8f0}.battle-controls__undo-btn:focus-visible{outline:2px solid #00d4ff;outline:2px solid var(--color-accent,#00d4ff);outline-offset:2px}.battle-controls__swap-section{background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;margin-bottom:14px;padding:10px 12px}.battle-controls__swap-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.battle-controls__swap-btn{align-items:center;background:#0f346066;border:1px solid #3b82f64d;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 14px;transition:all .2s ease}.battle-controls__swap-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6;transform:translateY(-1px)}.battle-controls__swap-btn--current{background:#22c55e1a;border-color:#22c55e80;cursor:default}.battle-controls__swap-btn:disabled{cursor:not-allowed;opacity:.4}.battle-controls__swap-name{font-weight:500}.battle-controls__swap-health{font-feature-settings:"tnum";color:#94a3b8;font-size:.75rem;font-variant-numeric:tabular-nums}.battle-controls__confirm-overlay{align-items:center;animation:batConfirmFadeIn .2s ease-out;background:#000000d9;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.battle-controls__confirm-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid #3b82f64d;border-radius:10px;max-width:280px;padding:20px 24px;text-align:center;width:90%}.battle-controls__confirm-modal--danger{border-color:#ef444466}.battle-controls__confirm-text{color:var(--color-text-primary);font-size:.95rem;margin-bottom:6px}.battle-controls__confirm-subtext{color:#94a3b8;font-size:.8rem;margin-bottom:16px}.battle-controls__confirm-actions{display:flex;gap:10px;justify-content:center}.battle-controls__confirm-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 18px;transition:all .2s ease}.battle-controls__confirm-btn--yes{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.battle-controls__confirm-btn--yes:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 12px #3b82f666}.battle-controls__confirm-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.battle-controls__confirm-btn--danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 0 12px #ef444466}.battle-controls__confirm-btn--no{background:#64748b33;border-color:#64748b66;color:#94a3b8}.battle-controls__confirm-btn--no:hover{background:#64748b59;color:#e2e8f0}@keyframes batConfirmFadeIn{0%{opacity:0}to{opacity:1}}.battle-controls{position:relative}@media (max-width:480px){.battle-controls__actions{gap:6px;grid-template-columns:repeat(2,1fr)}.battle-controls__action-btn{font-size:.75rem;min-height:auto;padding:8px 6px}.battle-controls__swap-list{flex-direction:column}.battle-controls__confirm-modal{padding:14px 16px}.battle-controls__confirm-actions{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.battle-controls,.battle-controls__action-btn,.battle-controls__confirm-btn,.battle-controls__submit-btn,.battle-controls__swap-btn,.battle-controls__target-btn,.battle-controls__undo-btn,.turn-countdown__fill{transition:none}.battle-controls__confirm-overlay,.surrender-btn.confirm,.turn-countdown.warning{animation:none}}.battlefield-container{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:2px solid #0f3460;border-radius:12px;box-shadow:0 0 20px #00d4ff1a,inset 0 0 60px #0000004d;margin:0 auto;max-width:1000px;overflow:hidden;padding:1rem;position:relative;width:100%}.battlefield-container.urban{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-color:#4a4a4a}.battlefield-container.desert{background:linear-gradient(135deg,#4a3728,#2e2216);border-color:#8b7355}.battlefield-container.arctic{background:linear-gradient(135deg,#2e4a5a,#1a2e3a);border-color:#5a8a9a}.battlefield-container.forest{background:linear-gradient(135deg,#1e3a1e,#0d1f0d);border-color:#2e5a2e}.battlefield-container.mountain{background:linear-gradient(135deg,#3a3a4a,#1a1a2a);border-color:#5a5a6a}.battlefield-container.swamp{background:linear-gradient(135deg,#2a3a2a,#1a2a1a);border-color:#4a5a3a}.battlefield-container.industrial{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#5a4a3a}.battlefield-container.volcanic{background:linear-gradient(135deg,#3a1a1a,#2a0a0a);border-color:#8a3a2a}.battlefield-container.space-station{background:linear-gradient(135deg,#0a0a1a,#000005);border-color:#3a3a5a}.battlefield-container.rain:before{background:linear-gradient(180deg,#0000,#6496c81a)}.battlefield-container.fog:before,.battlefield-container.rain:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.battlefield-container.fog:before{background:radial-gradient(ellipse at center,#c8c8dc33 0,#9696aa4d 100%)}.battlefield-container.storm:before{background:linear-gradient(180deg,#3232504d,#1e1e3233);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.battlefield-grid{grid-gap:4px;background:#0003;border-radius:8px;display:grid;gap:4px;padding:.5rem;position:relative;z-index:2}.battlefield-cell{align-items:center;aspect-ratio:1;background:#1e283c99;border:1px solid #6478964d;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;overflow:hidden;position:relative;transition:all .2s ease}.battlefield-cell:hover{background:#283246cc;border-color:#6496c880;transform:scale(1.02)}.battlefield-cell.empty{background:#141e3266}.battlefield-cell.empty:hover{background:#1e283c99}.battlefield-cell.occupied{background:#283246b3;border-color:#6496c866}.battlefield-cell.targetable{animation:pulse-target 1.5s ease-in-out infinite;background:#c832324d;border-color:#ff646499}.battlefield-cell.targetable:hover{background:#ff323280;border-color:#ff6464e6}@keyframes pulse-target{0%,to{box-shadow:0 0 5px #ff32324d}50%{box-shadow:0 0 15px #ff323299}}.battlefield-cell.movable{animation:pulse-move 1.5s ease-in-out infinite;background:#3296324d;border-color:#64c86499}.battlefield-cell.movable:hover{background:#32c83280;border-color:#64ff64e6}@keyframes pulse-move{0%,to{box-shadow:0 0 5px #32c8324d}50%{box-shadow:0 0 15px #32c83299}}.battlefield-cell.active{animation:pulse-active 2s ease-in-out infinite;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff80,inset 0 0 20px #00d4ff1a}@keyframes pulse-active{0%,to{box-shadow:0 0 10px #00d4ff80,inset 0 0 20px #00d4ff1a}50%{box-shadow:0 0 20px #00d4ffcc,inset 0 0 30px #00d4ff33}}.battlefield-cell.selected{border-color:var(--color-brand-accent);border-width:2px;box-shadow:0 0 15px #ffd70080}.battlefield-cell.front-row{background:#3c323280;border-bottom:2px solid #ff64644d}.battlefield-cell.back-row{background:#32323c80;border-top:2px solid #6464ff4d}.battlefield-cell.hazard{position:relative}.battlefield-cell.hazard:after{border-radius:6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.battlefield-cell.hazard-radiation-zone:after{animation:hazard-pulse 2s ease-in-out infinite;background:radial-gradient(circle at center,#0f03 0,#00c8001a 100%)}.battlefield-cell.hazard-gravitational-anomaly:after{animation:hazard-swirl 3s linear infinite;background:radial-gradient(circle at center,#8000ff4d 0,#5000c81a 100%)}.battlefield-cell.hazard-corrosive-atmosphere:after{background:radial-gradient(circle at center,#ffc80033 0,#c896001a 100%)}.battlefield-cell.hazard-electromagnetic-disturbance:after{animation:hazard-flicker .5s ease-in-out infinite;background:radial-gradient(circle at center,#0096ff4d 0,#0064c81a 100%)}@keyframes hazard-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes hazard-swirl{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hazard-flicker{0%,to{opacity:.3}50%{opacity:.8}}.hazard-indicator{font-size:.8rem;opacity:.8;position:absolute;right:4px;top:4px;z-index:10}.mech-display{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:4px;width:100%}.mech-display.user-team{background:linear-gradient(135deg,#0064c84d,#00329633);border-radius:4px}.mech-display.opponent-team{background:linear-gradient(135deg,#c832324d,#961e1e33);border-radius:4px}.mech-icon{align-items:center;background:linear-gradient(135deg,#3a4a6a,#2a3a5a);border:2px solid #5a6a8a;border-radius:50%;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;margin-bottom:4px;text-shadow:0 0 5px #00000080;width:32px}.user-team .mech-icon{background:linear-gradient(135deg,#2a4a8a,#1a3a6a);border-color:#4a8aff}.opponent-team .mech-icon{background:linear-gradient(135deg,#8a3a2a,#6a2a1a);border-color:#ff6a4a}.mech-name{color:var(--color-text-secondary);font-size:.65rem;margin-bottom:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.health-bar{background:#00000080;border:1px solid #6464644d;border-radius:3px;height:6px;overflow:hidden;width:90%}.health-fill{border-radius:2px;box-shadow:0 0 5px currentColor;transition:width .3s ease,background-color .3s ease}.health-fill[style*=green]{box-shadow:0 0 5px #00c80080}.health-fill[style*=orange]{box-shadow:0 0 5px #ff960080}.health-fill[style*=red]{animation:health-critical 1s ease-in-out infinite;box-shadow:0 0 5px #ff323280}@keyframes health-critical{0%,to{opacity:1}50%{opacity:.6}}.position-label{color:#96969666;font-family:monospace;font-size:.6rem}@media (max-width:768px){.battlefield-container{padding:.5rem}.battlefield-grid{gap:2px;padding:.25rem}.battlefield-cell{min-height:45px}.mech-icon{font-size:.8rem;height:24px;width:24px}.mech-name{font-size:.55rem}.health-bar{height:4px}}@media (max-width:480px){.battlefield-cell{min-height:35px}.mech-icon{font-size:.7rem;height:20px;width:20px}.mech-name{display:none}.position-label{font-size:.5rem}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.battlefield-cell:focus-visible{outline:2px solid #00d4ff;outline:2px solid var(--color-accent,#00d4ff);outline-offset:2px;z-index:10}.battlefield-cell.selected:focus-visible{outline-color:#fc0}.floating-damage{font-feature-settings:"tnum";animation:batFloatDamage 1.4s ease-out forwards;font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:800;left:calc((var(--fd-col) + .5)/var(--fd-cols)*100%);pointer-events:none;position:absolute;text-shadow:0 2px 4px #000c;top:calc((var(--fd-row) + .3)/var(--fd-rows)*100%);transform:translateX(-50%);z-index:30}.floating-damage--damage{color:#ef4444}.floating-damage--critical{animation:batFloatCritical 1.4s ease-out forwards;color:#fbbf24;font-size:1.8rem}.floating-damage--heal{color:#22c55e}@keyframes batFloatDamage{0%{opacity:1;transform:translateX(-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-60px)}}@keyframes batFloatCritical{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.3)}15%{transform:translateX(-50%) translateY(-10px) scale(1)}70%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-80px) scale(.8)}}.battlefield-cell.targetable{position:relative}.battlefield-cell.targetable:after{animation:batTargetPulse 1.2s ease-in-out infinite;border:2px solid #ef444499;border-radius:4px;content:"";inset:2px;pointer-events:none;position:absolute}@keyframes batTargetPulse{0%,to{border-color:#ef444499;box-shadow:0 0 6px #ef44444d}50%{border-color:#ef4444e6;box-shadow:0 0 14px #ef444499}}.battlefield-cell.movable:after{animation:batMovePulse 1.5s ease-in-out infinite;border:2px dashed #3b82f680;border-radius:4px;content:"";inset:2px;pointer-events:none;position:absolute}@keyframes batMovePulse{0%,to{box-shadow:0 0 4px #3b82f633}50%{box-shadow:0 0 10px #3b82f680}}.battlefield-cell.hazard{box-shadow:inset 0 0 12px #eab3084d}.battlefield-cell.hazard-radiation-zone{box-shadow:inset 0 0 12px #84cc1666}.battlefield-cell.hazard-corrosive-atmosphere{box-shadow:inset 0 0 12px #a3e63566}.battlefield-cell.hazard-electromagnetic-disturbance{box-shadow:inset 0 0 12px #38bdf866}@media (max-width:480px){.floating-damage{font-size:1rem}.floating-damage--critical{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.battlefield-cell,.mech-health-bar,.mech-sprite{transition:none}.floating-damage,.floating-damage--critical{animation:none;opacity:0}.battlefield-cell.movable:after,.battlefield-cell.targetable:after{animation:none}}@media (prefers-contrast:high){.battlefield-cell{border:2px solid}.battlefield-cell.player-cell{border-color:#0f0}.battlefield-cell.enemy-cell{border-color:red}}.battle-timer{background:#0f172ae6;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:120px;padding:8px 16px}.timer-bar-container{background:#0000004d;border-radius:3px;height:6px;overflow:hidden;width:100%}.timer-bar-fill{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-primary-bright));border-radius:3px;height:100%;transition:width .3s linear}.battle-timer.warning .timer-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.battle-timer.critical .timer-bar-fill{animation:pulse-critical .5s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#f87171)}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.timer-display{align-items:center;display:flex;gap:6px;justify-content:center}.timer-icon{font-size:.9rem}.timer-value{color:#f1f5f9;font-size:1.1rem}.battle-timer.warning .timer-value{color:var(--color-brand-accent)}.battle-timer.critical .timer-value{animation:blink .5s ease-in-out infinite;color:#f87171}.timer-warning{animation:shake .3s ease-in-out infinite;color:var(--color-danger);font-size:.7rem;font-weight:700;text-transform:uppercase}@media (max-width:768px){.battle-timer{min-width:100px;padding:6px 12px}.timer-value{font-size:1rem}}@media (max-width:480px){.battle-timer{gap:2px;min-width:80px;padding:4px 8px}.timer-value{font-size:.9rem}.timer-icon{font-size:.75rem}.timer-warning{font-size:.6rem}.timer-bar-container{height:4px}}@media (prefers-reduced-motion:reduce){.battle-timer.critical .timer-bar-fill,.battle-timer.critical .timer-value,.timer-warning{animation:none!important}.timer-bar-fill{transition:none!important}}.battle-systems-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000d9,#141428e6);border:1px solid #333;border-radius:12px;display:flex;flex-direction:column;gap:12px;max-width:320px;padding:16px;transition:all .3s ease}.battle-systems-overlay.active{border-color:var(--color-brand-primary);box-shadow:0 0 20px #3b82f633}.battle-systems-overlay.left{left:16px;position:absolute;top:50%;transform:translateY(-50%)}.battle-systems-overlay.right{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.battle-systems-overlay.bottom{bottom:16px;flex-direction:row;gap:20px;left:50%;max-width:none;position:absolute;transform:translateX(-50%)}.systems-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;gap:10px;padding-bottom:10px}.mech-name{font-size:16px}.active-badge,.mech-name{color:var(--color-text-primary)}.active-badge{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-primary-dark));border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 8px;text-transform:uppercase}.systems-warnings{display:flex;flex-direction:column;gap:6px}.warning-item{align-items:center;animation:warningPulse 1.5s ease-in-out infinite;border-radius:6px;display:flex;font-size:12px;font-weight:700;gap:8px;padding:8px 12px}.warning-item.overheat{background:#f403;border:1px solid #ff440080;color:#f64}.warning-item.damaged{background:#ef444433;border:1px solid #ef444480;color:#f87171}.warning-icon{font-size:16px}.systems-section{padding-top:8px}.section-header{gap:6px;margin-bottom:8px}.section-icon{font-size:14px}.battle-systems-overlay .section-title{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.destroyed-section{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px}.destroyed-list{display:flex;flex-direction:column;gap:6px}.destroyed-item{align-items:center;background:#0000004d;border-radius:4px;display:flex;justify-content:space-between;padding:6px 8px}.destroyed-name{color:#f87171;font-size:12px;font-weight:600}.destroyed-penalties{display:flex;gap:8px}.penalty{color:var(--color-danger);font-size:10px}.battle-systems-mini{background:#0009;padding:6px 10px}.battle-systems-mini,.opponent-systems{align-items:center;border-radius:6px;display:flex;gap:8px}.opponent-systems{background:#0006;padding:4px 8px}.opp-heat{align-items:center;display:flex;gap:4px}.opp-heat-icon{font-size:12px}.opp-heat-bar{background:#222;border-radius:3px;height:6px;overflow:hidden;width:40px}.opp-heat-fill{background:linear-gradient(90deg,#4f4,#f40);border-radius:3px;height:100%;transition:width .3s ease}.opp-heat.overheated .opp-heat-bar{animation:overheatBlink .5s ease-in-out infinite}@keyframes overheatBlink{0%,to{opacity:1}50%{opacity:.5}}.opp-effects{display:flex;gap:3px}.opp-effect{background:#0006;border-radius:4px;font-size:12px;padding:2px}.opp-effect.dot{border:1px solid #ff444480}.opp-effect.control{border:1px solid #9944ff80}.opp-effect.debuff{border:1px solid #ff884480}.opp-effect.buff{border:1px solid #44ff4480}.opp-effect-more{color:var(--color-text-tertiary);font-size:10px;padding:2px 4px}.opp-damaged{background:#ef444433;border-radius:4px;color:var(--color-danger);font-size:11px;padding:2px 6px}.turn-start-effects{animation:turnEffectsIn .3s ease-out;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:50}@keyframes turnEffectsIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.turn-effect{align-items:center;animation:effectSlideIn .4s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--effect-index, 0)*.1s);background:#000000e6;border-radius:8px;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:10px;opacity:0;padding:10px 18px}@keyframes effectSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.turn-effect .effect-icon{font-size:20px}.turn-effect.heat-dissipate{border:2px solid #4af;color:#6cf}.turn-effect.dot-damage{border:2px solid #f44;color:#f66}.turn-effect.dot-heal{border:2px solid #4f4;color:#6f6}.turn-effect.weapon-ready{border:2px solid #f59e0b;color:var(--color-brand-accent)}.turn-effect.cant-act{animation:cantActPulse .5s ease-in-out infinite,effectSlideIn .4s ease-out forwards;background:#f003;border:2px solid red;color:#f44}@keyframes cantActPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width:768px){.battle-systems-overlay{font-size:12px;max-width:280px;padding:12px}.battle-systems-overlay.left,.battle-systems-overlay.right{left:auto;position:relative;right:auto;top:auto;transform:none}.mech-name{font-size:14px}.systems-section{padding-top:6px}}@media (prefers-reduced-motion:reduce){.opp-heat.overheated .opp-heat-bar,.turn-effect,.turn-effect.cant-act,.turn-start-effects,.warning-item{animation:none!important}.battle-systems-overlay,.opp-heat-fill{transition:none!important}}.battle-error-boundary{align-items:center;background:linear-gradient(135deg,#ff44441a,#8b000026);border:1px solid #ff44444d;border-radius:8px;display:flex;justify-content:center;padding:1rem}.battle-error-content{max-width:300px;text-align:center}.battle-error-icon{display:block;filter:grayscale(.3);font-size:2.5rem;margin-bottom:.75rem}.battle-error-title{color:#f66;font-size:1rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 0 10px #ff44444d}.battle-error-message{color:#aaa;font-size:.875rem;margin:0 0 1rem}.battle-error-details{color:#888;font-size:.75rem;margin-bottom:1rem;text-align:left}.battle-error-details summary{color:#f66;cursor:pointer;margin-bottom:.5rem}.battle-error-details pre{background:#0006;border-radius:4px;color:#f88;font-size:.65rem;max-height:100px;overflow:auto;padding:.5rem;white-space:pre-wrap;word-break:break-word}.ambient-particles-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:50}.particle-snow{animation:particle-snow-fall linear infinite}@keyframes particle-snow-fall{0%{opacity:0;transform:translateY(-20px) translateX(0) rotate(0deg)}10%{opacity:.6;opacity:var(--particle-opacity,.6)}90%{opacity:.6;opacity:var(--particle-opacity,.6)}to{opacity:0;transform:translateY(calc(100vh + 20px)) translateX(30px) rotate(1turn)}}.particle-rain{animation:particle-rain-fall linear infinite;background:linear-gradient(180deg,#0000,currentColor 50%,currentColor);border-radius:0;transform:rotate(15deg);transform:rotate(var(--particle-angle,15deg));width:2px!important}@keyframes particle-rain-fall{0%{opacity:0;transform:translateY(-100px) rotate(15deg);transform:translateY(-100px) rotate(var(--particle-angle,15deg))}5%{opacity:.5;opacity:var(--particle-opacity,.5)}95%{opacity:.5;opacity:var(--particle-opacity,.5)}to{opacity:0;transform:translateY(calc(100vh + 100px)) rotate(15deg);transform:translateY(calc(100vh + 100px)) rotate(var(--particle-angle,15deg))}}.particle-dust{animation:particle-dust-drift linear infinite}@keyframes particle-dust-drift{0%{opacity:0;transform:translateX(-50px) translateY(0)}10%{opacity:.4;opacity:var(--particle-opacity,.4)}90%{opacity:.4;opacity:var(--particle-opacity,.4)}to{opacity:0;transform:translateX(calc(100vw + 50px)) translateY(20px)}}.particle-embers{animation:particle-ember-rise ease-out infinite;box-shadow:0 0 3px currentColor,0 0 6px currentColor}@keyframes particle-ember-rise{0%{opacity:1;transform:translateY(100vh) translateX(0) scale(1)}50%{opacity:.8}to{opacity:0;transform:translateY(-50px) translateX(30px) scale(.3)}}.particle-leaves{animation:particle-leaf-fall linear infinite;border-radius:50% 0 50% 0}.particle-leaves.rotate{animation:particle-leaf-fall-rotate linear infinite}@keyframes particle-leaf-fall{0%{opacity:0;transform:translateY(-30px) translateX(0)}10%{opacity:.6;opacity:var(--particle-opacity,.6)}90%{opacity:.6;opacity:var(--particle-opacity,.6)}to{opacity:0;transform:translateY(calc(100vh + 30px)) translateX(50px)}}@keyframes particle-leaf-fall-rotate{0%{opacity:0;transform:translateY(-30px) translateX(0) rotate(0deg)}10%{opacity:.6;opacity:var(--particle-opacity,.6)}25%{transform:translateY(25vh) translateX(20px) rotate(180deg)}50%{transform:translateY(50vh) translateX(-10px) rotate(1turn)}75%{transform:translateY(75vh) translateX(30px) rotate(540deg)}90%{opacity:.6;opacity:var(--particle-opacity,.6)}to{opacity:0;transform:translateY(calc(100vh + 30px)) translateX(10px) rotate(2turn)}}.particle-mist{animation:particle-mist-drift linear infinite;border-radius:50%}.particle-mist.blur{filter:blur(20px)}@keyframes particle-mist-drift{0%{opacity:0;transform:translateX(-100px) scale(.8)}20%{opacity:.2;opacity:var(--particle-opacity,.2)}80%{opacity:.2;opacity:var(--particle-opacity,.2)}to{opacity:0;transform:translateX(calc(100vw + 100px)) scale(1.2)}}.particle-sparks{animation:particle-spark-burst ease-out infinite}.particle-sparks.glow{box-shadow:0 0 4px currentColor,0 0 8px currentColor}@keyframes particle-spark-burst{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8}to{opacity:0;transform:translateY(calc(-50vh - 20px)) scale(0)}}.ambient-particle.glow{box-shadow:0 0 4px currentColor,0 0 8px currentColor,0 0 12px currentColor}.ambient-particle.blur{filter:blur(10px)}.fog-overlay{animation:fog-drift 30s ease-in-out infinite;background:linear-gradient(180deg,#aabbcc1a,#abc3 50%,#aabbcc26);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes fog-drift{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:.9;transform:translateX(20px)}}.sandstorm-overlay{animation:sandstorm-intensity 5s ease-in-out infinite;background:linear-gradient(90deg,#c4a0601a,#c4a0604d 50%,#c4a0601a);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes sandstorm-intensity{0%,to{opacity:.5}50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.ambient-particle{animation:none!important;opacity:.3}.fog-overlay,.sandstorm-overlay{animation:none}}.battle-log-enhanced{background:linear-gradient(180deg,#140a0af2,#0f0808f2);border:1px solid #b43c3c4d;border-radius:8px;display:flex;flex-direction:column;max-height:300px;overflow:hidden;transition:max-height .3s ease}.battle-log-enhanced.collapsed{max-height:40px}.log-header{background:#0000004d;border-bottom:1px solid #b43c3c33;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.log-title{align-items:center;color:#caa;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:0;-webkit-user-select:none;user-select:none}.log-title:hover{color:#fcc}.log-title .log-icon{font-size:1rem}.log-count{color:#866;font-size:.75rem;font-weight:400}.collapse-icon{color:#866;font-size:.7rem;margin-left:auto;transition:transform .2s ease}.battle-log-enhanced.collapsed .collapse-icon{transform:rotate(-90deg)}.log-filters{display:flex;gap:8px}.log-filter-select{background:#0006;border:1px solid #b43c3c4d;border-radius:4px;color:#caa;cursor:pointer;flex:1 1;font-size:.75rem;padding:4px 8px}.log-filter-select:hover{border-color:#b43c3c80}.log-filter-select:focus{border-color:#f44;outline:none}.log-content{overflow-y:auto;padding:8px;scrollbar-color:#b43c3c4d #0000;scrollbar-width:thin}.log-content::-webkit-scrollbar{width:6px}.log-content::-webkit-scrollbar-track{background:#0000}.log-content::-webkit-scrollbar-thumb{background:#b43c3c4d;border-radius:3px}.log-empty{color:#666;font-style:italic;padding:20px;text-align:center}.log-entry{background:#0003;border-left:3px solid #0000;border-radius:4px;cursor:pointer;flex-direction:column;margin-bottom:4px;padding:6px 8px;transition:all .15s ease}.log-entry:hover{background:#0006}.log-entry.expanded{background:#0006;border-left-color:initial}.log-entry.log-attack{border-left-color:#f44}.log-entry.log-defend{border-left-color:#48f}.log-entry.log-special{border-left-color:#f8f}.log-entry.log-ability{border-left-color:#fa0}.log-entry.log-move{border-left-color:#4f4}.log-entry.log-pass,.log-entry.log-skip{border-left-color:#888}.log-entry.log-damage{border-left-color:#f64}.log-entry.log-heal{border-left-color:#4f8}.log-entry.log-status{border-left-color:#a8f}.log-entry.log-destroyed{border-left-color:red}.log-entry.log-critical{border-left-color:#fc0}.log-entry-header{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:6px}.log-turn{background:#ffffff1a;border-radius:3px;color:#866;font-size:.65rem;padding:1px 4px}.log-icon{font-size:.85rem}.log-actor{font-weight:600}.log-actor--player{color:#4f8}.log-actor--opponent{color:#f44}.log-action{font-weight:500}.log-entry.log-attack .log-action{color:#f44}.log-entry.log-defend .log-action{color:#48f}.log-entry.log-special .log-action{color:#f8f}.log-entry.log-ability .log-action{color:#fa0}.log-entry.log-move .log-action{color:#4f4}.log-entry.log-pass .log-action,.log-entry.log-skip .log-action{color:#888}.log-entry.log-damage .log-action{color:#f64}.log-entry.log-heal .log-action{color:#4f8}.log-entry.log-status .log-action{color:#a8f}.log-entry.log-destroyed .log-action{color:red}.log-entry.log-critical .log-action{color:#fc0}.log-entry.log-default .log-action{color:#f44}.log-arrow{color:#666}.log-target{color:#caa}.log-damage{background:#f443;border-radius:3px;color:#f44;font-weight:700;margin-left:auto;padding:1px 6px}.log-damage.critical{animation:critical-flash .5s ease-out;background:#fc03;color:#fc0}.log-heal{background:#4f83;border-radius:3px;color:#4f8;font-weight:700;margin-left:auto;padding:1px 6px}.log-timestamp{color:#666;font-size:.65rem;margin-left:auto}@keyframes critical-flash{0%,50%{background:#fc06}to{background:#fc03}}.log-entry-details{border-top:1px solid #b43c3c33;display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px;margin-top:8px;padding-top:8px}.log-detail{display:flex;gap:4px}.detail-label{color:#866}.text-success{color:#4f8}.text-fail{color:#f44}.text-status{color:#a8f}.log-replay-btn{background:#b43c3c33;border:1px solid #b43c3c4d;border-radius:4px;color:#caa;cursor:pointer;font-size:.7rem;margin-left:auto;padding:4px 8px;transition:all .15s ease}.log-replay-btn:hover{background:#b43c3c66;border-color:#b43c3c80}@media (max-width:600px){.battle-log-enhanced{max-height:200px}.log-filters{flex-direction:column}.log-entry-header{font-size:.75rem}.log-timestamp{display:none}}@media (prefers-reduced-motion:reduce){.log-damage.critical{animation:none!important}.battle-log-enhanced,.collapse-icon,.log-entry{transition:none!important}}.hotkey-help{position:fixed;z-index:var(--z-index-tooltip)}.hotkey-help.top-left{left:20px;top:20px}.hotkey-help.top-right{right:20px;top:20px}.hotkey-help.bottom-left{bottom:20px;left:20px}.hotkey-help.bottom-right{bottom:20px;right:20px}.hotkey-toggle{align-items:center;background:#140a0ae6;border:1px solid #b43c3c4d;border-radius:8px;box-shadow:0 2px 10px #0000004d;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.hotkey-toggle:hover{background:#281414f2;border-color:#b43c3c80;transform:scale(1.05)}.hotkey-help.expanded .hotkey-toggle{background:#b43c3c4d;border-color:#b43c3c80}.hotkey-panel{animation:panel-appear .2s ease-out;background:linear-gradient(180deg,#1e0f0ffa,#140a0afa);border:1px solid #b43c3c66;border-radius:8px;bottom:50px;box-shadow:0 4px 20px #0006;overflow:hidden;position:absolute;right:0;width:220px}.hotkey-help.top-left .hotkey-panel,.hotkey-help.top-right .hotkey-panel{bottom:auto;top:50px}.hotkey-help.bottom-left .hotkey-panel,.hotkey-help.top-left .hotkey-panel{left:0;right:auto}@keyframes panel-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hotkey-header{align-items:center;background:#0000004d;border-bottom:1px solid #b43c3c33;display:flex;justify-content:space-between;padding:10px 12px}.hotkey-title{color:#caa;font-size:.85rem;font-weight:600}.hotkey-close{align-items:center;background:#0000;border:none;color:#866;cursor:pointer;display:flex;font-size:.8rem;height:20px;justify-content:center;transition:color .15s ease;width:20px}.hotkey-close:hover{color:#f44}.hotkey-list{display:flex;flex-direction:column;gap:6px;padding:8px 12px}.hotkey-item{align-items:center;display:flex;gap:10px;justify-content:space-between}.hotkey-key{background:#0006;border:1px solid #b43c3c4d;border-radius:4px;color:#fc8;font-family:Consolas,Monaco,monospace;font-size:.75rem;min-width:50px;padding:3px 8px;text-align:center}.hotkey-action{color:#aaa;font-size:.8rem}.hotkey-footer{background:#0003;border-top:1px solid #b43c3c33;padding:8px 12px}.hotkey-note{color:#666;font-size:.7rem;font-style:italic}@media (max-width:600px){.hotkey-help{display:none}}@media (prefers-reduced-motion:reduce){.hotkey-panel{animation:none!important}.hotkey-close,.hotkey-toggle{transition:none!important}}.shake-light{animation:shake-light .2s ease-out}.shake-medium{animation:shake-medium .3s ease-out}.shake-heavy{animation:shake-heavy .4s ease-out}.shake-critical{animation:shake-critical .6s ease-out}@keyframes shake-light{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-2px)}40%,80%{transform:translateX(2px)}}@keyframes shake-medium{0%,to{transform:translateX(0) translateY(0)}10%,50%,90%{transform:translateX(-4px) translateY(1px)}30%,70%{transform:translateX(4px) translateY(-1px)}}@keyframes shake-heavy{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}10%{transform:translateX(-6px) translateY(2px) rotate(-.5deg)}30%{transform:translateX(6px) translateY(-2px) rotate(.5deg)}50%{transform:translateX(-6px) translateY(1px) rotate(-.3deg)}70%{transform:translateX(6px) translateY(-1px) rotate(.3deg)}90%{transform:translateX(-3px) translateY(1px) rotate(-.1deg)}}@keyframes shake-critical{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}5%{transform:translateX(-10px) translateY(3px) rotate(-1deg)}15%{transform:translateX(10px) translateY(-3px) rotate(1deg)}25%{transform:translateX(-8px) translateY(2px) rotate(-.8deg)}35%{transform:translateX(8px) translateY(-2px) rotate(.8deg)}45%{transform:translateX(-6px) translateY(2px) rotate(-.5deg)}55%{transform:translateX(6px) translateY(-2px) rotate(.5deg)}65%{transform:translateX(-4px) translateY(1px) rotate(-.3deg)}75%{transform:translateX(4px) translateY(-1px) rotate(.3deg)}85%{transform:translateX(-2px) translateY(1px) rotate(-.1deg)}}.turn-announcement-overlay{align-items:center;animation:turn-overlay-fade 1.5s ease-out forwards;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-index-toast)}.turn-announcement-overlay.player{--turn-color:#4caf50;--turn-glow:#4caf5080}.turn-announcement-overlay.enemy{--turn-color:#f44336;--turn-glow:#f4433680}.turn-announcement-content{align-items:center;animation:turn-content-enter .5s cubic-bezier(.175,.885,.32,1.275) forwards;display:flex;gap:30px}.turn-announcement-text{align-items:center;display:flex;flex-direction:column;text-transform:uppercase}.turn-label{animation:turn-label-enter .4s ease-out .1s both;color:var(--turn-color);font-size:2rem;font-weight:300;letter-spacing:.5em;text-shadow:0 0 20px var(--turn-glow)}.turn-word{animation:turn-word-enter .5s cubic-bezier(.175,.885,.32,1.275) both;color:#fff;font-size:5rem;font-weight:900;letter-spacing:.2em;text-shadow:0 0 30px var(--turn-glow),0 0 60px var(--turn-glow),0 4px 0 #0000004d}.turn-announcement-decoration{animation:decoration-expand .5s ease-out forwards;background:linear-gradient(90deg,#0000,var(--turn-color),#0000);height:4px;width:100px}.turn-announcement-decoration.left{transform-origin:right}.turn-announcement-decoration.right{transform-origin:left}.turn-announcement-flash{animation:turn-flash .3s ease-out forwards;background:radial-gradient(ellipse at center,var(--turn-glow) 0,#0000 70%);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}@keyframes turn-overlay-fade{0%,70%{opacity:1}to{opacity:0}}@keyframes turn-content-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes turn-label-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes turn-word-enter{0%{opacity:0;transform:scale(.3) translateY(30px)}50%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes decoration-expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes turn-flash{0%{opacity:.8}to{opacity:0}}.combo-counter{align-items:center;animation:combo-appear .3s ease-out;background:linear-gradient(135deg,#000000e6,#1e1e1ee6);border:2px solid #fc0;border:2px solid var(--combo-color,#fc0);border-radius:12px;box-shadow:0 0 20px #ffcc004d,inset 0 0 20px #ffcc001a;box-shadow:0 0 20px var(--combo-glow,#ffcc004d),inset 0 0 20px #ffcc001a;display:flex;flex-direction:column;padding:15px 25px;position:absolute;right:10%;top:20%;z-index:500}.combo-counter.pulse{animation:combo-pulse .3s ease-out}.combo-counter.basic{--combo-color:#fc0;--combo-glow:#ffcc004d}.combo-counter.good{--combo-color:#f90;--combo-glow:#f906}.combo-counter.super{--combo-color:#f44;--combo-glow:#ff444480}.combo-counter.epic{--combo-color:#c4f;--combo-glow:#cc44ff80}.combo-counter.legendary{--combo-color:#0ff;--combo-glow:#0ff9;animation:combo-legendary .5s ease-out infinite alternate}.combo-count{color:var(--combo-color);font-size:3rem;font-weight:900;line-height:1;text-shadow:0 0 15px var(--combo-glow)}.combo-label{color:var(--combo-color);font-size:1rem;font-weight:700;letter-spacing:.2em;margin-top:5px;text-transform:uppercase}.combo-bonus{background:#8f83;border-radius:4px;color:#8f8;font-size:.8rem;margin-top:5px;padding:3px 8px}.combo-sparks{border-radius:12px;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.combo-sparks:after,.combo-sparks:before{animation:spark-float 1s ease-out infinite;background:var(--combo-color);border-radius:50%;content:"";height:4px;position:absolute;width:4px}.combo-sparks:after{animation-delay:.5s;left:auto;right:10%}@keyframes combo-appear{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes combo-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes combo-legendary{0%{box-shadow:0 0 20px var(--combo-glow),0 0 40px var(--combo-glow);filter:hue-rotate(0deg)}to{box-shadow:0 0 30px var(--combo-glow),0 0 60px var(--combo-glow);filter:hue-rotate(30deg)}}@keyframes spark-float{0%{opacity:1;transform:translateY(100%) scale(1)}to{opacity:0;transform:translateY(-200%) scale(0)}}.low-hp-vignette{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-index-battle-fx)}.low-hp-vignette.warning{animation:vignette-pulse-warning 2s ease-in-out infinite;box-shadow:inset 0 0 100px #ff64004d}.low-hp-vignette.danger{animation:vignette-pulse-danger 1.5s ease-in-out infinite;box-shadow:inset 0 0 120px #ff320066}.low-hp-vignette.critical{animation:vignette-pulse-critical 1s ease-in-out infinite;box-shadow:inset 0 0 150px #ff000080}.vignette-pulse{animation:border-pulse 1s ease-in-out infinite;border:4px solid #0000;bottom:0;left:0;position:absolute;right:0;top:0}.low-hp-vignette.critical .vignette-pulse{border-color:#ff000080}.critical-warning-text{animation:warning-text-flash .5s ease-in-out infinite alternate;color:red;font-size:1.5rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 10px red;top:10%;transform:translateX(-50%)}@keyframes vignette-pulse-warning{0%,to{opacity:.5}50%{opacity:.8}}@keyframes vignette-pulse-danger{0%,to{opacity:.6}50%{opacity:.9}}@keyframes vignette-pulse-critical{0%,to{opacity:.7}50%{opacity:1}}@keyframes border-pulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes warning-text-flash{0%{opacity:.5;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.05)}}.damage-flash{animation:damage-flash-anim .2s ease-out forwards;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-index-battle-fx)}.damage-flash.light{background:radial-gradient(ellipse at center,#f003 0,#0000 70%)}.damage-flash.medium{background:radial-gradient(ellipse at center,#ff00004d 0,#0000 70%)}.damage-flash.heavy{background:radial-gradient(ellipse at center,#ff000080 0,#0000 70%)}@keyframes damage-flash-anim{0%{opacity:1}to{opacity:0}}.victory-celebration{align-items:center;animation:victory-bg-fade 4s ease-out forwards;background:radial-gradient(ellipse at center,#000000b3 0,#000000e6 100%);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-toast)}.victory-confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.confetti-particle{animation:confetti-fall linear forwards;border-radius:2px;position:absolute;top:-20px}.victory-text-container{align-items:center;animation:victory-text-enter .8s cubic-bezier(.175,.885,.32,1.275) forwards;display:flex;flex-direction:column}.victory-text{align-items:center;display:flex;gap:20px}.victory-icon{animation:victory-icon-bounce .5s ease-out .3s both;font-size:4rem}.victory-word{color:gold;font-size:5rem;font-weight:900;letter-spacing:.1em;text-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70080,0 4px 0 #b8860b}.victory-subtitle{animation:victory-subtitle-fade .5s ease-out .5s forwards;color:#fff;font-size:1.5rem;margin-top:20px;opacity:0}.victory-glow{animation:victory-glow-pulse 1s ease-in-out infinite;background:radial-gradient(circle,#ffd7004d 0,#0000 70%);height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes victory-bg-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes victory-text-enter{0%{opacity:0;transform:scale(0) rotate(-10deg)}50%{transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes victory-icon-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}75%{transform:scale(.9)}to{transform:scale(1)}}@keyframes victory-subtitle-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes victory-glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.defeat-overlay{align-items:center;animation:defeat-fade 3s ease-out forwards;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-toast)}.defeat-vignette{bottom:0;box-shadow:inset 0 0 200px #8b0000cc;left:0;position:absolute;right:0;top:0}.defeat-text-container{align-items:center;animation:defeat-text-enter 1s ease-out forwards;display:flex;flex-direction:column}.defeat-text{align-items:center;display:flex;gap:20px}.defeat-icon{filter:grayscale(50%);font-size:3rem}.defeat-word{color:#8b0000;font-size:4rem;font-weight:900;letter-spacing:.15em;text-shadow:0 0 20px #8b0000cc,0 4px 0 #4a0000}.defeat-subtitle{color:#666;font-size:1.2rem;margin-top:20px}.defeat-cracks{animation:cracks-appear 1s ease-out .5s forwards;background-image:linear-gradient(45deg,#0000 45%,#3232324d 0,#3232324d 55%,#0000 0),linear-gradient(-45deg,#0000 45%,#3232324d 0,#3232324d 55%,#0000 0);background-size:100px 100px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}@keyframes defeat-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes defeat-text-enter{0%{filter:blur(10px);opacity:0;transform:scale(1.5)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes cracks-appear{0%{opacity:0}to{opacity:.5}}.action-feedback{align-items:center;animation:action-feedback-anim .8s ease-out forwards;background:linear-gradient(135deg,#000000e6,#141414e6);border:2px solid #fff;border:2px solid var(--action-color,#fff);border-radius:8px;box-shadow:0 0 30px #fff;box-shadow:0 0 30px var(--action-color,#fff);display:flex;gap:15px;left:50%;padding:15px 30px;position:fixed;top:30%;transform:translateX(-50%);z-index:var(--z-index-battle-fx)}.action-icon{font-size:2rem}.action-text{color:#fff;color:var(--action-color,#fff);font-size:1.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}@keyframes action-feedback-anim{0%{opacity:0;transform:translateX(-50%) scale(.5)}20%{opacity:1;transform:translateX(-50%) scale(1.1)}30%{transform:translateX(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-30px)}}.mech-destroyed-effect{align-items:center;animation:destroyed-effect 2s ease-out forwards;display:flex;flex-direction:column;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:var(--z-index-battle-fx)}.destruction-explosion{animation:destruction-explode .5s ease-out forwards;background:radial-gradient(circle,#fff 0,#ff0 20%,#f60 40%,red 60%,#0000 70%);border-radius:50%;height:200px;width:200px}.destruction-sparks{height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.destruction-sparks .spark{animation:spark-fly .8s ease-out forwards;animation-delay:calc(var(--spark-angle)/360*.2s);background:#fc0;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform-origin:center;width:8px}.destruction-text{align-items:center;animation:destruction-text-appear .5s ease-out .3s both;display:flex;flex-direction:column;margin-top:20px}.destroyed-label{color:#999;font-size:1rem;margin-bottom:5px}.destroyed-word{color:#f44;font-size:2rem;font-weight:700;text-shadow:0 0 15px #f44c}.mech-destroyed-effect.enemy .destroyed-word{color:#4f4;text-shadow:0 0 15px #4f4c}@keyframes destroyed-effect{0%,80%{opacity:1}to{opacity:0}}@keyframes destruction-explode{0%{opacity:1;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes spark-fly{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(-150px)}}@keyframes destruction-text-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.overheat-warning-overlay{animation:overheat-overlay 2s ease-out forwards;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-index-battle-fx)}.overheat-pulse{animation:overheat-pulse-anim .5s ease-in-out infinite;background:radial-gradient(ellipse at center,#ff640066 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}.overheat-text{animation:overheat-text-flash .3s ease-in-out infinite alternate;color:#f60;font-size:1.8rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 20px #f60;top:15%;transform:translateX(-50%)}@keyframes overheat-overlay{0%,90%{opacity:1}to{opacity:0}}@keyframes overheat-pulse-anim{0%,to{opacity:.5}50%{opacity:1}}@keyframes overheat-text-flash{0%{opacity:.7;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.05)}}.mech-card.active-mech,.turn-order-item.active{animation:active-mech-glow 1.5s ease-in-out infinite;border-color:#00ff80!important;box-shadow:0 0 10px #00ff8080,0 0 20px #00ff804d,0 0 30px #00ff8033}.mech-card.active-mech.enemy,.turn-order-item.active.enemy{animation:active-mech-glow-enemy 1.5s ease-in-out infinite;border-color:#f44!important;box-shadow:0 0 10px #ff444480,0 0 20px #ff44444d,0 0 30px #f443}@keyframes active-mech-glow{0%,to{box-shadow:0 0 10px #00ff8080,0 0 20px #00ff804d}50%{box-shadow:0 0 15px #00ff80b3,0 0 30px #00ff8080,0 0 45px #00ff804d}}@keyframes active-mech-glow-enemy{0%,to{box-shadow:0 0 10px #ff444480,0 0 20px #ff44444d}50%{box-shadow:0 0 15px #ff4444b3,0 0 30px #ff444480,0 0 45px #ff44444d}}@media (max-width:768px){.turn-label{font-size:1.2rem}.turn-word{font-size:3rem}.combo-counter{padding:10px 15px;right:5%;top:10%}.combo-count{font-size:2rem}.defeat-word,.victory-word{font-size:3rem}.critical-warning-text{font-size:1rem}}@media (prefers-reduced-motion:reduce){.shake-critical,.shake-heavy,.shake-light,.shake-medium{animation:none}.confetti-particle{animation:none;display:none}.active-mech-glow,.active-mech-glow-enemy,.victory-glow{animation:none}}.research-tree{display:flex;flex-direction:column;gap:24px}.research-tree-error,.research-tree-loading{color:#888;color:var(--color-text-secondary,#888);padding:40px;text-align:center}.research-tree-error{color:#ef4444}.bonuses-summary{background:linear-gradient(135deg,#3b82f61a,#a855f71a);border:1px solid #3b82f64d;padding:16px 20px}.bonuses-summary h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;margin:0 0 12px}.bonuses-grid{gap:12px}.bonus-item{background:#0000004d;flex-direction:column;min-width:80px;padding:8px 16px}.bonus-value{font-size:1.1rem}.bonus-label{text-transform:capitalize}.category-filter{display:flex;flex-wrap:wrap;gap:8px}.category-btn{background:#16213e;background:var(--color-ui-background-secondary,#16213e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:20px;color:#888;color:var(--color-text-secondary,#888);font-size:.9rem;padding:8px 16px;transition:all .2s ease}.category-btn:hover{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);color:#fff;color:var(--color-text-primary,#fff)}.category-btn.active{background:#3b82f6;background:var(--cat-color,var(--color-brand-primary,#3b82f6));border-color:#3b82f6;border-color:var(--cat-color,var(--color-brand-primary,#3b82f6));color:#fff}.research-categories{display:flex;flex-direction:column;gap:32px}.category-section{display:flex;flex-direction:column;gap:16px}.category-title{align-items:center;display:flex;font-size:1.25rem;gap:8px;margin:0}.research-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.research-card{background:#16213e;background:var(--color-ui-background-secondary,#16213e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:8px;padding:16px;transition:all .2s ease}.research-card:hover{border-color:#444;border-color:var(--color-border-hover,#444)}.research-card.locked{opacity:.6}.research-card.in_progress{background:linear-gradient(135deg,#16213e,#f59e0b1a);background:linear-gradient(135deg,var(--color-ui-background-secondary,#16213e),#f59e0b1a);border-color:#f59e0b}.research-card.active{box-shadow:0 0 20px #f59e0b4d}.research-card.completed{border-color:#22c55e}.research-card.prereq-locked{opacity:.5;pointer-events:none}.research-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.research-header h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;margin:0}.research-description{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;line-height:1.4;margin:0 0 12px}.research-level{align-items:center;background:#0003;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px}.level-label{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem}.level-value{color:#fbbf24;font-size:.9rem;font-weight:600}.research-progress{margin-bottom:12px}.progress-cost{color:#888;color:var(--color-text-secondary,#888);display:block;font-size:.75rem;margin-top:4px;text-align:right}.bonus-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.bonus-tag{background:#0000004d;border:1px solid;border-radius:4px;color:#fff;color:var(--color-text-primary,#fff);font-size:.75rem;padding:4px 8px}.prerequisite-info{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;display:flex;gap:8px;margin-bottom:12px;padding:8px}.prereq-label{color:#ef4444;font-size:.8rem}.prereq-name{color:#fff;color:var(--color-text-primary,#fff);font-size:.8rem;font-weight:500}.research-actions{display:flex;gap:8px}.contribute-modal{padding:20px}.contribute-info{background:#0000004d;border-radius:6px;margin-bottom:20px;padding:12px}.contribute-info p{color:#888;color:var(--color-text-secondary,#888);font-size:.9rem;margin:4px 0}.contribute-input{margin-bottom:16px}.contribute-input label{color:#fff;color:var(--color-text-primary,#fff);display:block;font-size:.9rem;margin-bottom:8px}.contribute-input input{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;padding:10px 12px;width:100%}.contribute-input input:focus{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);outline:none}.quick-amount-btn{background:#16213e;background:var(--color-ui-background-secondary,#16213e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:4px;color:#888;color:var(--color-text-secondary,#888);padding:8px 16px}.quick-amount-btn:hover{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);color:#fff}.contribute-actions{border-top:1px solid #333;border-top:1px solid var(--color-border,#333);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}@media (max-width:768px){.category-filter{justify-content:center}.research-list{grid-template-columns:1fr}.bonuses-grid{justify-content:center}.research-header{flex-direction:column}}.loader{align-items:center;display:inline-flex;justify-content:center;padding:8px}.loader__spinner{animation:loader-spin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top:3px solid var(--color-brand-primary,#3498db)}.loader--small .loader__spinner{border-width:2px;height:20px;width:20px}.loader--medium .loader__spinner{height:36px;width:36px}.loader--large .loader__spinner{border-width:4px;height:48px;width:48px}@keyframes loader-spin{to{transform:rotate(1turn)}}.war-history{display:flex;flex-direction:column;gap:1rem}.war-history-filters{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.75rem}.war-history-empty,.war-history-loading{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.war-history-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.war-history-empty .empty-hint{font-size:.85rem;opacity:.7}.war-history-list{display:flex;flex-direction:column;gap:.75rem}.war-history-item{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s ease}.war-history-item:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1);transform:translateX(4px)}.war-history-item.result-win{border-left:3px solid #22c55e;border-left:3px solid var(--success-color,#22c55e)}.war-history-item.result-loss{border-left:3px solid #ef4444;border-left:3px solid var(--danger-color,#ef4444)}.war-history-item.result-draw{border-left:3px solid #f59e0b;border-left:3px solid var(--warning-color,#f59e0b)}.war-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.war-date{color:#888;color:var(--text-muted,#888);font-size:.8rem;margin-left:auto}.war-item-opponent{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.opponent-label{color:#888;color:var(--text-muted,#888);font-size:.8rem;text-transform:uppercase}.opponent-name{color:#fff;color:var(--text-primary,#fff);font-weight:600}.war-item-score{align-items:center;background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:6px;display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem;padding:.75rem}.war-item-score .score{align-items:center;display:flex;flex-direction:column;min-width:80px}.war-item-score .score-value{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700}.war-item-score .score.winner .score-value{color:#22c55e;color:var(--success-color,#22c55e)}.war-item-score .score-label{color:#888;color:var(--text-muted,#888);font-size:.75rem;text-transform:uppercase}.war-item-score .score-separator{color:#888;color:var(--text-muted,#888);font-size:1.5rem;font-weight:300}.war-item-footer{display:flex;flex-wrap:wrap;gap:1rem}.war-stat{color:#888;color:var(--text-muted,#888);font-size:.8rem}.war-history-load-more{display:flex;justify-content:center;padding:1rem 0}.war-history-count{color:#888;color:var(--text-muted,#888);font-size:.8rem;text-align:center}.war-details-error,.war-details-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.war-details-modal{display:flex;flex-direction:column;gap:1.5rem}.war-result-banner{align-items:center;border-radius:8px;display:flex;font-size:1.5rem;font-weight:700;gap:1rem;justify-content:center;padding:1.5rem}.war-result-banner.result-win{background:linear-gradient(135deg,#22c55e33,#22c55e0d);border:1px solid #22c55e4d;color:#22c55e;color:var(--success-color,#22c55e)}.war-result-banner.result-loss{background:linear-gradient(135deg,#ef444433,#ef44440d);border:1px solid #ef44444d;color:#ef4444;color:var(--danger-color,#ef4444)}.result-icon{font-size:2rem}.war-details-participants{align-items:center;background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.war-details-participants .participant{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.war-details-participants .participant-role{color:#888;color:var(--text-muted,#888);font-size:.8rem;margin-bottom:.25rem}.war-details-participants .participant-name{color:#fff;color:var(--text-primary,#fff);font-weight:600;margin-bottom:.25rem}.war-details-participants .participant-score{font-size:1.25rem;font-weight:700}.war-details-participants .participant.attacker .participant-score{color:#ef4444;color:var(--danger-color,#ef4444)}.war-details-participants .participant.defender .participant-score{color:#3b82f6;color:var(--info-color,#3b82f6)}.vs-badge{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-radius:50%;color:#888;color:var(--text-muted,#888);font-size:1.25rem;font-weight:700;padding:.5rem 1rem}.war-details-battles h4,.war-details-reason h4,.war-details-rewards h4,.war-details-stats h4{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin-bottom:.75rem}.rewards-grid,.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.war-history .reward-item,.war-history .stat-item{align-items:center;background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:6px;display:flex;flex-direction:column;padding:.75rem;text-align:center}.war-history .reward-item .reward-value,.war-history .stat-item .stat-value{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:700}.war-history .reward-item .reward-label,.war-history .stat-item .stat-label{color:#888;color:var(--text-muted,#888);font-size:.75rem;margin-top:.25rem;text-transform:uppercase}.war-history .reward-item .reward-icon{font-size:1.5rem;margin-bottom:.25rem}.war-history .reward-item .reward-value{color:#22c55e;color:var(--success-color,#22c55e)}.battle-timeline{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:.5rem}.battle-entry{align-items:center;background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:4px;display:flex;font-size:.85rem;gap:.75rem;padding:.5rem}.battle-time{color:#888;color:var(--text-muted,#888);min-width:60px}.battle-zone{color:var(--text-primary,#fff)}.battle-points{color:#f59e0b;color:var(--warning-color,#f59e0b);font-weight:600}.war-details-reason{background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-left:3px solid #6366f1;border-left:3px solid var(--primary-color,#6366f1);border-radius:8px;padding:1rem}.reason-text{color:#ccc;color:var(--text-secondary,#ccc);font-style:italic;margin-bottom:.5rem}.declared-by{color:#888;color:var(--text-muted,#888);font-size:.85rem}@media (max-width:600px){.war-history-filters{justify-content:center}.war-details-participants{flex-direction:column;gap:1rem}.vs-badge{border-radius:4px;padding:.25rem .5rem}.rewards-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}.war-stats-card{background:#1a1a2e;background:var(--card-bg,#1a1a2e);border-radius:12px;padding:1.5rem}.war-stats-empty,.war-stats-loading{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;flex-direction:column;justify-content:center;padding:2rem}.war-stats-empty .empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.war-stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.war-stats-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0}.war-stats-main{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.stat-box{background:#0f0f1a;background:var(--bg-darker,#0f0f1a);padding:1rem .5rem}.stat-box .stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-box .stat-value{font-size:1.75rem;line-height:1}.stat-box.wins .stat-value{color:#22c55e;color:var(--success-color,#22c55e)}.stat-box.losses .stat-value{color:#ef4444;color:var(--danger-color,#ef4444)}.stat-box.draws .stat-value{color:#f59e0b;color:var(--warning-color,#f59e0b)}.stat-box.total .stat-value{color:#6366f1;color:var(--primary-color,#6366f1)}.stat-box .stat-label{color:var(--text-muted,#888);font-size:.75rem;margin-top:.5rem}.win-rate-section{display:flex;justify-content:center;margin-bottom:1.5rem}.win-rate-circle{height:140px;position:relative;width:140px}.win-rate-svg{height:100%;transform:rotate(-90deg);width:100%}.win-rate-bg{stroke:#0f0f1a;stroke:var(--bg-darker,#0f0f1a)}.win-rate-progress{stroke:#22c55e;stroke:var(--success-color,#22c55e);stroke-linecap:round;transition:stroke-dasharray .5s ease}.win-rate-text{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.win-rate-text .rate-value{color:#fff;color:var(--text-primary,#fff);font-size:1.75rem;font-weight:700}.win-rate-text .rate-label{color:#888;color:var(--text-muted,#888);font-size:.75rem;text-transform:uppercase}.streaks-section{background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:8px;display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem}.streak-item{align-items:center;display:flex;flex-direction:column;text-align:center}.streak-label{color:#888;color:var(--text-muted,#888);font-size:.75rem;margin-bottom:.25rem}.streak-value{color:#ccc;color:var(--text-secondary,#ccc);font-size:1rem;font-weight:600}.streak-value.winning{color:#22c55e;color:var(--success-color,#22c55e)}.streak-value.best{color:#f59e0b;color:var(--warning-color,#f59e0b)}.zone-stats-section{margin-bottom:1.5rem}.zone-stats-section h4{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.zone-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.zone-stat{align-items:center;background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:6px;display:flex;flex-direction:column;padding:.75rem}.zone-icon{font-size:1.25rem;margin-bottom:.25rem}.zone-value{font-size:1.25rem;font-weight:700}.zone-value.captured{color:#22c55e;color:var(--success-color,#22c55e)}.zone-value.lost{color:#ef4444;color:var(--danger-color,#ef4444)}.zone-value.net.positive{color:#22c55e;color:var(--success-color,#22c55e)}.zone-value.net.negative{color:#ef4444;color:var(--danger-color,#ef4444)}.zone-label{color:#888;color:var(--text-muted,#888);font-size:.7rem;text-transform:uppercase}.recent-form-section{margin-bottom:1.5rem}.recent-form-section h4{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.recent-results{gap:.5rem}.recent-result,.recent-results{display:flex;justify-content:center}.recent-result{align-items:center;border-radius:6px;font-size:.85rem;font-weight:700;height:32px;width:32px}.recent-result.result-win{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e;color:var(--success-color,#22c55e)}.recent-result.result-loss{background:#ef444433;border:1px solid #ef44444d;color:#ef4444;color:var(--danger-color,#ef4444)}.recent-result.result-draw{background:#f59e0b33;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning-color,#f59e0b)}.no-recent{color:#888;color:var(--text-muted,#888);font-size:.85rem;font-style:italic}.war-status-section{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);padding-top:1rem}.war-blocked,.war-status-section{align-items:center;display:flex;flex-direction:column;gap:.5rem}.blocked-reason{color:#888;color:var(--text-muted,#888);font-size:.8rem;text-align:center}.war-stats-card.compact{padding:1rem}.war-stats-card.compact .compact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.war-stats-card.compact .compact-header h4{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.war-stats-card.compact .compact-stats{display:flex;justify-content:space-around;margin-bottom:.75rem}.war-stats-card.compact .compact-stat{align-items:center;display:flex;flex-direction:column}.war-stats-card.compact .compact-stat .stat-value{font-size:1.25rem;font-weight:700}.war-stats-card.compact .compact-stat .stat-value.win{color:#22c55e;color:var(--success-color,#22c55e)}.war-stats-card.compact .compact-stat .stat-value.loss{color:#ef4444;color:var(--danger-color,#ef4444)}.war-stats-card.compact .compact-stat .stat-value.rate{color:#6366f1;color:var(--primary-color,#6366f1)}.war-stats-card.compact .compact-stat .stat-label{color:#888;color:var(--text-muted,#888);font-size:.7rem;text-transform:uppercase}.war-stats-card.compact .streak-badge{background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border-radius:4px;display:flex;font-size:.8rem;font-weight:600;justify-content:center;padding:.5rem}.war-stats-card.compact .streak-badge.winning{background:#22c55e1a;color:#22c55e;color:var(--success-color,#22c55e)}.war-stats-card.compact .streak-badge.neutral{color:#888;color:var(--text-muted,#888)}@media (max-width:600px){.war-stats-main{grid-template-columns:repeat(2,1fr)}.stat-box .stat-value{font-size:1.5rem}.win-rate-circle{height:120px;width:120px}.zone-stats{grid-template-columns:repeat(3,1fr)}}.war-room{display:flex;flex-direction:column;gap:24px}.war-room-tabs{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;gap:.5rem;margin-bottom:.5rem;padding-bottom:1rem}.war-tab{background:#0f0f1a;background:var(--bg-darker,#0f0f1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;color:#ccc;color:var(--text-secondary,#ccc);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.war-tab:hover{background:#1a1a2e;background:var(--card-bg,#1a1a2e)}.war-tab.active,.war-tab:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.war-tab.active{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff;color:var(--text-primary,#fff)}.war-history-card{padding:1.5rem}.war-history-card h3{color:var(--text-primary,#fff);font-size:1.25rem;margin-bottom:1rem}.war-room-loading{color:#888;color:var(--color-text-secondary,#888);padding:40px;text-align:center}.war-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;padding:12px 16px;text-align:center}.active-war-card{background:linear-gradient(135deg,#16213e,#ef44441a);background:linear-gradient(135deg,var(--color-ui-background-secondary,#16213e),#ef44441a);border:1px solid #ef44444d;padding:24px}.war-banner{margin-bottom:24px;text-align:center}.war-status-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.war-status-row h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.5rem;margin:0}.war-timer{align-items:center;display:flex;flex-direction:column;gap:4px}.timer-value{color:#f59e0b}.war-participants{gap:24px;justify-content:center;margin-bottom:24px}.participant,.war-participants{align-items:center;display:flex}.participant{background:#0000004d;border-radius:8px;flex-direction:column;gap:8px;min-width:150px;padding:16px 24px}.participant.us{border:2px solid #22c55e}.participant.them{border:2px solid #ef4444}.participant-label{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem;text-transform:uppercase}.participant-name{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;font-weight:600;text-align:center}.participant-score{font-size:1.75rem;font-weight:700}.participant.us .participant-score{color:#22c55e}.participant.them .participant-score{color:#ef4444}.vs-divider{color:#888;color:var(--color-text-secondary,#888);font-size:1.25rem;font-weight:700}.score-progress{margin-bottom:24px}.score-bar{background:#0000004d;border-radius:6px;display:flex;height:12px;overflow:hidden}.score-fill{height:100%;transition:width .5s ease}.score-fill.us{background:linear-gradient(90deg,#22c55e,#16a34a)}.score-fill.them{background:linear-gradient(90deg,#ef4444,#dc2626)}.war-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.war-room .stat-item{align-items:center;background:#0003;border-radius:6px;display:flex;flex-direction:column;padding:12px}.war-room .stat-value{color:#fff;color:var(--color-text-primary,#fff);font-size:1.5rem;font-weight:700}.war-room .stat-label{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem;text-transform:uppercase}.recent-battles{margin-bottom:24px}.recent-battles h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;margin:0 0 12px}.battle-list{display:flex;flex-direction:column;gap:8px}.battle-item{align-items:center;background:#0003;border-radius:6px;display:flex;gap:12px;padding:10px 12px}.battle-zone{color:#fff;color:var(--color-text-primary,#fff);flex:1 1;font-size:.9rem}.battle-points{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem}.no-war-card{padding:40px;text-align:center}.no-war-content{margin-bottom:24px}.no-war-icon{display:block;font-size:4rem;margin-bottom:16px}.no-war-content h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.5rem;margin:0 0 12px}.no-war-content p{color:#888;color:var(--color-text-secondary,#888);margin:0 auto;max-width:500px}.war-actions{display:flex;gap:12px;justify-content:center}.war-history-card{padding:20px}.war-history-card h3{color:#fff;color:var(--color-text-primary,#fff);margin:0 0 12px}.history-placeholder{color:#888;color:var(--color-text-secondary,#888);font-style:italic;padding:24px;text-align:center}.declare-war-modal{padding:20px}.war-warning{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.war-warning .warning-icon{flex-shrink:0;font-size:1.5rem}.war-warning p{color:#fbbf24;font-size:.9rem;line-height:1.5;margin:0}.form-group{margin-bottom:16px}.form-group label{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem}.form-group input,.form-group textarea{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);color:#fff;color:var(--color-text-primary,#fff);font-family:inherit;font-size:1rem;padding:10px 12px}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6)}.form-group textarea{min-height:80px;resize:vertical}.surrender-modal{padding:20px}.surrender-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:24px;padding:16px}.surrender-warning .warning-icon{display:block;font-size:1.5rem;margin-bottom:12px}.surrender-warning p{color:#ef4444;font-size:.95rem;margin:0 0 12px}.consequences-list{color:#888;color:var(--color-text-secondary,#888);font-size:.9rem;margin:0;padding-left:20px}.consequences-list li{margin-bottom:6px}@media (max-width:768px){.war-participants{flex-direction:column;gap:12px}.vs-divider{display:none}.participant{width:100%}.war-stats{grid-template-columns:1fr}.battle-item{flex-wrap:wrap}}.donation-modal{min-width:320px;padding:20px}.donation-success{align-items:center;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.donation-success .success-icon{font-size:3rem;margin-bottom:16px}.donation-success p{color:#22c55e;font-size:1.25rem;font-weight:600;margin:0}.balance-section{background:#0000004d;border-radius:8px;margin-bottom:20px;padding:16px}.balance-row{align-items:center;padding:8px 0}.balance-row:not(:last-child){border-bottom:1px solid #ffffff1a}.balance-label{color:#888;color:var(--color-text-secondary,#888);font-size:.9rem}.limit-value{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem}.balance-row.remaining{margin-top:4px;padding-top:12px}.remaining-value{color:#22c55e;font-size:1rem;font-weight:600}.amount-section{margin-bottom:16px}.amount-label{color:#fff;color:var(--color-text-primary,#fff);display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.amount-input-wrapper{display:flex;gap:8px}.amount-input{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);flex:1 1;font-size:1.1rem;font-weight:600;padding:12px 16px}.amount-input:focus{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);outline:none}.amount-input:disabled{cursor:not-allowed;opacity:.6}.max-btn{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px 16px;transition:all .2s ease}.max-btn:hover:not(:disabled){background:#2563eb}.max-btn:disabled{cursor:not-allowed;opacity:.5}.amount-error{color:#ef4444;display:block;font-size:.85rem;margin-top:8px}.quick-amounts{gap:8px;margin-bottom:20px}.quick-btn{background:#16213e;background:var(--color-ui-background-secondary,#16213e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-width:60px;padding:10px 12px;transition:all .2s ease}.quick-btn:hover:not(:disabled){background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);color:#fff;color:var(--color-text-primary,#fff)}.quick-btn.active,.quick-btn:hover:not(:disabled){border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6)}.quick-btn.active{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);color:#fff}.quick-btn:disabled{cursor:not-allowed;opacity:.4}.donation-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;margin-bottom:20px;padding:12px 16px}.donation-info p{color:#93c5fd;font-size:.85rem;line-height:1.4;margin:0}.donation-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.donation-error .error-icon{flex-shrink:0}.donation-error span{color:#ef4444;font-size:.9rem}.donation-actions{border-top:1px solid #333;border-top:1px solid var(--color-border,#333);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}@media (max-width:480px){.donation-modal{min-width:auto;padding:16px}.quick-amounts{flex-wrap:wrap}.quick-btn{flex-basis:calc(33.333% - 6px);flex-grow:0;flex-shrink:0;min-width:auto}.donation-actions{flex-direction:column}.donation-actions button{width:100%}}.member-management{display:flex;flex-direction:column;gap:16px}.member-header{flex-wrap:wrap;gap:16px;justify-content:space-between}.member-count,.member-header{align-items:center;display:flex}.member-count{gap:12px}.member-count h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.25rem;margin:0}.count-badge{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.member-filters{display:flex;gap:12px}.search-input{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);color:#fff;color:var(--color-text-primary,#fff);min-width:200px;padding:8px 12px}.search-input:focus{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6)}.search-input::placeholder{color:#888;color:var(--color-text-secondary,#888)}.role-filter{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;font-size:.9rem;padding:8px 12px}.role-filter:focus{border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6);outline:none}.member-list{display:flex;flex-direction:column;gap:8px}.no-members{color:#888;color:var(--color-text-secondary,#888);font-style:italic;padding:40px;text-align:center}.member-card{align-items:center;background:#16213e;background:var(--color-ui-background-secondary,#16213e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.member-card:hover{background:#ffffff05;border-color:#444;border-color:var(--color-border-hover,#444)}.member-info{flex:1 1;gap:12px}.member-avatar,.member-info{align-items:center;display:flex}.member-avatar{background:#0000004d;border-radius:50%;height:44px;justify-content:center;width:44px}.role-icon{font-size:1.5rem}.member-details{display:flex;flex-direction:column;gap:4px}.member-name-row{align-items:center;display:flex;gap:8px}.member-name{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;font-weight:600}.member-stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.stat{font-size:.8rem;gap:4px}.member-management .stat-label{color:#888;color:var(--color-text-secondary,#888)}.member-management .stat-value{color:#fff;color:var(--color-text-primary,#fff);font-weight:500}.last-active{border-radius:4px;font-size:.8rem;padding:2px 8px}.last-active.online{background:#22c55e33;color:#22c55e}.last-active.recent{background:#3b82f633;color:#3b82f6}.last-active.today{background:#f59e0b33;color:#f59e0b}.last-active.inactive,.last-active.unknown{background:#6b728033;color:#6b7280}.member-actions{display:flex;flex-shrink:0;gap:8px}.kick-modal{padding:20px}.kick-warning{margin-bottom:24px}.kick-warning p{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;margin:0 0 12px}.kick-warning .warning-note{color:#888;color:var(--color-text-secondary,#888);font-size:.9rem}.transfer-modal{padding:20px}.transfer-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.transfer-warning .warning-icon{flex-shrink:0;font-size:2rem}.transfer-warning p{color:#fff;color:var(--color-text-primary,#fff);font-size:.95rem;margin:0 0 8px}.transfer-warning .warning-note{margin-bottom:4px}.transfer-warning .warning-note,.transfer-warning ul{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem}.transfer-warning ul{margin:8px 0;padding-left:20px}.transfer-warning li{margin-bottom:4px}.modal-actions{border-top:1px solid #333;border-top:1px solid var(--color-border,#333);padding-top:16px}.member-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;padding:12px 16px;text-align:center}@media (max-width:768px){.member-header{align-items:stretch}.member-filters,.member-header{flex-direction:column}.search-input{min-width:100%}.member-card{align-items:stretch;flex-direction:column;gap:12px}.member-actions{justify-content:flex-end}.member-stats{gap:8px}}.applications-card{margin-bottom:16px}.applications-card h3{font-size:1.1rem;margin:0 0 12px}.applications-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.application-item{align-items:center;background:#16213e;background:var(--color-ui-background-secondary,#16213e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;display:flex;gap:12px;padding:10px 12px}.app-name{flex:1 1;font-weight:600}.app-level{font-size:.85rem}.app-date,.app-level{color:#888;color:var(--color-text-secondary,#888)}.app-date{font-size:.8rem}.app-actions{display:flex;gap:8px}.no-applications{color:#888;color:var(--color-text-secondary,#888);font-style:italic;margin:0}.activity-item{background:#1e293b66;border-left:3px solid;border-radius:6px;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.activity-item:hover{background:#1e293b99;transform:translateX(2px)}.activity-item.member{border-left-color:#6366f1}.activity-item.donation{border-left-color:#10b981}.activity-item.research{border-left-color:#8b5cf6}.activity-item.war{border-left-color:#ef4444}.activity-item.territory{border-left-color:#f59e0b}.activity-item.structure{border-left-color:#06b6d4}.activity-item.default{border-left-color:#64748b}.activity-icon{align-items:center;display:flex;font-size:1.5rem;line-height:1}.activity-message{color:#e2e8f0;font-size:.95rem;line-height:1.5;margin-bottom:4px}.activity-message strong{color:#f1f5f9;font-weight:600}.activity-message .metadata{color:#94a3b8;font-size:.85rem}.activity-message .credits{color:#10b981;font-weight:600}.activity-timestamp{color:#64748b;font-size:.8rem}@media (max-width:768px){.activity-item{gap:10px;padding:10px 12px}.activity-icon{font-size:1.3rem}.activity-message{font-size:.9rem}.activity-timestamp{font-size:.75rem}}.alliance-activity-feed{background:#0f172a99;border:1px solid #4755694d;border-radius:8px;display:flex;flex-direction:column;max-height:800px;padding:20px}.activity-feed-header{align-items:center;border-bottom:1px solid #4755694d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.activity-feed-header h3{color:#e2e8f0;font-size:1.5rem;font-weight:600;margin:0}.activity-filter{align-items:center;display:flex;gap:10px}.activity-filter label{color:#94a3b8;font-size:.9rem}.activity-filter select{background:#1e293bcc;border:1px solid #47556980;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.activity-filter select:hover:not(:disabled){background:#1e293b;border-color:#6366f180}.activity-filter select:disabled{cursor:not-allowed;opacity:.5}.activity-feed-content{flex:1 1;min-height:300px;overflow-y:auto}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-feed-empty,.activity-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.activity-loading .loading-spinner{animation:activity-spin .8s linear infinite;border:3px solid #6366f133;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:15px;width:40px}@keyframes activity-spin{to{transform:rotate(1turn)}}.activity-feed-empty p,.activity-loading p{color:#cbd5e1;font-size:1.1rem;margin:0 0 5px}.activity-feed-empty span{color:#64748b;font-size:.9rem}.activity-load-more{border-top:1px solid #47556933;display:flex;justify-content:center;margin-top:10px;padding:20px 0 10px}.load-more-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:6px;box-shadow:0 2px 8px #6366f133;color:#fff;font-size:.95rem;padding:10px 30px;transition:all .2s}.load-more-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.load-more-btn:disabled{opacity:.5;transform:none}.activity-feed-content::-webkit-scrollbar{width:8px}.activity-feed-content::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.activity-feed-content::-webkit-scrollbar-thumb{background:#47556980;border-radius:4px}.activity-feed-content::-webkit-scrollbar-thumb:hover{background:#475569b3}@media (max-width:768px){.alliance-activity-feed{padding:15px}.activity-feed-header{align-items:flex-start;flex-direction:column;gap:15px}.activity-filter{width:100%}.activity-filter select{flex:1 1}}.zone-rewards-panel{display:flex;flex-direction:column;gap:16px}.rewards-card{background:linear-gradient(135deg,#16213e,#22c55e0d);background:linear-gradient(135deg,var(--color-ui-background-secondary,#16213e),#22c55e0d);border:1px solid #22c55e33;padding:20px}.rewards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rewards-header h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.25rem;margin:0}.socket-indicator{font-size:.6rem}.rewards-empty,.rewards-loading{color:#888;color:var(--color-text-secondary,#888);padding:24px;text-align:center}.empty-hint{color:#666;color:var(--color-text-secondary,#666);font-size:.85rem;margin-top:8px}.income-summary{background:#0000004d;border-radius:8px;margin-bottom:16px;padding:16px}.income-main{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.income-label{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.income-details{display:flex;gap:24px;justify-content:center}.detail-item{align-items:center;font-size:.9rem;gap:6px}.detail-label{color:#888;color:var(--color-text-secondary,#888)}.detail-value{color:#fff;color:var(--color-text-primary,#fff)}.countdown-section{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;margin-bottom:16px;padding:16px}.countdown-display,.countdown-section{align-items:center;display:flex;flex-direction:column}.countdown-display{gap:4px}.countdown-label{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;text-transform:uppercase}.countdown-timer{color:#3b82f6;font-family:monospace;font-size:2rem;font-weight:700}.eligible-members{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;margin-top:8px}.bonuses-section{margin-bottom:16px}.bonuses-section h4{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;margin:0 0 12px}.bonuses-grid{gap:8px}.bonus-item{flex:0 0 auto;gap:6px}.bonus-icon{font-size:1rem}.bonus-label{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem}.zones-breakdown{margin-bottom:16px}.zones-breakdown h4{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;margin:0 0 12px}.zones-list{gap:8px}.zone-item{background:#0003;padding:10px 12px}.zone-name{color:#fff;color:var(--color-text-primary,#fff);flex:1 1;font-size:.9rem}.zone-type{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem;margin:0 12px}.zone-credits{color:#22c55e;font-size:.9rem;font-weight:600}.zones-more{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;font-style:italic;padding:8px;text-align:center}.history-card{padding:16px}.history-header{justify-content:space-between;margin-bottom:12px}.history-header h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;margin:0}.history-content{display:flex;flex-direction:column;gap:12px}.history-empty{color:#888;color:var(--color-text-secondary,#888);font-style:italic;padding:16px;text-align:center}.history-list{gap:8px}.history-item{border-radius:6px;padding:12px}.history-main{justify-content:space-between;margin-bottom:6px}.history-amount{color:#22c55e;font-size:1rem;font-weight:600}.history-details,.history-time{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem}.history-details{align-items:center;gap:8px}.zone-rewards-panel.compact{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;padding:12px 16px}.compact-header{align-items:center;display:flex;justify-content:space-between}.compact-label{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;font-weight:500}.compact-countdown{align-items:center;display:flex;font-size:.85rem;gap:8px;margin-top:8px}.compact-countdown .countdown-label{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;text-transform:none}.compact-countdown .countdown-value{color:#3b82f6;font-family:monospace;font-weight:600}@media (max-width:768px){.income-details{flex-direction:column;gap:8px}.bonuses-grid{justify-content:center}.zone-item{flex-wrap:wrap;gap:8px}.zone-type{margin:0;order:3;text-align:left;width:100%}}.alliance-page{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:20px;width:100%}@media (min-width:1920px){.alliance-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.alliance-page{max-width:min(2000px,98vw)}}.alliance-page .page-header{animation:alFadeInDown .5s ease-out;margin-bottom:24px;position:relative}.alliance-page .page-header h1{align-items:center;display:flex;font-size:2em;gap:12px;margin:0 0 8px}.alliance-page .page-description{color:var(--color-text-secondary);margin:0}.alliance-header-info{align-items:center;display:flex;gap:16px}.alliance-header-info h1{margin:0}.alliance-header-meta{align-items:center;display:flex;gap:8px;margin-top:4px}.alliance-logo{border:2px solid var(--color-ui-border);border-radius:12px;flex-shrink:0;height:56px;object-fit:cover;transition:transform .2s ease;width:56px}.alliance-logo:hover{transform:scale(1.08)}.alliance-logo-placeholder{align-items:center;background:var(--color-ui-border);border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.alliance-tag{color:var(--color-brand-primary);font-weight:700}.alliance-description{color:var(--color-text-secondary);font-style:italic;margin:4px 0 0}.role-badge{display:inline-block;font-size:.8em;font-weight:700;padding:4px 12px;text-transform:uppercase}.loading-container{padding:60px 20px}.loading-spinner{border:4px solid var(--color-ui-border)}.no-alliance-container{display:flex;justify-content:center;padding:40px 0}.alliance-page .no-alliance-card{max-width:500px;padding:40px;text-align:center}.no-alliance-icon{font-size:4em;margin-bottom:16px}.no-alliance-card h2{margin:0 0 12px}.alliance-benefits{background:#ffffff08;border-radius:8px;margin:24px 0;padding:16px;text-align:left}.alliance-benefits h3{font-size:1em;margin:0 0 12px}.alliance-benefits ul{list-style:none;margin:0;padding:0}.alliance-benefits li{padding:6px 0}.no-alliance-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.alliance-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--color-ui-border);display:flex;gap:2px;margin-bottom:20px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.alliance-tabs::-webkit-scrollbar{height:4px}.alliance-tabs::-webkit-scrollbar-track{background:#0000}.alliance-tabs::-webkit-scrollbar-thumb{background:#2a2a3e;background:var(--color-ui-border,#2a2a3e);border-radius:2px}.alliance-tabs .tab{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9em;gap:6px;padding:10px 14px;position:relative;transition:color .2s,background .2s;white-space:nowrap}.alliance-tabs .tab .tab-icon{font-size:1.1em;line-height:1}.alliance-tabs .tab:hover{background:#ffffff0a;color:var(--color-text-primary)}.alliance-tabs .tab.active{background:#3498db14;color:var(--color-brand-primary)}.alliance-tabs .tab.active:after{background:var(--color-brand-primary);border-radius:2px 2px 0 0;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.overview-tab{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.zone-rewards-section{grid-column:1/-1;margin-top:24px}.alliance-level-card{text-align:center}.level-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.level-icon{font-size:2em}.level-number{font-size:1.8em}.level-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,var(--color-brand-primary),#2ecc71);height:100%;transition:width .3s ease;width:0;width:var(--level-progress-pct,0)}.level-xp{color:var(--color-text-secondary);font-size:.9em}.resources-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.resource{align-items:center;background:#ffffff08;border-radius:8px;display:flex;flex-direction:column;padding:12px}.resource-icon{font-size:1.5em;margin-bottom:4px}.resource-label{color:var(--color-text-secondary);font-size:.8em}.resource-value{color:var(--color-brand-primary);font-size:1.2em}.bonuses-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.bonus{background:#4ecca31a;border:1px solid #4ecca34d;padding:12px 16px;text-align:center}.bonus-value{color:var(--color-brand-primary);display:block;font-size:1.4em;font-weight:700}.bonus-label{font-size:.8em}.bonus-label,.no-bonuses{color:var(--color-text-secondary)}.no-bonuses{font-style:italic}.actions-grid{display:flex;flex-wrap:wrap;gap:12px}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.members-table{border-collapse:collapse;width:100%}.members-table td,.members-table th{border-bottom:1px solid var(--color-ui-border);padding:12px;text-align:left}.members-table th{color:var(--color-text-secondary);font-size:.9em;font-weight:600;text-transform:uppercase}.member-name{font-weight:500}.contributions{color:var(--color-text-secondary)}.stats-tab,.vault-tab{grid-gap:20px;display:grid;gap:20px}.vault-treasury-card{text-align:center}.vault-balance{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.balance-item{background:#0000004d;border-radius:8px;padding:20px}.balance-label{display:block;margin-bottom:8px}.balance-label,.vault-note{color:var(--color-text-secondary);font-size:.9em}.vault-note{font-style:italic;margin-top:16px}.vault-history-card{max-height:500px;overflow-y:auto}.tax-history-list{display:flex;flex-direction:column;gap:12px}.tax-history-item{align-items:center;background:#0000004d;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.history-amount{font-weight:700}.history-timestamp{font-size:.9em}.history-timestamp,.no-history{color:var(--color-text-secondary)}.no-history{font-style:italic;padding:40px}.no-history,.vault-distribute-card{text-align:center}.distribute-note{color:var(--color-text-secondary);margin-bottom:16px}.vault-distribute-modal label{display:block;margin-bottom:12px}.vault-distribute-modal .distribute-help{color:var(--color-text-secondary);margin-bottom:16px}.distribute-amount-input{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);margin-left:8px;padding:8px;width:120px}.distribute-recipients-label{font-weight:600;margin-bottom:8px;margin-top:16px}.distribute-recipients-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-height:200px;overflow-y:auto}.distribute-recipient-row{align-items:center;cursor:pointer;display:flex;gap:8px;padding:6px 0}.missions-tab{grid-gap:20px;display:grid;gap:20px}.missions-card h3{margin-top:0}.missions-intro{color:var(--color-text-secondary);margin-bottom:20px}.missions-list{display:flex;flex-direction:column;gap:16px}.mission-item{background:#0000004d;border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:8px;padding:16px}.mission-header{margin-bottom:8px}.mission-name{font-weight:600}.mission-type{font-size:.8em;text-transform:uppercase}.mission-desc,.mission-type{color:var(--color-text-secondary)}.mission-desc{font-size:.95em;margin:0 0 12px}.mission-progress{align-items:center;display:flex;gap:12px;margin-bottom:8px}.mission-progress-bar{background:#0006;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.mission-progress-fill{background:#6366f1;background:var(--color-brand-primary,#6366f1);border-radius:4px;height:100%;transition:width .2s ease;width:0;width:var(--mission-progress-pct,0)}.mission-progress-text{color:var(--color-text-secondary);font-size:.9em;min-width:80px}.mission-meta{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85em;gap:8px;justify-content:space-between}.mission-joined{color:#22c55e;color:var(--color-success,#22c55e)}.no-missions{color:var(--color-text-secondary);padding:24px}.achievements-tab{grid-gap:20px;display:grid;gap:20px}.achievements-card h3{margin-top:0}.achievements-list{display:flex;flex-direction:column;gap:12px}.achievement-item{align-items:flex-start;background:#0000004d;border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:8px;display:flex;gap:16px;padding:14px}.achievement-item.unlocked{background:#22c55e14;border-color:#22c55e;border-color:var(--color-success,#22c55e)}.achievement-icon{flex-shrink:0;font-size:1.8em}.achievement-body{flex:1 1;min-width:0}.achievement-name{display:block;font-weight:600;margin-bottom:4px}.achievement-desc{color:var(--color-text-secondary);font-size:.9em;margin:0 0 8px}.achievement-progress{color:var(--color-text-secondary);font-size:.85em}.achievement-unlocked{color:#22c55e;color:var(--color-success,#22c55e)}.no-achievements{color:var(--color-text-secondary);padding:24px;text-align:center}.invites-received-card{margin-top:20px}.invites-received-card h3{margin-top:0}.invites-intro{color:var(--color-text-secondary);margin-bottom:12px}.invites-list{list-style:none;margin:0;padding:0}.invite-item{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;padding:12px}.invite-alliance{font-weight:600}.invite-meta{color:var(--color-text-secondary);font-size:.9em}.invite-actions{display:flex;gap:8px;margin-left:auto}.diplomacy-tab{grid-gap:20px;display:grid;gap:20px}.diplomacy-card h3{margin-top:0}.diplomacy-list{display:flex;flex-direction:column;gap:8px}.diplomacy-item{background:#0000004d;border-radius:6px;padding:8px 12px}.diplomacy-proposal-item{align-items:center;background:#0000004d;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 12px}.proposal-actions{gap:8px}.diplomacy-propose-card{text-align:center}.diplomacy-propose-modal label{display:block;margin-bottom:12px}.diplomacy-propose-modal label input,.diplomacy-propose-modal label select{margin-left:8px;padding:6px 10px}.diplomacy-propose-modal label input,.diplomacy-propose-modal label select,.diplomacy-search-input{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff)}.diplomacy-search-input{box-sizing:border-box;margin-bottom:8px;max-width:400px;padding:8px 10px;width:100%}.diplomacy-search-loading{color:var(--color-text-secondary);font-size:.9em;margin:0 0 8px}.diplomacy-search-results{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;max-height:200px;overflow-y:auto}.diplomacy-search-result-item{background:#0000004d;border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;padding:8px 12px;text-align:left;transition:background .15s ease}.diplomacy-search-result-item:hover{background:#6366f133}.diplomacy-search-result-item.selected{background:#6366f126;border-color:#6366f1;border-color:var(--color-brand-primary,#6366f1)}.diplomacy-selected{font-size:.95em;margin:0 0 12px}.diplomacy-selected,.no-items{color:var(--color-text-secondary)}.no-items{font-style:italic;margin:0}.invite-member-modal label,.update-alliance-modal .settings-row{display:block;margin-bottom:12px}.invite-member-modal .invite-userid-input,.update-alliance-modal input[type=text],.update-alliance-modal textarea{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;box-sizing:border-box;color:#fff;color:var(--color-text-primary,#fff);max-width:400px;padding:8px 10px;width:100%}.invite-modal-intro{color:var(--color-text-secondary);margin-bottom:16px}.invite-by-username{margin-bottom:16px}.invite-by-userid label,.invite-by-username label{display:block;margin-bottom:6px}.invite-search-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.invite-search-row .invite-userid-input{flex:1 1;max-width:none}.invite-lookup-result{align-items:center;background:#0000004d;border-radius:6px;display:flex;gap:12px;margin-top:10px;padding:10px}.invite-by-userid{margin-bottom:16px}.update-alliance-modal textarea{min-height:60px;resize:vertical}.invite-member-card{margin-bottom:20px}.invite-member-card h3{margin-top:0}.invite-member-note{color:var(--color-text-secondary);margin-bottom:12px}.vault-withdraw-card{text-align:center}.withdraw-note{color:var(--color-text-secondary);font-size:.95em;margin-bottom:16px}.vault-withdraw-modal label{display:block;margin-bottom:12px}.withdraw-amount-input{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff);margin-left:8px;padding:8px;width:140px}.alliance-settings-modal .settings-row,.disband-modal p,.transfer-leadership-modal p{margin-bottom:12px}.alliance-settings-modal .settings-row{align-items:center;display:flex;gap:12px}.alliance-settings-modal .settings-row input[type=number]{padding:6px;width:80px}.alliance-settings-modal .settings-row input[type=number],.transfer-select{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:6px;color:#fff;color:var(--color-text-primary,#fff)}.transfer-select{margin-bottom:16px;max-width:320px;padding:10px;width:100%}.disband-modal .warning{color:#f59e0b;color:var(--color-warning,#f59e0b)}.perks-tab{grid-gap:20px;display:grid;gap:20px}.perks-overview-card{text-align:center}.perks-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:20px 0}.perks-stat{background:#0000004d;border-radius:8px;padding:16px}.perks-stat .stat-label{color:var(--color-text-secondary);display:block;font-size:.9em;margin-bottom:8px}.perks-stat .stat-value{color:var(--color-text-primary);display:block;font-size:1.5em;font-weight:700}.perks-note{color:var(--color-text-secondary);font-size:.9em;font-style:italic;margin-top:16px}.perks-list-card{max-height:500px;overflow-y:auto}.perks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.perk-item{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:12px;padding:16px}.perk-icon{font-size:2em}.perk-info{flex:1 1}.perk-name{color:var(--color-text-secondary);font-size:.9em;margin-bottom:4px}.perk-value{color:#4ecca3;font-size:1.2em;font-weight:700}.no-perks{color:var(--color-text-secondary);font-style:italic;padding:40px;text-align:center}.perks-zones-card{max-height:400px;overflow-y:auto}.zones-list{display:flex;flex-direction:column;gap:12px}.zone-item{align-items:center;background:#0000004d;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.zone-name{color:var(--color-text-primary);font-weight:500}.zone-tier{color:var(--color-text-secondary);font-size:.9em}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.alliance-page .stat-item{background:#ffffff08;border-radius:8px;padding:16px;text-align:center}.alliance-page .stat-item .stat-value{display:block;font-size:2em;font-weight:700}.alliance-page .stat-item .stat-label{color:var(--color-text-secondary);font-size:.85em}.alliance-page .stat-item.win .stat-value{color:#4ecca3}.alliance-page .stat-item.loss .stat-value{color:#e94560}.create-alliance-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:768px){.create-alliance-container{grid-template-columns:1fr}}.alliance-page .create-alliance-form-card{padding:24px}.form-group{position:relative}.form-group label{font-weight:500}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);font-size:1em;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-brand-primary);outline:none}.form-group.has-error input,.form-group.has-error textarea{border-color:#e94560}.error-text{color:#e94560;display:block;font-size:.85em;margin-top:4px}.form-group .char-count{bottom:8px;font-size:.8em;position:absolute;right:8px}.form-group .char-count,.hint{color:var(--color-text-secondary)}.hint{display:block;font-size:.85em;margin-top:4px}.cost-section{background:#ffffff08;border-radius:8px;margin-bottom:20px;padding:16px}.cost-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cost-value{color:var(--color-brand-primary);font-size:1.2em}.balance-row{display:flex;justify-content:space-between}.balance-row .sufficient{color:#4ecca3}.balance-row .insufficient{color:#e94560}.insufficient-funds{color:#e94560;font-weight:500;margin-top:8px}.api-error{background:#e945601a;border:1px solid #e94560;border-radius:6px;color:#e94560;margin-bottom:16px;padding:12px}.alliance-page .success-message{background:#4ecca31a;border:1px solid #4ecca3;border-radius:6px;color:#4ecca3;margin-bottom:16px;padding:12px}.form-actions{gap:12px}.alliance-page .create-alliance-info-card{height:-webkit-fit-content;height:fit-content;padding:24px}.create-alliance-info-card h3{margin:0 0 16px}.create-alliance-info-card h4{margin:20px 0 12px}.benefits-list,.leader-perks{list-style:none;margin:0;padding:0}.benefits-list li{align-items:center;display:flex;gap:8px;padding:8px 0}.benefit-icon{font-size:1.2em}.leader-perks li{padding:6px 0 6px 20px;position:relative}.leader-perks li:before{color:var(--color-brand-primary);content:"•";left:0;position:absolute}.alliance-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.search-form{display:flex;flex:1 1;gap:8px;min-width:250px}.search-input{flex:1 1}.search-input,.sort-select{border:1px solid var(--color-ui-border);padding:10px 16px}.sort-select{background:#ffffff0d;border-radius:6px;color:var(--color-text-primary)}.alliance-table{background:var(--color-ui-surface);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.alliance-table td,.alliance-table th{border-bottom:1px solid var(--color-ui-border);padding:16px;text-align:left}.alliance-table th{background:#0003;color:var(--color-text-secondary);font-size:.85em;font-weight:600;text-transform:uppercase}.alliance-name-cell{min-width:200px}.alliance-identity{align-items:center;display:flex;gap:8px}.alliance-identity .alliance-tag{color:var(--color-brand-primary);font-weight:700}.alliance-identity .alliance-name{font-weight:500}.alliance-desc-preview{color:var(--color-text-secondary);display:block;font-size:.85em;margin-top:4px}.level-badge{border-radius:12px;display:inline-block;font-size:.9em;font-weight:700;padding:4px 10px}.level-badge.common{background:#607d8b;color:var(--color-text-primary)}.level-badge.uncommon{background:#4caf50;color:var(--color-text-primary)}.level-badge.rare{background:#2196f3;color:var(--color-text-primary)}.level-badge.epic{background:#9c27b0;color:var(--color-text-primary)}.level-badge.legendary{background:linear-gradient(135deg,gold,#ffa000);color:#1a1a2e}.status-badge{border-radius:12px;display:inline-block;font-size:.85em;font-weight:500;padding:4px 10px}.status-badge.open{background:#4ecca333;color:#4ecca3}.status-badge.apply{background:#ff980033;color:#ff9800}.status-badge.full{background:#e9456033;color:#e94560}.full{color:#e94560}.pagination{gap:16px;padding:20px}.page-info{color:var(--color-text-secondary)}.page-actions{margin-top:24px}.alliance-page .empty-card,.alliance-page .error-card{padding:40px;text-align:center}.join-modal,.leave-modal{padding:16px}.leave-modal p{margin:0 0 12px}.leave-modal .warning{color:#e94560;font-weight:500}.modal-actions{margin-top:20px}.alliance-page .error-message{background:#e945601a;border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger);margin-top:16px;padding:12px}.alliance-preview{background:#ffffff08;border-radius:8px;margin-bottom:16px;padding:16px}.preview-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.preview-tag{color:var(--color-brand-primary);font-weight:700}.preview-name{font-size:1.2em;font-weight:500}.preview-description{color:var(--color-text-secondary);margin:8px 0 12px}.preview-stats{display:flex;gap:24px}.preview-stats .stat{display:flex;flex-direction:column}.preview-stats .label{color:var(--color-text-secondary);font-size:.8em}.preview-stats .value{font-weight:700}.apply-notice{background:#2196f31a;color:#2196f3}.apply-notice,.level-requirement{border-radius:6px;margin-bottom:12px;padding:12px}.level-requirement{background:#ff98001a;color:#ff9800}@keyframes alliancePulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-list.skeleton-gap-8{gap:8px}.skeleton-list.skeleton-gap-12{gap:12px}.skeleton-list.skeleton-pad-8{padding:8px}.skeleton-list.skeleton-pad-24{padding:24px 0}.skeleton-list.skeleton-max-700{margin:0 auto;max-width:700px}.al-skeleton-card.skeleton-h-72{height:72px}.al-skeleton-card.skeleton-h-80{height:80px}.al-skeleton-card.skeleton-h-100{height:100px}.al-skeleton-card.skeleton-h-120{height:120px}.al-skeleton-card.skeleton-h-160{height:160px}.al-skeleton-card.skeleton-h-36{height:36px;width:90px}.al-skeleton-card.skeleton-mb-12{margin-bottom:12px}.al-skeleton-card.skeleton-mb-16{margin-bottom:16px}.pagination-controls{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px}.skeleton-tab-row{margin-bottom:16px}.vault-distribute-preview{background:#3498db1a;border:1px solid #3498db40;border-radius:8px;font-size:13px;margin-top:12px;padding:10px 12px}.diplomacy-item-row,.diplomacy-proposal-item>div:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.diplomacy-countdown{margin-left:8px}.al-win-rate-block{margin-top:16px}.al-win-rate-label{color:var(--color-text-secondary);font-size:12px;margin-bottom:4px}.al-win-rate-track{background:var(--color-danger);border-radius:5px;height:10px;overflow:hidden}.al-win-rate-fill{border-radius:5px;height:100%;transition:width .6s ease;width:0;width:var(--win-rate-pct,0)}.al-win-rate-fill.battle{background:var(--color-success)}.al-win-rate-fill.war{background:var(--color-warning)}.al-win-rate-meta{color:var(--color-text-secondary);display:flex;font-size:11px;justify-content:space-between;margin-top:2px}.overview-tab .stat-value.al-stat-lg{font-size:16px}.alliance-page .skeleton-card{animation:alliancePulse 1.5s ease-in-out infinite;background:#2a2a3e;background:var(--color-ui-border,#2a2a3e);border-radius:8px}.alliance-logo-placeholder{transition:background .2s ease}.role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.stat-icon{display:block;font-size:20px;margin-bottom:4px}.squads-tab{display:flex;flex-direction:column;gap:12px}.squads-header-card{margin-bottom:4px}.squads-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.squad-card{position:relative;transition:transform .15s ease,box-shadow .15s ease}.squad-card:hover{box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.al-flex-between{align-items:center;display:flex;justify-content:space-between}.al-section-subtitle{color:var(--color-text-secondary);margin:4px 0 0}.al-empty-state-inner{padding:32px 0;text-align:center}.al-empty-state-inner p{color:var(--color-text-secondary)}.squad-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.squad-card h4{margin:0}.al-meta{color:var(--color-text-secondary);font-size:12px}.squad-badge{background:var(--color-brand-primary);background:var(--squad-badge-bg,var(--color-brand-primary));border-radius:12px;color:#fff;color:var(--color-text-on-badge,#fff);font-size:12px;padding:2px 8px}.squad-badge.full{background:var(--color-danger)}.al-body-sm{font-size:13px;margin:0 0 12px}.al-body-sm,.al-label{color:var(--color-text-secondary)}.al-label{font-size:12px;margin-bottom:4px}.al-members-wrap{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.al-member-tag{background:var(--color-ui-border);border-radius:4px;color:var(--color-text-primary);font-size:11px;padding:2px 6px}.al-more-meta{color:var(--color-text-secondary);font-size:11px}.al-actions-row{display:flex;gap:8px}.al-section-heading{margin:0}.al-empty-padding{color:var(--color-text-secondary);padding:24px 0;text-align:center}.create-squad-modal label{display:block;margin-bottom:12px}.create-squad-modal input,.create-squad-modal textarea{margin-top:4px;width:100%}.create-squad-modal input[type=number]{width:80px}.donation-tab .al-skeleton-card.donation-skeleton-row{height:44px;margin-bottom:8px}.donation-history-card .al-flex-between{margin-bottom:12px}.al-trophy-gold{color:gold}.al-trophy-silver{color:silver}.al-trophy-bronze{color:#cd7f32}.leaderboard-row{align-items:center;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:8px;display:flex;gap:12px;margin-bottom:4px;padding:10px 12px}.leaderboard-row.top-three{background:#ffd7001f;border-color:#ffd7004d}.leaderboard-row.top-three.rank-1{background:#ffd70026}.leaderboard-row.top-three.rank-2{background:#ffd7001c}.leaderboard-row.top-three.rank-3{background:#ffd70012}.leaderboard-rank{font-size:14px;min-width:36px}.leaderboard-row.top-three .leaderboard-rank{font-size:20px}.leaderboard-name{font-weight:400}.leaderboard-row.top-three .leaderboard-name{font-weight:600}.donation-type-badge{border-radius:10px;color:var(--color-text-on-badge);font-size:11px;padding:2px 8px;text-transform:capitalize}.donation-type-badge.credits{background:var(--color-brand-primary)}.donation-type-badge.energy{background:var(--color-success)}.donation-history-table-wrapper td.al-muted{color:var(--color-text-secondary);font-size:13px}.donation-history-table-wrapper td .al-fw600{font-weight:600}.donation-leaderboard-card .al-section-heading{margin-bottom:12px}.donation-tab{display:flex;flex-direction:column;gap:12px}.donation-header-card{margin-bottom:4px}.donation-history-table-wrapper{border:1px solid #2a2a3e;border:1px solid var(--color-ui-border,#2a2a3e);border-radius:8px;overflow-x:auto}.donation-history-table-wrapper .alliance-table{margin:0;width:100%}.leaderboards-tab{display:flex;flex-direction:column;gap:12px}.leaderboards-header-card{margin-bottom:4px}.leaderboard-entry-card{border:1px solid var(--color-ui-border);margin-bottom:6px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.leaderboard-entry-card:hover{box-shadow:0 2px 12px #00000026;transform:translateY(-1px)}.leaderboard-entry-card.my-alliance{background:#3498db0f;border:2px solid var(--color-brand-primary)}.leaderboards-tab .al-skeleton-card.leaderboard-skeleton-row{height:52px;margin-bottom:6px}.leaderboard-controls-card .al-flex-between{margin-bottom:0}.leaderboard-controls-card .sort-select{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);font-size:13px;padding:6px 12px}.leaderboard-entry-row{align-items:center;display:flex;gap:12px}.leaderboard-rank-badge{align-items:center;border-radius:10px;display:flex;font-weight:700;height:44px;justify-content:center;min-width:44px}.leaderboard-rank-badge.rank-1{background:linear-gradient(135deg,gold,orange);color:#1a1a2e;font-size:22px}.leaderboard-rank-badge.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#1a1a2e;font-size:22px}.leaderboard-rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff;font-size:22px}.leaderboard-rank-badge.rank-n{background:#0000;color:var(--color-text-primary);font-size:16px}.leaderboard-entry-info{flex:1 1;min-width:0}.leaderboard-entry-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.leaderboard-entry-tag{color:var(--color-text-secondary);font-size:13px;font-weight:600}.leaderboard-entry-name{font-size:15px;font-weight:700}.leaderboard-entry-desc{color:var(--color-text-secondary);font-size:12px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.al-you-badge{background:var(--color-brand-primary);border-radius:6px;color:var(--color-text-on-badge);font-size:10px;font-weight:700;padding:2px 6px}.leaderboard-stats-row{display:flex;flex-shrink:0;font-size:13px;gap:16px}.leaderboard-stat-cell{text-align:center}.leaderboard-stat-value{font-weight:700}.leaderboard-stat-value.success{color:var(--color-success)}.leaderboard-stat-value.warning{color:var(--color-warning)}.leaderboard-stat-value.danger{color:var(--color-danger)}.leaderboard-stat-label{color:var(--color-text-secondary);font-size:10px}.war-rankings .leaderboard-controls-card .al-section-heading{margin-bottom:0}.war-rankings .leaderboard-controls-card .al-section-subtitle{font-size:13px}@media (max-width:768px){.alliance-tabs .tab{font-size:.82em;padding:8px 10px}.alliance-tabs .tab .tab-icon{font-size:1em}.squads-grid{grid-template-columns:1fr}.leaderboard-entry-card>div{flex-wrap:wrap}}.al-icon-crown{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-crown:before{background:linear-gradient(135deg,gold,#fa0);-webkit-clip-path:polygon(10% 100%,10% 45%,0 20%,25% 40%,50% 0,75% 40%,100% 20%,90% 45%,90% 100%);clip-path:polygon(10% 100%,10% 45%,0 20%,25% 40%,50% 0,75% 40%,100% 20%,90% 45%,90% 100%);content:"";display:block;height:100%;width:100%}.al-icon-star{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-star:before{background:linear-gradient(135deg,silver,#e8e8e8);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";display:block;height:100%;width:100%}.al-icon-shield{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-shield:before{background:linear-gradient(180deg,#cd7f32,sienna);-webkit-clip-path:polygon(50% 100%,5% 65%,5% 10%,50% 0,95% 10%,95% 65%);clip-path:polygon(50% 100%,5% 65%,5% 10%,50% 0,95% 10%,95% 65%);content:"";display:block;height:100%;width:100%}.al-icon-member{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-member:before{background:radial-gradient(circle at 50% 25%,#93c5fd 28%,#0000 0),radial-gradient(ellipse at 50% 85%,#93c5fd 40%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-medal{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-medal:before{background:radial-gradient(circle at 50% 40%,#6366f1 35%,#0000 0),linear-gradient(180deg,#0000 55%,#6366f1 0,#6366f1 70%,#0000 0),linear-gradient(135deg,#0000 60%,#818cf8 0,#818cf8 70%,#0000 0),linear-gradient(225deg,#0000 60%,#818cf8 0,#818cf8 70%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-recruit{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-recruit:before{background:radial-gradient(circle at 50% 30%,#64748b 22%,#0000 0),radial-gradient(ellipse at 50% 85%,#64748b 35%,#0000 0);content:"";display:block;height:100%;opacity:.7;width:100%}.al-icon-members{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-members:before{background:radial-gradient(circle at 35% 25%,#93c5fd 20%,#0000 0),radial-gradient(ellipse at 35% 78%,#93c5fd 30%,#0000 0),radial-gradient(circle at 65% 25%,#c4b5fd 20%,#0000 0),radial-gradient(ellipse at 65% 78%,#c4b5fd 30%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-home{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-home:before{background:linear-gradient(135deg,#93c5fd,#60a5fa);-webkit-clip-path:polygon(50% 5%,95% 45%,80% 45%,80% 95%,58% 95%,58% 65%,42% 65%,42% 95%,20% 95%,20% 45%,5% 45%);clip-path:polygon(50% 5%,95% 45%,80% 45%,80% 95%,58% 95%,58% 65%,42% 65%,42% 95%,20% 95%,20% 45%,5% 45%);content:"";display:block;height:100%;width:100%}.al-icon-vault{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-vault:before{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:2px;box-shadow:inset 0 0 0 1px #fff3;-webkit-clip-path:polygon(10% 15%,90% 15%,95% 20%,95% 95%,5% 95%,5% 20%);clip-path:polygon(10% 15%,90% 15%,95% 20%,95% 95%,5% 95%,5% 20%);content:"";display:block;height:100%;width:100%}.al-icon-research{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-research:before{background:linear-gradient(180deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(35% 0,65% 0,65% 40%,80% 55%,85% 95%,50% 100%,15% 95%,20% 55%,35% 40%);clip-path:polygon(35% 0,65% 0,65% 40%,80% 55%,85% 95%,50% 100%,15% 95%,20% 55%,35% 40%);content:"";display:block;height:100%;width:100%}.al-icon-war{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-war:before{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(20% 0,30% 0,55% 40%,80% 0,90% 0,90% 10%,60% 55%,90% 90%,90% 100%,80% 100%,55% 65%,30% 100%,20% 100%,20% 90%,50% 50%,20% 10%);clip-path:polygon(20% 0,30% 0,55% 40%,80% 0,90% 0,90% 10%,60% 55%,90% 90%,90% 100%,80% 100%,55% 65%,30% 100%,20% 100%,20% 90%,50% 50%,20% 10%);content:"";display:block;height:100%;width:100%}.al-icon-handshake{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-handshake:before{background:linear-gradient(90deg,#60a5fa 50%,#a78bfa 0);-webkit-clip-path:polygon(5% 45%,25% 30%,45% 45%,55% 45%,75% 30%,95% 45%,95% 55%,75% 70%,55% 55%,45% 55%,25% 70%,5% 55%);clip-path:polygon(5% 45%,25% 30%,45% 45%,55% 45%,75% 30%,95% 45%,95% 55%,75% 70%,55% 55%,45% 55%,25% 70%,5% 55%);content:"";display:block;height:100%;width:100%}.al-icon-mission{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-mission:before{background:radial-gradient(circle at 50% 50%,#ef4444 15%,#0000 0),radial-gradient(circle at 50% 50%,#0000 25%,#ef4444 0,#ef4444 35%,#0000 0),radial-gradient(circle at 50% 50%,#0000 45%,#ef4444 0,#ef4444 50%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-trophy{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-trophy:before{background:linear-gradient(135deg,gold,#f59e0b);-webkit-clip-path:polygon(20% 0,80% 0,85% 5%,90% 35%,75% 50%,60% 55%,60% 70%,70% 75%,70% 85%,75% 90%,75% 100%,25% 100%,25% 90%,30% 85%,30% 75%,40% 70%,40% 55%,25% 50%,10% 35%,15% 5%);clip-path:polygon(20% 0,80% 0,85% 5%,90% 35%,75% 50%,60% 55%,60% 70%,70% 75%,70% 85%,75% 90%,75% 100%,25% 100%,25% 90%,30% 85%,30% 75%,40% 70%,40% 55%,25% 50%,10% 35%,15% 5%);content:"";display:block;height:100%;width:100%}.al-icon-perk{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-perk:before{background:linear-gradient(135deg,#a78bfa,#ec4899,#a78bfa);-webkit-clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);content:"";display:block;height:100%;width:100%}.al-icon-squad{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-squad:before{background:radial-gradient(circle at 50% 15%,#93c5fd 14%,#0000 0),radial-gradient(circle at 25% 50%,#93c5fd 12%,#0000 0),radial-gradient(circle at 75% 50%,#93c5fd 12%,#0000 0),radial-gradient(ellipse at 50% 85%,#93c5fd 25%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-fabrication{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-fabrication:before{background:linear-gradient(135deg,#94a3b8,#cbd5e1);-webkit-clip-path:polygon(50% 5%,62% 20%,80% 18%,75% 35%,95% 45%,80% 58%,85% 75%,68% 72%,50% 90%,32% 72%,15% 75%,20% 58%,5% 45%,25% 35%,20% 18%,38% 20%);clip-path:polygon(50% 5%,62% 20%,80% 18%,75% 35%,95% 45%,80% 58%,85% 75%,68% 72%,50% 90%,32% 72%,15% 75%,20% 58%,5% 45%,25% 35%,20% 18%,38% 20%);content:"";display:block;height:100%;width:100%}.al-icon-activity{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-activity:before{background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-clip-path:polygon(0 50%,15% 50%,25% 20%,35% 80%,45% 30%,55% 70%,65% 15%,75% 60%,85% 40%,100% 50%,100% 55%,85% 45%,75% 65%,65% 20%,55% 75%,45% 35%,35% 85%,25% 25%,15% 55%,0 55%);clip-path:polygon(0 50%,15% 50%,25% 20%,35% 80%,45% 30%,55% 70%,65% 15%,75% 60%,85% 40%,100% 50%,100% 55%,85% 45%,75% 65%,65% 20%,55% 75%,45% 35%,35% 85%,25% 25%,15% 55%,0 55%);content:"";display:block;height:100%;width:100%}.al-icon-leaderboard{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-leaderboard:before{background:linear-gradient(180deg,gold,#f59e0b);-webkit-clip-path:polygon(5% 100%,5% 55%,32% 55%,32% 100%,36% 100%,36% 25%,64% 25%,64% 100%,68% 100%,68% 40%,95% 40%,95% 100%);clip-path:polygon(5% 100%,5% 55%,32% 55%,32% 100%,36% 100%,36% 25%,64% 25%,64% 100%,68% 100%,68% 40%,95% 40%,95% 100%);content:"";display:block;height:100%;width:100%}.al-icon-donate{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-donate:before{background:radial-gradient(circle at 50% 45%,gold 30%,#f59e0b 0,#f59e0b 40%,#0000 0),linear-gradient(180deg,#22c55e 50%,#0000 0);-webkit-clip-path:polygon(40% 0,60% 0,60% 30%,75% 30%,50% 55%,25% 30%,40% 30%,40% 0,15% 55%,85% 55%,85% 60%,75% 60%,75% 85%,25% 85%,25% 60%,15% 60%);clip-path:polygon(40% 0,60% 0,60% 30%,75% 30%,50% 55%,25% 30%,40% 30%,40% 0,15% 55%,85% 55%,85% 60%,75% 60%,75% 85%,25% 85%,25% 60%,15% 60%);content:"";display:block;height:100%;width:100%}.al-icon-settings{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-settings:before{background:linear-gradient(135deg,#94a3b8,#64748b);-webkit-clip-path:polygon(50% 5%,62% 18%,80% 15%,75% 32%,95% 42%,82% 55%,88% 72%,70% 70%,55% 88%,42% 72%,25% 78%,25% 60%,5% 50%,18% 35%,12% 20%,30% 22%,42% 8%);clip-path:polygon(50% 5%,62% 18%,80% 15%,75% 32%,95% 42%,82% 55%,88% 72%,70% 70%,55% 88%,42% 72%,25% 78%,25% 60%,5% 50%,18% 35%,12% 20%,30% 22%,42% 8%);content:"";display:block;height:100%;width:100%}.al-icon-join{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-join:before{background:linear-gradient(90deg,#22c55e,#4ade80);-webkit-clip-path:polygon(0 35%,55% 35%,55% 15%,95% 50%,55% 85%,55% 65%,0 65%);clip-path:polygon(0 35%,55% 35%,55% 15%,95% 50%,55% 85%,55% 65%,0 65%);content:"";display:block;height:100%;width:100%}.al-icon-leave{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-leave:before{background:linear-gradient(90deg,#ef4444,#f87171);-webkit-clip-path:polygon(45% 35%,100% 35%,100% 15%,95% 50%,100% 50%,100% 65%,45% 65%,45% 85%,5% 50%,45% 15%);clip-path:polygon(45% 35%,100% 35%,100% 15%,95% 50%,100% 50%,100% 65%,45% 65%,45% 85%,5% 50%,45% 15%);content:"";display:block;height:100%;width:100%}.al-icon-kick{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-kick:before{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(20% 5%,50% 35%,80% 5%,95% 20%,65% 50%,95% 80%,80% 95%,50% 65%,20% 95%,5% 80%,35% 50%,5% 20%);clip-path:polygon(20% 5%,50% 35%,80% 5%,95% 20%,65% 50%,95% 80%,80% 95%,50% 65%,20% 95%,5% 80%,35% 50%,5% 20%);content:"";display:block;height:100%;width:100%}.al-icon-promote{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-promote:before{background:linear-gradient(180deg,#22c55e,#16a34a);-webkit-clip-path:polygon(50% 5%,85% 45%,65% 45%,65% 95%,35% 95%,35% 45%,15% 45%);clip-path:polygon(50% 5%,85% 45%,65% 45%,65% 95%,35% 95%,35% 45%,15% 45%);content:"";display:block;height:100%;width:100%}.al-icon-demote{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-demote:before{background:linear-gradient(180deg,#f59e0b,#d97706);-webkit-clip-path:polygon(35% 5%,65% 5%,65% 55%,85% 55%,50% 95%,15% 55%,35% 55%);clip-path:polygon(35% 5%,65% 5%,65% 55%,85% 55%,50% 95%,15% 55%,35% 55%);content:"";display:block;height:100%;width:100%}.al-icon-check{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-check:before{background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-clip-path:polygon(15% 50%,25% 40%,42% 60%,75% 25%,85% 35%,42% 80%);clip-path:polygon(15% 50%,25% 40%,42% 60%,75% 25%,85% 35%,42% 80%);content:"";display:block;height:100%;width:100%}.al-icon-lock{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-lock:before{background:linear-gradient(180deg,#0000,#0000 40%,#94a3b8 0,#64748b);-webkit-clip-path:polygon(20% 45%,20% 30%,25% 15%,40% 5%,60% 5%,75% 15%,80% 30%,80% 45%,90% 45%,90% 95%,10% 95%,10% 45%);clip-path:polygon(20% 45%,20% 30%,25% 15%,40% 5%,60% 5%,75% 15%,80% 30%,80% 45%,90% 45%,90% 95%,10% 95%,10% 45%);content:"";display:block;height:100%;width:100%}.al-icon-unlock{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-unlock:before{background:linear-gradient(180deg,#0000,#0000 40%,#22c55e 0,#16a34a);-webkit-clip-path:polygon(20% 45%,20% 40%,22% 30%,25% 15%,40% 5%,55% 5%,65% 10%,72% 20%,75% 32%,75% 35%,65% 35%,65% 28%,60% 18%,50% 12%,40% 12%,32% 20%,28% 32%,28% 45%,90% 45%,90% 95%,10% 95%,10% 45%);clip-path:polygon(20% 45%,20% 40%,22% 30%,25% 15%,40% 5%,55% 5%,65% 10%,72% 20%,75% 32%,75% 35%,65% 35%,65% 28%,60% 18%,50% 12%,40% 12%,32% 20%,28% 32%,28% 45%,90% 45%,90% 95%,10% 95%,10% 45%);content:"";display:block;height:100%;width:100%}.al-icon-timer{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-timer:before{background:radial-gradient(circle at 50% 55%,#0000 32%,#93c5fd 0,#93c5fd 42%,#0000 0),linear-gradient(0deg,#0000 49%,#93c5fd 0,#93c5fd 51%,#0000 0),radial-gradient(circle at 50% 55%,#93c5fd 5%,#0000 0);background:radial-gradient(circle at 50% 55%,#0000 30%,#93c5fd 0,#93c5fd 40%,#0000 0),radial-gradient(circle at 50% 55%,#93c5fd 4%,#0000 0);-webkit-clip-path:polygon(42% 0,58% 0,58% 8%,55% 10%,50% 55%,70% 55%,70% 58%,48% 58%,45% 10%,42% 8%);clip-path:polygon(42% 0,58% 0,58% 8%,55% 10%,50% 55%,70% 55%,70% 58%,48% 58%,45% 10%,42% 8%);content:"";display:block;height:100%;width:100%}.al-icon-search{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-search:before{background:radial-gradient(circle at 40% 40%,#0000 22%,#93c5fd 0,#93c5fd 30%,#0000 0),linear-gradient(45deg,#0000 55%,#93c5fd 0,#93c5fd 60%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-credits{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-credits:before{background:linear-gradient(135deg,#94a3b8,#cbd5e1);border-radius:50%;box-shadow:inset 0 0 0 2px #0003,inset -1px -1px 3px #0003;content:"";display:block;height:100%;width:100%}.al-icon-gold{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-gold:before{background:linear-gradient(135deg,gold,#f59e0b);border-radius:50%;box-shadow:inset 0 0 0 2px #00000026,inset -1px -1px 3px #00000026;content:"";display:block;height:100%;width:100%}.al-icon-info{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-info:before{background:radial-gradient(circle at 50% 50%,#3b82f6 45%,#0000 0);border-radius:50%;box-shadow:inset 0 0 0 2px #3b82f6;content:"";display:block;height:100%;width:100%}.al-icon-warning{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-warning:before{background:linear-gradient(180deg,#f59e0b,#d97706);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%);content:"";display:block;height:100%;width:100%}.al-icon-error{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-error:before{background:#ef4444;border-radius:50%;box-shadow:inset 0 0 0 2px #dc2626;content:"";display:block;height:100%;width:100%}.al-icon-target{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-target:before{background:radial-gradient(circle at 50% 50%,#ef4444 12%,#0000 0),radial-gradient(circle at 50% 50%,#0000 22%,#ef4444 0,#ef4444 28%,#0000 0),radial-gradient(circle at 50% 50%,#0000 38%,#ef4444 0,#ef4444 44%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-build{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-build:before{background:linear-gradient(135deg,#94a3b8,#64748b);-webkit-clip-path:polygon(35% 0,65% 0,65% 10%,58% 12%,55% 55%,65% 60%,65% 95%,55% 100%,45% 100%,35% 95%,35% 60%,45% 55%,42% 12%,35% 10%);clip-path:polygon(35% 0,65% 0,65% 10%,58% 12%,55% 55%,65% 60%,65% 95%,55% 100%,45% 100%,35% 95%,35% 60%,45% 55%,42% 12%,35% 10%);content:"";display:block;height:100%;width:100%}.al-icon-explosion{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-explosion:before{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-clip-path:polygon(50% 0,58% 30%,85% 15%,68% 40%,100% 50%,70% 58%,90% 85%,58% 68%,50% 100%,42% 68%,10% 85%,30% 58%,0 50%,32% 40%,15% 15%,42% 30%);clip-path:polygon(50% 0,58% 30%,85% 15%,68% 40%,100% 50%,70% 58%,90% 85%,58% 68%,50% 100%,42% 68%,10% 85%,30% 58%,0 50%,32% 40%,15% 15%,42% 30%);content:"";display:block;height:100%;width:100%}.al-icon-celebrate{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-celebrate:before{background:radial-gradient(circle at 20% 20%,gold 8%,#0000 0),radial-gradient(circle at 80% 15%,#ef4444 6%,#0000 0),radial-gradient(circle at 15% 70%,#22c55e 6%,#0000 0),radial-gradient(circle at 85% 65%,#3b82f6 7%,#0000 0),radial-gradient(circle at 50% 35%,#a78bfa 9%,#0000 0),radial-gradient(circle at 40% 80%,#f59e0b 5%,#0000 0),radial-gradient(circle at 70% 85%,#ec4899 6%,#0000 0);content:"";display:block;height:100%;width:100%}.al-icon-defeat{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-defeat:before{background:linear-gradient(180deg,#94a3b8,#64748b);-webkit-clip-path:polygon(50% 100%,5% 65%,5% 10%,50% 0,95% 10%,95% 65%,50% 100%,55% 55%,70% 45%,55% 50%,60% 30%,45% 45%,50% 100%);clip-path:polygon(50% 100%,5% 65%,5% 10%,50% 0,95% 10%,95% 65%,50% 100%,55% 55%,70% 45%,55% 50%,60% 30%,45% 45%,50% 100%);content:"";display:block;height:100%;width:100%}.al-icon-peace{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-peace:before{background:linear-gradient(135deg,#e2e8f0,#f8fafc);-webkit-clip-path:polygon(5% 60%,15% 55%,35% 35%,40% 40%,25% 55%,50% 45%,50% 20%,40% 25%,50% 5%,60% 25%,50% 20%,50% 45%,75% 55%,60% 40%,65% 35%,85% 55%,95% 60%,80% 65%,70% 75%,55% 65%,50% 80%,55% 95%,50% 100%,45% 95%,50% 80%,45% 65%,30% 75%,20% 65%);clip-path:polygon(5% 60%,15% 55%,35% 35%,40% 40%,25% 55%,50% 45%,50% 20%,40% 25%,50% 5%,60% 25%,50% 20%,50% 45%,75% 55%,60% 40%,65% 35%,85% 55%,95% 60%,80% 65%,70% 75%,55% 65%,50% 80%,55% 95%,50% 100%,45% 95%,50% 80%,45% 65%,30% 75%,20% 65%);content:"";display:block;height:100%;width:100%}.al-icon-invite{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-invite:before{background:linear-gradient(135deg,#93c5fd,#60a5fa);-webkit-clip-path:polygon(0 25%,50% 55%,100% 25%,100% 75%,0 75%);clip-path:polygon(0 25%,50% 55%,100% 25%,100% 75%,0 75%);content:"";display:block;height:100%;width:100%}.al-icon-deposit{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-deposit:before{background:linear-gradient(180deg,#22c55e,#16a34a);-webkit-clip-path:polygon(35% 0,65% 0,65% 30%,80% 30%,50% 55%,20% 30%,35% 30%,35% 0,10% 65%,90% 65%,90% 95%,10% 95%,10% 65%);clip-path:polygon(35% 0,65% 0,65% 30%,80% 30%,50% 55%,20% 30%,35% 30%,35% 0,10% 65%,90% 65%,90% 95%,10% 95%,10% 65%);content:"";display:block;height:100%;width:100%}.al-icon-withdraw{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-withdraw:before{background:linear-gradient(180deg,#f59e0b,#d97706);-webkit-clip-path:polygon(20% 30%,50% 5%,80% 30%,65% 30%,65% 55%,35% 55%,35% 30%,20% 30%,10% 65%,90% 65%,90% 95%,10% 95%,10% 65%);clip-path:polygon(20% 30%,50% 5%,80% 30%,65% 30%,65% 55%,35% 55%,35% 30%,20% 30%,10% 65%,90% 65%,90% 95%,10% 95%,10% 65%);content:"";display:block;height:100%;width:100%}.al-icon-distribute{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-distribute:before{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(40% 40%,60% 40%,60% 20%,50% 5%,40% 20%,40% 40%,10% 60%,25% 60%,25% 95%,10% 95%,0 60%,40% 55%,60% 55%,100% 60%,90% 95%,75% 95%,75% 60%,90% 60%,60% 55%,40% 55%);clip-path:polygon(40% 40%,60% 40%,60% 20%,50% 5%,40% 20%,40% 40%,10% 60%,25% 60%,25% 95%,10% 95%,0 60%,40% 55%,60% 55%,100% 60%,90% 95%,75% 95%,75% 60%,90% 60%,60% 55%,40% 55%);content:"";display:block;height:100%;width:100%}.al-icon-surrender{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-surrender:before{background:linear-gradient(180deg,#e2e8f0,#e2e8f0 60%,#0000 0),linear-gradient(180deg,#94a3b8,#64748b);-webkit-clip-path:polygon(20% 5%,28% 5%,28% 10%,85% 10%,85% 55%,28% 55%,28% 95%,20% 95%);clip-path:polygon(20% 5%,28% 5%,28% 10%,85% 10%,85% 55%,28% 55%,28% 95%,20% 95%);content:"";display:block;height:100%;width:100%}.al-icon-level{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-level:before{background:linear-gradient(180deg,#22c55e,#16a34a);-webkit-clip-path:polygon(5% 95%,5% 75%,25% 75%,25% 95%,30% 95%,30% 55%,50% 55%,50% 95%,55% 95%,55% 35%,75% 35%,75% 95%,80% 95%,80% 15%,95% 15%,95% 95%);clip-path:polygon(5% 95%,5% 75%,25% 75%,25% 95%,30% 95%,30% 55%,50% 55%,50% 95%,55% 95%,55% 35%,75% 35%,75% 95%,80% 95%,80% 15%,95% 15%,95% 95%);content:"";display:block;height:100%;width:100%}.al-icon-xp{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-xp:before{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(50% 0,65% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,65% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";display:block;height:100%;width:100%}.al-icon-pin{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-pin:before{background:linear-gradient(180deg,#ef4444,#dc2626);-webkit-clip-path:polygon(50% 100%,20% 55%,10% 30%,15% 15%,30% 5%,50% 0,70% 5%,85% 15%,90% 30%,80% 55%);clip-path:polygon(50% 100%,20% 55%,10% 30%,15% 15%,30% 5%,50% 0,70% 5%,85% 15%,90% 30%,80% 55%);content:"";display:block;height:100%;width:100%}.al-icon-filter{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-filter:before{background:linear-gradient(180deg,#93c5fd,#60a5fa);-webkit-clip-path:polygon(0 10%,100% 10%,100% 20%,65% 50%,65% 90%,35% 90%,35% 50%,0 20%);clip-path:polygon(0 10%,100% 10%,100% 20%,65% 50%,65% 90%,35% 90%,35% 50%,0 20%);content:"";display:block;height:100%;width:100%}.al-icon-disband{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.al-icon-disband:before{background:radial-gradient(circle at 50% 50%,#0000 28%,#ef4444 0,#ef4444 36%,#0000 0);-webkit-clip-path:polygon(0 0,45% 40%,40% 45%,0 0,50% 5%,100% 0,60% 45%,55% 40%,100% 0,95% 50%,100% 100%,55% 60%,60% 55%,100% 100%,50% 95%,0 100%,40% 55%,45% 60%,0 100%,5% 50%);clip-path:polygon(0 0,45% 40%,40% 45%,0 0,50% 5%,100% 0,60% 45%,55% 40%,100% 0,95% 50%,100% 100%,55% 60%,60% 55%,100% 100%,50% 95%,0 100%,40% 55%,45% 60%,0 100%,5% 50%);content:"";display:block;height:100%;width:100%}.alliance-page{position:relative}.alliance-page:before{animation:alStarTwinkle 8s ease-in-out infinite alternate;background:radial-gradient(1px 1px at 10% 20%,#93c5fd80,#0000),radial-gradient(1px 1px at 30% 60%,#c4b5fd66,#0000),radial-gradient(1.5px 1.5px at 50% 10%,#93c5fd99,#0000),radial-gradient(1px 1px at 70% 40%,#fdba744d,#0000),radial-gradient(1px 1px at 85% 75%,#93c5fd66,#0000),radial-gradient(1.5px 1.5px at 20% 80%,#c4b5fd80,#0000),radial-gradient(1px 1px at 60% 90%,#93c5fd4d,#0000),radial-gradient(1px 1px at 95% 15%,#fdba7466,#0000);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes alStarTwinkle{0%{opacity:.4}to{opacity:.8}}@keyframes alFadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.alliance-page .page-header h1{-webkit-text-fill-color:#0000;animation:alHeaderGradient 4s ease-in-out infinite;background:linear-gradient(90deg,#93c5fd,#c4b5fd,#93c5fd);-webkit-background-clip:text;background-clip:text;background-size:200% 100%}@keyframes alHeaderGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.alliance-page .page-header:after{animation:alScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#93c5fd99,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}@keyframes alScanLine{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.01%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.alliance-tabs .tab{animation:alTabEntrance .3s ease-out both}.alliance-tabs .tab:first-child{animation-delay:0s}.alliance-tabs .tab:nth-child(2){animation-delay:.03s}.alliance-tabs .tab:nth-child(3){animation-delay:.06s}.alliance-tabs .tab:nth-child(4){animation-delay:.09s}.alliance-tabs .tab:nth-child(5){animation-delay:.12s}.alliance-tabs .tab:nth-child(6){animation-delay:.15s}.alliance-tabs .tab:nth-child(7){animation-delay:.18s}.alliance-tabs .tab:nth-child(8){animation-delay:.21s}.alliance-tabs .tab:nth-child(9){animation-delay:.24s}.alliance-tabs .tab:nth-child(10){animation-delay:.27s}.alliance-tabs .tab:nth-child(11){animation-delay:.3s}.alliance-tabs .tab:nth-child(12){animation-delay:.33s}.alliance-tabs .tab:nth-child(13){animation-delay:.36s}.alliance-tabs .tab:nth-child(14){animation-delay:.39s}.alliance-tabs .tab:nth-child(15){animation-delay:.42s}@keyframes alTabEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.alliance-tabs .tab.active:after{animation:alTabIndicator .3s ease-out}@keyframes alTabIndicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.alliance-hub-content .card,.alliance-hub-content>div>.card,.overview-tab>.card,.overview-tab>div>.card{animation:alCardEntrance .4s ease-out both}.alliance-hub-content .card:first-child,.overview-tab>.card:first-child,.overview-tab>div>.card:first-child{animation-delay:0s}.alliance-hub-content .card:nth-child(2),.overview-tab>.card:nth-child(2),.overview-tab>div>.card:nth-child(2){animation-delay:.05s}.alliance-hub-content .card:nth-child(3),.overview-tab>.card:nth-child(3),.overview-tab>div>.card:nth-child(3){animation-delay:.1s}.alliance-hub-content .card:nth-child(4),.overview-tab>.card:nth-child(4),.overview-tab>div>.card:nth-child(4){animation-delay:.15s}.alliance-hub-content .card:nth-child(5),.overview-tab>.card:nth-child(5),.overview-tab>div>.card:nth-child(5){animation-delay:.2s}.alliance-hub-content .card:nth-child(6),.overview-tab>.card:nth-child(6),.overview-tab>div>.card:nth-child(6){animation-delay:.25s}.alliance-hub-content .card:nth-child(7),.overview-tab>.card:nth-child(7),.overview-tab>div>.card:nth-child(7){animation-delay:.3s}.alliance-hub-content .card:nth-child(8),.overview-tab>.card:nth-child(8),.overview-tab>div>.card:nth-child(8){animation-delay:.35s}@keyframes alCardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.alliance-hub-content .card:hover,.overview-tab .card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px);transition:transform .2s,box-shadow .2s}.alliance-hub-content .card,.overview-tab .card{overflow:hidden;position:relative}.alliance-hub-content .card:after,.overview-tab .card:after{background:linear-gradient(110deg,#0000 30%,#ffffff0a 50%,#0000 70%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.alliance-hub-content .card:hover:after,.overview-tab .card:hover:after{opacity:1}.active-war-card{animation:alWarPulse 2.5s ease-in-out infinite}@keyframes alWarPulse{0%,to{box-shadow:0 0 0 0 #ef444400}50%{box-shadow:0 0 20px 4px #ef444426}}.level-progress-fill,.mission-progress-fill,.research-progress .progress-fill{overflow:hidden;position:relative}.level-progress-fill:after,.mission-progress-fill:after,.research-progress .progress-fill:after{animation:alResearchShimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute}@keyframes alResearchShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes alVaultFlash{0%{background-color:#22c55e33}to{background-color:initial}}@keyframes alDonationBurst{0%{box-shadow:0 0 0 0 #22c55e66;transform:scale(.95)}50%{box-shadow:0 0 20px 8px #22c55e00;transform:scale(1)}to{transform:scale(1)}}.donation-success{animation:alDonationBurst .6s ease-out}@keyframes alMissionComplete{0%{box-shadow:inset 0 0 0 2px #22c55e00}50%{box-shadow:inset 0 0 0 2px #22c55e99}to{box-shadow:inset 0 0 0 2px #22c55e00}}@keyframes alRoleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes alBadgePop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes alCelebrationExpand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes alCelebrationFlash{0%{opacity:0}30%{opacity:.3}to{opacity:0}}@keyframes alConfettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(100px) rotate(2turn)}}@keyframes alProgressScan{0%{left:-30%}to{left:100%}}@keyframes alHoverShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.al-skeleton{border-radius:8px}.al-skeleton,.al-skeleton-card{animation:alSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%);background-size:200% 100%}.al-skeleton-card{border-radius:12px;height:120px;margin-bottom:12px}.al-skeleton-member{height:48px;margin-bottom:8px}.al-skeleton-activity,.al-skeleton-member{animation:alSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%);background-size:200% 100%;border-radius:8px}.al-skeleton-activity{height:56px;margin-bottom:6px}@keyframes alSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.member-list .member-row,.members-table tbody tr{animation:alMemberEntrance .3s ease-out both}.member-list .member-row:first-child,.members-table tbody tr:first-child{animation-delay:0s}.member-list .member-row:nth-child(2),.members-table tbody tr:nth-child(2){animation-delay:.04s}.member-list .member-row:nth-child(3),.members-table tbody tr:nth-child(3){animation-delay:.08s}.member-list .member-row:nth-child(4),.members-table tbody tr:nth-child(4){animation-delay:.12s}.member-list .member-row:nth-child(5),.members-table tbody tr:nth-child(5){animation-delay:.16s}.member-list .member-row:nth-child(6),.members-table tbody tr:nth-child(6){animation-delay:.2s}.member-list .member-row:nth-child(7),.members-table tbody tr:nth-child(7){animation-delay:.24s}.member-list .member-row:nth-child(8),.members-table tbody tr:nth-child(8){animation-delay:.28s}.member-list .member-row:nth-child(9),.members-table tbody tr:nth-child(9){animation-delay:.32s}.member-list .member-row:nth-child(10),.members-table tbody tr:nth-child(10){animation-delay:.36s}.member-list .member-row:nth-child(11),.members-table tbody tr:nth-child(11){animation-delay:.4s}.member-list .member-row:nth-child(12),.members-table tbody tr:nth-child(12){animation-delay:.44s}@keyframes alMemberEntrance{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.activity-item,.tax-history-item{animation:alActivityEntrance .3s ease-out both}.activity-item:first-child,.tax-history-item:first-child{animation-delay:0s}.activity-item:nth-child(2),.tax-history-item:nth-child(2){animation-delay:.04s}.activity-item:nth-child(3),.tax-history-item:nth-child(3){animation-delay:.08s}.activity-item:nth-child(4),.tax-history-item:nth-child(4){animation-delay:.12s}.activity-item:nth-child(5),.tax-history-item:nth-child(5){animation-delay:.16s}.activity-item:nth-child(6),.tax-history-item:nth-child(6){animation-delay:.2s}.activity-item:nth-child(7),.tax-history-item:nth-child(7){animation-delay:.24s}.activity-item:nth-child(8),.tax-history-item:nth-child(8){animation-delay:.28s}.activity-item:nth-child(9),.tax-history-item:nth-child(9){animation-delay:.32s}.activity-item:nth-child(10),.tax-history-item:nth-child(10){animation-delay:.36s}@keyframes alActivityEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.diplomacy-propose-modal,.vault-distribute-modal,.vault-withdraw-modal{animation:alModalEntrance .25s ease-out}@keyframes alModalEntrance{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.diplomacy-item{border-radius:8px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.diplomacy-item:hover{transform:translateX(3px)}.diplomacy-card:first-child .diplomacy-item{background:#22c55e14;border-left:3px solid #22c55e}.diplomacy-card:nth-child(2) .diplomacy-item{background:#ef444414;border-left:3px solid #ef4444}.diplomacy-card:nth-child(3) .diplomacy-item{background:#eab30814;border-left:3px solid #eab308}.diplomacy-proposal-item{background:#6366f114;border-left:3px solid #6366f1;border-radius:8px;padding:10px 14px;transition:transform .2s ease}.diplomacy-proposal-item:hover{transform:translateX(3px)}.diplomacy-countdown{font-feature-settings:"tnum";align-items:center;background:#eab30826;border:1px solid #eab3084d;border-radius:4px;color:#eab308;display:inline-flex;font-size:.8em;font-variant-numeric:tabular-nums;gap:4px;padding:2px 8px}.diplomacy-countdown.expired{background:#ef444426;border-color:#ef44444d;color:#ef4444}.vault-amount-animated{display:inline-block;transition:transform .3s ease}.vault-amount-animated.counting{animation:alVaultCount .6s ease-out}@keyframes alVaultCount{0%{transform:scale(1)}30%{color:#22c55e;transform:scale(1.15)}to{transform:scale(1)}}.research-complete-celebration{overflow:hidden;position:relative}.research-complete-celebration:after{animation:alResearchCelebrate 2s ease-out forwards;border:2px solid #22c55e;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes alResearchCelebrate{0%{box-shadow:0 0 20px #22c55e99;opacity:1}50%{box-shadow:0 0 40px #22c55e4d;opacity:.8}to{box-shadow:none;opacity:0}}.fabrication-tab .card{transition:transform .2s ease,box-shadow .2s ease}.fabrication-tab .card:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.fabrication-queue-item{animation:alCardEntrance .3s ease-out both;transition:transform .2s ease}.fabrication-queue-item:hover{transform:translateX(3px)}.fabrication-recipe-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.fabrication-recipe-card:hover{border-color:#6366f1;border-color:var(--color-brand-primary,#6366f1);box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.fabrication-progress-fill{background:linear-gradient(90deg,#6366f1,#818cf8);background:linear-gradient(90deg,var(--color-brand-primary,#6366f1),#818cf8);overflow:hidden;position:relative}.fabrication-progress-fill:after{animation:alResearchShimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute}@media (max-width:480px){.alliance-page{padding:10px 6px}.alliance-page .page-header h1{font-size:1.4em}.alliance-tabs{gap:2px}.alliance-tabs .tab{font-size:.75em;padding:6px 8px}.role-badge{font-size:.7em;padding:2px 8px}.overview-tab,.perks-summary,.resources-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.create-alliance-container,.vault-balance{grid-template-columns:1fr}.preview-stats{flex-direction:column;gap:8px}}@media (max-width:768px){.alliance-page .page-header h1{font-size:1.6em}.perks-grid{grid-template-columns:1fr}.alliance-filters{flex-direction:column}.search-form{min-width:0;min-width:auto}}.achievement-item:focus-visible,.alliance-hub-content .card:focus-visible,.alliance-hub-content button:focus-visible,.alliance-tabs .tab:focus-visible,.diplomacy-item:focus-visible,.invite-item:focus-visible,.leaderboard-entry-card:focus-visible,.member-row:focus-visible,.members-table tbody tr:focus-visible,.mission-item:focus-visible,.overview-tab .card:focus-visible,.perk-item:focus-visible,.squad-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.alliance-page .bonus-value,.alliance-page .contributions,.alliance-page .cost-value,.alliance-page .donate-amount,.alliance-page .history-amount,.alliance-page .leaderboard-stat,.alliance-page .level-number,.alliance-page .level-xp,.alliance-page .mission-progress-text,.alliance-page .page-info,.alliance-page .perk-value,.alliance-page .resource-value,.alliance-page .score-fill,.alliance-page .stat-value,.alliance-page .vault-balance .balance-item,.alliance-page .war-timer .timer-value{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.active-war-card,.activity-item,.al-skeleton,.al-skeleton-activity,.al-skeleton-card,.al-skeleton-member,.alliance-hub-content .card,.alliance-hub-content .card:after,.alliance-page .page-header,.alliance-page .page-header h1,.alliance-page .page-header:after,.alliance-page:before,.alliance-tabs .tab,.alliance-tabs .tab.active:after,.diplomacy-item,.diplomacy-proposal-item,.diplomacy-propose-modal,.donation-success,.fabrication-progress-fill:after,.fabrication-queue-item,.fabrication-recipe-card,.leaderboard-entry-card,.level-progress-fill:after,.member-list .member-row,.members-table tbody tr,.mission-progress-fill:after,.overview-tab .card,.overview-tab .card:after,.research-complete-celebration:after,.research-progress .progress-fill:after,.role-badge,.squad-card,.tax-history-item,.vault-amount-animated,.vault-distribute-modal,.vault-withdraw-modal{animation:none!important;transition:none!important}}.research-tree,.tree-container{position:relative}.tree-container{display:flex;gap:24px;min-height:400px;overflow-x:auto;padding:20px}.tree-connections{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.connection-line{stroke-linecap:round;opacity:.5;transition:opacity .3s ease,stroke-width .3s ease}.connection-line.completed{filter:drop-shadow(0 0 3px rgba(16,185,129,.3));opacity:.8}.connection-line.from-done{stroke-dasharray:6 3;animation:connectionFlow 1.5s linear infinite}@keyframes connectionFlow{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}.tier-column{animation:tierFadeIn .4s ease-out both;display:flex;flex-direction:column;gap:12px;min-width:150px;position:relative;z-index:1}.tier-column:nth-child(2){animation-delay:0s}.tier-column:nth-child(3){animation-delay:.1s}.tier-column:nth-child(4){animation-delay:.2s}.tier-column:nth-child(5){animation-delay:.3s}.tier-header{align-items:center;border-bottom:2px solid #8b5cf64d;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.tier-label{color:var(--color-brand-accent);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tier-count{background:#0000004d;border-radius:10px;color:var(--color-text-tertiary);font-size:11px;padding:2px 8px}.tier-nodes{display:flex;flex-direction:column;gap:10px}.research-node{animation:nodeAppear .35s ease-out both;background:#0000004d;border:2px solid #8b5cf633;border-radius:10px;cursor:pointer;padding:14px;position:relative;text-align:center;transition:all .25s ease;z-index:1}.research-node:before{background:radial-gradient(ellipse at 50% 30%,#8b5cf60a 0,#0000 70%);border-radius:10px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.research-node:hover:before{opacity:1}.research-node:hover{border-color:var(--category-color);box-shadow:0 8px 24px #8b5cf640,inset 0 0 20px #8b5cf614;transform:translateY(-4px) scale(1.03)}.research-node:active{transform:translateY(-1px) scale(1.01)}.research-node.selected{background:#8b5cf61a;border-color:var(--category-color);box-shadow:0 0 20px #8b5cf626}.research-node.researched{background:#10b9811a;border-color:#10b98166}.research-node.researched:after{animation:researchedGlow 3s ease-in-out infinite;border-radius:10px;box-shadow:0 0 12px #10b98133;content:"";inset:-1px;pointer-events:none;position:absolute}.research-node.researched .node-icon{color:var(--color-success)}.research-node.locked{cursor:not-allowed;filter:grayscale(.3);opacity:.5}.research-node.locked:hover{box-shadow:none;transform:none}.research-node.in-progress{animation:inProgressPulse 2s ease-in-out infinite;background:#3b82f61a;border-color:#3b82f680}.research-node.in-progress:before{animation:nodeBubble 3s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 70% 30%,#3b82f614 0,#0000 50%);opacity:1}@keyframes nodeBubble{0%,to{background-position:0 0,100% 100%}50%{background-position:100% 100%,0 0}}.research-node.insufficient{border-color:#ef44444d}.research-node.insufficient .node-cost{color:var(--color-danger)}.research-node.available{border-color:#8b5cf659}.research-node.available:after{animation:availableHint 2.5s ease-in-out infinite;border-radius:10px;box-shadow:0 0 8px #8b5cf61a;content:"";inset:-1px;pointer-events:none;position:absolute}.research-node.queued{background:#f59e0b0f;border-color:#f59e0b66}.research-node.queued:after{animation:queuedPulse 2.5s ease-in-out infinite;border-radius:10px;box-shadow:0 0 8px #f59e0b26;content:"";inset:-1px;pointer-events:none;position:absolute}@keyframes queuedPulse{0%,to{box-shadow:0 0 6px #f59e0b1a}50%{box-shadow:0 0 14px #f59e0b4d}}.research-node.recommended{border-color:#10b98159}.recommended-badge{align-items:center;animation:recommendedBounce 2s ease-in-out infinite;background:#10b981e6;border-radius:50%;box-shadow:0 0 8px #10b98166;display:flex;font-size:10px;height:18px;justify-content:center;left:-6px;top:-6px;width:18px;z-index:5}@keyframes recommendedBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.queued-badge{align-items:center;background:#f59e0be6;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px;z-index:5}.research-node.celebrating{animation:celebrationFlash .6s ease-out}.celebration-burst{inset:0;pointer-events:none;position:absolute;z-index:10}.celebration-particle{animation:particleBurst 1s ease-out forwards;background:var(--color-success);border-radius:50%;height:4px;left:50%;position:absolute;top:50%;transform-origin:center;width:4px}@keyframes celebrationFlash{0%{box-shadow:0 0 0 #10b98100}30%{box-shadow:0 0 30px #10b98180,inset 0 0 20px #10b98133}to{box-shadow:0 0 12px #10b98133}}.progress-ring{height:24px;position:absolute;right:-4px;top:-4px;width:24px}.progress-ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#3b82f633;stroke-width:3}.ring-fill{fill:none;stroke:var(--color-brand-primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.node-icon{color:var(--color-text-secondary);font-size:24px;margin-bottom:8px;transition:transform .2s ease}.research-node:hover .node-icon{transform:scale(1.2) rotate(8deg)}.node-name{color:var(--color-text-primary);font-size:12px;font-weight:600;line-height:1.3;margin-bottom:6px}.node-cost{align-items:center;color:var(--color-brand-accent);display:flex;font-size:11px;gap:4px;justify-content:center}.cost-icon{font-size:10px}.node-tooltip{animation:tooltipFadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2efa;border:1px solid #8b5cf666;border-radius:8px;bottom:100%;left:50%;margin-bottom:8px;padding:10px;pointer-events:none;position:absolute;transform:translateX(-50%);width:220px;z-index:10}.tooltip-bonus{color:var(--color-success);font-size:12px;font-weight:600;margin-bottom:4px}.tooltip-time{align-items:center;color:var(--color-brand-primary);display:flex;flex-wrap:wrap;font-size:11px;gap:4px;margin-bottom:4px}.tooltip-speed-detail{color:var(--color-success);font-size:10px;font-weight:400}.tooltip-requires{color:var(--color-text-tertiary);font-size:10px}.node-details-panel{animation:detailsSlideIn .3s ease-out;background:#0000004d;border:1px solid #8b5cf64d;border-radius:12px;margin-top:20px;overflow:hidden;padding:20px;position:relative}.node-details-panel:before{background:radial-gradient(ellipse at 20% 50%,#8b5cf60d 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.details-header{align-items:center;border-bottom:1px solid #8b5cf633;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px;position:relative}.details-icon{color:var(--color-brand-accent);font-size:28px}.details-title{align-items:center;display:flex;flex:1 1;gap:10px}.details-title h4{color:var(--color-text-primary);font-size:16px;margin:0}.close-details{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.close-details:hover{background:#ef444433;color:var(--color-danger)}.details-body{margin-bottom:16px;position:relative}.detail-row{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:8px;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-tertiary);font-size:12px;min-width:100px}.detail-value{font-size:13px}.detail-value.bonus{color:var(--color-success);font-weight:600}.detail-value.cost{color:var(--color-brand-accent)}.detail-value.cost.insufficient{color:var(--color-danger)}.detail-value.time{align-items:center;color:var(--color-brand-primary);display:flex;flex-wrap:wrap;gap:4px}.shortage{color:var(--color-danger);font-size:11px}.speed-breakdown{border-left:1px solid #ffffff1a;display:flex;font-size:11px;gap:8px;margin-left:4px;padding-left:8px}.speed-base{color:var(--color-text-tertiary)}.speed-reduction{color:var(--color-success);font-weight:600}.requirements-list{display:flex;flex-direction:column;gap:4px}.requirement{align-items:center;color:var(--color-text-secondary);font-size:12px;gap:4px}.requirement.met{color:var(--color-success)}.requirement.unmet{color:var(--color-danger)}.details-status{margin:16px 0}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.status-badge.researched{animation:bonusActivate .5s ease-out;background:#10b9811a;color:var(--color-success)}.status-badge.in-progress{background:#3b82f61a;color:var(--color-brand-primary)}.status-badge.locked{background:#6b72801a;color:var(--color-info)}.status-badge.queued{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning,#f59e0b)}.details-actions{display:flex;gap:8px;justify-content:flex-end}@keyframes tierFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes researchedGlow{0%,to{box-shadow:0 0 8px #10b98126}50%{box-shadow:0 0 18px #10b98159}}@keyframes inProgressPulse{0%,to{border-color:#3b82f666;box-shadow:0 0 8px #3b82f61a}50%{border-color:#3b82f6b3;box-shadow:0 0 18px #3b82f64d}}@keyframes availableHint{0%,to{opacity:.3}50%{opacity:.8}}@keyframes detailsSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bonusActivate{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes nodeAppear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.research-node:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.close-details:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}@media (max-width:600px){.tree-container{gap:16px;padding:10px}.tier-column{min-width:120px}.research-node{padding:10px}.node-icon{font-size:20px}.node-name{font-size:11px}.node-details-panel{padding:14px}.queued-badge,.recommended-badge{font-size:8px;height:14px;width:14px}}@media (max-width:480px){.tree-container{flex-direction:column;gap:20px}.tier-column{min-width:0;min-width:auto}.tier-nodes{flex-direction:row;flex-wrap:wrap;gap:8px}.research-node{flex:1 1;min-width:110px}}@media (prefers-reduced-motion:reduce){.node-details-panel,.node-tooltip,.research-node,.research-node.celebrating,.status-badge.researched,.tier-column{animation:none}.research-node{transition:none}.research-node:active,.research-node:hover,.research-node:hover .node-icon{transform:none}.research-node.available:after,.research-node.in-progress,.research-node.in-progress:before,.research-node.queued:after,.research-node.researched:after{animation:none}.connection-line,.ring-fill{transition:none}.celebration-particle,.connection-line.from-done,.recommended-badge{animation:none}}.research-queue{background:linear-gradient(135deg,#3b82f61a,#0003);border:1px solid #3b82f64d;margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative}.research-queue:before{background:radial-gradient(ellipse at 20% 50%,#3b82f60f 0,#0000 60%);inset:0}.research-queue:after,.research-queue:before{content:"";pointer-events:none;position:absolute}.research-queue:after{animation:queueScanLine 3s linear infinite;background:linear-gradient(90deg,#0000,#3b82f666,#0000);height:1px;left:0;right:0}@keyframes queueScanLine{0%{top:0}to{top:100%}}.queue-header{justify-content:space-between;margin-bottom:var(--spacing-md);position:relative;z-index:1}.queue-header,.queue-header h3{align-items:center;display:flex}.queue-header h3{color:var(--color-brand-primary);font-size:var(--font-size-md);gap:var(--spacing-xs);margin:0}.queue-count{background:#0000004d;border-radius:12px;color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:4px 10px}.queue-items{display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;z-index:1}.queue-item{animation:queueItemSlideIn .3s ease-out;background:#0000004d;border:1px solid #0000;border-radius:var(--border-radius-md);gap:var(--spacing-md);padding:var(--spacing-md);transition:all .25s ease}.queue-item:hover{background:#0006;border-color:#3b82f633}.queue-item.complete{animation:queueItemComplete .5s ease-out;background:#10b9811a;border-color:#10b9814d}.item-position{align-items:center;background:#0006;border:1px solid #3b82f633;border-radius:50%;color:var(--color-text-tertiary);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.queue-item.complete .item-position{background:#10b98133;border-color:#10b98166;color:var(--color-success)}.item-icon{color:var(--color-brand-primary);font-size:22px;width:40px}.queue-item.complete .item-icon{animation:completePop .4s ease-out;color:var(--color-success)}.item-info{display:flex;flex-direction:column;min-width:0}.item-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.item-category{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:capitalize}.item-progress{display:flex;flex-direction:column;gap:4px;min-width:150px}.queue-item .progress-bar{background:#0006;border-radius:3px;height:6px;overflow:hidden;position:relative}.queue-item .progress-fill{background:linear-gradient(90deg,var(--color-brand-primary) 0,#60a5fa 100%);background:linear-gradient(90deg,var(--color-brand-primary) 0,var(--color-brand-primary-bright,#60a5fa) 100%);border-radius:3px;height:100%;position:relative;transition:width .3s ease}.queue-item .progress-fill:after{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";inset:0;position:absolute}.queue-item.complete .progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.queue-item.complete .progress-fill:after{animation:none;background:none}.progress-text{color:var(--color-brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-align:right}.queue-item.complete .progress-text{animation:completePulseText 1s ease-in-out infinite;color:var(--color-success)}.item-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.complete-btn{animation:claimBounce 1.5s ease-in-out infinite}.rush-btn{animation:rushLightning 2s ease-in-out infinite;transition:all .2s ease}.rush-btn:hover:not(:disabled){box-shadow:0 0 12px #f59e0b4d}.cancel-btn{color:var(--color-text-tertiary)!important;padding:4px 8px!important;transition:color .2s ease}.cancel-btn:hover{color:var(--color-danger)!important}.confirm-dialog{align-items:center;animation:confirmSlideIn .2s ease-out;background:#0006;border-radius:var(--border-radius-sm);display:flex;gap:6px;padding:4px 8px}.cancel-confirm{border:1px solid #ef44444d}.rush-confirm{border:1px solid #f59e0b4d}.confirm-text{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);gap:3px;white-space:nowrap}.rush-confirm .confirm-text{color:#f59e0b;color:var(--color-warning,#f59e0b)}@keyframes queueItemSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes queueItemComplete{0%{background:#10b98100}50%{background:#10b98133}to{background:#10b9811a}}@keyframes completePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes completePulseText{0%,to{opacity:1}50%{opacity:.7}}@keyframes claimBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes rushLightning{0%,to{box-shadow:0 0 4px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b66}}.queue-item button:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.cancel-btn:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}@media (max-width:600px){.queue-item{flex-wrap:wrap}.item-progress{min-width:auto;width:100%}.item-actions{justify-content:flex-end;width:100%}.item-position{display:none}}@media (max-width:480px){.research-queue{padding:var(--spacing-md)}.item-icon{font-size:18px;width:30px}}@media (prefers-reduced-motion:reduce){.queue-item{transition:none}.queue-item,.queue-item.complete,.queue-item.complete .item-icon{animation:none}.queue-item .progress-fill{transition:none}.complete-btn,.confirm-dialog,.queue-item .progress-fill:after,.queue-item.complete .progress-text,.research-queue:after,.rush-btn{animation:none}}.stats-card{animation:statCardFadeIn .4s ease-out both;overflow:hidden;padding:var(--spacing-lg);position:relative}.stats-card:nth-child(2){animation-delay:.1s}.stats-card:nth-child(3){animation-delay:.2s}.stats-card:before{background:radial-gradient(ellipse at 50% 0,#8b5cf60d 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.stats-card h4{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0;position:relative}.overall-progress .overall-stats{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);position:relative}.big-stat{display:flex;flex-direction:column}.big-stat .stat-value{-webkit-text-fill-color:#0000;animation:statGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;background-clip:text;color:var(--color-brand-accent);font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);line-height:1}.big-stat .stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase}.stat-details{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.milestone-badge{align-items:center;animation:milestoneFadeIn .5s ease-out;border-radius:16px;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:6px;margin-top:var(--spacing-md);padding:6px 14px}.milestone-badge.tier-1{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#a78bfa}.milestone-badge.tier-2{background:#3b82f61a;border:1px solid #3b82f64d;color:#60a5fa}.milestone-badge.tier-3{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#fbbf24}.milestone-badge.tier-4{animation:milestoneFadeIn .5s ease-out,milestoneGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#a855f726,#ec489926);border:1px solid #a855f766;color:#e879f9}@keyframes milestoneFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes milestoneGlow{0%,to{box-shadow:0 0 6px #a855f71a}50%{box-shadow:0 0 14px #a855f74d}}.category-list{gap:var(--spacing-md);position:relative}.category-item,.category-list{display:flex;flex-direction:column}.category-item{border-radius:var(--border-radius-sm);gap:6px;padding:6px 8px;transition:transform .2s ease,background .2s ease}.category-item:hover{transform:translateX(2px)}.category-item.clickable{cursor:pointer}.category-item.clickable:hover{background:#8b5cf614;transform:translateX(3px)}.category-item.clickable:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.category-item.cat-mastered{position:relative}.category-item.cat-mastered:after{animation:masteredGlow 3s ease-in-out infinite;border-radius:var(--border-radius-sm);box-shadow:inset 0 0 8px #10b9811a;content:"";inset:-4px;pointer-events:none;position:absolute}@keyframes masteredGlow{0%,to{box-shadow:inset 0 0 6px #10b98114}50%{box-shadow:inset 0 0 12px #10b98133}}.cat-header{align-items:center;display:flex;gap:var(--spacing-xs)}.cat-icon{font-size:14px}.cat-name{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm)}.cat-complete-icon{animation:catCheckPop .4s ease-out;color:var(--color-success);font-size:12px}@keyframes catCheckPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.cat-count{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.bonuses-summary{border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.agg-bonus{background:#10b9811a;border:1px solid #10b98133;border-radius:10px;color:var(--color-success);font-size:var(--font-size-xs);font-weight:600;padding:3px 8px;white-space:nowrap}.bonuses-list{gap:var(--spacing-xs);max-height:250px;overflow-y:auto;position:relative}.no-bonuses{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-lg);text-align:center}.bonus-item{animation:bonusItemSlideIn .3s ease-out both;background:#0003;border-left:3px solid #10b9814d;border-radius:var(--border-radius-sm);padding:var(--spacing-sm);transition:all .2s ease}.bonus-item:nth-child(2){animation-delay:.05s}.bonus-item:nth-child(3){animation-delay:.1s}.bonus-item:nth-child(4){animation-delay:.15s}.bonus-item:nth-child(5){animation-delay:.2s}.bonus-item:nth-child(6){animation-delay:.25s}.bonus-item:nth-child(7){animation-delay:.3s}.bonus-item:nth-child(8){animation-delay:.35s}.bonus-item:hover{background:#0000004d;border-left-color:#10b98199;transform:translateX(2px)}.bonus-name{color:var(--color-text-secondary)}.bonus-effect,.bonus-name{font-size:var(--font-size-xs)}.bonus-effect{color:var(--color-success);font-weight:var(--font-weight-bold)}.more-bonuses{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-style:italic;padding:var(--spacing-sm);text-align:center}@keyframes statCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes progressBarFill{0%{width:0}}@keyframes bonusItemSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes statGlow{0%,to{text-shadow:0 0 4px #a855f733}50%{text-shadow:0 0 10px #a855f766}}.stats-card:focus-within{outline:none}.bonuses-list:focus-visible{border-radius:var(--border-radius-sm);outline:2px solid var(--color-brand-accent);outline-offset:2px}@media (max-width:480px){.stats-card{padding:var(--spacing-md)}.big-stat .stat-value{font-size:var(--font-size-xxl)}.bonuses-list{max-height:180px}.bonuses-summary{gap:4px}.agg-bonus{font-size:10px;padding:2px 6px}}@media (prefers-reduced-motion:reduce){.stats-card{animation:none}.bonus-item,.category-item{animation:none;transition:none}.bonus-item:hover,.category-item.clickable:hover,.category-item:hover{transform:none}.big-stat .stat-value,.cat-complete-icon,.category-item.cat-mastered:after,.milestone-badge,.milestone-badge.tier-4{animation:none}}.research-icon-sword:before{-webkit-clip-path:polygon(50% 0,60% 45%,85% 40%,55% 55%,65% 100%,50% 70%,35% 100%,45% 55%,15% 40%,40% 45%);clip-path:polygon(50% 0,60% 45%,85% 40%,55% 55%,65% 100%,50% 70%,35% 100%,45% 55%,15% 40%,40% 45%)}.research-icon-shield:before,.research-icon-sword:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-shield:before{-webkit-clip-path:polygon(50% 100%,5% 35%,5% 5%,50% 15%,95% 5%,95% 35%);clip-path:polygon(50% 100%,5% 35%,5% 5%,50% 15%,95% 5%,95% 35%)}.research-icon-boot:before{-webkit-clip-path:polygon(30% 0,55% 0,55% 50%,90% 65%,95% 80%,95% 100%,10% 100%,10% 80%,30% 70%);clip-path:polygon(30% 0,55% 0,55% 50%,90% 65%,95% 80%,95% 100%,10% 100%,10% 80%,30% 70%)}.research-icon-boot:before,.research-icon-coins:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-coins:before{border-radius:50%;box-shadow:.2em .15em 0 -.05em currentColor}.research-icon-wrench:before{-webkit-clip-path:polygon(20% 0,40% 0,40% 15%,35% 25%,60% 50%,75% 50%,85% 60%,100% 75%,90% 85%,75% 100%,60% 90%,50% 75%,50% 60%,25% 35%,15% 40%,0 40%,0 20%);clip-path:polygon(20% 0,40% 0,40% 15%,35% 25%,60% 50%,75% 50%,85% 60%,100% 75%,90% 85%,75% 100%,60% 90%,50% 75%,50% 60%,25% 35%,15% 40%,0 40%,0 20%)}.research-icon-sparkle:before,.research-icon-wrench:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-sparkle:before{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.research-icon-crystal:before{-webkit-clip-path:polygon(50% 0,80% 20%,80% 70%,50% 100%,20% 70%,20% 20%);clip-path:polygon(50% 0,80% 20%,80% 70%,50% 100%,20% 70%,20% 20%)}.research-icon-crystal:before,.research-icon-lab:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-lab:before{-webkit-clip-path:polygon(20% 100%,20% 45%,35% 45%,35% 25%,45% 25%,45% 0,55% 0,55% 25%,65% 25%,65% 45%,80% 45%,80% 100%);clip-path:polygon(20% 100%,20% 45%,35% 45%,35% 25%,45% 25%,45% 0,55% 0,55% 25%,65% 25%,65% 45%,80% 45%,80% 100%)}.research-icon-flask:before{-webkit-clip-path:polygon(35% 0,65% 0,65% 35%,90% 85%,85% 100%,15% 100%,10% 85%,35% 35%);clip-path:polygon(35% 0,65% 0,65% 35%,90% 85%,85% 100%,15% 100%,10% 85%,35% 35%)}.research-icon-chart:before,.research-icon-flask:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-chart:before{-webkit-clip-path:polygon(0 100%,0 80%,25% 50%,50% 65%,75% 25%,100% 40%,100% 100%);clip-path:polygon(0 100%,0 80%,25% 50%,50% 65%,75% 25%,100% 40%,100% 100%)}.research-icon-folder:before{-webkit-clip-path:polygon(0 20%,0 100%,100% 100%,100% 30%,45% 30%,35% 20%);clip-path:polygon(0 20%,0 100%,100% 100%,100% 30%,45% 30%,35% 20%)}.research-icon-check:before,.research-icon-folder:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-check:before{-webkit-clip-path:polygon(20% 55%,30% 45%,45% 60%,75% 25%,85% 35%,45% 80%);clip-path:polygon(20% 55%,30% 45%,45% 60%,75% 25%,85% 35%,45% 80%)}.research-icon-check-circle:before{border-radius:50%}.research-icon-check-circle:before,.research-icon-lock:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-lock:before{-webkit-clip-path:polygon(25% 45%,25% 30%,30% 15%,50% 5%,70% 15%,75% 30%,75% 45%,85% 45%,85% 100%,15% 100%,15% 45%);clip-path:polygon(25% 45%,25% 30%,30% 15%,50% 5%,70% 15%,75% 30%,75% 45%,85% 45%,85% 100%,15% 100%,15% 45%)}.research-icon-hourglass:before{-webkit-clip-path:polygon(20% 0,80% 0,80% 10%,60% 45%,60% 55%,80% 90%,80% 100%,20% 100%,20% 90%,40% 55%,40% 45%,20% 10%);clip-path:polygon(20% 0,80% 0,80% 10%,60% 45%,60% 55%,80% 90%,80% 100%,20% 100%,20% 90%,40% 55%,40% 45%,20% 10%)}.research-icon-hourglass:before,.research-icon-lightning:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-lightning:before{-webkit-clip-path:polygon(60% 0,25% 50%,45% 50%,35% 100%,75% 45%,55% 45%);clip-path:polygon(60% 0,25% 50%,45% 50%,35% 100%,75% 45%,55% 45%)}.research-icon-microscope:before{-webkit-clip-path:polygon(45% 0,55% 0,55% 10%,70% 15%,75% 30%,60% 40%,55% 70%,75% 80%,75% 100%,25% 100%,25% 80%,45% 70%,45% 40%,30% 30%,30% 15%);clip-path:polygon(45% 0,55% 0,55% 10%,70% 15%,75% 30%,60% 40%,55% 70%,75% 80%,75% 100%,25% 100%,25% 80%,45% 70%,45% 40%,30% 30%,30% 15%)}.research-icon-close:before,.research-icon-microscope:before{background:currentColor;content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-close:before{-webkit-clip-path:polygon(20% 10%,50% 40%,80% 10%,90% 20%,60% 50%,90% 80%,80% 90%,50% 60%,20% 90%,10% 80%,40% 50%,10% 20%);clip-path:polygon(20% 10%,50% 40%,80% 10%,90% 20%,60% 50%,90% 80%,80% 90%,50% 60%,20% 90%,10% 80%,40% 50%,10% 20%)}.research-icon-alert:before{background:currentColor;-webkit-clip-path:polygon(50% 5%,95% 95%,5% 95%);clip-path:polygon(50% 5%,95% 95%,5% 95%);content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.research-icon-circle:before{border:2px solid;border-radius:50%;content:"";display:inline-block;height:.7em;vertical-align:middle;width:.7em}.research-icon-arrow-left:before{background:currentColor;-webkit-clip-path:polygon(40% 0,50% 10%,25% 45%,100% 45%,100% 55%,25% 55%,50% 90%,40% 100%,0 50%);clip-path:polygon(40% 0,50% 10%,25% 45%,100% 45%,100% 55%,25% 55%,50% 90%,40% 100%,0 50%);content:"";display:inline-block;height:1em;vertical-align:middle;width:1em}.star{animation:starTwinkle 4s ease-in-out infinite;animation:starTwinkle var(--star-duration,4s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--star-delay,0s);background:#8b5cf699}.category-ambient{background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,#8b5cf6 6%,#0000) 0,#0000 60%);background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--active-category-color,#8b5cf6) 6%,#0000) 0,#0000 60%);transition:background .8s ease}.category-ambient,.lab-particles{inset:0;pointer-events:none;position:fixed;z-index:0}.lab-particles{overflow:hidden}.lab-particle{animation:labParticleRise ease-out infinite;background:#8b5cf6;background:var(--active-category-color,#8b5cf6);border-radius:50%;bottom:-10px;height:3px;opacity:0;position:absolute;width:3px}@keyframes labParticleRise{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.6}to{opacity:0;transform:translateY(-100vh) scale(.3)}}.research-lab-page{box-sizing:border-box;margin:0 auto;max-width:min(1600px,96vw);min-height:100vh;padding:var(--spacing-lg);position:relative;width:100%;z-index:1}.research-lab-page.lab-active{animation:labAmbientPulse 4s ease-in-out infinite}@media (min-width:1920px){.research-lab-page{max-width:min(2200px,98vw)}}@media (min-width:2560px){.research-lab-page{max-width:min(2600px,98vw)}}.research-lab-page .page-header{align-items:flex-start;background:linear-gradient(135deg,#8b5cf61f,#0000004d);border:1px solid #8b5cf64d;border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-lg);position:relative}.research-lab-page .page-header:before{background:radial-gradient(ellipse at 30% 50%,#8b5cf614 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.lab-active .page-header:after{animation:headerScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#8b5cf6,#0000);background:linear-gradient(90deg,#0000,var(--active-category-color,#8b5cf6),#0000);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0}@keyframes headerScanLine{0%{top:0}to{top:100%}}.research-lab-page .header-main{flex:1 1;min-width:250px;position:relative;z-index:1}.back-btn{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)!important}.research-lab-page .page-header h1{-webkit-text-fill-color:#0000;animation:headerGlow 4s ease-in-out infinite;background:linear-gradient(135deg,var(--rarity-epic) 0,#c084fc 50%,#e9d5ff 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xxl);margin:0 0 var(--spacing-xs) 0}.research-lab-page .page-description{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);position:relative;z-index:1}.research-lab-page .stat-item{align-items:center;background:#0000004d;border:1px solid #8b5cf633;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:border-color .3s ease,box-shadow .3s ease}.research-lab-page .stat-item:hover{border-color:#8b5cf666;box-shadow:0 0 12px #8b5cf626}.research-lab-page .stat-icon{color:var(--color-brand-accent);font-size:20px}.research-lab-page .stat-info{display:flex;flex-direction:column}.research-lab-page .stat-value{animation:statCountUp .5s ease-out;color:var(--color-brand-accent);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.research-lab-page .stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.error-banner{align-items:center;animation:slideInDown .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--border-radius-md);color:var(--color-danger);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.error-dismiss{background:none;border:none;border-radius:4px;color:var(--color-danger);cursor:pointer;font-size:16px;padding:4px;transition:background .2s}.error-dismiss:hover{background:#ef444433}.research-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 300px}.research-trees-card{padding:var(--spacing-lg)}.category-tab-label{align-items:center;display:flex;gap:var(--spacing-xs)}.category-tab-label.cat-complete{color:var(--color-success)}.tab-icon{font-size:14px}.tab-name{font-weight:var(--font-weight-medium)}.tab-progress{align-items:center;background:#0000004d;border-radius:10px;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:4px;padding:2px 6px}.tab-complete-badge{animation:completeBadgePop .5s ease-out;color:var(--color-success);font-size:10px}@keyframes completeBadgePop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.category-description{align-items:center;animation:researchFadeIn .3s ease-out;background:#0003;border-left:3px solid #8b5cf6;border-left:3px solid var(--active-category-color,#8b5cf6);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.cat-icon{font-size:20px}.cat-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.research-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.research-pending-queue{background:linear-gradient(135deg,#f59e0b0f,#0003);border:1px solid #f59e0b40;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.pending-queue-header h3{color:#f59e0b;color:var(--color-warning,#f59e0b)}.pending-queue-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pending-queue-item{align-items:center;animation:pendingQueueSlideIn .3s ease-out both;background:#0003;border:1px solid #f59e0b26;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease}.pending-queue-item:nth-child(2){animation-delay:.05s}.pending-queue-item:nth-child(3){animation-delay:.1s}.pending-queue-item:nth-child(4){animation-delay:.15s}.pending-queue-item:nth-child(5){animation-delay:.2s}.pending-queue-item:hover{border-color:#f59e0b59}.pq-position{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:50%;color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.pq-name{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.pq-category{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:capitalize}@keyframes pendingQueueSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.trees-card-header{flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.respec-section,.trees-card-header{align-items:center;display:flex}.respec-btn{color:var(--color-text-tertiary);font-size:var(--font-size-xs);transition:color .2s ease}.respec-btn:hover{color:var(--color-danger)}.respec-confirm{align-items:center;animation:confirmSlideIn .2s ease-out;background:#ef444414;border:1px solid #ef444440;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.respec-text{color:var(--color-danger);font-size:var(--font-size-xs);white-space:nowrap}@keyframes confirmSlideIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.research-skeleton{display:flex;flex-direction:column;gap:var(--spacing-lg)}.skeleton-header{background:#0003;border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.research-lab-page .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf614 25%,#8b5cf626 50%,#8b5cf614 75%);background-size:200% 100%;border-radius:4px}.skeleton-title{margin-bottom:var(--spacing-sm);width:280px}.skeleton-subtitle{height:16px;margin-bottom:var(--spacing-lg);width:200px}.skeleton-stats-row{display:flex;gap:var(--spacing-md)}.skeleton-stat-card{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf614 25%,#8b5cf626 50%,#8b5cf614 75%);background-size:200% 100%;border-radius:var(--border-radius-md);height:56px;width:140px}.skeleton-tabs{display:flex;gap:var(--spacing-sm)}.skeleton-tab{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf614 25%,#8b5cf626 50%,#8b5cf614 75%);background-size:200% 100%;border-radius:20px;height:36px;width:100px}.skeleton-tree{display:flex;gap:24px;padding:20px}.skeleton-tier{display:flex;flex-direction:column;gap:10px;min-width:150px}.skeleton-node{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf614 25%,#8b5cf626 50%,#8b5cf614 75%);background-size:200% 100%;border-radius:10px;height:100px;width:150px}@keyframes researchFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes labAmbientPulse{0%,to{box-shadow:0 0 20px #8b5cf60d}50%{box-shadow:0 0 40px #8b5cf61f}}.research-lab-page [role=button]:focus-visible,.research-lab-page a:focus-visible,.research-lab-page button:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.error-dismiss:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}@media (max-width:1024px){.research-content{grid-template-columns:1fr}.research-sidebar{flex-direction:row;flex-wrap:wrap}.research-sidebar>*{flex:1 1;min-width:280px}}@media (max-width:768px){.research-lab-page{padding:var(--spacing-md)}.research-lab-page .page-header{flex-direction:column;text-align:center}.header-stats{justify-content:center}.category-tab-label .tab-name{display:none}}@media (max-width:480px){.research-lab-page{padding:var(--spacing-sm)}.research-lab-page .page-header{padding:var(--spacing-md)}.header-stats{gap:var(--spacing-sm)}.research-lab-page .stat-item{flex:1 1;min-width:0;padding:var(--spacing-sm)}.research-lab-page .stat-value{font-size:var(--font-size-md)}.skeleton-stats-row{flex-direction:column}.skeleton-stat-card{width:100%}.skeleton-tabs{flex-wrap:wrap}.skeleton-tree{flex-direction:column}.skeleton-node{width:100%}}@media (prefers-reduced-motion:reduce){.category-description,.error-banner,.lab-active .page-header:after,.research-lab-page .page-header h1,.research-lab-page.lab-active,.tab-complete-badge{animation:none}.skeleton-line,.skeleton-node,.skeleton-stat-card,.skeleton-tab{animation:none;background:#8b5cf61a}.research-lab-page .stat-item{transition:none}.research-lab-page .stat-value,.star{animation:none}.star{opacity:.3}.lab-particle{animation:none}.category-ambient{transition:none}.pending-queue-item{animation:none;transition:none}.respec-confirm{animation:none}}.uc-mech-panel{display:flex;flex-direction:column;gap:20px}.uc-selected-mech{align-items:center;animation:ucMechInfoSlideIn .3s ease-out;background:#0000004d;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;padding:16px}@keyframes ucMechInfoSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.uc-mech-details{flex:1 1;min-width:120px}.uc-mech-details h3{color:var(--color-text-primary);font-size:18px;margin:0}.uc-mech-meta{color:var(--color-text-tertiary);font-size:12px}.uc-mech-power{align-items:flex-end;display:flex;flex-direction:column}.uc-power-label{color:var(--color-text-tertiary);font-size:10px;text-transform:uppercase}.uc-power-value{color:var(--color-warning);font-size:20px;font-weight:700}.uc-milestone-badge{align-items:center;animation:ucMilestoneFadeIn .4s ease-out;border-radius:12px;display:flex;font-size:11px;font-weight:700;padding:4px 10px}.uc-milestone-tier-1{background:linear-gradient(135deg,#a855f733,#8b5cf61a);border:1px solid #a855f766;color:var(--rarity-epic)}.uc-milestone-tier-2{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border:1px solid #3b82f666;color:#3b82f6}.uc-milestone-tier-3{background:linear-gradient(135deg,#f59e0b33,#d977061a);border:1px solid #f59e0b66;color:#f59e0b}.uc-milestone-tier-4{animation:ucMilestoneGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ec489933,#db27771a);border:1px solid #ec489966;color:#ec4899}@keyframes ucMilestoneFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes ucMilestoneGlow{0%,to{box-shadow:0 0 0 #0000}50%{box-shadow:0 0 10px #ec48994d}}.uc-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.uc-stat-card{animation:ucStatCardFadeIn .3s ease-out backwards;background:#0000004d;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;outline:none;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.uc-stat-card:first-child{animation-delay:0s}.uc-stat-card:nth-child(2){animation-delay:.05s}.uc-stat-card:nth-child(3){animation-delay:.1s}.uc-stat-card:nth-child(4){animation-delay:.15s}.uc-stat-card:nth-child(5){animation-delay:.2s}@keyframes ucStatCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.uc-stat-card:hover:not(.maxed){border-color:#f59e0b80;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px) scale(1.02)}.uc-stat-card:focus-visible{border-color:#f59e0b99;box-shadow:0 0 0 2px #f59e0b33}.uc-stat-card.selected{background:#f59e0b1a;border-color:var(--color-warning)}.uc-stat-card.maxed{background:linear-gradient(135deg,#f59e0b0a,#0000004d);border-color:#f59e0b26;cursor:default;opacity:.7}.uc-stat-card.cant-afford{border-color:#ef44444d}.uc-stat-card.cant-afford .uc-stat-level-text{animation:ucStatCantAffordPulse 2s ease-in-out infinite;color:var(--color-danger)}@keyframes ucStatCantAffordPulse{0%,to{opacity:.6}50%{opacity:1}}.uc-stat-card.celebrating{animation:ucCelebrationFlash .6s ease-out}@keyframes ucCelebrationFlash{0%{box-shadow:0 0 0 #f59e0b00}30%{box-shadow:0 0 30px #f59e0b99,inset 0 0 20px #f59e0b33}to{box-shadow:0 0 0 #f59e0b00}}.uc-celebration-burst{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:5}.uc-celebration-particle{animation:ucParticleBurst .8s ease-out forwards;background:#f59e0b;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes ucParticleBurst{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--angle)) translateY(-35px) scale(.2)}}.uc-stat-card-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.uc-stat-card-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.uc-stat-card-value{color:var(--color-text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.uc-stat-bonus{color:var(--color-success);font-size:14px;margin-left:6px}.uc-stat-card-level{align-items:center;display:flex;gap:8px}.uc-stat-level-text{color:var(--color-text-tertiary);font-size:11px;min-width:35px}.uc-upgrade-preview{animation:ucPreviewSlideIn .3s ease-out;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;padding:20px}@keyframes ucPreviewSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uc-upgrade-preview h4{color:var(--color-warning);font-size:16px;margin:0 0 16px}.uc-preview-comparison{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.uc-preview-after,.uc-preview-current{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;padding:16px 24px;transition:transform .2s ease}.uc-preview-after{border:1px solid #22c55e4d}.uc-preview-label{color:var(--color-text-tertiary);font-size:11px;margin-bottom:4px;text-transform:uppercase}.uc-preview-value{color:var(--color-text-primary);font-size:24px;font-weight:700}.uc-preview-value.highlight{color:var(--color-success)}.uc-preview-arrow{align-items:center;display:flex}.uc-upgrade-cost{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.uc-cost-item{align-items:center;display:flex;gap:6px}.uc-cost-value{color:var(--color-text-primary);font-size:14px;font-weight:600}.uc-cost-value.insufficient{color:var(--color-danger)}@media (max-width:600px){.uc-stats-grid{grid-template-columns:repeat(2,1fr)}.uc-preview-comparison{flex-direction:column;gap:12px}.uc-preview-arrow{transform:rotate(90deg)}.uc-selected-mech{flex-direction:column;text-align:center}}@media (prefers-reduced-motion:reduce){.uc-milestone-badge,.uc-selected-mech,.uc-stat-card,.uc-stat-card.celebrating,.uc-upgrade-preview{animation:none}.uc-celebration-particle{display:none}.uc-stat-card:hover:not(.maxed){transform:none}.uc-milestone-tier-4,.uc-stat-card.cant-afford .uc-stat-level-text{animation:none}}.uc-compare-panel{animation:ucCompareSlideIn .3s ease-out;background:#0000004d;border:1px solid #3b82f64d;border-radius:10px;padding:20px}@keyframes ucCompareSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uc-compare-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.uc-compare-header h4{align-items:center;color:var(--color-info);display:flex;font-size:16px;gap:6px;margin:0}.uc-compare-close-btn{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s ease}.uc-compare-close-btn:hover{background:#ffffff26;color:var(--color-text-primary)}.uc-compare-names{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;margin-bottom:16px;text-align:center}.uc-compare-weapon-label{background:#0000004d;border-radius:8px;padding:8px 12px}.uc-compare-weapon-name{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.uc-compare-weapon-rarity{font-size:11px;font-weight:500}.uc-compare-vs{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:12px;font-weight:700;letter-spacing:1px}.uc-compare-stats{display:flex;flex-direction:column;gap:2px}.uc-compare-row{grid-gap:8px;align-items:center;border-bottom:1px solid #ffffff0a;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;padding:8px 0}.uc-compare-row:last-child{border-bottom:none}.uc-compare-row-label{color:var(--color-text-tertiary);font-size:11px;letter-spacing:.5px;min-width:70px;text-align:center;text-transform:uppercase}.uc-compare-side{align-items:center;display:flex;gap:8px}.uc-compare-side-a{justify-content:flex-end}.uc-compare-side-b{justify-content:flex-start}.uc-compare-val{color:var(--color-text-primary);font-size:15px;font-weight:600;min-width:40px}.uc-compare-side-a .uc-compare-val{text-align:right}.uc-compare-side-b .uc-compare-val{text-align:left}.uc-compare-bar-track{background:#ffffff0f;border-radius:3px;flex:1 1;height:6px;max-width:100px;overflow:hidden}.uc-compare-bar{border-radius:3px;height:100%;transition:width .3s ease}.uc-compare-side-a .uc-compare-bar-track{direction:rtl}.uc-compare-better .uc-compare-val{color:var(--color-success)}.uc-compare-better .uc-compare-bar{background:var(--color-success)}.uc-compare-worse .uc-compare-val{color:var(--color-text-tertiary);opacity:.7}.uc-compare-worse .uc-compare-bar{background:#ffffff26}.uc-compare-equal .uc-compare-val{color:var(--color-text-secondary)}.uc-compare-equal .uc-compare-bar{background:#ffffff40}.uc-compare-diff{border-radius:4px;font-size:11px;font-weight:700;padding:1px 6px;white-space:nowrap}.uc-compare-better .uc-compare-diff{background:#22c55e1f;color:var(--color-success)}.uc-compare-worse .uc-compare-diff{background:#ef44441f;color:var(--color-danger)}.uc-compare-equal .uc-compare-diff{background:#ffffff0f;color:var(--color-text-tertiary)}.uc-compare-toggle-row{display:flex;justify-content:center;margin-top:14px}.uc-compare-projected-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;padding:5px 14px;transition:all .15s ease}.uc-compare-projected-btn:hover{background:#ffffff1a}.uc-compare-projected-btn.active{background:#3b82f626;border-color:#3b82f666;color:var(--color-info)}@media (max-width:480px){.uc-compare-bar-track{display:none}.uc-compare-panel{padding:14px}}@media (prefers-reduced-motion:reduce){.uc-compare-panel{animation:none}}.uc-batch-picker{animation:ucBatchSlideIn .25s ease-out;background:#22c55e0f;border:1px solid #22c55e40;border-radius:10px;padding:16px}@keyframes ucBatchSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.uc-batch-header{align-items:center;color:var(--color-success);display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:12px}.uc-batch-slider-row{align-items:center;display:flex;gap:10px;margin-bottom:14px}.uc-batch-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:30px;justify-content:center;transition:all .15s ease;width:30px}.uc-batch-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.uc-batch-btn:disabled{cursor:default;opacity:.3}.uc-batch-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;outline:none}.uc-batch-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-success);border:2px solid #0000004d;border-radius:50%;box-shadow:0 0 6px #22c55e66;cursor:pointer;height:18px;-webkit-transition:box-shadow .15s ease;transition:box-shadow .15s ease;width:18px}.uc-batch-slider::-webkit-slider-thumb:hover{box-shadow:0 0 10px #22c55e99}.uc-batch-slider::-moz-range-thumb{background:var(--color-success);border:2px solid #0000004d;border-radius:50%;cursor:pointer;height:18px;width:18px}.uc-batch-level-display{color:var(--color-text-primary);flex-shrink:0;font-size:15px;font-weight:700;min-width:50px;text-align:center}.uc-batch-level-display .uc-batch-target{color:var(--color-success)}.uc-batch-cost-summary{background:#0003;border-radius:8px;display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px}.uc-batch-cost-row{align-items:center;display:flex;font-size:13px;justify-content:space-between}.uc-batch-cost-label{color:var(--color-text-secondary)}.uc-batch-cost-value{color:var(--color-text-primary);font-weight:600}.uc-batch-cost-value.insufficient{color:var(--color-danger)}.uc-batch-cost-value.remaining{color:var(--color-text-tertiary);font-weight:400}.uc-batch-afford-hint{color:var(--color-warning);font-size:11px;padding:4px 0;text-align:center}.uc-batch-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:480px){.uc-batch-picker{padding:12px}.uc-batch-slider-row{gap:6px}}@media (prefers-reduced-motion:reduce){.uc-batch-picker{animation:none}}.uc-weapon-panel{min-height:300px}.uc-weapons-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto}.uc-weapon-item{align-items:center;animation:ucWeaponItemSlideIn .3s ease-out backwards;background:#0000004d;border:2px solid #0000;border-left:4px solid #9ca3af;border-left:4px solid var(--rarity-color,#9ca3af);border-radius:8px;cursor:pointer;display:flex;gap:14px;outline:none;overflow:hidden;padding:14px;position:relative;transition:all .2s ease}.uc-weapon-item:first-child{animation-delay:0s}.uc-weapon-item:nth-child(2){animation-delay:.05s}.uc-weapon-item:nth-child(3){animation-delay:.1s}.uc-weapon-item:nth-child(4){animation-delay:.15s}@keyframes ucWeaponItemSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.uc-weapon-item:hover:not(.maxed){background:#0006;border-color:#ffffff1a;transform:translateX(4px)}.uc-weapon-item:focus-visible{border-color:#f59e0b99;box-shadow:0 0 0 2px #f59e0b33}.uc-weapon-item.selected{background:#f59e0b1a;border-color:var(--color-warning)}.uc-weapon-item.maxed{background:linear-gradient(135deg,#f59e0b0a,#0000004d);border-color:#f59e0b26;box-shadow:0 0 8px #f59e0b1a;cursor:default;opacity:.7}.uc-weapon-item.maxed .uc-level-text{animation:ucMaxLevelGlow 3s ease-in-out infinite;color:var(--color-warning)}@keyframes ucMaxLevelGlow{0%,to{text-shadow:0 0 4px #f59e0b4d}50%{text-shadow:0 0 10px #f59e0b99}}.uc-weapon-item.cant-afford{border-left-color:var(--color-danger)}.uc-weapon-item.cant-afford .uc-level-text{animation:ucCantAffordPulse 2s ease-in-out infinite;color:var(--color-danger)}@keyframes ucCantAffordPulse{0%,to{opacity:.6}50%{opacity:1}}.uc-weapon-item.celebrating{animation:ucWeaponCelebrate .6s ease-out}@keyframes ucWeaponCelebrate{0%{box-shadow:0 0 0 #f59e0b00}30%{border-color:var(--color-warning);box-shadow:0 0 20px #f59e0b80}to{box-shadow:0 0 0 #f59e0b00}}.uc-weapon-info{flex:1 1;min-width:0}.uc-weapon-name{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.uc-weapon-meta{display:flex;gap:6px}.uc-weapon-stats{align-items:center;display:flex;gap:16px}.uc-weapon-damage{align-items:center;display:flex;flex-direction:column}.uc-damage-value{color:var(--color-danger);font-size:18px;font-weight:700}.uc-damage-label{color:var(--color-text-tertiary);font-size:9px;text-transform:uppercase}.uc-weapon-level{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:60px}.uc-weapon-upgrade-preview{animation:ucWeaponPreviewSlideIn .3s ease-out;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;padding:20px}@keyframes ucWeaponPreviewSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uc-weapon-upgrade-preview h4{color:var(--color-warning);font-size:16px;margin:0 0 16px}.uc-stat-preview{margin-bottom:16px}.uc-stat-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:10px;padding:8px 0}.uc-stat-row:last-child{border-bottom:none}.uc-stat-row-name{color:var(--color-text-secondary);flex:1 1;font-size:13px}.uc-stat-current{color:var(--color-text-tertiary);font-size:13px;min-width:50px;text-align:right}.uc-stat-row-arrow{align-items:center;display:flex}.uc-stat-after{color:var(--color-text-primary);font-size:13px;font-weight:600;min-width:50px;text-align:right}.uc-stat-change{color:var(--color-success);font-size:12px;font-weight:700;min-width:40px;text-align:right}.uc-weapon-cost{margin-bottom:16px;text-align:center}.uc-cost{align-items:center;color:var(--color-text-primary);display:inline-flex;font-size:14px;font-weight:600;gap:4px}.uc-cost.insufficient{color:var(--color-danger)}@media (max-width:600px){.uc-weapon-stats{flex-direction:column;gap:8px}}@media (max-width:480px){.uc-weapon-item{gap:10px;padding:10px}.uc-weapon-name{font-size:13px}.uc-weapon-level{min-width:50px}.uc-weapon-upgrade-preview{padding:14px}}@media (prefers-reduced-motion:reduce){.uc-weapon-item,.uc-weapon-item.celebrating,.uc-weapon-upgrade-preview{animation:none}.uc-weapon-item:hover:not(.maxed){transform:none}.uc-weapon-item.cant-afford .uc-level-text,.uc-weapon-item.maxed .uc-level-text{animation:none}}.uc-component-panel{min-height:300px}.uc-components-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto}.uc-component-item{align-items:center;animation:ucCompItemSlideIn .3s ease-out backwards;background:#0000004d;border:2px solid #0000;border-left:4px solid #9ca3af;border-left:4px solid var(--rarity-color,#9ca3af);border-radius:8px;cursor:pointer;display:flex;gap:14px;outline:none;overflow:hidden;padding:14px;position:relative;transition:all .2s ease}.uc-component-item:first-child{animation-delay:0s}.uc-component-item:nth-child(2){animation-delay:.05s}.uc-component-item:nth-child(3){animation-delay:.1s}.uc-component-item:nth-child(4){animation-delay:.15s}.uc-component-item:nth-child(5){animation-delay:.2s}@keyframes ucCompItemSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.uc-component-item:hover:not(.maxed){background:#0006;border-color:#ffffff1a;transform:translateX(4px)}.uc-component-item:focus-visible{border-color:#f59e0b99;box-shadow:0 0 0 2px #f59e0b33}.uc-component-item.selected{background:#f59e0b1a;border-color:var(--color-warning)}.uc-component-item.maxed{background:linear-gradient(135deg,#a855f70a,#0000004d);border-color:#a855f726;box-shadow:0 0 8px #a855f71a;cursor:default;opacity:.7}.uc-component-item.maxed .uc-level-text{animation:ucCompMaxLevelGlow 3s ease-in-out infinite;color:var(--rarity-epic)}@keyframes ucCompMaxLevelGlow{0%,to{text-shadow:0 0 4px #a855f74d}50%{text-shadow:0 0 10px #a855f799}}.uc-component-item.cant-afford{border-left-color:var(--color-danger)}.uc-component-item.cant-afford .uc-level-text{animation:ucCompCantAffordPulse 2s ease-in-out infinite;color:var(--color-danger)}@keyframes ucCompCantAffordPulse{0%,to{opacity:.6}50%{opacity:1}}.uc-component-item.celebrating{animation:ucCompCelebrate .6s ease-out}@keyframes ucCompCelebrate{0%{box-shadow:0 0 0 #a855f700}30%{border-color:var(--rarity-epic);box-shadow:0 0 20px #a855f780}to{box-shadow:0 0 0 #a855f700}}.uc-comp-info{flex:1 1;min-width:0}.uc-comp-name{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:4px}.uc-comp-meta{align-items:center;display:flex;gap:8px}.uc-comp-type{color:var(--color-text-tertiary);font-size:12px}.uc-comp-level{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:60px}.uc-component-upgrade-preview{animation:ucCompPreviewSlideIn .3s ease-out;background:#a855f714;border:1px solid #a855f74d;border-radius:10px;padding:20px}@keyframes ucCompPreviewSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uc-component-upgrade-preview h4{color:var(--rarity-epic);font-size:16px;margin:0 0 12px}.uc-comp-preview-info{margin-bottom:16px}.uc-comp-preview-info p{color:var(--color-text-secondary);font-size:13px;margin:0}.uc-comp-stat-delta{background:#0003;border:1px solid #a855f71f;border-radius:8px;margin-bottom:16px;padding:12px}.uc-comp-stat-delta-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:10px}.uc-comp-stat-delta-header .uc-stat-arrow:before{color:var(--rarity-epic);content:"\2192";font-weight:400}.uc-comp-stat-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;justify-content:space-between;padding:6px 0}.uc-comp-stat-row:last-of-type{border-bottom:none}.uc-comp-stat-label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.uc-comp-stat-desc{color:var(--color-text-tertiary);font-size:11px;font-style:italic}.uc-comp-battle-row{align-items:flex-start;border-bottom:none;border-top:1px solid #a855f726;flex-direction:column;gap:6px;margin-top:4px;padding-top:8px}.uc-comp-battle-row .uc-comp-stat-label{color:var(--rarity-epic);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.uc-comp-mult-preview{align-items:center;display:flex;gap:8px;width:100%}.uc-comp-mult-current{color:var(--color-text-tertiary);font-size:14px}.uc-comp-mult-preview .uc-stat-arrow:before{color:var(--color-text-tertiary);content:"\2192";font-size:12px}.uc-comp-mult-projected{color:var(--color-text-primary);font-size:14px;font-weight:700}.uc-comp-mult-delta{background:#22c55e1a;border-radius:4px;color:var(--color-success);font-size:12px;font-weight:700;margin-left:auto;padding:2px 6px}.uc-comp-avg-level-note{color:var(--color-text-tertiary);font-size:11px;margin-top:8px;text-align:center}.uc-component-cost{margin-bottom:16px;text-align:center}@media (max-width:600px){.uc-component-item{gap:10px;padding:10px}.uc-comp-name{font-size:13px}.uc-comp-level{min-width:50px}.uc-component-upgrade-preview{padding:14px}}@media (prefers-reduced-motion:reduce){.uc-component-item,.uc-component-item.celebrating,.uc-component-upgrade-preview{animation:none}.uc-component-item:hover:not(.maxed){transform:none}.uc-component-item.cant-afford .uc-level-text,.uc-component-item.maxed .uc-level-text{animation:none}}.uc-history-card{padding:var(--spacing-lg)}.uc-history-card h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.uc-history-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-md)}.uc-filter-btn{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:12px;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:11px;gap:4px;outline:none;padding:4px 10px;transition:all .2s ease}.uc-filter-btn:hover{border-color:#f59e0b4d;color:var(--color-text-secondary)}.uc-filter-btn:focus-visible{border-color:#f59e0b99;box-shadow:0 0 0 2px #f59e0b33}.uc-filter-btn.active{background:#f59e0b26;border-color:#f59e0b66;color:var(--color-warning)}.uc-history-skeleton{display:flex;flex-direction:column;gap:var(--spacing-xs)}.uc-skeleton-item{animation:ucHistorySkeletonShimmer 1.5s ease-in-out infinite;background:#ffffff0d;border-radius:var(--border-radius-sm);height:44px}.uc-skeleton-item:nth-child(2){animation-delay:.15s}.uc-skeleton-item:nth-child(3){animation-delay:.3s}@keyframes ucHistorySkeletonShimmer{0%,to{opacity:.3}50%{opacity:.6}}.uc-history-error{color:var(--color-danger)}.uc-history-error,.uc-no-history{font-size:var(--font-size-sm);padding:var(--spacing-lg);text-align:center}.uc-no-history{color:var(--color-text-tertiary)}.uc-history-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.uc-history-item{align-items:center;animation:ucHistoryItemFadeIn .25s ease-out backwards;background:#0003;border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background .15s ease}.uc-history-item:first-child{animation-delay:0s}.uc-history-item:nth-child(2){animation-delay:.03s}.uc-history-item:nth-child(3){animation-delay:.06s}.uc-history-item:nth-child(4){animation-delay:.09s}.uc-history-item:nth-child(5){animation-delay:.12s}@keyframes ucHistoryItemFadeIn{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.uc-history-item:hover{background:#0000004d}.uc-history-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.uc-history-name{color:var(--color-text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-history-detail{color:var(--color-success);font-size:var(--font-size-xs)}.uc-history-time{color:var(--color-text-tertiary);font-size:var(--font-size-xs);white-space:nowrap}@media (max-width:480px){.uc-history-card{padding:var(--spacing-md)}.uc-history-item{gap:var(--spacing-xs);padding:var(--spacing-xs)}.uc-history-name{font-size:var(--font-size-xs)}.uc-filter-btn{font-size:10px;padding:3px 8px}}@media (prefers-reduced-motion:reduce){.uc-history-item,.uc-skeleton-item{animation:none}}.uc-page{box-sizing:border-box;margin:0 auto;max-width:min(1600px,96vw);min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative;width:100%}@media (min-width:1920px){.uc-page{max-width:min(2200px,98vw)}}@media (min-width:2560px){.uc-page{max-width:min(2600px,98vw)}}.uc-starfield{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.uc-star{animation:ucStarTwinkle 3s ease-in-out infinite alternate;animation:ucStarTwinkle var(--duration,3s) ease-in-out infinite alternate;animation-delay:0s;animation-delay:var(--delay,0s);background:#fff;border-radius:50%;opacity:.15;position:absolute}@keyframes ucStarTwinkle{0%{opacity:.1;transform:scale(.8)}to{opacity:.7;transform:scale(1.2)}}.uc-sparks{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.uc-spark{animation:ucSparkRise 2s ease-out infinite;animation:ucSparkRise var(--duration,2s) ease-out infinite;background:radial-gradient(circle,#f59e0be6 0,#ef444499 50%,#0000 70%);border-radius:50%;bottom:0;opacity:0;position:absolute}@keyframes ucSparkRise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}to{opacity:0;transform:translateY(-120vh) scale(.3)}}.uc-icon-mech{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:3px;-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.uc-icon-mech,.uc-icon-weapon{display:inline-block;height:16px;width:16px}.uc-icon-weapon{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(0 50%,30% 30%,70% 0,100% 0,100% 30%,50% 50%,100% 70%,100% 100%,70% 100%,30% 70%);clip-path:polygon(0 50%,30% 30%,70% 0,100% 0,100% 30%,50% 50%,100% 70%,100% 100%,70% 100%,30% 70%)}.uc-icon-component{background:linear-gradient(135deg,var(--rarity-epic) 0,#7c3aed 100%);border-radius:50%;box-shadow:inset 0 0 0 2px #0000004d;display:inline-block;height:16px;width:16px}.uc-icon-forge{background:linear-gradient(135deg,#f59e0b,#d97706 50%,#b45309);-webkit-clip-path:polygon(50% 0,65% 35%,100% 35%,72% 58%,82% 95%,50% 72%,18% 95%,28% 58%,0 35%,35% 35%);clip-path:polygon(50% 0,65% 35%,100% 35%,72% 58%,82% 95%,50% 72%,18% 95%,28% 58%,0 35%,35% 35%);display:inline-block;height:20px;width:20px}.uc-icon-credits{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:inset 0 0 0 2px #0003}.uc-icon-credits,.uc-icon-token{display:inline-block;height:16px;width:16px}.uc-icon-token{background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.uc-icon-facility{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-clip-path:polygon(10% 100%,10% 40%,30% 40%,30% 20%,50% 0,70% 20%,70% 40%,90% 40%,90% 100%);clip-path:polygon(10% 100%,10% 40%,30% 40%,30% 20%,50% 0,70% 20%,70% 40%,90% 40%,90% 100%)}.uc-icon-facility,.uc-icon-max-level{display:inline-block;height:16px;width:16px}.uc-icon-max-level{background:linear-gradient(135deg,#34d399,#10b981);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.uc-icon-error{background:#ef4444;border-radius:50%;display:inline-block;height:14px;width:14px}.uc-icon-close{-webkit-clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%);clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%)}.uc-icon-back,.uc-icon-close{background:currentColor;display:inline-block;height:12px;width:12px}.uc-icon-back{-webkit-clip-path:polygon(0 50%,60% 0,60% 35%,100% 35%,100% 65%,60% 65%,60% 100%);clip-path:polygon(0 50%,60% 0,60% 35%,100% 35%,100% 65%,60% 65%,60% 100%);margin-right:4px}.uc-icon-history{background:linear-gradient(135deg,#9ca3af,#6b7280);border-radius:50%;box-shadow:inset 0 0 0 2px #0000004d}.uc-icon-arrow-right,.uc-icon-history{display:inline-block;height:16px;width:16px}.uc-icon-arrow-right{background:var(--color-text-tertiary);-webkit-clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%);clip-path:polygon(0 20%,60% 20%,60% 0,100% 50%,60% 100%,60% 80%,0 80%)}.uc-icon-health{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(50% 100%,5% 45%,5% 25%,25% 0,50% 18%,75% 0,95% 25%,95% 45%);clip-path:polygon(50% 100%,5% 45%,5% 25%,25% 0,50% 18%,75% 0,95% 25%,95% 45%)}.uc-icon-defense,.uc-icon-health{display:inline-block;height:16px;width:16px}.uc-icon-defense{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-clip-path:polygon(50% 0,100% 15%,90% 85%,50% 100%,10% 85%,0 15%);clip-path:polygon(50% 0,100% 15%,90% 85%,50% 100%,10% 85%,0 15%)}.uc-icon-accuracy{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:inset 0 0 0 3px #0000004d,inset 0 0 0 1px #f59e0b80}.uc-icon-accuracy,.uc-icon-speed{display:inline-block;height:16px;width:16px}.uc-icon-speed{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(0 20%,60% 20%,40% 0,100% 50%,40% 100%,60% 80%,0 80%);clip-path:polygon(0 20%,60% 20%,40% 0,100% 50%,40% 100%,60% 80%,0 80%)}.uc-icon-evasion{background:linear-gradient(135deg,#a78bfa,#8b5cf6);-webkit-clip-path:polygon(50% 0,80% 25%,100% 60%,80% 95%,50% 75%,20% 95%,0 60%,20% 25%);clip-path:polygon(50% 0,80% 25%,100% 60%,80% 95%,50% 75%,20% 95%,0 60%,20% 25%)}.uc-icon-evasion,.uc-icon-power-core{display:inline-block;height:16px;width:16px}.uc-icon-power-core{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(30% 0,70% 0,55% 40%,80% 40%,20% 100%,45% 55%,20% 55%);clip-path:polygon(30% 0,70% 0,55% 40%,80% 40%,20% 100%,45% 55%,20% 55%)}.uc-icon-armor{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-clip-path:polygon(50% 0,100% 15%,90% 85%,50% 100%,10% 85%,0 15%);clip-path:polygon(50% 0,100% 15%,90% 85%,50% 100%,10% 85%,0 15%)}.uc-icon-armor,.uc-icon-mobility{display:inline-block;height:16px;width:16px}.uc-icon-mobility{background:linear-gradient(135deg,#34d399,#10b981);-webkit-clip-path:polygon(0 50%,25% 0,50% 30%,75% 0,100% 50%,75% 100%,50% 70%,25% 100%);clip-path:polygon(0 50%,25% 0,50% 30%,75% 0,100% 50%,75% 100%,50% 70%,25% 100%)}.uc-icon-os-module{background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:2px;box-shadow:inset 0 0 0 2px #0000004d}.uc-icon-os-module,.uc-icon-special{display:inline-block;height:16px;width:16px}.uc-icon-special{background:linear-gradient(135deg,#f472b6,#ec4899);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.uc-icon-milestone{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:inline-block;height:14px;margin-right:4px;width:14px}.uc-icon-compare{background:linear-gradient(90deg,#3b82f6 45%,#0000 0,#0000 55%,#f59e0b 0);-webkit-clip-path:polygon(0 20%,45% 20%,45% 0,55% 0,55% 20%,100% 20%,100% 80%,55% 80%,55% 100%,45% 100%,45% 80%,0 80%);clip-path:polygon(0 20%,45% 20%,45% 0,55% 0,55% 20%,100% 20%,100% 80%,55% 80%,55% 100%,45% 100%,45% 80%,0 80%);position:relative}.uc-icon-batch,.uc-icon-compare{display:inline-block;height:16px;width:16px}.uc-icon-batch{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(20% 0,80% 0,80% 30%,100% 30%,100% 70%,80% 70%,80% 100%,20% 100%,20% 70%,0 70%,0 30%,20% 30%);clip-path:polygon(20% 0,80% 0,80% 30%,100% 30%,100% 70%,80% 70%,80% 100%,20% 100%,20% 70%,0 70%,0 30%,20% 30%)}.uc-rarity-common{box-shadow:0 0 0 #0000}.uc-rarity-uncommon{box-shadow:0 0 8px #22c55e26}.uc-rarity-rare{box-shadow:0 0 8px #3b82f626}.uc-rarity-epic{box-shadow:0 0 10px #a855f733}.uc-rarity-legendary{box-shadow:0 0 12px #f59e0b40}.uc-rarity-mythical{box-shadow:0 0 14px #ef44444d}.uc-empty-icon{height:48px;opacity:.5;width:48px}.uc-header-icon{height:24px;margin-right:6px;vertical-align:middle;width:24px}.uc-stat-icon{height:20px;width:20px}.uc-sidebar-icon{margin-right:4px}.uc-sidebar-icon,.uc-tab-icon{height:14px;vertical-align:middle;width:14px}.uc-desc-icon{height:22px;width:22px}.uc-cost-icon{height:14px;margin-right:2px;vertical-align:middle;width:14px}.uc-mech-avatar{height:24px;width:24px}.uc-mech-lg-icon{height:40px;width:40px}.uc-stat-card-icon{height:18px;width:18px}.uc-comp-item-icon,.uc-weapon-item-icon{height:24px;width:24px}.uc-filter-icon{height:12px;margin-right:2px;vertical-align:middle;width:12px}.uc-history-icon{height:16px;width:16px}.uc-header{align-items:flex-start;animation:ucFadeIn .4s ease-out;background:linear-gradient(135deg,#f59e0b1a,#0006);border:1px solid #f59e0b4d;border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);position:relative;z-index:1}.uc-header:after{animation:ucHeaderScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#f59e0b0d 50%,#0000);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes ucHeaderScanLine{0%{background-position:-200% 0}to{background-position:200% 0}}.uc-header-main{flex:1 1;min-width:250px}.uc-back-btn{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.uc-header h1{color:var(--color-warning);font-size:var(--font-size-xxl);margin:0 0 var(--spacing-xs) 0}.uc-header-desc{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.uc-header-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.uc-stat-item{align-items:center;background:#0000004d;border:1px solid #f59e0b33;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease}.uc-stat-item:hover{border-color:#f59e0b66}.uc-stat-info{display:flex;flex-direction:column}.uc-stat-value{color:var(--color-warning);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.uc-stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.uc-error-banner{align-items:center;animation:ucSlideInDown .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--border-radius-md);color:var(--color-danger);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);position:relative;z-index:1}.uc-error-dismiss{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:16px;padding:4px}.uc-error-dismiss:hover{opacity:.7}.uc-content{grid-gap:var(--spacing-lg);animation:ucFadeIn .5s ease-out .1s backwards;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 320px;position:relative;z-index:1}.uc-main-card{padding:var(--spacing-lg)}.uc-tab-label{align-items:center;display:flex;gap:var(--spacing-xs)}.uc-tab-name{font-weight:var(--font-weight-medium)}.uc-tab-description{align-items:center;background:#0003;border-left:3px solid var(--color-warning);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.uc-desc-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.uc-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.uc-mech-selector{padding:var(--spacing-lg)}.uc-mech-selector h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.uc-mech-list{flex-direction:column;max-height:300px;overflow-y:auto}.uc-mech-item,.uc-mech-list{display:flex;gap:var(--spacing-sm)}.uc-mech-item{align-items:center;background:#0003;border:1px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.uc-mech-item:hover{background:#0000004d;border-color:#f59e0b4d}.uc-mech-item:focus-visible{border-color:#f59e0b99;box-shadow:0 0 0 2px #f59e0b33}.uc-mech-item.selected{background:#f59e0b1a;border-color:#f59e0b80}.uc-mech-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.uc-mech-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-mech-class{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.uc-mech-list-empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-lg);text-align:center}.uc-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px;position:relative;z-index:1}.uc-loading-spinner{animation:ucSpin 1s linear infinite;border:3px solid #f59e0b33;border-radius:50%;border-top:3px solid var(--color-warning);height:48px;width:48px}@keyframes ucSpin{to{transform:rotate(1turn)}}.uc-skeleton-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:var(--spacing-lg);max-width:500px;width:100%}.uc-skeleton-card{animation:ucSkeletonShimmer 1.5s ease-in-out infinite;background:#ffffff0d;border-radius:var(--border-radius-md);height:80px}@keyframes ucSkeletonShimmer{0%,to{opacity:.3}50%{opacity:.6}}.uc-panel{min-height:350px;position:relative}.uc-page[data-active-tab=mechs]{--uc-tab-color:96,165,250;--uc-tab-accent:#60a5fa}.uc-page[data-active-tab=weapons]{--uc-tab-color:239,68,68;--uc-tab-accent:#ef4444}.uc-page[data-active-tab=components]{--uc-tab-color:168,85,247;--uc-tab-accent:var(--rarity-epic)}.uc-page:before{background:radial-gradient(ellipse at 30% 20%,#f59e0b0f 0,#0000 60%);background:radial-gradient(ellipse at 30% 20%,rgba(var(--uc-tab-color,245,158,11),.06) 0,#0000 60%);content:"";inset:0;transition:background .6s ease}.uc-forge-anvil,.uc-page:before{pointer-events:none;position:absolute;z-index:0}.uc-forge-anvil{bottom:40px;opacity:.15;right:60px}.uc-anvil-base{background:linear-gradient(180deg,#6b7280,#374151);border-radius:4px 4px 8px 8px;height:30px;position:relative;width:60px}.uc-anvil-top{background:linear-gradient(180deg,#9ca3af,#6b7280);border-radius:6px 6px 2px 2px;height:14px;left:-10px;position:absolute;top:-14px;width:80px}.uc-anvil-horn{background:linear-gradient(90deg,#6b7280,#4b5563);-webkit-clip-path:polygon(0 0,100% 30%,100% 100%,0 100%);clip-path:polygon(0 0,100% 30%,100% 100%,0 100%);height:10px;position:absolute;right:-18px;top:-10px;width:20px}.uc-hammer{animation:ucHammerStrike 3s ease-in-out infinite;left:15px;position:absolute;top:-50px;transform-origin:bottom center}.uc-hammer-head{background:linear-gradient(180deg,#d97706,#92400e);border-radius:3px;box-shadow:0 2px 6px #0000004d;height:16px;width:24px}.uc-hammer-handle{background:linear-gradient(180deg,#78350f,#92400e);border-radius:2px;height:30px;margin:0 auto;width:4px}@keyframes ucHammerStrike{0%,60%,to{transform:rotate(-15deg)}70%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}}.uc-anvil-sparks{height:20px;left:20px;pointer-events:none;position:absolute;top:-20px;width:40px}.uc-anvil-spark{animation:ucAnvilSparkBurst 3s ease-out infinite;background:#f59e0b;border-radius:50%;height:3px;opacity:0;position:absolute;width:3px}.uc-anvil-spark:first-child{animation-delay:2.1s;left:0}.uc-anvil-spark:nth-child(2){animation-delay:2.15s;left:10px}.uc-anvil-spark:nth-child(3){animation-delay:2.2s;left:20px}.uc-anvil-spark:nth-child(4){animation-delay:2.12s;left:30px}@keyframes ucAnvilSparkBurst{0%,68%,to{opacity:0;transform:translateY(0) scale(1)}72%{opacity:1;transform:translateY(-8px) scale(1.2)}80%{opacity:0;transform:translateY(-20px) scale(.3)}}.uc-workshop-bars{align-items:flex-end;display:flex;gap:2px;height:16px;margin-left:8px;opacity:.4}.uc-workshop-bar{animation:ucBarBounce 1s ease-in-out infinite alternate;animation:ucBarBounce var(--bar-dur,1s) ease-in-out infinite alternate;background:var(--color-warning);border-radius:1px 1px 0 0;width:3px}@keyframes ucBarBounce{0%{height:3px;height:var(--bar-min,3px)}to{height:14px;height:var(--bar-max,14px)}}.uc-shockwave-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:100}.uc-shockwave-ring{animation:ucShockwaveExpand .8s ease-out forwards;border:3px solid #f59e0bb3;border-radius:50%;height:10px;width:10px}@keyframes ucShockwaveExpand{0%{border-width:3px;height:10px;opacity:1;width:10px}to{border-width:1px;height:100vw;opacity:0;width:100vw}}.uc-shockwave-flash{animation:ucShockwaveFlash .5s ease-out forwards;background:radial-gradient(circle at center,#f59e0b26 0,#0000 60%);inset:0;position:absolute}@keyframes ucShockwaveFlash{0%{opacity:1}to{opacity:0}}.uc-progress-trail{padding:var(--spacing-lg);position:relative}.uc-progress-trail h4{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-md) 0}.uc-trail-bar-container{background:#ffffff0f;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;position:relative}.uc-trail-bar-fill{animation:ucTrailShimmer 3s linear infinite;background:linear-gradient(90deg,#f59e0b,#d97706,#f59e0b);background-size:200% 100%;border-radius:4px;height:100%;position:relative;transition:width .6s ease}@keyframes ucTrailShimmer{0%{background-position:0 0}to{background-position:200% 0}}.uc-trail-percentage{color:var(--color-warning);font-size:20px;font-weight:700;margin-bottom:8px;text-align:center}.uc-trail-label{color:var(--color-text-tertiary);font-size:11px;margin-bottom:12px;text-align:center}.uc-trail-milestones{display:flex;flex-direction:column;gap:8px}.uc-trail-milestone{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:12px;gap:8px;transition:all .3s ease}.uc-trail-milestone.achieved{color:var(--color-warning)}.uc-trail-milestone-dot{background:#ffffff26;border-radius:50%;flex-shrink:0;height:8px;transition:all .3s ease;width:8px}.uc-trail-milestone.achieved .uc-trail-milestone-dot{background:var(--color-warning);box-shadow:0 0 6px #f59e0b80}.uc-trail-milestone-label{flex:1 1}.uc-trail-milestone-count{font-size:11px;font-weight:600}.uc-next-milestone{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;margin-top:12px;padding:8px 12px;text-align:center}.uc-next-milestone-label{color:var(--color-text-tertiary);font-size:10px;margin-bottom:2px;text-transform:uppercase}.uc-next-milestone-value{color:var(--color-warning);font-size:13px;font-weight:600}.uc-streak-badge{align-items:center;animation:ucStreakPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#ef444433,#f59e0b33);border:1px solid #f59e0b80;border-radius:16px;color:#f59e0b;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-left:8px;padding:4px 12px}@keyframes ucStreakPulse{0%,to{box-shadow:0 0 0 #f59e0b00;transform:scale(1)}50%{box-shadow:0 0 12px #f59e0b66;transform:scale(1.05)}}.uc-streak-fire{background:linear-gradient(0deg,#f59e0b,#ef4444 60%,#dc2626);-webkit-clip-path:polygon(50% 0,80% 25%,70% 50%,90% 70%,50% 100%,10% 70%,30% 50%,20% 25%);clip-path:polygon(50% 0,80% 25%,70% 50%,90% 70%,50% 100%,10% 70%,30% 50%,20% 25%);display:inline-block;height:14px;width:12px}.uc-recommended-badge{animation:ucRecommendedBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;box-shadow:0 2px 6px #22c55e66;color:#fff;font-size:9px;font-weight:700;left:12px;letter-spacing:.5px;padding:2px 8px;position:absolute;text-transform:uppercase;top:-6px;z-index:3}@keyframes ucRecommendedBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.uc-rarity-shimmer-epic,.uc-rarity-shimmer-legendary,.uc-rarity-shimmer-mythical{overflow:hidden;position:relative}.uc-rarity-shimmer-epic:after,.uc-rarity-shimmer-legendary:after,.uc-rarity-shimmer-mythical:after{animation:ucRarityShimmerSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0f 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.uc-rarity-shimmer-legendary:after{animation-duration:3s;background:linear-gradient(90deg,#0000,#f59e0b14 50%,#0000)}.uc-rarity-shimmer-mythical:after{animation-duration:2.5s;background:linear-gradient(90deg,#0000,#ef44441a 50%,#0000)}@keyframes ucRarityShimmerSweep{0%{left:-100%}50%,to{left:200%}}.uc-stats-summary{background:linear-gradient(135deg,#f59e0b0f,#0000004d);border:1px solid #f59e0b26;border-radius:10px;margin-bottom:16px;padding:12px 16px}.uc-stats-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.uc-stats-summary-title{color:var(--color-text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.uc-stats-summary-power{color:var(--color-warning);font-size:18px;font-weight:700}.uc-stats-summary-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.uc-summary-stat{align-items:center;background:#0003;border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:6px 4px}.uc-summary-stat-val{color:var(--color-text-primary);font-size:13px;font-weight:700}.uc-summary-stat-name{color:var(--color-text-tertiary);font-size:9px;text-transform:uppercase}.uc-cost-toggle-wrap{display:flex;justify-content:center;margin-top:16px}.uc-cost-comparison{grid-gap:8px;background:#00000026;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:16px;padding:12px}.uc-cost-compare-item{align-items:center;background:#0003;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px;transition:all .2s ease}.uc-cost-compare-item:hover{background:#f59e0b0d;border-color:#f59e0b4d}.uc-cost-compare-item.cheapest{background:#22c55e0d;border-color:#22c55e66}.uc-cost-compare-name{color:var(--color-text-primary);font-size:11px;font-weight:600}.uc-cost-compare-cost{color:var(--color-text-tertiary);font-size:10px}.uc-cost-compare-level{color:var(--color-warning);font-size:10px;font-weight:700}.uc-cost-best-value{color:#22c55e;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.uc-summary-stat-icon{height:14px;width:14px}.uc-stat-counter-animate{transition:transform .3s ease}.uc-stat-counter-animate.counting{animation:ucCounterPop .6s ease-out}@keyframes ucCounterPop{0%{color:var(--color-text-primary);transform:scale(1)}30%{color:var(--color-success);transform:scale(1.3)}to{color:var(--color-text-primary);transform:scale(1)}}.uc-stat-rings{pointer-events:none;z-index:0}.uc-stat-ring,.uc-stat-rings{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.uc-stat-ring{animation:ucRingPulse 3s ease-in-out infinite;border:1px solid #f59e0b1a;border-radius:50%}.uc-stat-ring:first-child{animation-delay:0s;height:30px;width:30px}.uc-stat-ring:nth-child(2){animation-delay:.5s;height:50px;width:50px}.uc-stat-ring:nth-child(3){animation-delay:1s;height:70px;width:70px}@keyframes ucRingPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.uc-stat-card.maxed .uc-stat-rings .uc-stat-ring{animation:ucGoldenHalo 2s ease-in-out infinite;border-color:#f59e0b4d}@keyframes ucGoldenHalo{0%,to{box-shadow:0 0 0 #0000;opacity:.3}50%{box-shadow:0 0 10px #f59e0b33;opacity:.6}}.uc-mech-hologram{align-items:center;display:flex;height:70px;justify-content:center;position:relative;width:60px}.uc-hologram-body{animation:ucHologramGlow 2s ease-in-out infinite alternate;background:linear-gradient(180deg,#60a5fa26,#60a5fa0d);border:1px solid #60a5fa4d;-webkit-clip-path:polygon(30% 0,70% 0,80% 10%,80% 45%,100% 55%,100% 70%,75% 75%,80% 100%,60% 95%,50% 100%,40% 95%,20% 100%,25% 75%,0 70%,0 55%,20% 45%,20% 10%);clip-path:polygon(30% 0,70% 0,80% 10%,80% 45%,100% 55%,100% 70%,75% 75%,80% 100%,60% 95%,50% 100%,40% 95%,20% 100%,25% 75%,0 70%,0 55%,20% 45%,20% 10%);height:44px;position:relative;width:32px}.uc-hologram-body:before{animation:ucHologramScan 2s linear infinite;background:linear-gradient(0deg,#0000,#60a5fa1a 50%,#0000);content:"";inset:0;position:absolute}@keyframes ucHologramGlow{0%{box-shadow:0 0 10px #60a5fa1a;opacity:.7}to{box-shadow:0 0 20px #60a5fa4d;opacity:1}}@keyframes ucHologramScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.uc-hologram-base{background:linear-gradient(90deg,#0000,#60a5fa66,#0000);border-radius:50%;bottom:0;height:4px;position:absolute;width:50px}.uc-hologram-lines{inset:0;overflow:hidden;pointer-events:none;position:absolute}.uc-hologram-line{animation:ucHologramLineDrift 4s linear infinite;background:#60a5fa26;height:1px;position:absolute;width:100%}.uc-hologram-line:first-child{animation-delay:0s;top:20%}.uc-hologram-line:nth-child(2){animation-delay:1.5s;top:50%}.uc-hologram-line:nth-child(3){animation-delay:3s;top:80%}@keyframes ucHologramLineDrift{0%{opacity:0;transform:translateX(-100%)}20%{opacity:.5}80%{opacity:.5}to{opacity:0;transform:translateX(100%)}}.uc-empty-state{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:300px}.uc-maxed-badge{animation:ucMaxedPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b 0,var(--color-warning) 100%);background:linear-gradient(135deg,var(--color-brand-accent,#f59e0b) 0,var(--color-warning) 100%);border-radius:10px;color:var(--color-ui-background);font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:8px;top:8px}@keyframes ucMaxedPulse{0%,to{box-shadow:0 0 0 #0000}50%{box-shadow:0 0 8px #f59e0b66}}.uc-upgrade-error{align-items:center;background:#ef44441a;border-radius:6px;color:var(--color-danger);display:flex;font-size:13px;gap:6px;justify-content:center;margin-bottom:16px;padding:10px;text-align:center}.uc-upgrade-actions{display:flex;gap:12px;justify-content:flex-end}.uc-confirm-inline{align-items:center;animation:ucConfirmSlideIn .2s ease-out;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}@keyframes ucConfirmSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.uc-confirm-text{color:var(--color-warning);font-size:13px;font-weight:500}.uc-confirm-actions{display:flex;flex-shrink:0;gap:8px}.uc-cost-to-max{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:6px;font-size:12px;margin-bottom:12px;padding:8px 12px;text-align:center}.uc-cost-to-max,.uc-token-note{color:var(--color-text-tertiary)}.uc-token-note{display:block;font-size:11px;font-style:italic;margin-top:6px}.uc-list-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.uc-search-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.uc-search-input::placeholder{color:var(--color-text-tertiary)}.uc-search-input:focus{border-color:#f59e0b80;box-shadow:0 0 0 2px #f59e0b1a}.uc-rarity-filters{display:flex;flex-wrap:wrap;gap:6px}.uc-filter-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.uc-no-results{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-lg);text-align:center}.uc-error-actions{display:flex;flex-shrink:0;gap:8px}.uc-error-retry{background:#ef444426;border:1px solid #ef444466;border-radius:6px;color:var(--color-danger);cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:4px 12px;transition:all .2s ease}.uc-error-retry:hover{background:#ef444440;border-color:#ef444499}.uc-error-retry:focus-visible{box-shadow:0 0 0 2px #ef44444d}.uc-level-text{color:var(--color-warning);font-size:12px;font-weight:700}@keyframes ucFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ucSlideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.uc-content{grid-template-columns:1fr}.uc-sidebar{flex-direction:row;flex-wrap:wrap}.uc-sidebar>*{flex:1 1;min-width:280px}}@media (max-width:768px){.uc-page{padding:var(--spacing-md)}.uc-header{flex-direction:column;text-align:center}.uc-header-stats{justify-content:center}}@media (max-width:480px){.uc-header-stats{align-items:stretch;flex-direction:column}.uc-skeleton-grid{grid-template-columns:1fr}.uc-confirm-inline{flex-direction:column;gap:8px;text-align:center}.uc-rarity-filters{gap:4px}}@media (prefers-reduced-motion:reduce){.uc-anvil-spark,.uc-hammer,.uc-header:after,.uc-hologram-body,.uc-hologram-body:before,.uc-hologram-line,.uc-loading-spinner,.uc-maxed-badge,.uc-recommended-badge,.uc-shockwave-flash,.uc-shockwave-ring,.uc-skeleton-card,.uc-spark,.uc-star,.uc-stat-counter-animate.counting,.uc-stat-ring,.uc-streak-badge,.uc-trail-bar-fill,.uc-workshop-bar{animation:none}.uc-rarity-shimmer-epic:after,.uc-rarity-shimmer-legendary:after,.uc-rarity-shimmer-mythical:after{animation:none;display:none}.uc-star{opacity:.3}.uc-forge-anvil,.uc-shockwave-overlay,.uc-spark{display:none}.uc-page:before{transition:none}.uc-confirm-inline,.uc-content,.uc-error-banner,.uc-header{animation:none}}.blueprint-archive-page{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);overflow:hidden;padding:var(--spacing-lg);position:relative;width:100%}@media (min-width:1920px){.blueprint-archive-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.blueprint-archive-page{max-width:min(2000px,98vw)}}.bp-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-2}.bp-star{animation:bp-twinkle 3s ease-in-out infinite;animation:bp-twinkle var(--bp-star-dur,3s) ease-in-out infinite;background:#fff;border-radius:50%;height:2px;opacity:.3;position:absolute;width:2px}@keyframes bp-twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.5)}}.bp-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.bp-particle{animation:bp-float-up 12s linear infinite;animation:bp-float-up var(--bp-particle-dur,12s) linear infinite;background:#8b5cf680;border-radius:50%;bottom:-20px;filter:blur(1px);height:4px;position:absolute;width:4px}.bp-particle:nth-child(2n){background:#ec489966;height:3px;width:3px}.bp-particle:nth-child(3n){background:#3b82f666;filter:blur(2px);height:5px;width:5px}@keyframes bp-float-up{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.7}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh) translateX(40px)}}.bp-icon-scroll:before{background:currentColor;content:"";display:inline-block;height:1em;margin-right:.3em;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.15em;width:1em}.bp-icon-scroll--reward:before{height:2em;width:2em}.bp-icon-mech:before{mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v3'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-mech:before,.bp-icon-timer:before{background:currentColor;content:"";display:inline-block;height:.9em;margin-right:.2em;vertical-align:-.1em;width:.9em}.bp-icon-timer:before{mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-check:before{background:#22c55e;background:var(--color-success,#22c55e);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-check:before,.bp-icon-cross:before{content:"";display:inline-block;height:.9em;margin-right:.2em;vertical-align:-.1em;width:.9em}.bp-icon-cross:before{background:#dc2626;background:var(--color-danger,#dc2626);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-cross-lg:before{background:#dc2626;background:var(--color-danger,#dc2626);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-cross-lg:before,.bp-icon-trophy:before{content:"";display:inline-block;height:3em;width:3em}.bp-icon-trophy:before{background:#f59e0b;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-bolt:before{background:currentColor;content:"";display:inline-block;height:.9em;margin-right:.2em;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.1em;width:.9em}.bp-icon-rocket:before{mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09zM12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09zM12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-compass:before,.bp-icon-rocket:before{background:currentColor;content:"";display:inline-block;height:1em;margin-right:.3em;vertical-align:-.15em;width:1em}.bp-icon-compass:before{mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-history:before{background:currentColor;content:"";display:inline-block;height:1em;margin-right:.3em;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M3.05 13A9 9 0 1 0 6 5.3L3 8'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M3.05 13A9 9 0 1 0 6 5.3L3 8'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.15em;width:1em}.bp-icon-lock:before{mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-lock:before,.bp-icon-refresh:before{background:currentColor;content:"";display:inline-block;height:.9em;margin-right:.2em;vertical-align:-.1em;width:.9em}.bp-icon-refresh:before{mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-star:before{background:#f59e0b;content:"";display:inline-block;height:.9em;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:-.1em;width:.9em}.bp-icon-chart:before{background:currentColor;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E") center/contain no-repeat}.bp-icon-chart:before,.bp-icon-vip:before{content:"";display:inline-block;height:.9em;margin-right:.2em;vertical-align:-.1em;width:.9em}.bp-icon-vip:before{background:#f59e0b;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14'/%3E%3C/svg%3E") center/contain no-repeat}@keyframes bp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bp-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bp-glow-pulse{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 20px #22c55eb3}}@keyframes bp-pulse-text{0%,to{text-shadow:0 0 4px #22c55e66}50%{text-shadow:0 0 12px #22c55ee6}}@keyframes bp-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes bp-celebration-burst{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes bp-ring-expand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(3)}}@keyframes bp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bp-xp-shimmer{0%{left:-30%}to{left:130%}}@keyframes bp-level-pulse{0%,to{box-shadow:0 0 10px #8b5cf64d}50%{box-shadow:0 0 25px #8b5cf6b3}}@keyframes bp-skeleton-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes bp-modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bp-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bp-timer-fill-animate{0%{background-position:0 0}to{background-position:30px 0}}@keyframes bp-hover-glow{0%,to{box-shadow:0 4px 12px #8b5cf61a}50%{box-shadow:0 8px 30px #8b5cf64d}}@keyframes bp-card-shine{0%{left:-100%}to{left:200%}}@keyframes bp-success-glow{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 25px #22c55e99,0 0 50px #22c55e33}}@keyframes bp-credits-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes bp-btn-glow-anim{0%,to{box-shadow:0 0 5px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf699}}@media (prefers-reduced-motion:reduce){.bp-btn-glow,.bp-celebration,.bp-fade-in,.bp-glow-success,.bp-hover-lift,.bp-level-pulse,.bp-particle,.bp-pulse-glow,.bp-ring,.bp-shimmer,.bp-slide-up,.bp-star,.bp-xp-shimmer{animation:none!important;transition:none!important}}.bp-slide-up{animation:bp-slide-up .4s ease-out both}.bp-fade-in{animation:bp-fade-in .3s ease-out both}.bp-celebration{animation:bp-celebration-burst .6s ease-out both}.bp-pulse-glow{animation:bp-pulse-text 1.5s ease-in-out infinite}.bp-glow-success{animation:bp-success-glow 2s ease-in-out infinite}.bp-level-pulse{animation:bp-level-pulse 3s ease-in-out infinite}.bp-card-glow{overflow:hidden;position:relative}.bp-card-glow:after{animation:bp-card-shine 6s linear infinite;background:linear-gradient(90deg,#0000,#8b5cf60d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.bp-shimmer{animation:bp-shimmer 3s linear infinite;background:linear-gradient(90deg,#0000,#8b5cf61a 50%,#0000);background-size:200% 100%}.bp-hover-lift{transition:transform .2s,box-shadow .2s}.bp-hover-lift:hover{box-shadow:0 8px 24px #8b5cf640;transform:translateY(-4px)}.bp-btn-glow{animation:bp-btn-glow-anim 2s ease-in-out infinite}.blueprint-archive-page .page-header{margin-bottom:var(--spacing-xl);position:relative;text-align:center;z-index:1}.blueprint-archive-page .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.blueprint-archive-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.header-actions{justify-content:center;margin-top:var(--spacing-md)}.archive-progress-card{background:linear-gradient(135deg,#8b5cf626,#ec48990d);border:1px solid #8b5cf64d;margin-bottom:var(--spacing-xl);position:relative;z-index:1}.progress-header{justify-content:space-between;margin-bottom:var(--spacing-lg)}.level-badge,.progress-header{align-items:center;display:flex}.level-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:var(--border-radius-lg);flex-direction:column;padding:var(--spacing-md) var(--spacing-lg)}.level-number{color:#fff;font-size:var(--font-size-3xl);font-weight:700}.level-label{color:#fffc;font-size:var(--font-size-xs)}.progress-stats{display:flex;gap:var(--spacing-xl)}.progress-stats .stat{text-align:center}.progress-stats .stat-value{color:var(--color-brand-accent);display:block;font-size:var(--font-size-2xl);font-weight:700}.progress-stats .stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.xp-progress{margin-top:var(--spacing-md)}.xp-labels{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-xs)}.bp-xp-bar-wrapper{border-radius:999px;overflow:hidden;position:relative}.bp-xp-shimmer{animation:bp-xp-shimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:100%;pointer-events:none;position:absolute;top:0;width:30%}.active-expeditions{margin-bottom:var(--spacing-xl);position:relative;z-index:1}.active-expeditions h2,.expeditions-summary{margin-bottom:var(--spacing-md)}.expeditions-summary{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.expeditions-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.expedition-card{border:1px solid var(--color-border);padding:var(--spacing-lg);transition:all .3s}.expedition-card.complete{background:#22c55e14;border-color:var(--color-success)}.expedition-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.expedition-header h3{font-size:var(--font-size-md);margin:0}.expedition-mechs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.mech-tag{background:#8b5cf633;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);padding:2px 8px}.mech-tag--placeholder{font-style:italic;opacity:.5}.expedition-timer{background:#0003;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);text-align:center}.time-remaining{font-size:var(--font-size-lg);font-weight:700}.complete-text{color:var(--color-success);font-weight:700}.bp-timer-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:var(--spacing-xs);overflow:hidden}.bp-timer-fill{animation:bp-timer-fill-animate 1s linear infinite;background:linear-gradient(90deg,#8b5cf6,var(--rarity-epic));background-size:30px 30px;border-radius:2px;height:100%;transition:width 1s linear}.expedition-rate{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-align:center}.bp-rate-capped{color:#f59e0b;font-size:var(--font-size-xs);font-weight:700}.expedition-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.no-expeditions{color:var(--color-text-tertiary);font-style:italic;padding:var(--spacing-md) 0}.mission-selection{margin-bottom:var(--spacing-xl);position:relative;z-index:1}.mission-selection h2{margin-bottom:var(--spacing-md)}.missions-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mission-card{border:1px solid var(--color-border);cursor:pointer;padding:var(--spacing-lg);text-align:center}.mission-card.locked{cursor:default;opacity:.6}.mission-card.locked:hover{box-shadow:none;transform:none}.mission-card.tier-1{border-top:3px solid #9ca3af}.mission-card.tier-2{border-top:3px solid #22c55e}.mission-card.tier-3{border-top:3px solid var(--color-brand-primary)}.mission-card.tier-4{border-top:3px solid var(--rarity-epic)}.mission-card.tier-5{border-top:3px solid #f59e0b}.mission-card.tier-5:before{background:linear-gradient(135deg,#f59e0b0d,#ef44440d);content:"";inset:0;pointer-events:none;position:absolute}.mission-tier-badge{color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.mission-card h3{font-size:var(--font-size-md);margin:0 0 var(--spacing-md) 0}.mission-info{color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--spacing-md)}.mission-info,.mission-rarity{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.mission-rarity{gap:var(--spacing-xs)}.mission-success{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.mission-locked{color:var(--color-danger);font-size:var(--font-size-sm)}.bp-modal-enter{animation:bp-modal-enter .3s ease-out both}.mission-setup-modal{min-width:500px}.mission-details{background:#0003;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.detail-row{padding:var(--spacing-xs) 0}.detail-row-highlight{color:#8b5cf6;color:var(--color-brand-accent,#8b5cf6);font-weight:600}.detail-rarities{display:flex;gap:var(--spacing-xs)}.requirements-section{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.requirements-section h4{font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.requirements-intro{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0 0 var(--spacing-sm) 0}.requirement{display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-xs) 0}.requirement-cp-check{border-top:1px solid #8b5cf633;margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.cp-met{color:var(--color-success);font-weight:600}.cp-unmet{color:var(--color-text-secondary)}.success-rate-breakdown{background:#22c55e14;border:1px solid #22c55e40;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.success-rate-breakdown h4{font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm) 0}.success-rate-list{font-size:var(--font-size-sm);list-style:none;margin:0;padding:0}.success-rate-list li{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.success-rate-list li span:last-child{font-weight:600}.success-rate-list li.success-rate-total{border-top:1px solid #22c55e4d;font-weight:700;margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.success-rate-list li.success-rate-total span:last-child{color:var(--color-success);font-size:var(--font-size-lg)}.bp-rate-capped-line span:last-child{color:#f59e0b!important}.bp-cap-badge{background:#f59e0b;border-radius:var(--border-radius-sm);color:var(--color-text-on-badge);display:inline-block;font-size:var(--font-size-xs);font-weight:700;margin-left:var(--spacing-xs);padding:1px 6px}.mech-selection h4{margin-bottom:var(--spacing-md)}.mech-selection-header{justify-content:space-between;margin-bottom:var(--spacing-md)}.mech-controls,.mech-selection-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.mech-search{background:#0000004d;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:inherit;font-size:var(--font-size-sm);padding:4px 10px;width:160px}.mech-search:focus{border-color:var(--color-brand-accent);outline:none}.mech-sort-btns{display:flex;gap:2px}.mech-sort-btn{background:#0003;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);padding:3px 8px;transition:all .15s}.mech-sort-btn.active{background:#8b5cf64d;border-color:#8b5cf680;color:var(--color-text)}.mech-sort-btn:hover{background:#8b5cf626}.mech-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.no-mechs{color:var(--color-text-secondary);padding:var(--spacing-lg);text-align:center}.mech-option{align-items:center;background:#0003;border:2px solid #0000;border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:space-between;padding:var(--spacing-md);transition:all .2s}.mech-option.recommended{background:#f59e0b0d;border-color:#f59e0b4d}.mech-option:hover{background:#8b5cf61a}.mech-option.selected{background:#8b5cf633;border-color:var(--color-brand-accent);box-shadow:0 0 10px #8b5cf633}.mech-option .mech-main{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.mech-option .mech-bonus-percent{background:#22c55e33;border-radius:var(--border-radius-sm);color:var(--color-success);font-size:var(--font-size-sm);font-weight:700;padding:2px 6px}.mech-recommended-badge{display:inline-flex}.mech-class{color:var(--color-text-tertiary)}.mech-class,.mech-details{font-size:var(--font-size-xs)}.mech-details{color:var(--color-text-secondary)}.mech-bonuses{display:flex;gap:var(--spacing-xs)}.mission-setup-error{background:#dc26261a;border-radius:var(--border-radius-sm);color:#dc2626;color:var(--color-danger,#dc2626);margin-bottom:1rem;padding:var(--spacing-sm)}.result-modal{position:relative}.result-icon{font-size:1rem}.result-icon.success{animation:bp-bounce .5s}.result-message{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.bp-celebration-rings{left:50%;pointer-events:none;position:absolute;top:30px;transform:translateX(-50%)}.bp-ring{border:2px solid #8b5cf680;border-radius:50%;display:block;height:60px;left:-30px;position:absolute;top:-30px;width:60px}.bp-ring-1{animation:bp-ring-expand 1.2s ease-out 0s both}.bp-ring-2{animation:bp-ring-expand 1.2s ease-out .2s both;border-color:#ec489966}.bp-ring-3{animation:bp-ring-expand 1.2s ease-out .4s both;border-color:#f59e0b66}.blueprint-reward{align-items:center;animation:bp-slide-up .4s ease-out both;background:#0000004d;border:2px solid;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.blueprint-info{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs)}.blueprint-name{font-weight:700}.result-stats{margin-bottom:var(--spacing-lg)}.result-stat{display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md)}.bp-xp-gain{animation:bp-credits-pop .4s ease-out both;color:var(--color-success);font-weight:700}.bp-credits-gain{animation:bp-credits-pop .4s ease-out .2s both;color:#f59e0b;font-weight:700}.level-up-notice{background:linear-gradient(135deg,#8b5cf64d,#ec489933);border-radius:var(--border-radius-md);color:var(--color-brand-accent);font-weight:700;margin-top:var(--spacing-md);padding:var(--spacing-md)}.discovered-blueprints-section{margin-bottom:var(--spacing-xl);position:relative;z-index:1}.discovered-blueprints-section h2{margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.discovered-count-badge{align-items:center;background:linear-gradient(135deg,#8b5cf633,#ec48991a);border:1px solid #8b5cf64d;border-radius:var(--border-radius-lg);display:inline-flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-xl)}.discovered-number{color:var(--color-brand-accent);font-size:var(--font-size-3xl);font-weight:700}.discovered-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.discovered-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin-top:var(--spacing-sm)}.expedition-history-section{margin-bottom:var(--spacing-xl);position:relative;z-index:1}.expedition-history-section h2,.history-filters{margin-bottom:var(--spacing-md)}.history-filters{gap:2px}.history-filter-btn{background:#0003;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);padding:4px 12px;transition:all .15s}.history-filter-btn.active{background:#8b5cf64d;border-color:#8b5cf680;color:var(--color-text)}.history-filter-btn:hover{background:#8b5cf626}.history-list{gap:var(--spacing-xs)}.history-entry{background:#00000026;border-left:3px solid #0000;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:background .15s}.history-entry:hover{background:#00000040}.history-entry.success{border-left-color:#22c55e;border-left-color:var(--color-success,#22c55e)}.history-entry.failure{border-left-color:#dc2626;border-left-color:var(--color-danger,#dc2626)}.history-main{align-items:center;display:flex;gap:var(--spacing-sm)}.history-icon{font-size:var(--font-size-md)}.history-mission{font-size:var(--font-size-sm);font-weight:600}.history-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.history-bp-badge{font-weight:600}.history-right{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.history-rate{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.history-date{font-size:var(--font-size-xs)}.archive-error-card{background:#dc26261a;border:1px solid #dc26264d;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);position:relative;z-index:1}.archive-error-card .error-message{color:#dc2626;color:var(--color-danger,#dc2626);margin-bottom:var(--spacing-sm)}.archive-error-card .error-hint{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mission-loading{color:var(--color-text-secondary)}.mission-error,.mission-loading{padding:var(--spacing-lg);text-align:center}.mission-error{color:#dc2626;color:var(--color-danger,#dc2626)}.mission-error p{margin-bottom:var(--spacing-md)}.bp-spinner{animation:bp-spinner .8s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:32px;margin:0 auto var(--spacing-md);width:32px}.bp-skeleton-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bp-skeleton-card{background:#00000026;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.bp-skeleton-line{animation:bp-skeleton-pulse 1.5s ease-in-out infinite;background:#8b5cf626;border-radius:4px}.bp-skeleton-line--title{height:20px;margin-bottom:var(--spacing-md);width:60%}.bp-skeleton-line--text{height:14px;margin-bottom:var(--spacing-sm);width:80%}.bp-skeleton-line--short{width:40%}.vip-modal-content{padding:var(--spacing-md)}.vip-comparison-table{border-collapse:collapse;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);width:100%}.vip-comparison-table th{border-bottom:2px solid #8b5cf64d;color:var(--color-text-secondary);font-weight:600;padding:var(--spacing-sm);text-align:center}.vip-comparison-table td{border-bottom:1px solid #ffffff0d;padding:var(--spacing-sm);text-align:center}.vip-comparison-table tr.current-tier{background:#8b5cf626}.vip-comparison-table tr.current-tier td{color:var(--color-brand-accent);font-weight:700}.vip-current{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);text-align:center}.stats-modal-content{padding:var(--spacing-md)}.stats-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.stat-card{background:#0003;border:1px solid var(--color-border);border-radius:var(--border-radius-md);text-align:center}.stat-card-value{color:var(--color-brand-accent);display:block;font-size:var(--font-size-2xl);font-weight:700}.stat-card-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}@media (max-width:768px){.progress-header{flex-direction:column;gap:var(--spacing-lg)}.progress-stats{justify-content:space-around;width:100%}.missions-grid{grid-template-columns:1fr 1fr}.mission-setup-modal{min-width:auto;width:100%}.mech-selection-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.expeditions-grid,.missions-grid{grid-template-columns:1fr}.history-entry{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.history-right{align-items:flex-start;flex-direction:row;gap:var(--spacing-sm)}.header-actions{align-items:center;flex-direction:column}.stats-grid{grid-template-columns:1fr}}.emp-icon--wrench:before{content:"\2699"}.emp-icon--dna:before{content:"\2697"}.emp-icon--sun:before{content:"\2600"}.emp-icon--moon:before{content:"\263D"}.emp-icon--credits:before{content:"\25C8"}.emp-icon--gc:before{content:"\2666"}.emp-icon--gold:before{content:"\2605"}.emp-icon--timer:before{content:"\29D6"}.emp-icon--rank:before{content:"\2191"}.emp-icon--endurance:before{content:"\26A1"}.emp-icon--perk:before{content:"\2726"}.emp-icon--search:before{content:"\2315"}.emp-icon--history:before{content:"\2630"}.emp-icon--briefcase:before{content:"\2616"}.emp-icon--vip:before{content:"\2730"}.emp-icon--cooldown:before{content:"\231B"}[class*=" emp-icon--"]:before,[class^=emp-icon--]:before{display:inline-block;font-style:normal;line-height:1;margin-right:.3em}.corp-icon-css{align-items:center;animation:emp-icon-breathe 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#0000004d);background:linear-gradient(135deg,var(--corp-color,#3b82f6) 0,#0000004d 100%);border-radius:50%;box-shadow:0 0 12px #0000004d,inset 0 1px 0 #ffffff26;display:inline-flex;flex-shrink:0;font-size:1.4rem;height:3rem;justify-content:center;width:3rem}.corp-icon-css:before{color:#fff;margin-right:0;text-shadow:0 1px 3px #0006}.corp-icon-lg{font-size:1.8rem;height:4rem;margin-bottom:var(--spacing-md);width:4rem}.no-job-icon-css{align-items:center;animation:emp-float 4s ease-in-out infinite;background:#ffffff0d;border-radius:50%;display:block;display:flex;font-size:2rem;height:5rem;justify-content:center;margin:0 auto var(--spacing-md);opacity:.5;width:5rem}.no-job-icon-css:before{margin-right:0}@keyframes emp-icon-breathe{0%,to{box-shadow:0 0 12px #0000004d,inset 0 1px 0 #ffffff26}50%{box-shadow:0 0 20px #3b82f666,inset 0 1px 0 #fff3;box-shadow:0 0 20px var(--corp-color,#3b82f666),inset 0 1px 0 #fff3}}@keyframes emp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes emp-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes emp-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes emp-card-entrance{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes emp-pulse-glow{0%,to{box-shadow:0 0 6px #10b9814d}50%{box-shadow:0 0 18px #10b98199}}@keyframes emp-claim-burst{0%{opacity:1;transform:scale(0)}60%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes emp-celebration-in{0%{opacity:0;transform:translateY(-20px) scale(.9)}60%{transform:translateY(4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes emp-countdown-tick{0%,to{opacity:1}50%{opacity:.7}}@keyframes emp-ready-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes emp-progress-stripe{0%{background-position:0 0}to{background-position:40px 0}}@keyframes emp-skeleton-pulse{0%,to{opacity:.15}50%{opacity:.3}}@keyframes emp-vip-shine{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes emp-stat-pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes emp-border-flow{0%{border-image-source:linear-gradient(0deg,#10b981,#0000 50%);border-image-source:linear-gradient(0deg,var(--corp-color,#10b981) 0,#0000 50%)}50%{border-image-source:linear-gradient(180deg,#10b981,#0000 50%);border-image-source:linear-gradient(180deg,var(--corp-color,#10b981) 0,#0000 50%)}to{border-image-source:linear-gradient(1turn,#10b981,#0000 50%);border-image-source:linear-gradient(1turn,var(--corp-color,#10b981) 0,#0000 50%)}}.employment-page{animation:emp-fade-in .4s ease-out;box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:var(--spacing-lg);width:100%}@media (min-width:1920px){.employment-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.employment-page{max-width:min(2000px,98vw)}}.employment-page .page-header{animation:emp-fade-in .5s ease-out;margin-bottom:var(--spacing-xl);text-align:center}.employment-page .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.employment-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.employment-error-banner{align-items:center;animation:emp-slide-in .3s ease-out;background:#ef444426;border:1px solid #ef444466;border-radius:var(--border-radius-md);color:#fca5a5;color:var(--color-text-error,#fca5a5);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.employment-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;opacity:.9;padding:0 var(--spacing-xs);transition:opacity .15s}.employment-error-dismiss:hover{opacity:1}.employment-error-dismiss:focus-visible{border-radius:2px;outline:2px solid #fca5a5;outline:2px solid var(--color-text-error,#fca5a5);outline-offset:2px}.emp-claim-celebration{animation:emp-celebration-in .5s ease-out;background:linear-gradient(135deg,#10b98133,#fbbf2426);border:1px solid #10b98180;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center}.emp-claim-celebration__burst{animation:emp-claim-burst 1s ease-out forwards;background:radial-gradient(circle,#10b98199 0,#0000 70%);border-radius:50%;height:80px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.emp-claim-celebration__content{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--font-size-lg);gap:var(--spacing-md);justify-content:center;position:relative;z-index:1}.emp-claim-gc{color:#60a5fa;color:var(--color-info,#60a5fa)}.emp-claim-gold{color:#fbbf24}.current-job-card{animation:emp-fade-in .4s ease-out;background:linear-gradient(135deg,#10b9811a,#0000);border-left:4px solid var(--corp-color,var(--color-brand-primary))}.current-job-card,.job-header{margin-bottom:var(--spacing-lg)}.job-header{align-items:flex-start;display:flex;justify-content:space-between}.job-corp{align-items:center;display:flex;gap:var(--spacing-md)}.job-corp h2{font-size:var(--font-size-xl);margin:0}.job-title{color:var(--color-text-secondary);color:var(--corp-color,var(--color-text-secondary));font-weight:var(--font-weight-medium)}.job-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-lg)}.stat-block{background:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;transition:transform .2s,box-shadow .2s}.stat-block:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.employment-page .stat-label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs)}.employment-page .stat-value{font-size:var(--font-size-lg);font-weight:700}.payout-timer{animation:emp-countdown-tick 2s ease-in-out infinite}.job-session{animation:emp-fade-in .5s ease-out .2s both;background:#00000026;border:1px solid #ffffff0f;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.job-session__idle{text-align:center}.job-session__hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);margin-top:0}.job-session__working{text-align:center}.job-session__timer-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.job-session__countdown{font-feature-settings:"tnum";animation:emp-countdown-tick 2s ease-in-out infinite;font-size:var(--font-size-2xl);font-variant-numeric:tabular-nums;font-weight:700}.job-session__label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.job-session__ready{animation:emp-ready-pulse 1.5s ease-in-out infinite;text-align:center}.job-session__ready-text{color:#10b981;color:var(--color-success,#10b981);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);margin-top:0}.emp-claim-btn{animation:emp-pulse-glow 2s ease-in-out infinite}.job-perk{align-items:center;background:#fbbf241a;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.job-perk,.rank-progress{border-radius:var(--border-radius-md)}.rank-progress{background:#0003;padding:var(--spacing-md)}.rank-progress-header{display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.next-rank-preview{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-sm);text-align:center}.emp-endurance-info-btn{background:none;border:none;color:#60a5fa;color:var(--color-info,#60a5fa);cursor:pointer;display:block;font-size:var(--font-size-xs);margin:var(--spacing-sm) auto 0;padding:var(--spacing-xs);text-decoration:underline;transition:color .15s}.emp-endurance-info-btn:hover{color:#93c5fd}.emp-endurance-info-btn:focus-visible{border-radius:2px;outline:2px solid #60a5fa;outline:2px solid var(--color-info,#60a5fa);outline-offset:2px}.no-job-card{animation:emp-fade-in .5s ease-out;margin-bottom:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center}.no-job-content h2{margin-bottom:var(--spacing-sm)}.no-job-content p{color:var(--color-text-secondary)}.vip-bonuses{align-items:center;animation:emp-vip-shine 4s linear infinite;background:linear-gradient(135deg,#fbbf2426,#fbbf240d);background-size:200% 100%;border:1px solid #fbbf244d;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);gap:var(--spacing-lg);justify-content:center}.cooldown-warning,.vip-bonuses{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.cooldown-warning{animation:emp-slide-in .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--border-radius-md);color:var(--color-text-error);text-align:center}.employment-page .section-title{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.corporations-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.corporation-card{animation:emp-card-entrance .5s ease-out 0ms both;animation:emp-card-entrance .5s ease-out calc(var(--card-index, 0)*80ms) both;border:1px solid var(--color-border);padding:var(--spacing-lg);position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.corporation-card:before{background:linear-gradient(135deg,#3b82f6,#0000 60%);background:linear-gradient(135deg,var(--corp-color,#3b82f6) 0,#0000 60%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.corporation-card:hover{border-color:var(--corp-color,var(--color-brand-primary));box-shadow:0 12px 32px #00000059,0 0 0 1px #0000;box-shadow:0 12px 32px #00000059,0 0 0 1px var(--corp-color,#0000);transform:translateY(-6px)}.corporation-card:hover:before{opacity:.06}.corporation-card.current{background:linear-gradient(135deg,#10b9811a,#0000);border-color:#10b981;border-color:var(--corp-color,#10b981)}.employment-page .vip-badge{background:linear-gradient(135deg,var(--color-brand-accent),#f59e0b);border-radius:var(--border-radius-sm);box-shadow:0 2px 6px #fbbf244d;color:var(--color-ui-background);font-size:var(--font-size-xs);font-weight:700;line-height:1.2;padding:4px 10px;position:absolute;right:var(--spacing-md);top:8px;z-index:1}.corporation-card h3{color:var(--color-text-primary);color:var(--corp-color,var(--color-text-primary));margin:0 0 var(--spacing-sm) 0}.corp-desc{color:var(--color-text-secondary);min-height:40px}.corp-desc,.corp-pay-range{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.corp-pay-range{background:#0003;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.corp-perk{margin-bottom:var(--spacing-md)}.corp-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center}.history-card{animation:emp-fade-in .5s ease-out;margin-top:var(--spacing-xl)}.history-card h3{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.history-list{gap:var(--spacing-sm)}.history-item{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background .15s}.history-item:hover{background:#0000004d}.history-date{min-width:100px}.history-corp{flex:1 1}.history-pay{color:var(--color-success);white-space:nowrap}.corp-details-modal{min-width:min(500px,90vw)}.corp-modal-header{align-items:flex-start;display:flex;gap:var(--spacing-md)}.corp-lore,.corp-modal-header{margin-bottom:var(--spacing-lg)}.corp-lore{background:#0003;border-left:4px solid var(--corp-color,var(--color-brand-primary));border-radius:var(--border-radius-md);padding:var(--spacing-md)}.corp-lore h4{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.corp-lore-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;line-height:1.5;margin:0}.corp-modal-perk{align-items:center;background:#fbbf241a;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.vip-bonus-note{background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--border-radius-md);color:var(--color-success);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.ranks-table,.vip-bonus-note{margin-bottom:var(--spacing-lg)}.rank-row{grid-gap:var(--spacing-sm);display:grid;font-size:var(--font-size-sm);gap:var(--spacing-sm);grid-template-columns:50px 1fr 1fr 60px 80px;padding:var(--spacing-sm) var(--spacing-md);transition:background .15s}.rank-row.header{background:#0000004d;border-radius:var(--border-radius-sm);font-weight:700}.rank-row:not(.header):nth-child(2n){background:#0000001a}.rank-row:not(.header):hover{background:#0003}.quit-confirm-modal{text-align:center}.quit-warning{color:var(--color-text-error);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.endurance-info-modal p:first-child{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:0}.endurance-sources{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.endurance-source-row{align-items:center;background:#0003;border-radius:var(--border-radius-sm);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.endurance-source-name{flex:1 1}.endurance-source-amount{font-feature-settings:"tnum";color:#10b981;color:var(--color-success,#10b981);font-variant-numeric:tabular-nums;font-weight:700}.endurance-vip-note{color:#fbbf24;font-size:var(--font-size-sm)}.emp-skeleton{animation:emp-skeleton-pulse 1.5s ease-in-out infinite;background:#ffffff0f;border-radius:var(--border-radius-md)}.emp-skeleton--job{height:240px;margin-bottom:var(--spacing-lg)}.emp-skeleton--card{height:280px}.corporation-card:focus-visible,.emp-claim-btn:focus-visible,button:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}@media (max-width:480px){.employment-page{padding:var(--spacing-md) var(--spacing-sm)}.employment-page .page-header h1{font-size:var(--font-size-xl)}.corporations-grid,.job-stats{grid-template-columns:1fr}.corporations-grid{gap:var(--spacing-md)}.corp-details-modal{min-width:auto;width:100%}.rank-row{font-size:var(--font-size-xs);gap:var(--spacing-xs);grid-template-columns:30px 1fr}.rank-row span:nth-child(3),.rank-row span:nth-child(4),.rank-row span:nth-child(5){grid-column:2}.emp-claim-celebration__content{flex-direction:column;font-size:var(--font-size-md);gap:var(--spacing-sm)}}@media (max-width:600px){.history-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.vip-bonuses{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:768px){.job-header{flex-direction:column;gap:var(--spacing-md)}.corporations-grid{grid-template-columns:1fr}.corp-details-modal{min-width:auto;width:100%}.rank-row{gap:var(--spacing-xs);grid-template-columns:40px 1fr}.rank-row span:nth-child(3),.rank-row span:nth-child(4),.rank-row span:nth-child(5){grid-column:2}.job-session__countdown{font-size:var(--font-size-xl)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-result{animation:gameResultSlideIn .3s ease,gameResultPulse .5s ease;border-radius:12px;font-size:1.1rem;font-weight:700;margin-bottom:20px;padding:15px 25px}@keyframes gameResultSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes gameResultPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.game-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid #10b981;box-shadow:0 0 30px #10b9814d;color:#34d399}.game-result.lose{background:linear-gradient(135deg,#ef444433,#b91c1c26);border:2px solid #ef444480;color:var(--color-text-error)}.result-content{align-items:center;display:flex;gap:10px;justify-content:center}.winners-list{display:flex;flex-direction:column;max-height:500px}.winners-list h3{border-bottom:1px solid #ffd7004d;color:var(--color-brand-accent);font-size:1.2rem;margin:0 0 15px;padding-bottom:10px}.winners-scroll{flex:1 1;overflow-y:auto;padding-right:5px}.winners-scroll::-webkit-scrollbar{width:6px}.winners-scroll::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.winners-scroll::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.no-winners{color:var(--color-text-secondary);font-style:italic;padding:20px;text-align:center}.winner-item{align-items:center;animation:fadeInWinner .3s ease;background:#0003;border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:10px;transition:all .3s ease}@keyframes fadeInWinner{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.winner-item:hover{background:#ffd7001a}.winner-game{font-size:1.5rem;text-align:center;width:40px}.winner-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.winner-name{color:var(--color-text-primary);font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-time{color:var(--color-text-secondary);font-size:.75rem}.winner-prize{font-size:.9rem;white-space:nowrap}.winner-prize.jackpot{animation:jackpotPulse 1s ease 3;color:var(--color-brand-accent);text-shadow:0 0 10px #ffd70080}@keyframes jackpotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-history-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.game-history-container h3{color:#fbbf24;font-size:1.5rem;margin:0 0 20px}.history-list{gap:10px}.history-item{grid-gap:15px;background:#ffffff08;border-left:4px solid #0000;border-radius:8px;display:grid;gap:15px;grid-template-columns:50px 1fr auto auto;padding:15px;transition:all .2s ease}.history-item.win{border-left-color:#10b981}.history-item.lose{border-left-color:#ef4444}.history-item:hover{background:#ffffff0d;transform:translateX(5px)}.history-icon{font-size:2rem;text-align:center}.history-details{display:flex;flex-direction:column;gap:5px}.history-game{color:#f3f4f6;font-weight:600;text-transform:capitalize}.history-date{color:#9ca3af;font-size:.85rem}.history-cost{color:#d1d5db;font-size:.9rem}.history-result{border-radius:6px;font-size:1.1rem;font-weight:700;min-width:80px;padding:5px 12px;text-align:center}.history-result.win{background:#10b9811a;color:#10b981}.history-result.lose{background:#ef44441a;color:#ef4444}.game-history .empty-state{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:1rem;padding:40px;text-align:center}.history-skeleton{display:flex;flex-direction:column;gap:10px}.history-skeleton-row{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:12px;padding:15px}.history-skeleton-icon{animation:arcSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffd7000d 25%,#ffd7001a 50%,#ffd7000d 75%);background-size:200% 100%;border-radius:50%;height:32px;width:32px}.history-skeleton-text{flex:1 1}.history-skeleton-amount,.history-skeleton-text{animation:arcSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffd7000d 25%,#ffd7001a 50%,#ffd7000d 75%);background-size:200% 100%;border-radius:4px;height:16px}.history-skeleton-amount{width:60px}.history-pagination{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px}.page-info{color:#9ca3af;font-size:.9rem}@media (max-width:768px){.history-item{gap:10px;grid-template-columns:40px 1fr}.history-cost,.history-result{grid-column:2}}@media (prefers-reduced-motion:reduce){.history-item:hover{transform:none}}.token-display{flex-wrap:wrap;gap:20px}.currency-item,.token-display{align-items:center;display:flex}.currency-item{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;gap:8px;padding:8px 16px}.currency-icon{font-size:1.5rem}.currency-value{color:var(--color-text-primary);font-size:1.2rem;font-weight:700}.currency-label{color:var(--color-text-secondary);font-size:.75rem;text-transform:uppercase}.currency-item.tokens{border-color:#8b5cf680}.currency-item.tokens .currency-value{color:#a78bfa}.currency-item.credits{border-color:#10b98180}.currency-item.credits .currency-value{color:#34d399}.currency-item.gold{border-color:#ffd70080}.currency-item.gold .currency-value{color:var(--color-brand-accent)}.currency-item.energy{border-color:#3b82f680}.currency-item.energy .currency-value{color:var(--color-brand-primary)}.token-exchange-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-weight:700;padding:10px 16px;transition:all .3s ease}.token-exchange-btn:hover{box-shadow:0 5px 20px #8b5cf666;transform:scale(1.05)}.token-display .modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.token-display .modal-content{background:linear-gradient(145deg,#1e293b,#0f172a);background:linear-gradient(145deg,var(--color-ui-elevated,#1e293b),var(--color-ui-surface,#0f172a));border:1px solid var(--color-ui-border);border-radius:16px;max-width:400px;padding:30px;position:relative;width:90%}.token-display .modal-content h3{color:var(--color-brand-accent);margin:0 0 20px;text-align:center}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px;transition:color .3s}.modal-close:hover{color:var(--color-text-primary)}.exchange-section{background:#0000004d;border-radius:12px;margin-bottom:20px;padding:20px}.exchange-section h4{color:var(--color-text-primary);margin:0 0 10px}.exchange-rate,.exchange-rates p{color:var(--color-text-secondary);font-size:.85rem;margin:5px 0}.exchange-input{display:flex;gap:10px;margin:15px 0}.exchange-input input{flex:1 1;font-size:1rem}.exchange-input input,.exchange-input select{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:var(--color-text-primary);padding:10px}.exchange-input select{cursor:pointer}.exchange-cost{color:var(--color-brand-accent);font-weight:700;margin:10px 0}@media (max-width:768px){.token-display{justify-content:center}.currency-item{padding:6px 12px}.currency-value{font-size:1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.arc-star,.card-deal,.coin-flip-animation,.keno-ball,.rat-racer,.slots-reel,.wheel-spinner{animation:none!important;transition:none!important}}.skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff26 50%,#ffffff0d);background-size:200% 100%;border-radius:4px}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:#ffffff1a}}.arc-skeleton .skeleton-card,.game-container .skeleton-card{height:200px;margin:10px 0;width:100%}.skeleton-text{height:20px;margin:8px 0;width:100%}.skeleton-text.short{width:60%}.skeleton-button{height:40px;margin:10px 0;width:120px}.icon{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.icon-coin:before{background:radial-gradient(circle at 30% 30%,#fff9c4,gold);border:2px solid gold;box-shadow:inset 0 0 5px #0000004d}.icon-coin:before,.icon-token:before{border-radius:50%;content:"";height:100%;position:absolute;width:100%}.icon-token:before{background:conic-gradient(from 0deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);border:2px solid #fff;box-shadow:0 0 10px #3b82f680}.icon-club,.icon-diamond,.icon-heart,.icon-spade{font-size:1.2em;font-weight:700}.icon-heart:before{color:#ef4444;content:"♥"}.icon-diamond:before{color:#ef4444;content:"♦"}.icon-club:before{color:#1f2937;content:"♣"}.icon-spade:before{color:#1f2937;content:"♠"}.icon-dice{background:#fff;border:2px solid #374151;border-radius:4px;box-shadow:2px 2px 4px #0000004d;height:1.2em;position:relative;width:1.2em}.icon-dice:before{color:#1f2937;content:"⚄";font-size:.8em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon-slots{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fbbf24;border-radius:4px;box-shadow:inset 0 0 10px #0000004d;height:1.2em;position:relative;width:1.2em}.icon-slots:before{color:#fbbf24;content:"777";font-size:.5em;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon-trophy{height:1.2em;position:relative;width:1.2em}.icon-trophy:before{border-radius:50% 50% 0 0;box-shadow:0 0 5px #ffd70080;height:60%;left:20%;top:20%;width:60%}.icon-trophy:after,.icon-trophy:before{background:gold;content:"";position:absolute}.icon-trophy:after{border-radius:2px;bottom:0;height:20%;left:10%;width:80%}.arcade-celebration-overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-index-modal-backdrop)}.confetti{animation:confetti-fall 3s ease-out forwards;background:gold;height:10px;opacity:0;position:absolute;width:10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.confetti:nth-child(2n){animation-duration:2.5s;background:#3b82f6}.confetti:nth-child(3n){animation-duration:3.5s;background:#ec4899}.confetti:nth-child(4n){animation-duration:2.8s;background:#10b981}.confetti:nth-child(5n){animation-duration:3.2s;height:8px;width:8px}.big-win-flash{animation:big-win-pulse 2s ease-out forwards;color:gold;font-size:4rem;font-weight:700;left:50%;pointer-events:none;position:fixed;text-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70099,0 0 60px #ffd70066;top:50%;transform:translate(-50%,-50%);z-index:var(--z-index-toast)}@keyframes big-win-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.game-card-enter{animation:slide-up-fade .6s ease-out backwards}.game-card-enter:first-child{animation-delay:.05s}.game-card-enter:nth-child(2){animation-delay:.1s}.game-card-enter:nth-child(3){animation-delay:.15s}.game-card-enter:nth-child(4){animation-delay:.2s}.game-card-enter:nth-child(5){animation-delay:.25s}.game-card-enter:nth-child(6){animation-delay:.3s}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-btn{box-shadow:0 4px 6px #0000001a;font-weight:600;overflow:hidden;position:relative;transition:all .2s ease}.game-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.game-btn:hover:before{height:300px;width:300px}.game-btn:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.game-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.game-btn:disabled,.game-btn:disabled:hover{box-shadow:none;transform:none}.game-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.game-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.game-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.game-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}@media (max-width:768px){.game-container{padding:15px}.game-btn{font-size:.9rem;padding:10px 20px}.big-win-flash{font-size:2.5rem}}@media (max-width:480px){.game-container{padding:10px}.game-btn{font-size:.85rem;padding:8px 16px}.big-win-flash{font-size:2rem}}.game-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-8px)}.game-card:active{box-shadow:0 6px 12px #00000026;transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.game-card:hover{transform:none}.game-card-enter{animation:none;opacity:1}.game-btn:hover{transform:none}}.lottery-game .lottery-info{align-items:center;background:#0000004d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.draw-timer{display:flex;flex-direction:column;gap:5px}.timer-label{font-size:.9rem}.timer-value{color:var(--color-brand-accent);font-size:1.5rem}.ticket-cost{color:var(--color-text-primary);font-size:1.1rem}.ticket-cost strong{color:#34d399}.prize-table{background:#0000004d;border-radius:12px;margin-bottom:20px;padding:20px}.prize-table h4{color:var(--color-brand-accent);margin:0 0 15px}.prizes{display:flex;flex-direction:column;gap:8px}.prize-row{background:#ffffff0d;border-radius:8px;color:var(--color-text-primary);display:flex;justify-content:space-between;padding:10px 15px}.prize-row.jackpot{background:linear-gradient(135deg,#ffd70033,#ff96001a);border:1px solid #ffd7004d;color:var(--color-brand-accent);font-weight:700}.number-picker{background:#0000004d;border-radius:12px;margin-bottom:20px;padding:20px}.number-picker h4{color:var(--color-text-primary);margin:0 0 15px}.number-inputs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.number-input-group{align-items:center;display:flex;flex-direction:column;gap:5px}.number-input-group label{color:var(--color-text-secondary);font-size:.75rem}.number-input-group input{background:#00000080;border:2px solid #ffd7004d;border-radius:8px;color:var(--color-brand-accent);font-size:1.2rem;font-weight:700;padding:10px;text-align:center;width:60px}.number-input-group input:focus{border-color:var(--color-brand-accent);box-shadow:0 0 15px #ffd7004d;outline:none}.my-tickets{background:#0000004d;border-radius:12px;margin-top:20px;padding:20px}.my-tickets h4{color:var(--color-text-primary);margin:0 0 15px}.tickets-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.ticket-item{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px}.ticket-numbers{color:#a78bfa;font-family:monospace;font-size:1.1rem;font-weight:700}.auto-badge{background:#ffd70033;border-radius:4px;color:var(--color-brand-accent);font-size:.75rem;padding:3px 8px}.last-draw{background:#0000004d;border-radius:12px;margin-top:20px;padding:20px}.last-draw h4{color:var(--color-text-primary);margin:0 0 15px}.winning-numbers{gap:10px;margin-bottom:15px}.winning-number,.winning-numbers{display:flex;justify-content:center}.winning-number{align-items:center;background:linear-gradient(135deg,gold,#ff9500);border-radius:50%;color:var(--color-ui-background);font-size:1.2rem;font-weight:700;height:50px;width:50px}.draw-stats{color:var(--color-text-secondary);margin:0;text-align:center}.last-draw-winners{border-top:1px solid #ffffff1a;margin-top:15px;padding-top:15px}.last-draw-winners h5{color:var(--color-brand-accent);font-size:.95rem;margin:0 0 10px}.last-draw-winners ul{list-style:none;margin:0;padding:0}.last-draw-winners li{align-items:center;background:#ffffff0d;border-radius:6px;color:var(--color-text-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.winner-name{font-weight:600}.winner-matches{color:var(--color-text-secondary);margin:0 8px}.winner-prize{color:#34d399;font-weight:700}@media (max-width:768px){.number-inputs{grid-template-columns:repeat(3,1fr)}.lottery-info{flex-direction:column;gap:15px;text-align:center}}@media (max-width:480px){.lottery-game .lottery-info{padding:15px}.timer-value{font-size:1.2rem}.ticket-cost{font-size:1rem}.number-inputs{gap:8px;grid-template-columns:repeat(2,1fr)}.number-input-group input{font-size:1rem;padding:8px;width:50px}.number-picker,.prize-table{padding:15px}.prize-row{font-size:.9rem;padding:8px 10px}.winning-numbers{flex-wrap:wrap;gap:6px}.winning-number{font-size:1rem;height:40px;width:40px}.my-tickets{padding:15px}.ticket-item{flex-wrap:wrap;gap:5px;padding:10px 12px}.ticket-numbers{font-size:.95rem}.last-draw{padding:15px}.last-draw-winners li{flex-wrap:wrap;font-size:.85rem;gap:4px;padding:6px 10px}}.min-bet-display{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:20px;margin:10px 0;padding:12px 16px}.bet-info{align-items:center;display:flex;gap:8px}.bet-label{color:#9ca3af;font-size:.9rem;font-weight:500}.bet-value{color:#fbbf24;font-size:1.1rem}@media (max-width:480px){.min-bet-display{flex-direction:column;gap:8px}}.blackjack-game .blackjack-start{padding:40px;text-align:center}.game-result-message{border-radius:12px;font-size:1.5rem;font-weight:700;margin-bottom:30px;padding:20px}.game-result-message.win{background:linear-gradient(135deg,#10b9814d,#05966933);color:#34d399}.game-result-message.lose{background:#ef444433;color:var(--color-text-error)}.blackjack-result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.blackjack-result-actions .game-btn{min-width:140px}.blackjack-table{background:linear-gradient(135deg,#065f46,#047857);border:8px solid #7c3aed;border-radius:16px;display:flex;flex-direction:column;gap:30px;padding:20px}.hand{text-align:center}.hand h4{color:var(--color-text-primary);font-size:1.2rem;margin:0 0 15px;text-shadow:2px 2px 4px #00000080}.cards{flex-wrap:wrap;gap:10px}.cards,.playing-card{display:flex;justify-content:center}.playing-card{align-items:center;animation:dealCard .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000004d;flex-direction:column;font-size:1.5rem;font-weight:700;height:100px;transition:transform .3s ease;width:70px}@keyframes dealCard{0%{opacity:0;transform:translateY(-50px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.playing-card:hover{transform:translateY(-5px)}.playing-card.red{color:var(--color-danger)}.playing-card.black{color:#1f2937}.playing-card.hidden{background:linear-gradient(135deg,var(--color-brand-primary-dark),var(--color-brand-primary));color:var(--color-text-primary)}.card-value{font-size:1.8rem}.card-suit{font-size:1.5rem}.dealer-hand{border-bottom:2px dashed #ffffff4d;padding-bottom:20px}.blackjack-game .game-actions{justify-content:center;padding-top:20px}@media (max-width:768px){.blackjack-game .blackjack-start{padding:25px}.game-result-message{font-size:1.2rem;margin-bottom:20px;padding:15px}.blackjack-table{border-width:6px;gap:20px;padding:15px}.hand h4{font-size:1.05rem;margin-bottom:10px}.playing-card{font-size:1.3rem;height:85px;width:60px}.card-value{font-size:1.5rem}.card-suit{font-size:1.3rem}.blackjack-result-actions{gap:10px}.blackjack-result-actions .game-btn{min-width:120px}}@media (max-width:480px){.blackjack-game .blackjack-start{padding:20px}.game-result-message{font-size:1rem;padding:12px}.blackjack-table{border-width:4px;gap:15px;padding:12px}.playing-card{font-size:1.2rem;height:80px;width:55px}.card-value{font-size:1.4rem}.card-suit{font-size:1.2rem}.cards{gap:6px}.blackjack-result-actions{align-items:center;flex-direction:column}.blackjack-result-actions .game-btn{min-width:0;min-width:auto;width:100%}}.dragon-slots-game .slots-machine{align-items:center;background:linear-gradient(145deg,var(--color-ui-background),var(--color-ui-surface));border:4px solid gold;border-radius:20px;box-shadow:0 0 50px #ffd7004d;display:flex;flex-direction:column;gap:20px;padding:30px}.slots-frame{background:#000;border:3px solid #333;border-radius:12px;padding:20px}.slots-reels{display:flex;gap:15px}.reel{align-items:center;background:linear-gradient(180deg,#1f2937,#111827);border:3px solid gold;border:3px solid var(--reel-color,gold);border-radius:12px;box-shadow:inset 0 5px 15px #00000080,0 0 20px #ffd70033;display:flex;height:120px;justify-content:center;width:100px}.reel-symbol{font-size:4rem;transition:transform .1s}.slots-reels.spinning .reel-symbol{animation:reelSpin .1s linear infinite}@keyframes reelSpin{0%{transform:translateY(-10px)}50%{transform:translateY(10px)}to{transform:translateY(-10px)}}.spin-btn{font-size:1.3rem;letter-spacing:2px;padding:15px 40px;text-transform:uppercase}.spin-btn:not(:disabled):hover{animation:buttonPulse .5s ease 3}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc}}.slots-result{animation:resultPop .3s ease;border-radius:12px;font-size:1.2rem;font-weight:700;margin-top:20px;padding:15px 30px;text-align:center}@keyframes resultPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.slots-result.win{background:linear-gradient(135deg,#ffd7004d,#ff960033);border:2px solid gold;color:var(--color-brand-accent)}.slots-result.lose{background:#64646433;border:2px solid #666;color:var(--color-text-secondary)}.paytable{background:#0000004d;border-radius:12px;margin-top:20px;padding:20px;width:100%}.paytable h4{color:var(--color-brand-accent);margin:0 0 15px;text-align:center}.paytable-rows{display:flex;flex-direction:column;gap:10px}.paytable-row{align-items:center;background:#ffffff0d;border-radius:8px;color:var(--color-text-primary);display:flex;justify-content:space-between;padding:10px 15px}.paytable-row.jackpot{background:linear-gradient(135deg,#a855f74d,#8b5cf633);border:1px solid #a855f7;color:#c4b5fd}@media (max-width:768px){.dragon-slots-game .slots-machine{gap:15px;padding:20px}.slots-frame{padding:15px}.slots-reels{gap:10px}.reel{height:105px;width:85px}.reel-symbol{font-size:3.5rem}.spin-btn{font-size:1.1rem;padding:12px 30px}.slots-result{font-size:1.05rem;padding:12px 20px}.paytable{padding:15px}.paytable-row{padding:8px 12px}}@media (max-width:480px){.dragon-slots-game .slots-machine{border-width:3px;padding:15px}.slots-frame{border-width:2px;padding:10px}.slots-reels{gap:6px}.reel{border-width:2px;height:85px;width:70px}.reel-symbol{font-size:2.5rem}.spin-btn{font-size:1rem;letter-spacing:1px;padding:10px 25px}.slots-result{font-size:.95rem;padding:10px 15px}.paytable{padding:12px}.paytable-row{font-size:.9rem;padding:6px 10px}}.king-slots-game.locked{padding:60px 20px;text-align:center}.locked-message{align-items:center;display:flex;flex-direction:column;gap:15px}.lock-icon{animation:lockShake 2s ease infinite;font-size:5rem}.locked-message p{color:var(--color-text-secondary);margin:0}.locked-message .hint{color:var(--color-brand-accent);font-style:italic}.king-slots-game .game-info.warning{background:#dc262633;border:1px solid #dc2626;color:var(--color-text-error)}.bet-controls{background:#0000004d;border-radius:12px;margin-bottom:20px;padding:20px}.bet-controls label{display:block;margin-bottom:10px}.bet-controls input,.bet-controls label{color:var(--color-brand-accent);font-weight:700}.bet-controls input{background:#00000080;border:2px solid #ffd7004d;border-radius:8px;font-size:1.5rem;padding:12px;text-align:center;width:100%}.quick-bets{display:flex;gap:10px;margin-top:15px}.quick-bets button{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;color:var(--color-brand-accent);cursor:pointer;flex:1 1;padding:10px;transition:all .3s}.quick-bets button:hover{background:#ffd70033}.king-slots-machine{align-items:center;background:linear-gradient(145deg,#2d1b4e,#1a0f2e);border:4px solid gold;border-radius:20px;box-shadow:0 0 50px #ffd70066,inset 0 0 50px #ffd7001a;display:flex;flex-direction:column;gap:20px;padding:30px}.king-frame{background:#000;border:4px solid #7c3aed;border-radius:16px;padding:25px}.king-reels{display:flex;gap:20px}.king-reel{align-items:center;background:linear-gradient(180deg,#1f1f3a,#0f0f1a);border:3px solid gold;border-radius:12px;box-shadow:inset 0 5px 20px #00000080,0 0 30px #ffd7004d;display:flex;font-size:5rem;height:140px;justify-content:center;width:120px}.king-reels.spinning .king-reel span{animation:kingReelSpin .08s linear infinite}@keyframes kingReelSpin{0%{transform:translateY(-15px) scale(.9)}50%{transform:translateY(15px) scale(1.1)}to{transform:translateY(-15px) scale(.9)}}.king-spin-btn{background:linear-gradient(135deg,gold,#b8860b);border:3px solid #fff;color:var(--color-ui-background);font-size:1.4rem;letter-spacing:3px;padding:18px 50px;text-transform:uppercase}.king-result{border-radius:12px;font-size:1.3rem;font-weight:700;margin-top:20px;padding:20px 40px;text-align:center}.king-result.win{animation:jackpotGlow .5s ease 6 alternate;background:linear-gradient(135deg,#ffd70066,#ff96004d);border:3px solid gold;color:var(--color-brand-accent)}@keyframes jackpotGlow{0%{box-shadow:0 0 20px #ffd70080}to{box-shadow:0 0 50px #ffd700cc}}.king-result.cursed{animation:cursedShake .5s ease;background:linear-gradient(135deg,#64646466,#3232324d);border:3px solid #666;color:var(--color-text-tertiary)}@keyframes cursedShake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.king-result.lose{background:#64646433;border:2px solid #666;color:var(--color-text-secondary)}.king-paytable{background:#0000004d;border-radius:12px;margin-top:20px;padding:20px}.king-paytable h4{color:var(--color-brand-accent);margin:0 0 15px;text-align:center}.king-paytable-row{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:8px;padding:12px 15px}.king-paytable-row span:first-child{font-size:1.5rem}.king-paytable-row span:last-child{color:var(--color-text-primary)}.king-paytable-row.jackpot{background:linear-gradient(135deg,#ffd70033,#ff96001a);border:1px solid #ffd70080}.king-paytable-row.jackpot span:last-child{color:var(--color-brand-accent)}.king-paytable-row.cursed{background:#64646433;border:1px solid #64646480}.king-paytable-row.cursed span:last-child{color:#f87171}@media (max-width:768px){.king-slots-machine{gap:15px;padding:20px}.king-frame{padding:18px}.king-reels{gap:15px}.king-reel{font-size:4rem;height:120px;width:100px}.king-spin-btn{font-size:1.2rem;letter-spacing:2px;padding:14px 40px}.king-result{font-size:1.1rem;padding:15px 30px}.bet-controls{padding:15px}.bet-controls input{font-size:1.3rem}.king-paytable{padding:15px}.king-paytable-row{font-size:1rem;padding:10px 12px}.king-paytable-row span:first-child{font-size:1.3rem}}@media (max-width:480px){.king-slots-game.locked{padding:40px 15px}.lock-icon{font-size:3.5rem}.king-slots-machine{border-width:3px;gap:12px;padding:15px}.king-frame{border-width:3px;padding:12px}.king-reels{gap:8px}.king-reel{border-width:2px;font-size:3rem;height:90px;width:75px}.king-spin-btn{border-width:2px;font-size:1rem;letter-spacing:1px;padding:12px 30px}.king-result{font-size:1rem;padding:12px 20px}.bet-controls{padding:12px}.bet-controls input{font-size:1.1rem;padding:10px}.quick-bets{flex-wrap:wrap;gap:8px}.quick-bets button{font-size:.85rem;padding:8px}.king-paytable{padding:12px}.king-paytable-row{font-size:.9rem;padding:8px 10px}.king-paytable-row span:first-child{font-size:1.1rem}}.keno-game .keno-status{align-items:center;background:#0000004d;border-radius:12px;color:var(--color-text-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.keno-status .matches{color:#34d399;font-weight:700}.keno-board{grid-gap:4px;background:#0000004d;border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:420px;padding:12px}.keno-number{align-items:center;aspect-ratio:1;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.75rem;font-weight:700;justify-content:center;min-height:0;transition:all .2s ease}.keno-number:hover:not(:disabled){background:#ffd70033;border-color:var(--color-brand-accent)}.keno-number.selected{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-primary-dark));border-color:var(--color-brand-primary);color:var(--color-text-primary)}.keno-number.drawn{animation:numberDraw .3s ease;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#f87171;color:var(--color-text-primary)}@keyframes numberDraw{0%{transform:scale(1.3)}to{transform:scale(1)}}.keno-number.match{animation:matchPulse .5s ease;background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 0 15px #10b98180;color:var(--color-text-primary)}@keyframes matchPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.keno-number:disabled{cursor:not-allowed;opacity:.8}@media (max-width:768px){.keno-board{gap:3px;grid-template-columns:repeat(8,1fr);max-width:320px;padding:8px}.keno-number{font-size:.65rem}}@media (max-width:480px){.keno-board{grid-template-columns:repeat(5,1fr);max-width:260px}.keno-number{font-size:.6rem}}.wheel-game .wheel-container{height:320px;margin:30px auto;position:relative;width:320px}.wheel-pointer{color:var(--color-brand-accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2.5rem;left:50%;position:absolute;top:-20px;transform:translateX(-50%);z-index:10}.wheel{border-radius:50%;box-shadow:0 0 0 8px gold,0 0 0 12px #000,0 0 30px #ffd70080;height:100%;overflow:hidden;position:relative;transition:transform 5s cubic-bezier(.17,.67,.12,.99);width:100%}.wheel-segment{background:var(--segment-color);height:50%;overflow:hidden;position:absolute;right:0;top:0;transform:rotate(var(--segment-rotation)) skewY(calc(90deg - var(--segment-angle)));transform-origin:bottom left;width:50%}.wheel-segment:before{background:linear-gradient(135deg,#fff3,#0000);content:"";inset:0;position:absolute}.segment-label{color:var(--color-text-primary);font-size:.7rem;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #00000080;top:50%;transform:skewY(calc(var(--segment-angle) - 90deg)) rotate(calc(var(--segment-angle)/2)) translateX(-50%);white-space:nowrap}.wheel-result{animation:resultBounce .5s ease;border-radius:12px;font-size:1.3rem;font-weight:700;margin:20px 0;padding:15px 30px;text-align:center}@keyframes resultBounce{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.wheel-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid #10b981;color:#34d399}.wheel-result.lose{background:#64646433;border:2px solid #666;color:var(--color-text-secondary)}.wheel-game .game-actions{justify-content:center}@media (max-width:768px){.wheel-game .wheel-container{height:280px;margin:20px auto;width:280px}.wheel-pointer{font-size:2rem;top:-16px}.wheel-result{font-size:1.1rem;margin:15px 0;padding:12px 20px}.segment-label{font-size:.65rem}}@media (max-width:480px){.wheel-game .wheel-container{height:240px;margin:15px auto;width:240px}.wheel-pointer{font-size:1.8rem;top:-14px}.segment-label{font-size:.55rem}.wheel-result{font-size:1rem;margin:12px 0;padding:10px 15px}}.hilo-game .hilo-start{padding:40px;text-align:center}.hilo-error{background:#ef444426;border-radius:8px;color:#ef4444;color:var(--color-text-error,#ef4444);font-size:.9rem;margin-bottom:15px;padding:10px}.hilo-result{border-radius:12px;font-size:1.5rem;font-weight:700;margin-bottom:30px;padding:20px}.hilo-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);color:#34d399}.hilo-result.lose{background:#ef444433;color:var(--color-text-error)}.hilo-playing{gap:25px;padding:20px}.hilo-playing,.streak-display{align-items:center;display:flex;flex-direction:column}.streak-display{background:#0000004d;border-radius:12px;gap:5px;padding:20px 40px}.streak-label{color:var(--color-text-secondary);font-size:.9rem}.streak-value{color:var(--color-brand-accent);font-size:3rem}.potential-prize{color:#34d399;font-weight:700}.current-card{perspective:1000px}.hilo-card{align-items:center;animation:cardFlip .5s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;font-weight:700;height:170px;justify-content:center;width:120px}@keyframes cardFlip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.hilo-card.red{color:var(--color-danger)}.hilo-card.black{color:#1f2937}.hilo-card .card-value{font-size:3rem}.hilo-card .card-suit{font-size:2.5rem}.guess-buttons{display:flex;gap:20px}.guess-btn{font-size:1.2rem;min-width:140px;padding:15px 30px}.guess-btn.higher{background:linear-gradient(135deg,#10b981,#059669)}.guess-btn.lower{background:linear-gradient(135deg,#ef4444,#dc2626)}.cashout-btn{animation:cashoutPulse 1s ease 5;font-size:1.2rem;padding:15px 40px}@keyframes cashoutPulse{0%,to{box-shadow:0 0 10px #10b98180}50%{box-shadow:0 0 25px #10b981cc}}.previous-cards{background:#0000004d;border-radius:12px;padding:15px;text-align:center}.previous-cards h4{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 10px}.cards-history{display:flex;gap:10px;justify-content:center}.history-card{border-radius:6px;font-weight:700;padding:8px 12px}.history-card.correct{background:#10b98133;color:#34d399}.history-card.wrong{background:#ef444433;color:var(--color-text-error)}.multiplier-table{background:#0000004d;border-radius:12px;margin-top:20px;padding:20px;width:100%}.multiplier-table h4{color:var(--color-text-primary);margin:0 0 15px;text-align:center}.multipliers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mult-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;min-width:50px;padding:8px 12px}.mult-item span:first-child{color:var(--color-text-secondary);font-size:.8rem}.mult-item span:last-child{color:var(--color-text-primary);font-weight:700}.mult-item.achieved{background:#ffd70033;border:1px solid #ffd70080}.mult-item.achieved span{color:var(--color-brand-accent)}@media (max-width:768px){.hilo-game .hilo-start{padding:25px}.hilo-result{font-size:1.2rem;margin-bottom:20px;padding:15px}.hilo-playing{gap:20px;padding:15px}.streak-display{padding:15px 30px}.streak-value{font-size:2.5rem}.hilo-card{height:140px;width:100px}.hilo-card .card-value{font-size:2.5rem}.hilo-card .card-suit{font-size:2rem}.guess-buttons{gap:15px}.guess-btn{font-size:1.05rem;min-width:120px;padding:12px 24px}.cashout-btn{font-size:1.05rem;padding:12px 30px}.multiplier-table{margin-top:15px;padding:15px}.mult-item{min-width:45px;padding:6px 10px}}@media (max-width:480px){.hilo-game .hilo-start{padding:20px}.hilo-result{font-size:1rem;margin-bottom:15px;padding:12px}.hilo-playing{gap:15px;padding:10px}.streak-display{padding:12px 20px}.streak-value{font-size:2rem}.hilo-card{height:120px;width:85px}.hilo-card .card-value{font-size:2rem}.hilo-card .card-suit{font-size:1.5rem}.guess-buttons{flex-direction:column;gap:10px;width:100%}.guess-btn{min-width:0;min-width:auto;padding:12px 20px}.cashout-btn,.guess-btn{font-size:1rem;width:100%}.cashout-btn{padding:10px 20px}.previous-cards{padding:10px}.cards-history{flex-wrap:wrap;gap:6px}.history-card{font-size:.85rem;padding:6px 10px}.multiplier-table{padding:12px}.mult-item{min-width:40px;padding:5px 8px}.mult-item span:first-child{font-size:.7rem}}.scratch-game .tier-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.scratch-game .tier-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:20px 15px;transition:all .3s ease}.scratch-game .tier-btn:hover{background:#ffffff1a;border-color:var(--tier-color)}.scratch-game .tier-btn.selected{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:var(--tier-color);box-shadow:0 0 20px #ffffff1a}.tier-name{font-size:1.2rem}.tier-cost{font-size:.9rem}.tier-max{color:var(--color-text-secondary);font-size:.8rem}.scratch-buy{padding:40px;text-align:center}.scratch-buy-error{background:#ef444426;border-radius:8px;color:#ef4444;color:var(--color-text-error,#ef4444);font-size:.9rem;margin-bottom:12px;padding:10px}.scratch-card{align-items:center;background:linear-gradient(145deg,#0000004d,#0003);border:3px solid var(--card-color);border-radius:16px;display:flex;flex-direction:column;gap:20px;padding:25px}.scratch-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.scratch-cell{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);border:2px solid var(--card-color);border-radius:12px;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;transition:all .3s ease;width:80px}.scratch-cell:hover:not(.scratched){box-shadow:0 0 15px #fff3;transform:scale(1.05)}.scratch-cover{color:#ffffff4d;font-size:2rem}.scratch-cell.scratched{animation:scratchReveal .3s ease;background:#00000080;cursor:default}@keyframes scratchReveal{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.scratch-cell .prize{color:var(--color-brand-accent)}.scratch-cell .no-prize{color:var(--color-text-tertiary)}.scratch-result{border-radius:12px;font-size:1.3rem;font-weight:700;padding:15px 30px}.scratch-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid #10b981;color:#34d399}.scratch-result.lose{background:#64646433;color:var(--color-text-secondary)}.scratch-rules{color:var(--color-text-secondary);margin-top:20px;text-align:center}@media (max-width:768px){.scratch-game .tier-selector{gap:10px;grid-template-columns:repeat(2,1fr)}.scratch-game .tier-btn{padding:15px 12px}.tier-name{font-size:1.05rem}.scratch-card{padding:20px}.scratch-cell{font-size:1.3rem;height:70px;width:70px}.scratch-result{font-size:1.1rem;padding:12px 20px}.scratch-buy{padding:25px}}@media (max-width:480px){.scratch-game .tier-selector{gap:8px;grid-template-columns:1fr}.scratch-game .tier-btn{flex-direction:row;gap:10px;justify-content:center;padding:10px 12px}.scratch-card{border-width:2px;padding:15px}.scratch-grid{gap:6px}.scratch-cell{border-radius:8px;font-size:1.1rem;height:65px;width:65px}.scratch-result{font-size:1rem;padding:10px 15px}.scratch-buy{padding:20px}}.lucky5-game{text-align:center}.lucky5-game .bet-input{align-items:center;background:#0000004d;border-radius:12px;display:flex;gap:15px;justify-content:center;margin:20px 0;padding:15px}.lucky5-game .bet-input label{color:var(--color-text-secondary)}.lucky5-game .bet-input input[type=range]{accent-color:var(--color-brand-accent);width:200px}.bet-value{color:var(--color-brand-accent);font-weight:700;min-width:100px}.dice-display{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);border:4px solid gold;border-radius:20px;box-shadow:0 10px 30px #0000004d;display:flex;height:120px;justify-content:center;margin:30px auto;width:120px}.dice-display.rolling{animation:diceShake .1s linear infinite}@keyframes diceShake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.dice-value{color:var(--color-brand-accent);font-size:4rem;font-weight:700}.choice-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:25px 0}.choice-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;transition:all .3s ease}.choice-btn:hover:not(:disabled){background:#ffffff1a}.choice-btn.selected{background:#ffd7001a;border-color:var(--color-brand-accent)}.choice-btn.under.selected{background:#3b82f61a;border-color:var(--color-brand-primary)}.choice-btn.exact.selected{background:#a855f71a;border-color:var(--color-brand-accent)}.choice-btn.over.selected{background:#ef44441a;border-color:var(--color-danger)}.choice-range{color:var(--color-brand-accent);font-size:1.5rem;font-weight:700}.choice-label{color:var(--color-text-primary)}.choice-payout{color:#34d399;font-weight:700}.lucky5-result{border-radius:12px;font-size:1.2rem;font-weight:700;margin:20px 0;padding:15px 30px}.lucky5-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid #10b981;color:#34d399}.lucky5-result.lose{background:#64646433;color:var(--color-text-secondary)}@media (max-width:768px){.lucky5-game .bet-input{flex-wrap:wrap;gap:10px;padding:12px}.lucky5-game .bet-input input[type=range]{width:160px}.dice-display{height:100px;margin:20px auto;width:100px}.dice-value{font-size:3rem}.choice-buttons{gap:10px;margin:20px 0}.choice-btn{gap:6px;padding:15px}.choice-range{font-size:1.3rem}.lucky5-result{font-size:1.05rem;padding:12px 20px}}@media (max-width:480px){.lucky5-game .bet-input{flex-direction:column;gap:8px;padding:10px}.lucky5-game .bet-input input[type=range]{max-width:200px;width:100%}.bet-value{min-width:0;min-width:auto}.dice-display{border-width:3px;height:80px;margin:15px auto;width:80px}.dice-value{font-size:2.5rem}.choice-buttons{gap:8px;grid-template-columns:1fr}.choice-btn{padding:12px}.choice-range{font-size:1.1rem}.lucky5-result{font-size:.95rem;padding:10px 15px}}.ratrace-game{text-align:center}.ratrace-game .bet-input{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px 0}.ratrace-game .bet-input input{background:#0000004d;border:2px solid #ffd7004d;border-radius:8px;color:var(--color-brand-accent);font-size:1.2rem;padding:10px;text-align:center;width:80px}.rat-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:25px 0}.rat-card{align-items:center;background:#ffffff0d;border:3px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px;transition:all .3s ease}.rat-card:hover:not(:disabled){border-color:var(--rat-color);transform:translateY(-5px)}.rat-card.selected{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:var(--rat-color);box-shadow:0 0 20px #ffffff1a}.rat-card.racing{animation:ratBounce .5s ease infinite}@keyframes ratBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rat-emoji{font-size:3rem}.rat-name{color:var(--rat-color);font-size:1.1rem;font-weight:700}.rat-desc{color:var(--color-text-secondary);font-size:.85rem}.rat-payout{color:#34d399;font-size:1.2rem;font-weight:700}.race-track{background:linear-gradient(180deg,#4a3728,#2d1f14);border:3px solid #8b4513;border-radius:12px;margin:20px 0;padding:30px}.track-line{display:flex;justify-content:space-around}.racer{animation:raceMove 2s ease-in-out;font-size:2.5rem}@keyframes raceMove{0%{transform:translateX(-100px)}to{transform:translateX(100px)}}.ratrace-result{border-radius:12px;margin:20px 0;padding:20px}.ratrace-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid #10b981;color:var(--color-text-primary)}.ratrace-result.lose{background:#64646433;color:var(--color-text-secondary)}.ratrace-result .prize{color:#34d399;font-size:1.2rem;font-weight:700}@media (max-width:600px){.rat-selection{grid-template-columns:1fr}}@media (max-width:768px){.rat-selection{gap:10px;grid-template-columns:repeat(2,1fr);margin:20px 0}.rat-card{gap:8px;padding:15px}.rat-emoji{font-size:2.5rem}.rat-name{font-size:1rem}.race-track{margin:15px 0;padding:20px}.racer{font-size:2rem}.ratrace-result{margin:15px 0;padding:15px}}@media (max-width:480px){.ratrace-game .bet-input{flex-direction:column;gap:8px;margin:12px 0}.ratrace-game .bet-input input{max-width:120px;width:100%}.rat-card{padding:12px}.rat-emoji{font-size:2rem}.rat-name{font-size:.95rem}.rat-desc{font-size:.8rem}.rat-payout{font-size:1rem}.race-track{border-width:2px;padding:15px}.racer{font-size:1.5rem}.ratrace-result{padding:12px}.ratrace-result .prize{font-size:1rem}}.coinflip-game{text-align:center}.coin{height:150px;margin:30px auto;perspective:1000px;width:150px}.coin-face{align-items:center;background:linear-gradient(135deg,gold,#b8860b);border:5px solid #daa520;border-radius:50%;box-shadow:0 5px 20px #0000004d,inset 0 -5px 20px #0003;display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.coin.flipping .coin-face{animation:coinFlip .15s linear infinite}@keyframes coinFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.streak-info{background:#0000004d;border-radius:12px;margin:20px 0;padding:20px}.streak-info p{color:var(--color-text-primary);margin:5px 0}.streak-info strong{color:var(--color-brand-accent);font-size:1.3rem}.coinflip-result{border-radius:12px;font-size:1.2rem;font-weight:700;margin:20px 0;padding:15px 30px}.coinflip-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid #10b981;color:#34d399}.coinflip-result.lose{background:#ef444433;color:var(--color-text-error)}.flip-buttons{display:flex;gap:20px;justify-content:center;margin:20px 0}.flip-btn{font-size:1.2rem;min-width:140px;padding:15px 30px}.flip-btn.heads{background:linear-gradient(135deg,gold,#daa520)}.flip-btn.heads,.flip-btn.tails{color:var(--color-ui-background)}.flip-btn.tails{background:linear-gradient(135deg,silver,#a0a0a0)}.double-buttons{margin:20px 0}.double-buttons h4{color:var(--color-brand-accent);margin-bottom:15px}.cashout{animation:cashoutGlow 1s ease 5 alternate;font-size:1.2rem;margin-top:15px;padding:15px 40px}@keyframes cashoutGlow{0%{box-shadow:0 0 10px #10b98180}to{box-shadow:0 0 25px #10b981cc}}.multiplier-ladder{background:#0000004d;border-radius:12px;margin-top:30px;padding:20px}.multiplier-ladder h4{color:var(--color-text-primary);margin:0 0 15px}.ladder{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ladder-step{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;min-width:60px;padding:8px 12px}.ladder-step span:first-child{color:var(--color-text-secondary);font-size:.8rem}.ladder-step span:last-child{color:var(--color-text-primary);font-weight:700}.ladder-step.achieved{background:#ffd70033;border:1px solid #ffd70080}.ladder-step.achieved span{color:var(--color-brand-accent)}@media (max-width:768px){.coin{height:120px;margin:20px auto;width:120px}.coin-face{border-width:4px;font-size:3rem}.streak-info{margin:15px 0;padding:15px}.streak-info strong{font-size:1.1rem}.coinflip-result{font-size:1.05rem;margin:15px 0;padding:12px 20px}.flip-buttons{gap:15px;margin:15px 0}.flip-btn{font-size:1.05rem;min-width:120px;padding:12px 24px}.cashout{font-size:1.05rem;padding:12px 30px}.multiplier-ladder{margin-top:20px;padding:15px}.ladder-step{min-width:50px;padding:6px 10px}}@media (max-width:480px){.coin{height:100px;margin:15px auto;width:100px}.coin-face{border-width:3px;font-size:2.5rem}.streak-info{margin:10px 0;padding:12px}.streak-info strong{font-size:1rem}.coinflip-result{font-size:.95rem;padding:10px 15px}.flip-buttons{flex-direction:column;gap:10px;margin:12px 0}.flip-btn{font-size:1rem;min-width:0;min-width:auto;padding:12px 20px;width:100%}.double-buttons h4{font-size:.95rem}.cashout{font-size:1rem;padding:10px 20px;width:100%}.multiplier-ladder{padding:12px}.multiplier-ladder h4{font-size:.95rem}.ladder-step{min-width:45px;padding:5px 8px}.ladder-step span:first-child{font-size:.7rem}}.hangman-game .hangman-start{padding:40px;text-align:center}.hangman-result{border-radius:12px;font-size:1.3rem;font-weight:700;margin-bottom:30px;padding:20px}.hangman-result.win{background:linear-gradient(135deg,#10b9814d,#05966933);color:#34d399}.hangman-result.lose{background:#ef444433;color:var(--color-text-error)}.hangman-playing{gap:25px}.hangman-display,.hangman-playing{align-items:center;display:flex;flex-direction:column}.hangman-svg{stroke:#e0e0e0;stroke-width:2;fill:none;height:150px;width:150px}.guesses-left{color:var(--color-text-secondary);margin-top:10px}.word-display{flex-wrap:wrap;gap:10px}.letter-slot,.word-display{display:flex;justify-content:center}.letter-slot{align-items:center;border-bottom:3px solid gold;color:var(--color-text-primary);font-size:2rem;font-weight:700;height:50px;width:40px}.letter-slot.revealed{animation:letterReveal .3s ease}@keyframes letterReveal{0%{transform:scale(1.3)}to{transform:scale(1)}}.category-hint{color:var(--color-text-secondary);font-style:italic}.alphabet-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(9,1fr);max-width:450px}.letter-btn{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:45px;justify-content:center;transition:all .2s ease;width:45px}.letter-btn:hover:not(:disabled){background:#ffd70033;border-color:var(--color-brand-accent)}.letter-btn.correct{background:#10b9814d;border-color:var(--color-success);color:#34d399}.letter-btn.wrong{background:#ef444433;border-color:var(--color-danger);color:#f87171;opacity:.5}.letter-btn:disabled{cursor:not-allowed}@media (max-width:768px){.hangman-game .hangman-start{padding:25px}.hangman-result{font-size:1.1rem;margin-bottom:20px;padding:15px}.hangman-playing{gap:20px}.hangman-svg{height:120px;width:120px}.word-display{gap:8px}.letter-slot{font-size:1.7rem;height:45px;width:35px}.alphabet-grid{gap:6px;grid-template-columns:repeat(8,1fr);max-width:400px}.letter-btn{font-size:1.1rem;height:40px;width:40px}}@media (max-width:480px){.hangman-game .hangman-start{padding:20px}.hangman-result{font-size:1rem;padding:12px}.hangman-playing{gap:15px}.hangman-svg{height:100px;width:100px}.word-display{gap:6px}.alphabet-grid{gap:5px;grid-template-columns:repeat(7,1fr);max-width:100%}.letter-btn{font-size:1rem;height:38px;width:38px}.letter-slot{font-size:1.5rem;height:40px;width:30px}}.qotd-game{text-align:center}.no-question{color:var(--color-text-secondary);padding:60px 20px}.question-box{background:#0000004d;border-left:4px solid gold;border-radius:12px;margin:20px 0;padding:30px}.question-text{color:var(--color-text-primary);font-size:1.3rem;line-height:1.6;margin:0}.answer-options{display:flex;flex-direction:column;gap:12px;margin:25px 0}.answer-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:15px;padding:15px 20px;text-align:left;transition:all .3s ease}.answer-btn:hover{background:#ffd7001a;border-color:var(--color-brand-accent)}.answer-btn.selected{background:#ffd70033;border-color:var(--color-brand-accent)}.answer-key{align-items:center;background:#ffd70033;border-radius:50%;color:var(--color-brand-accent);display:flex;font-weight:700;height:35px;justify-content:center;width:35px}.answer-text{color:var(--color-text-primary);flex:1 1}.qotd-answered{margin:20px 0}.answer-result{border-radius:12px;font-size:2rem;font-weight:700;margin-bottom:20px;padding:20px}.answer-result.correct{background:#10b98133;color:#34d399}.answer-result.wrong{background:#ef444433;color:var(--color-text-error)}.qotd-answered p{color:var(--color-text-primary);margin:10px 0}.qotd-answered strong{color:var(--color-brand-accent)}@media (max-width:768px){.no-question{padding:40px 15px}.question-box{margin:15px 0;padding:20px}.question-text{font-size:1.15rem}.answer-options{gap:10px;margin:20px 0}.answer-btn{gap:12px;padding:12px 15px}.answer-key{font-size:.85rem;height:30px;width:30px}.answer-result{font-size:1.6rem;padding:15px}}@media (max-width:480px){.no-question{padding:30px 10px}.question-box{border-left-width:3px;margin:12px 0;padding:15px}.question-text{font-size:1.05rem;line-height:1.5}.answer-options{gap:8px;margin:15px 0}.answer-btn{border-radius:10px;gap:10px;padding:10px 12px}.answer-key{font-size:.8rem;height:28px;width:28px}.answer-text{font-size:.9rem}.answer-result{font-size:1.3rem;padding:12px}}.numberguess-game{text-align:center}.ng-start{padding:40px}.ng-result{border-radius:12px;font-size:1.3rem;font-weight:700;margin-bottom:30px;padding:20px}.ng-result.win{background:#10b98133;color:#34d399}.ng-result.lose{background:#ef444433;color:var(--color-text-error)}.ng-playing{align-items:center;display:flex;flex-direction:column;gap:20px}.guesses-info{color:var(--color-text-secondary);display:flex;gap:30px}.guess-input{align-items:center;display:flex;flex-direction:column;gap:15px}.guess-input input[type=range]{accent-color:var(--color-brand-accent);width:300px}.guess-input input[type=number]{background:#0000004d;border:2px solid gold;border-radius:12px;color:var(--color-brand-accent);font-size:2rem;padding:15px;text-align:center;width:100px}.guess-history{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.guess-item{border-radius:8px;font-weight:700;padding:10px 15px}.guess-item.higher{background:#3b82f633;color:var(--color-brand-primary)}.guess-item.lower{background:#ef444433;color:#f87171}.guess-item.correct{background:#10b98133;color:#34d399}@media (max-width:768px){.ng-start{padding:25px}.ng-result{font-size:1.1rem;margin-bottom:20px;padding:15px}.ng-playing{gap:15px}.guesses-info{font-size:.9rem;gap:20px}.guess-input input[type=range]{width:250px}.guess-input input[type=number]{font-size:1.7rem;padding:12px;width:90px}}@media (max-width:480px){.ng-start{padding:20px}.ng-result{font-size:1rem;padding:12px}.ng-playing{gap:12px}.guesses-info{flex-wrap:wrap;font-size:.85rem;gap:15px;justify-content:center}.guess-input input[type=range]{max-width:250px;width:100%}.guess-input input[type=number]{font-size:1.5rem;padding:10px;width:80px}.guess-history{gap:6px}.guess-item{font-size:.85rem;padding:7px 10px}}.rps-game{text-align:center}.rps-result{border-radius:12px;margin:20px 0;padding:20px}.rps-result.win{background:#10b98133;color:#34d399}.rps-result.lose{background:#ef444433;color:var(--color-text-error)}.rps-result.tie{background:#ffd70033;color:var(--color-brand-accent)}.rps-showdown{align-items:center;display:flex;gap:30px;justify-content:center;margin-bottom:15px}.cpu-choice,.player-choice{font-size:4rem}.vs{color:var(--color-text-secondary);font-weight:700}.rps-choices{display:flex;gap:20px;justify-content:center;margin:30px 0}.rps-btn{align-items:center;background:#ffffff0d;border:3px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:25px 35px;transition:all .3s}.rps-btn:hover:not(:disabled){border-color:var(--color-brand-accent);transform:scale(1.1)}.rps-emoji{font-size:3rem}.rps-name{color:var(--color-text-primary);font-weight:700;text-transform:capitalize}@media (max-width:768px){.rps-showdown{gap:20px}.cpu-choice,.player-choice{font-size:3rem}.rps-choices{gap:15px;margin:20px 0}.rps-btn{padding:20px 25px}.rps-emoji{font-size:2.5rem}.rps-result{padding:15px}}@media (max-width:480px){.rps-showdown{gap:15px;margin-bottom:10px}.cpu-choice,.player-choice{font-size:2.5rem}.rps-choices{align-items:center;flex-direction:column;gap:10px;margin:15px 0}.rps-btn{border-width:2px;flex-direction:row;justify-content:center;max-width:200px;padding:15px 20px;width:100%}.rps-emoji{font-size:2rem}.rps-result{font-size:.9rem;margin:12px 0;padding:12px}}.crate-game{text-align:center}.tier-select{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:20px 0}.crate-game .tier-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:15px 10px;transition:all .3s}.crate-game .tier-btn:hover{border-color:var(--tier-color)}.crate-game .tier-btn.selected{background:#ffffff1a;border-color:var(--tier-color);box-shadow:0 0 15px var(--tier-color)}.tier-emoji{font-size:2rem}.tier-name{color:var(--tier-color);font-weight:700}.tier-cost{color:var(--color-text-secondary);font-size:.85rem}.crate-display{align-items:center;background:linear-gradient(135deg,var(--crate-color),#0000);border:4px solid var(--crate-color);border-radius:20px;box-shadow:0 0 30px var(--crate-color);display:flex;height:150px;justify-content:center;margin:30px auto;width:150px}.crate-display.opening{animation:crateShake .1s linear infinite}.crate-emoji{font-size:5rem}.crate-result{animation:resultPop .3s ease;background:#ffd7001a;border-radius:12px;color:var(--color-brand-accent);font-size:1.5rem;font-weight:700;margin:20px 0;padding:20px}@media (max-width:600px){.tier-select{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.crate-display{height:120px;margin:20px auto;width:120px}.crate-emoji{font-size:4rem}.crate-result{font-size:1.2rem;margin:15px 0;padding:15px}.crate-game .tier-btn{padding:12px 8px}.tier-emoji{font-size:1.6rem}}@media (max-width:480px){.tier-select{gap:8px;grid-template-columns:1fr}.crate-game .tier-btn{flex-direction:row;gap:10px;justify-content:center;padding:10px 12px}.crate-display{border-width:3px;height:100px;margin:15px auto;width:100px}.crate-emoji{font-size:3rem}.crate-result{font-size:1.1rem;margin:12px 0;padding:12px}}.mech-betting{max-width:480px}.mech-betting-desc{color:#6b7280;color:var(--text-secondary,#6b7280);margin-bottom:1rem}.mech-betting-empty,.mech-betting-loading{padding:1rem;text-align:center}.mech-betting-current h4,.mech-betting-mybets h4{margin-bottom:.5rem;margin-top:0}.mech-betting-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.mech-option{background:#1f2937;background:var(--color-bg-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:6px;color:var(--color-text-primary);cursor:pointer;padding:.5rem .75rem}.mech-option.selected{background:#6366f133;border-color:#6366f1;border-color:var(--color-brand-primary,#6366f1)}.mech-betting-amount{margin-bottom:1rem}.mech-betting-amount input{margin-left:.5rem;width:80px}.mech-betting-mybets{border-top:1px solid #374151;border-top:1px solid var(--color-border,#374151);margin-top:1rem;padding-top:1rem}.mech-betting-mybets .empty{color:var(--text-secondary)}@media (max-width:768px){.mech-betting{max-width:100%}.mech-betting-options{gap:.4rem}.mech-option{font-size:.9rem;padding:.4rem .6rem}}@media (max-width:480px){.mech-betting-options{flex-direction:column;gap:.4rem}.mech-option{text-align:center;width:100%}.mech-betting-amount input{width:70px}}.lottery-center-page{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 50%,var(--color-ui-elevated) 100%);box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);min-height:100vh;overflow:hidden;padding:20px;position:relative;width:100%}.arc-starfield{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.arc-star{animation:arcStarTwinkle 3s ease-in-out infinite;background:gold;border-radius:50%;height:2px;position:absolute;width:2px}.arc-star:nth-child(3n){background:#f59e0b;height:3px;width:3px}.arc-star:nth-child(5n){background:#fbbf24;height:1px;width:1px}.arc-star:nth-child(7n){animation-duration:4s}.arc-star:nth-child(11n){animation-duration:2.5s}@keyframes arcStarTwinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}@media (min-width:1920px){.lottery-center-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.lottery-center-page{max-width:min(2600px,98vw)}}.arcade-header{align-items:center;background:#0000004d;border:1px solid #ffd7004d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;overflow:hidden;padding:20px;position:relative;z-index:1}.arcade-header h1{animation:arcHeaderFadeIn .5s ease-out;color:var(--color-brand-accent);font-size:2rem;margin:0;text-shadow:0 0 20px #ffd70080}.arcade-header:after{animation:arcHeaderSweep 4s linear infinite;background:linear-gradient(90deg,#0000,#ffd70099,#0000);bottom:0;content:"";height:1px;left:-100%;position:absolute;width:100%}@keyframes arcHeaderFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes arcHeaderSweep{0%{left:-100%}to{left:100%}}.arcade-error{align-items:center;animation:arcErrorPulse 2s ease-in-out infinite;background:#dc262626;border:1px solid #dc262666;border-radius:8px;color:var(--color-text-error);display:flex;gap:10px;margin-bottom:20px;padding:12px 20px;position:relative;z-index:1}.arcade-error .arc-error-retry{background:#dc26264d;border:1px solid #dc262680;border-radius:6px;color:var(--color-text-error);cursor:pointer;margin-left:auto;padding:6px 14px;transition:all .2s}.arcade-error .arc-error-retry:hover{background:#dc262680}@keyframes arcErrorPulse{0%,to{box-shadow:0 0 0 0 #dc262600}50%{box-shadow:0 0 12px 2px #dc262626}}.game-error{background:#dc262626;border:1px solid #dc262666;border-radius:8px;color:var(--color-text-error);font-size:.9rem;margin-bottom:15px;padding:10px 16px}.arcade-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 300px}@media (max-width:1024px){.arcade-content{grid-template-columns:1fr}.sidebar-section{order:-1}}.games-section{background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.category-tabs{border-bottom:1px solid #ffffff1a;gap:10px;margin-bottom:20px;padding-bottom:15px}.category-tab{background:#ffffff1a;border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.category-tab:hover{background:#ffd70033;color:var(--color-brand-accent)}.category-tab.active{background:linear-gradient(135deg,gold,#ff9500);color:var(--color-ui-background);font-weight:700}.games-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.game-card{align-items:center;animation:arcCardEntrance .4s ease-out both;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.game-card:after{background:linear-gradient(90deg,#0000,#ffd70014,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:50%}.game-card:hover:after{left:150%}.game-card:first-child{animation-delay:0s}.game-card:nth-child(2){animation-delay:.05s}.game-card:nth-child(3){animation-delay:.1s}.game-card:nth-child(4){animation-delay:.15s}.game-card:nth-child(5){animation-delay:.2s}.game-card:nth-child(6){animation-delay:.25s}.game-card:nth-child(7){animation-delay:.3s}.game-card:nth-child(8){animation-delay:.35s}.game-card:nth-child(9){animation-delay:.4s}.game-card:nth-child(10){animation-delay:.45s}.game-card:nth-child(11){animation-delay:.5s}.game-card:nth-child(12){animation-delay:.55s}@keyframes arcCardEntrance{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-card:hover{background:linear-gradient(145deg,#ffd70026,#ffd7000d);border-color:var(--color-brand-accent);box-shadow:0 10px 30px #ffd70033;transform:translateY(-5px)}.game-card:focus-visible{box-shadow:0 4px 12px #0003;outline:2px solid #f59e0b;outline-offset:2px;transform:translateY(-3px)}.game-card.locked{cursor:not-allowed;opacity:.6}.game-card.locked:hover{border-color:#ffffff1a;box-shadow:none;transform:none}.game-icon{font-size:3rem}.game-name{color:var(--color-text-primary);font-size:1rem;font-weight:700}.game-cost{color:var(--color-text-secondary);font-size:.8rem}.selected-game-container{animation:lotteryFadeIn .3s ease}@keyframes lotteryFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:var(--color-text-primary);display:inline-flex;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.back-btn:hover{background:#fff3;border-color:var(--color-brand-accent);color:var(--color-brand-accent)}.sidebar-section{background:#0003;border:1px solid #ffffff1a;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:4px;margin-bottom:16px;padding-bottom:8px}.sidebar-tab{background:#0000;border:none;border-radius:6px 6px 0 0;color:#9ca3af;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.sidebar-tab:hover{background:#ffffff0d;color:#f3f4f6}.sidebar-tab.active{border-bottom:2px solid #fbbf24;color:#fbbf24}.game-container{background:#0003;border-radius:12px;padding:20px}.game-title{align-items:center;color:var(--color-brand-accent);display:flex;font-size:1.5rem;gap:10px;margin:0 0 20px}.game-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.game-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.game-btn.primary{background:linear-gradient(135deg,gold,#ff9500);color:var(--color-ui-background)}.game-btn.primary:hover{box-shadow:0 5px 20px #ffd70066;transform:scale(1.05)}.game-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:var(--color-text-primary)}.game-btn.secondary:hover{background:#fff3}.game-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:var(--color-text-primary)}.game-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-text-primary)}.game-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.game-btn:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.category-tab:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.back-btn:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.game-info{background:#0000004d;border-radius:8px;margin:15px 0;padding:15px}.game-info p{color:var(--color-text-primary);margin:5px 0}.game-info strong{color:var(--color-brand-accent)}.game-tutorial{background:#0003;border:1px solid #ffffff0f;border-radius:8px;margin:10px 0;padding:4px 15px}.game-tutorial summary{color:#9ca3af;cursor:pointer;font-size:.9rem;padding:8px 0;transition:color .2s ease;-webkit-user-select:none;user-select:none}.game-tutorial summary:hover{color:#fbbf24}.game-tutorial ol{color:#d1d5db;font-size:.9rem;line-height:1.8;margin:8px 0 12px;padding-left:20px}.game-tutorial ol li{margin-bottom:4px}.streak-info{background:#ffd7000d;border:1px solid #ffd7001a;border-radius:8px;color:#d1d5db;font-size:.95rem;gap:20px;justify-content:center;margin:10px 0;padding:10px 16px}.streak-info strong{color:#fbbf24}.wheel-legend{background:#0003;border-radius:8px;margin-top:20px;padding:15px}.wheel-legend h4{color:#fbbf24;font-size:1rem;margin:0 0 10px}.legend-items{flex-wrap:wrap}.legend-item{background:#ffffff08;color:#d1d5db;font-size:.85rem;gap:6px;padding:4px 10px}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.rate-limit-notice{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#fbbf24;display:flex;font-size:.9rem;gap:10px;margin:10px 0;padding:12px 16px}.arc-skeleton{position:relative;z-index:1}.arc-skeleton-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:20px}.arc-skeleton-card:after{animation:arcSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.arc-skeleton-icon{background:#ffffff14;border-radius:12px;height:48px;width:48px}.arc-skeleton-title{background:#ffffff14;border-radius:4px;height:16px;width:80%}.arc-skeleton-cost{background:#ffffff0f;border-radius:4px;height:12px;width:50%}.arc-skeleton-header{background:#0003;border-radius:12px;height:60px;margin-bottom:20px;overflow:hidden;position:relative}.arc-skeleton-header:after{animation:arcSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.arc-skeleton-sidebar{background:#00000026;border-radius:12px;height:200px;overflow:hidden;position:relative}.arc-skeleton-sidebar:after{animation:arcSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes arcSkeletonShimmer{0%{left:-100%}to{left:100%}}.arc-celebration{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.arc-celebration-ring{animation:arcCelebrationExpand .8s ease-out forwards;border:3px solid #ffd700cc;border-radius:50%;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.arc-celebration-flash{animation:arcCelebrationFlash .5s ease-out forwards;background:#ffd70026;height:100%;left:0;position:absolute;top:0;width:100%}.arc-confetti-piece{animation:arcConfettiFall 1.5s ease-out forwards;border-radius:2px;height:8px;left:50%;position:absolute;top:50%;width:8px}.arc-confetti-piece:nth-child(3n){background:gold}.arc-confetti-piece:nth-child(3n+1){background:#f59e0b}.arc-confetti-piece:nth-child(3n+2){background:#10b981}@keyframes arcCelebrationExpand{0%{height:20px;opacity:1;width:20px}to{border-width:1px;height:400px;opacity:0;width:400px}}@keyframes arcCelebrationFlash{0%{opacity:1}to{opacity:0}}@keyframes arcConfettiFall{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translate(50px,200px) rotate(2turn);transform:translate(var(--confetti-x,50px),var(--confetti-y,200px)) rotate(2turn)}}[class*=" arc-icon-"],[class^=arc-icon-]{display:inline-block;flex-shrink:0;height:24px;position:relative;vertical-align:middle;width:24px}.arc-icon-lottery{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;overflow:hidden}.arc-icon-lottery:before{background:repeating-linear-gradient(90deg,#0000,#0000 3px,#0003 0,#0003 5px);content:"";height:4px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.arc-icon-lottery:after{background:#ffffff80;border-radius:50%;box-shadow:10px 0 0 #fff6,5px 8px 0 #ffffff4d;content:"";height:5px;left:3px;position:absolute;top:3px;width:5px}.arc-icon-blackjack{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #fff3;border-radius:3px}.arc-icon-blackjack:before{color:#dc2626;content:"A";font-size:9px;font-weight:900;left:4px;position:absolute;top:2px}.arc-icon-blackjack:after{background:#dc2626;bottom:3px;-webkit-clip-path:polygon(50% 0,100% 35%,80% 100%,50% 70%,20% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,80% 100%,50% 70%,20% 100%,0 35%);content:"";height:6px;position:absolute;right:4px;width:6px}.arc-icon-dragon-slots{background:linear-gradient(135deg,#dc2626,#7f1d1d);border-radius:4px;overflow:hidden}.arc-icon-dragon-slots:before{border-bottom:8px solid #ffc800b3;border-left:5px solid #0000;border-right:5px solid #0000;height:0;top:3px;width:0}.arc-icon-dragon-slots:after,.arc-icon-dragon-slots:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.arc-icon-dragon-slots:after{background:#ffc80080;border-radius:50%;bottom:2px;height:6px;width:14px}.arc-icon-king-slots{background:linear-gradient(135deg,#7c3aed,#4c1d95);border-radius:4px;overflow:hidden}.arc-icon-king-slots:before{background:linear-gradient(180deg,#0000 0,gold);-webkit-clip-path:polygon(0 100%,10% 0,30% 50%,50% 0,70% 50%,90% 0,100% 100%);clip-path:polygon(0 100%,10% 0,30% 50%,50% 0,70% 50%,90% 0,100% 100%);height:10px;top:5px}.arc-icon-king-slots:after,.arc-icon-king-slots:before{content:"";left:50%;position:absolute;transform:translateX(-50%);width:16px}.arc-icon-king-slots:after{background:gold;border-radius:1px;bottom:4px;height:3px}.arc-icon-keno{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:4px}.arc-icon-keno:before{background:#ffffff80;border-radius:50%;box-shadow:8px 0 0 #ffffff80,0 8px 0 #ffffff80,8px 8px 0 #ffd700cc;content:"";height:6px;left:4px;position:absolute;top:4px;width:6px}.arc-icon-coinflip{background:radial-gradient(circle at 40% 40%,gold,#b8860b);border:2px solid #d4a017;border-radius:50%;box-shadow:inset 0 -2px 4px #0000004d;height:24px;width:24px}.arc-icon-wheel{background:conic-gradient(#dc2626 0deg,#dc2626 90deg,#1e293b 90deg,#1e293b 180deg,gold 180deg,gold 270deg,#10b981 270deg,#10b981 1turn);border:2px solid #ffffff4d;border-radius:50%;height:24px;width:24px}.arc-icon-wheel:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.arc-icon-hilo{background:linear-gradient(135deg,#059669,#047857);border-radius:4px}.arc-icon-hilo:before{border-bottom:7px solid #fffc;top:3px}.arc-icon-hilo:after,.arc-icon-hilo:before{border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.arc-icon-hilo:after{border-top:7px solid #fffc;bottom:3px}.arc-icon-scratch{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:3px}.arc-icon-scratch:before{background:linear-gradient(135deg,gold,#f59e0b);border-radius:2px;content:"";height:10px;left:4px;position:absolute;top:4px;width:10px}.arc-icon-lucky5{background:linear-gradient(135deg,#f3f4f6,#d1d5db);border:1px solid #0000001a;border-radius:4px}.arc-icon-lucky5:before{background:#1e293b;border-radius:50%;box-shadow:-6px -6px 0 #1e293b,6px 6px 0 #1e293b,-6px 6px 0 #1e293b,6px -6px 0 #1e293b;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.arc-icon-ratrace{background:linear-gradient(135deg,#92400e,#78350f);border-radius:4px}.arc-icon-ratrace:before{background:repeating-linear-gradient(90deg,gold,gold 3px,#0000 0,#0000 6px);content:"";height:2px;left:3px;position:absolute;right:3px;top:50%;transform:translateY(-50%)}.arc-icon-ratrace:after{background:#60a5fa;border-radius:50%;content:"";height:6px;position:absolute;right:4px;top:4px;width:6px}.arc-icon-hangman{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:4px}.arc-icon-hangman:before{bottom:4px;box-shadow:0 -14px 0 0 #0000;height:14px;width:2px}.arc-icon-hangman:after,.arc-icon-hangman:before{background:#9ca3af;content:"";left:4px;position:absolute}.arc-icon-hangman:after{height:2px;top:4px;width:12px}.arc-icon-qotd{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:50%}.arc-icon-qotd:before{color:#ffffffe6;content:"?";font-size:14px;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-icon-numberguess{background:radial-gradient(circle at 35% 35%,#8b5cf699,#4c1d95);border:2px solid #8b5cf666;border-radius:50%}.arc-icon-numberguess:before{color:#fffc;content:"#";font-size:11px;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-icon-crate{background:linear-gradient(135deg,#78350f,#92400e);border-radius:4px}.arc-icon-crate:before{height:3px;width:14px}.arc-icon-crate:after,.arc-icon-crate:before{background:#ffffff80;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-icon-crate:after{height:14px;width:3px}.arc-icon-rps{background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:50%}.arc-icon-rps:before{background:#ffffff40;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.arc-icon-mechbetting{background:linear-gradient(135deg,#374151,#1f2937);border-radius:4px}.arc-icon-mechbetting:before{background:#60a5fa80;border-radius:2px 2px 0 0;content:"";height:8px;left:50%;position:absolute;top:5px;transform:translateX(-50%);width:12px}.arc-icon-mechbetting:after{background:#60a5fa;border-radius:50%;box-shadow:6px 0 0 #60a5fa;content:"";height:3px;left:6px;position:absolute;top:7px;width:3px}.arc-icon-lock{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:4px}.arc-icon-lock:before{border:2px solid #fff9;border-bottom:none;border-radius:5px 5px 0 0;height:7px;top:3px;width:10px}.arc-icon-lock:after,.arc-icon-lock:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.arc-icon-lock:after{background:#f59e0b;border-radius:2px;bottom:3px;height:10px;width:14px}.arc-icon-warning{background:none;border-bottom:22px solid #f59e0b;border-left:12px solid #0000;border-right:12px solid #0000;height:0;width:0}.arc-icon-warning:before{bottom:-20px;color:#1e293b;content:"!";font-size:12px;font-weight:900;left:50%;position:absolute;transform:translateX(-50%)}.arc-icon-back{height:20px;width:20px}.arc-icon-back:before{background:currentColor;content:"";height:2px;left:4px;position:absolute;top:50%;transform:translateY(-50%);width:10px}.arc-icon-back:after{border-bottom:2px solid;border-left:2px solid;content:"";height:7px;left:2px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:7px}[class*=" arc-sym-"],[class^=arc-sym-]{border-radius:6px;display:inline-block;flex-shrink:0;height:32px;position:relative;width:32px}.arc-sym-dragon{background:radial-gradient(circle at 40% 40%,#f87171,#dc2626,#7f1d1d);box-shadow:0 0 8px #dc262666}.arc-sym-dragon:before{border-bottom:10px solid #ffc800b3;border-left:6px solid #0000;border-right:6px solid #0000;content:"";height:0;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:0}.arc-sym-dragon:after{background:gold;border-radius:50%;box-shadow:8px 0 0 gold;content:"";height:4px;left:8px;position:absolute;top:8px;width:4px}.arc-sym-star{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b,#d97706);box-shadow:0 0 8px #f59e0b66}.arc-sym-star:before{background:#ffffff80;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.arc-sym-crown{background:radial-gradient(circle at 40% 40%,#fbbf24,#d97706,#92400e);box-shadow:0 0 8px #fbbf2466}.arc-sym-crown:before{background:linear-gradient(180deg,#0000 0,#fff9);-webkit-clip-path:polygon(0 100%,10% 0,30% 50%,50% 0,70% 50%,90% 0,100% 100%);clip-path:polygon(0 100%,10% 0,30% 50%,50% 0,70% 50%,90% 0,100% 100%);height:12px;top:8px}.arc-sym-crown:after,.arc-sym-crown:before{content:"";left:50%;position:absolute;transform:translateX(-50%);width:20px}.arc-sym-crown:after{background:#ffffff80;border-radius:1px;bottom:6px;height:3px}.arc-sym-heart{background:radial-gradient(circle,#fca5a5,#dc2626)}.arc-sym-heart:before{color:#fff;content:"\2665";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-sym-diamond{background:radial-gradient(circle,#93c5fd,#2563eb)}.arc-sym-diamond:before{color:#fff;content:"\2666";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-sym-club{background:radial-gradient(circle,#86efac,#16a34a)}.arc-sym-club:before{color:#fff;content:"\2663";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-sym-spade{background:radial-gradient(circle,#c4b5fd,#7c3aed)}.arc-sym-spade:before{color:#fff;content:"\2660";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-icon-crown{background:radial-gradient(circle at 40% 40%,gold,#b8860b);border:2px solid #d4a017;border-radius:50%;box-shadow:inset 0 -3px 6px #0000004d;height:32px;width:32px}.arc-icon-crown:before{background:#ffffff80;-webkit-clip-path:polygon(0 100%,15% 0,35% 50%,50% 0,65% 50%,85% 0,100% 100%);clip-path:polygon(0 100%,15% 0,35% 50%,50% 0,65% 50%,85% 0,100% 100%);height:10px;top:50%;transform:translate(-50%,-55%)}.arc-icon-crown:after,.arc-icon-crown:before{content:"";left:50%;position:absolute;width:14px}.arc-icon-crown:after{background:#fff6;border-radius:1px;bottom:7px;height:2px;transform:translateX(-50%)}.arc-icon-eagle{background:radial-gradient(circle at 40% 40%,silver,grey);border:2px solid #a0a0a0;border-radius:50%;box-shadow:inset 0 -3px 6px #0000004d;height:32px;width:32px}.arc-icon-eagle:before{background:#fff6;-webkit-clip-path:polygon(50% 0,85% 30%,100% 70%,70% 55%,50% 100%,30% 55%,0 70%,15% 30%);clip-path:polygon(50% 0,85% 30%,100% 70%,70% 55%,50% 100%,30% 55%,0 70%,15% 30%);height:10px;transform:translate(-50%,-55%);width:14px}.arc-icon-eagle:after,.arc-icon-eagle:before{content:"";left:50%;position:absolute;top:50%}.arc-icon-eagle:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid #ffd700b3;height:0;transform:translate(-50%,-30%);width:0}.arc-sym-rat-blue{background:radial-gradient(circle at 40% 40%,#60a5fa,#2563eb);border-radius:50% 50% 40% 40%}.arc-sym-rat-blue:before{background:#fff;border-radius:50%;box-shadow:10px 0 0 #fff;content:"";height:5px;left:8px;position:absolute;top:6px;width:5px}.arc-sym-rat-blue:after{background:#93c5fd;border-radius:50%;box-shadow:10px 0 0 #93c5fd;content:"";height:8px;left:5px;position:absolute;top:-2px;width:8px}.arc-sym-rat-gold{background:radial-gradient(circle at 40% 40%,#fbbf24,#d97706);border-radius:50% 50% 40% 40%}.arc-sym-rat-gold:before{background:#fff;border-radius:50%;box-shadow:10px 0 0 #fff;content:"";height:5px;left:8px;position:absolute;top:6px;width:5px}.arc-sym-rat-gold:after{background:#fde68a;border-radius:50%;box-shadow:10px 0 0 #fde68a;content:"";height:8px;left:5px;position:absolute;top:-2px;width:8px}.arc-sym-rat-red{background:radial-gradient(circle at 40% 40%,#f87171,#dc2626);border-radius:50% 50% 40% 40%}.arc-sym-rat-red:before{background:#fff;border-radius:50%;box-shadow:10px 0 0 #fff;content:"";height:5px;left:8px;position:absolute;top:6px;width:5px}.arc-sym-rat-red:after{background:#fca5a5;border-radius:50%;box-shadow:10px 0 0 #fca5a5;content:"";height:8px;left:5px;position:absolute;top:-2px;width:8px}.arc-sym-rock{background:radial-gradient(circle at 35% 35%,#9ca3af,#4b5563);border-radius:40% 50% 45% 55%;box-shadow:inset -2px -2px 4px #0000004d}.arc-sym-rock:before{background:#ffffff40;border-radius:50%;content:"";height:3px;left:10px;position:absolute;top:7px;width:6px}.arc-sym-paper{background:linear-gradient(145deg,#f3f4f6,#d1d5db);border-radius:2px;box-shadow:1px 1px 3px #0003;height:32px;width:26px}.arc-sym-paper:before{background:#6b728066;border-radius:1px;box-shadow:0 5px 0 #6b728066,0 10px 0 #6b728066;content:"";height:2px;left:5px;position:absolute;top:8px;width:16px}.arc-sym-scissors{background:#0000}.arc-sym-scissors:before{background:#0000;left:5px}.arc-sym-scissors:after,.arc-sym-scissors:before{border:2px solid #ef4444;border-radius:50%;content:"";height:10px;position:absolute;top:5px;width:10px}.arc-sym-scissors:after{right:5px}.arc-icon-crate-epic{background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:4px;box-shadow:0 0 8px #a855f766;height:28px;width:28px}.arc-icon-crate-epic:before{height:3px;width:14px}.arc-icon-crate-epic:after,.arc-icon-crate-epic:before{background:#fff9;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-icon-crate-epic:after{height:14px;width:3px}.arc-icon-crate-legendary{background:linear-gradient(135deg,#f59e0b,#d97706,#fbbf24);border-radius:4px;box-shadow:0 0 10px #f59e0b80;height:28px;width:28px}.arc-icon-crate-legendary:before{height:3px;width:14px}.arc-icon-crate-legendary:after,.arc-icon-crate-legendary:before{background:#ffffffb3;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.arc-icon-crate-legendary:after{height:14px;width:3px}.arc-icon-fire{height:24px;width:24px}.arc-icon-fire:before{background:linear-gradient(0deg,#dc2626,#f59e0b,#fbbf24);border-radius:50% 50% 20% 20%;bottom:2px;-webkit-clip-path:ellipse(50% 60% at 50% 60%);clip-path:ellipse(50% 60% at 50% 60%);content:"";height:16px;left:50%;position:absolute;transform:translateX(-50%);width:12px}.arc-icon-diamond{height:24px;width:24px}.arc-icon-diamond:before{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 0 6px #60a5fa80;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px}.arc-icon-slot{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;height:24px;width:24px}.arc-icon-slot:before{color:#ffffffd9;content:"7";font-size:14px;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.arc-celebration-flash,.arc-celebration-ring,.arc-confetti-piece,.arc-star{animation:none!important}.arc-starfield{display:none}.arcade-header h1,.arcade-header:after,.game-card{animation:none!important}.game-card:after{display:none}.arc-skeleton-card:after,.arc-skeleton-header:after,.arc-skeleton-sidebar:after,.arcade-error,.selected-game-container{animation:none!important}}@media (max-width:768px){.arcade-header{flex-direction:column;gap:15px;text-align:center}.arcade-header h1{font-size:1.5rem}.games-grid{grid-template-columns:repeat(2,1fr)}.category-tabs{justify-content:center}}@media (max-width:480px){.games-grid{grid-template-columns:1fr}.category-tab{font-size:.8rem;padding:8px 12px}}.shadow-atmosphere{min-height:100vh;overflow:hidden;position:relative}.shadow-atmosphere:before{background:radial-gradient(ellipse at 15% 85%,#6366f10f 0,#0000 50%),radial-gradient(ellipse at 85% 15%,#a855f70a 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#0f172a4d 0,#0000 80%);content:""}.shadow-atmosphere:before,.shadow-starfield{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.shadow-starfield{overflow:hidden}.shadow-star{animation:shadowStarTwinkle 4s ease-in-out infinite;animation:shadowStarTwinkle var(--twinkle-duration,4s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--twinkle-delay,0s);background:#fff9;border-radius:50%;position:absolute}.shadow-star:first-child{--twinkle-duration:3.2s;--twinkle-delay:0.1s;height:2px;left:12%;top:8%;width:2px}.shadow-star:nth-child(2){--twinkle-duration:4.5s;--twinkle-delay:1.2s;height:1px;left:78%;top:15%;width:1px}.shadow-star:nth-child(3){--twinkle-duration:3.8s;--twinkle-delay:0.5s;height:2px;left:35%;top:22%;width:2px}.shadow-star:nth-child(4){--twinkle-duration:5.1s;--twinkle-delay:2.3s;height:1px;left:55%;top:5%;width:1px}.shadow-star:nth-child(5){--twinkle-duration:3.5s;--twinkle-delay:0.8s;height:2px;left:90%;top:30%;width:2px}.shadow-star:nth-child(6){--twinkle-duration:4.2s;--twinkle-delay:1.5s;height:1px;left:8%;top:42%;width:1px}.shadow-star:nth-child(7){--twinkle-duration:3.9s;--twinkle-delay:0.3s;height:2px;left:65%;top:55%;width:2px}.shadow-star:nth-child(8){--twinkle-duration:4.8s;--twinkle-delay:2.1s;height:1px;left:22%;top:68%;width:1px}.shadow-star:nth-child(9){--twinkle-duration:3.3s;--twinkle-delay:1.7s;height:2px;left:48%;top:75%;width:2px}.shadow-star:nth-child(10){--twinkle-duration:4.6s;--twinkle-delay:0.6s;height:1px;left:85%;top:82%;width:1px}.shadow-star:nth-child(11){--twinkle-duration:5.3s;--twinkle-delay:3.0s;height:1px;left:42%;top:18%;width:1px}.shadow-star:nth-child(12){--twinkle-duration:3.6s;--twinkle-delay:0.9s;height:2px;left:72%;top:35%;width:2px}.shadow-star:nth-child(13){--twinkle-duration:4.1s;--twinkle-delay:2.5s;height:1px;left:15%;top:48%;width:1px}.shadow-star:nth-child(14){--twinkle-duration:3.4s;--twinkle-delay:1.1s;height:2px;left:38%;top:62%;width:2px}.shadow-star:nth-child(15){--twinkle-duration:4.9s;--twinkle-delay:0.4s;height:1px;left:58%;top:88%;width:1px}.shadow-star:nth-child(16){--twinkle-duration:3.7s;--twinkle-delay:1.8s;height:2px;left:92%;top:12%;width:2px}.shadow-star:nth-child(17){--twinkle-duration:4.4s;--twinkle-delay:2.7s;height:1px;left:5%;top:28%;width:1px}.shadow-star:nth-child(18){--twinkle-duration:3.1s;--twinkle-delay:0.2s;height:2px;left:52%;top:40%;width:2px}.shadow-star:nth-child(19){--twinkle-duration:5.0s;--twinkle-delay:1.4s;height:1px;left:82%;top:58%;width:1px}.shadow-star:nth-child(20){--twinkle-duration:3.8s;--twinkle-delay:0.7s;height:2px;left:28%;top:72%;width:2px}.shadow-star:nth-child(21){--twinkle-duration:4.3s;--twinkle-delay:2.0s;height:1px;left:30%;top:3%;width:1px}.shadow-star:nth-child(22){--twinkle-duration:3.5s;--twinkle-delay:1.3s;height:2px;left:60%;top:20%;width:2px}.shadow-star:nth-child(23){--twinkle-duration:4.7s;--twinkle-delay:0.5s;height:1px;left:45%;top:38%;width:1px}.shadow-star:nth-child(24){--twinkle-duration:3.2s;--twinkle-delay:2.4s;height:2px;left:75%;top:50%;width:2px}.shadow-star:nth-child(25){--twinkle-duration:4.0s;--twinkle-delay:1.6s;height:1px;left:10%;top:65%;width:1px}.shadow-star:nth-child(26){--twinkle-duration:3.9s;--twinkle-delay:0.3s;height:2px;left:68%;top:78%;width:2px}.shadow-star:nth-child(27){--twinkle-duration:4.5s;--twinkle-delay:2.8s;height:1px;left:40%;top:92%;width:1px}.shadow-star:nth-child(28){--twinkle-duration:3.6s;--twinkle-delay:1.0s;height:2px;left:88%;top:10%;width:2px}.shadow-star:nth-child(29){--twinkle-duration:5.2s;--twinkle-delay:0.8s;height:1px;left:32%;top:45%;width:1px}.shadow-star:nth-child(30){--twinkle-duration:3.3s;--twinkle-delay:2.2s;height:2px;left:18%;top:85%;width:2px}.shadow-star:nth-child(14),.shadow-star:nth-child(22),.shadow-star:nth-child(28),.shadow-star:nth-child(3),.shadow-star:nth-child(9){background:#a855f799}.shadow-star:nth-child(12),.shadow-star:nth-child(18),.shadow-star:nth-child(24),.shadow-star:nth-child(7){background:#6366f180}@keyframes shadowStarTwinkle{0%,to{opacity:.2}50%{opacity:.8}}.shadow-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.shadow-particle{animation:shadowParticleFloat 15s ease-in-out infinite;animation:shadowParticleFloat var(--float-duration,15s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--float-delay,0s);border-radius:50%;position:absolute}.shadow-particle:first-child{--float-duration:18s;--float-delay:0s;background:#a855f726;bottom:-4px;height:4px;left:10%;width:4px}.shadow-particle:nth-child(2){--float-duration:22s;--float-delay:3s;background:#6366f11f;bottom:-3px;height:3px;left:25%;width:3px}.shadow-particle:nth-child(3){--float-duration:20s;--float-delay:6s;background:#a855f71a;bottom:-5px;height:5px;left:45%;width:5px}.shadow-particle:nth-child(4){--float-duration:16s;--float-delay:2s;background:#6366f126;bottom:-3px;height:3px;left:65%;width:3px}.shadow-particle:nth-child(5){--float-duration:24s;--float-delay:8s;background:#a855f71f;bottom:-4px;height:4px;left:80%;width:4px}.shadow-particle:nth-child(6){--float-duration:19s;--float-delay:4s;background:#8b5cf633;bottom:-2px;height:2px;left:35%;width:2px}.shadow-particle:nth-child(7){--float-duration:21s;--float-delay:10s;background:#6366f11a;bottom:-3px;height:3px;left:55%;width:3px}.shadow-particle:nth-child(8){--float-duration:17s;--float-delay:5s;background:#a855f714;bottom:-4px;height:4px;left:90%;width:4px}@keyframes shadowParticleFloat{0%{opacity:0;transform:translateY(0) translateX(0)}5%{opacity:1}50%{opacity:.6;transform:translateY(-50vh) translateX(20px)}95%{opacity:0}to{opacity:0;transform:translateY(-100vh) translateX(-10px)}}@media (prefers-reduced-motion:reduce){.shadow-particle,.shadow-star{animation:none!important;opacity:.3}.shadow-particle{display:none}}.data-siphon-page{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:var(--spacing-lg);width:100%}@media (min-width:1920px){.data-siphon-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.data-siphon-page{max-width:min(2000px,98vw)}}.data-siphon-page .page-header{margin-bottom:var(--spacing-xl);text-align:center}.data-siphon-page .page-header h1{align-items:center;display:flex;font-size:var(--font-size-3xl);gap:.35em;justify-content:center;margin-bottom:var(--spacing-sm)}.page-header .header-emoji{font-size:1em;font-style:normal}.page-header .header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-success) 0,var(--color-brand-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary)}.data-siphon-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.siphon-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 320px}.terminal-card{background:linear-gradient(135deg,#10b9811a,#06b6d40d);border:1px solid #10b9814d}.terminal-header{align-items:center;background:#0000004d;border-bottom:1px solid #10b98133;display:flex;justify-content:space-between;padding:var(--spacing-md)}.terminal-title{color:var(--color-success);font-weight:700}.terminal-screen,.terminal-title{font-family:Courier New,monospace}.terminal-screen{align-items:center;background:#00000080;display:flex;justify-content:center;min-height:280px;padding:var(--spacing-xl);position:relative;z-index:0}.hacking-animation{text-align:center;width:100%}.hack-text{animation:dataSiphonPulse .5s infinite;color:var(--color-success);font-size:var(--font-size-xl)}.hack-progress,.hack-text{margin-bottom:var(--spacing-md)}.hack-progress{background:#10b98133;border-radius:2px;height:4px;overflow:hidden}.hack-bar{animation:hackProgress 1.5s linear;background:var(--color-success);height:100%}@keyframes hackProgress{0%{width:0}to{width:100%}}.hack-code{color:#10b98199;font-size:var(--font-size-xs);text-align:left}.code-line{animation:dataSiphonFadeIn .2s ease-out}@keyframes dataSiphonFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes dataSiphonPulse{0%,to{opacity:1}50%{opacity:.5}}.result-display{padding:var(--spacing-lg);text-align:center}.result-text{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.credits-change{font-size:var(--font-size-2xl);font-weight:700}.credits-change.positive{color:var(--color-success)}.credits-change.negative{color:var(--color-danger)}.result-jackpot .result-icon{animation:bounce .5s}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.idle-display{color:var(--color-text-secondary);text-align:center}.idle-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.idle-text{color:var(--color-success);font-size:var(--font-size-lg)}.idle-subtext{font-size:var(--font-size-sm);opacity:.6}.terminal-controls{align-items:center;background:#0006;border-top:1px solid #10b98133;display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg);pointer-events:auto;position:relative;z-index:2}.attempts-display{flex:1 1}.attempts-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.attempts-value{color:var(--color-success);font-weight:700;margin-left:var(--spacing-sm)}.hack-button{background:linear-gradient(135deg,var(--color-success) 0,#047857 100%);border:none;cursor:pointer;font-weight:700;letter-spacing:1px;min-width:150px;pointer-events:auto;position:relative;text-transform:uppercase;transition:transform .2s ease;z-index:3}.hack-button:disabled{cursor:not-allowed}.hack-button:hover:not(:disabled){background:linear-gradient(135deg,#047857 0,var(--color-success) 100%);transform:scale(1.05)}.caught-warning{background:rgba(var(--color-brand-primary-rgb),.2);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);color:var(--color-danger);font-weight:700;padding:var(--spacing-md)}.side-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-card h3,.upgrades-card h3{border-bottom:1px solid var(--color-ui-border);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.stat-row{padding:var(--spacing-sm) 0}.data-siphon-page .stat-value{color:var(--color-success);font-weight:700}.upgrades-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upgrade-item{align-items:center;background:#0003;border:1px solid #0000;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.upgrade-item.owned{background:#10b9811a;border-color:#10b9814d}.upgrade-icon{font-size:1.5rem}.upgrade-info{flex:1 1}.upgrade-name{font-size:var(--font-size-sm);font-weight:700}.upgrade-desc{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}@media (max-width:768px){.siphon-content{grid-template-columns:1fr}.side-panel{flex-direction:row}.side-panel>*{flex:1 1}}@media (max-width:480px){.side-panel,.terminal-controls{flex-direction:column}}.siphon-icon-terminal{background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);display:inline-block;height:1em;width:1em}.siphon-icon-scrambler{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-clip-path:polygon(50% 0,65% 35%,100% 35%,72% 57%,82% 100%,50% 72%,18% 100%,28% 57%,0 35%,35% 35%);clip-path:polygon(50% 0,65% 35%,100% 35%,72% 57%,82% 100%,50% 72%,18% 100%,28% 57%,0 35%,35% 35%)}.siphon-icon-neural,.siphon-icon-scrambler{display:inline-block;height:1.5em;width:1.5em}.siphon-icon-neural{background:linear-gradient(135deg,var(--rarity-epic),#ec4899);border-radius:50%}.siphon-icon-quantum{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);display:inline-block;height:1.5em;width:1.5em}.result-icon-alert{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.result-icon-alert,.result-icon-fail{display:inline-block;height:3rem;margin:0 auto;width:3rem}.result-icon-fail{background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%);clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%)}.result-icon-coin{background:linear-gradient(135deg,#f59e0b,#d97706)}.result-icon-coin,.result-icon-coins{border-radius:50%;display:inline-block;height:3rem;margin:0 auto;width:3rem}.result-icon-coins{background:linear-gradient(135deg,#22c55e,#16a34a)}.result-icon-jackpot{background:linear-gradient(135deg,var(--rarity-legendary),var(--color-brand-primary-bright),var(--rarity-epic));-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.result-icon-jackpot,.result-icon-unknown{display:inline-block;height:3rem;margin:0 auto;width:3rem}.result-icon-unknown{background:#6b7280;border-radius:50%}.stat-icon-chart{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-clip-path:polygon(0 100%,0 60%,25% 40%,50% 55%,75% 20%,100% 30%,100% 100%);clip-path:polygon(0 100%,0 60%,25% 40%,50% 55%,75% 20%,100% 30%,100% 100%)}.stat-icon-chart,.stat-icon-wrench{display:inline-block;height:1em;width:1em}.stat-icon-wrench{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(15% 0,40% 25%,60% 25%,85% 0,100% 15%,75% 40%,75% 60%,100% 100%,85% 100%,60% 75%,40% 75%,0 100%,0 85%,25% 60%,25% 40%,0 15%);clip-path:polygon(15% 0,40% 25%,60% 25%,85% 0,100% 15%,75% 40%,75% 60%,100% 100%,85% 100%,60% 75%,40% 75%,0 100%,0 85%,25% 60%,25% 40%,0 15%)}.stat-icon-lock{height:1em;width:1em}@keyframes siphonPageEntry{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.data-siphon-page{animation:siphonPageEntry .4s ease-out}.terminal-card{box-shadow:0 0 30px #10b98114,inset 0 1px 0 #10b9811a}.data-siphon-page .page-header h1 .header-title{animation:headerShimmer 4s linear infinite;background-size:200% auto}.result-caught{text-shadow:0 0 20px #ef444480}.result-jackpot{text-shadow:0 0 20px #f59e0b80}@keyframes jackpotCelebrate{0%{filter:brightness(1);transform:scale(1)}25%{filter:brightness(1.3);transform:scale(1.1)}50%{filter:brightness(1);transform:scale(1)}75%{filter:brightness(1.15);transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}.result-jackpot .result-icon-jackpot{animation:jackpotCelebrate .8s ease-out}@keyframes caughtFlash{0%,to{opacity:1}25%{opacity:.3}50%{opacity:1}75%{opacity:.5}}.result-caught .result-icon-alert{animation:caughtFlash .6s ease-out}.upgrade-item{transition:all .2s ease}.upgrade-item:hover:not(.owned){background:#10b9810d;border-color:#10b9814d;transform:translateX(4px)}@keyframes upgradeSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.upgrade-item:first-child{animation:upgradeSlideIn .3s ease-out .1s both}.upgrade-item:nth-child(2){animation:upgradeSlideIn .3s ease-out .2s both}.upgrade-item:nth-child(3){animation:upgradeSlideIn .3s ease-out .3s both}.stats-card .stat-row:hover .stat-value{transform:scale(1.05);transition:transform .15s ease}@keyframes hackButtonPulse{0%,to{box-shadow:0 0 10px #10b9814d}50%{box-shadow:0 0 20px #10b98180}}.hack-button:not(:disabled){animation:hackButtonPulse 2s ease-in-out infinite}.terminal-screen:before{animation:scanLine 3s linear infinite;background:linear-gradient(90deg,#0000,#10b98126,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.data-siphon-page .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:4px;height:16px;margin-bottom:8px}@keyframes idlePulse{0%,to{opacity:.4}50%{opacity:.7}}.idle-display .siphon-icon-terminal{animation:idlePulse 3s ease-in-out infinite;height:4rem;width:4rem}.result-failed{color:var(--color-text-secondary)}.result-minor{color:var(--color-brand-accent);text-shadow:0 0 10px #f59e0b33}.result-good{color:var(--color-success);text-shadow:0 0 15px #10b9814d}.result-good .result-icon-coins{animation:jackpotCelebrate .6s ease-out}@keyframes terminalAmbient{0%,to{box-shadow:0 0 30px #10b98114,inset 0 1px 0 #10b9811a}50%{box-shadow:0 0 40px #10b9811f,inset 0 1px 0 #10b98126}}.terminal-card{animation:terminalAmbient 4s ease-in-out infinite}@keyframes statsEntry{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.stats-card{animation:statsEntry .4s ease-out .2s both}.upgrades-card{animation:statsEntry .4s ease-out .3s both}.result-jackpot:before{animation:confettiFall 1.5s ease-out forwards;background:#f59e0b;border-radius:2px;height:8px;left:50%;width:8px}.result-jackpot:after,.result-jackpot:before{content:"";pointer-events:none;position:absolute;top:0}.result-jackpot:after{animation:confettiFall 1.8s ease-out .2s forwards;background:#ef4444;border-radius:50%;height:6px;left:40%;width:6px}.data-siphon-page .skeleton-line.title{height:24px;margin-bottom:12px;width:60%}.data-siphon-page .skeleton-line.desc{height:12px;width:80%}.data-siphon-page .skeleton-card{border-radius:var(--border-radius-lg);height:200px}.data-siphon-page .skeleton-btn,.data-siphon-page .skeleton-card{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%}.data-siphon-page .skeleton-btn{border-radius:var(--border-radius-md);height:44px;width:150px}.hack-button:focus-visible,.upgrade-item button:focus-visible{box-shadow:0 0 0 4px #10b98133;outline:2px solid var(--color-brand-primary);outline-offset:2px}.hack-button:active:not(:disabled){transform:scale(.97);transition:transform .05s ease}.upgrade-item button:active:not(:disabled){transform:scale(.95)}.stats-card{transition:box-shadow .3s ease}.stats-card:hover{box-shadow:0 0 15px #10b9811a}.result-intercepted{background:linear-gradient(135deg,#a855f726,#6366f126);border:1px solid #a855f766}.result-intercepted .result-icon-jackpot{animation:interceptedGlow 1.5s ease-in-out infinite;color:#c084fc}@keyframes interceptedGlow{0%,to{filter:drop-shadow(0 0 4px rgba(168,85,247,.4))}50%{filter:drop-shadow(0 0 12px rgba(168,85,247,.8))}}.hack-stage{animation:hackStageFlicker .4s ease-in-out;color:#86efac;font-size:.85rem;margin-bottom:var(--spacing-xs);text-align:center}.hack-stage.connecting{color:#fbbf24}.hack-stage.probing{color:#60a5fa}.hack-stage.extracting{color:#34d399}.hack-stage.finalizing{color:#c084fc}@keyframes hackStageFlicker{0%{opacity:0;transform:translateY(-5px)}30%{opacity:1}60%{opacity:.4}to{opacity:1;transform:translateY(0)}}.streak-card{background:linear-gradient(135deg,#ef44440d,#a855f70d);border:1px solid #ef44444d}.streak-card h3{align-items:center;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.75rem}.streak-display{text-align:center}.streak-count{-webkit-text-fill-color:#0000;animation:streakPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.streak-label{font-size:.85rem}.streak-bonus,.streak-label{font-weight:600;margin-top:.25rem}.streak-bonus{color:#22c55e;font-size:.8rem}@keyframes streakPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.stat-icon-fire{display:inline-block;height:1em;position:relative;width:1em}.stat-icon-fire:before{background:radial-gradient(ellipse at 50% 80%,#ef4444 30%,#f59e0b 60%,#0000 70%);-webkit-clip-path:polygon(50% 0,65% 35%,85% 20%,70% 55%,95% 70%,50% 100%,5% 70%,30% 55%,15% 20%,35% 35%);clip-path:polygon(50% 0,65% 35%,85% 20%,70% 55%,95% 70%,50% 100%,5% 70%,30% 55%,15% 20%,35% 35%);content:"";inset:0;position:absolute}@media (prefers-reduced-motion:reduce){.code-line,.data-siphon-page,.data-siphon-page .page-header h1 .header-title,.data-siphon-page .skeleton-btn,.data-siphon-page .skeleton-card,.data-siphon-page .skeleton-line,.hack-bar,.hack-button,.hack-stage,.hack-text,.idle-display .siphon-icon-terminal,.result-caught .result-icon-alert,.result-good .result-icon-coins,.result-intercepted .result-icon-jackpot,.result-jackpot .result-icon-jackpot,.result-jackpot:after,.result-jackpot:before,.stats-card,.streak-count,.terminal-card,.terminal-screen:before,.upgrade-item,.upgrades-card{animation:none!important}.hack-button:active:not(:disabled),.upgrade-item button:active:not(:disabled),.upgrade-item:hover:not(.owned){transform:none}}.stealth-shield-page{box-sizing:border-box;margin:0 auto;max-width:min(1000px,96vw);padding:var(--spacing-lg);width:100%}@media (min-width:1920px){.stealth-shield-page{max-width:min(1400px,98vw)}}@media (min-width:2560px){.stealth-shield-page{max-width:min(1800px,98vw)}}.stealth-shield-page .page-header{margin-bottom:var(--spacing-xl);text-align:center}.stealth-shield-page .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.stealth-shield-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.shield-status-card{align-items:center;border:2px solid var(--color-ui-border);display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl);transition:all .3s ease}.shield-status-card.active{background:linear-gradient(135deg,rgba(var(--color-brand-primary-rgb),.15) 0,rgba(var(--color-brand-primary-rgb),.05) 100%);border-color:var(--color-brand-primary)}.shield-status-card.inactive{background:rgba(var(--color-brand-primary-rgb),.05);border-color:var(--color-danger)}.shield-visual{align-items:center;display:flex;height:100px;justify-content:center;width:100px}.shield-icon{font-size:4rem;opacity:.5;transition:all .3s ease}.shield-icon.active{animation:shieldPulse 2s infinite;opacity:1}.shield-glow{animation:glowPulse 2s infinite;background:radial-gradient(circle,rgba(var(--color-brand-primary-rgb),.3) 0,#0000 70%);border-radius:50%;height:120px;position:absolute;width:120px}@keyframes shieldPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.shield-info{flex:1 1}.shield-info h2{margin-bottom:var(--spacing-md)}.shield-timer{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.timer-value{color:var(--color-brand-primary);font-size:var(--font-size-xl)}.shield-bar{background:rgba(var(--color-brand-primary-rgb),.2);border-radius:4px;height:8px;overflow:hidden}.shield-bar-fill{background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-primary-dark));border-radius:4px;height:100%;transition:width 1s linear}.shield-warning{color:var(--color-danger);font-weight:700}.protection-info{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}.protection-card{padding:var(--spacing-md)}.protection-card.yes{border-left:4px solid var(--color-success)}.protection-card.no{border-left:4px solid var(--color-danger)}.protection-card h3{font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.protection-card ul{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;padding-left:var(--spacing-lg)}.protection-card li{margin-bottom:var(--spacing-xs)}.free-shield-card{background:linear-gradient(135deg,#10b98133,#10b9810d);border:1px solid #10b98180;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);position:relative;text-align:center}.free-badge{background:linear-gradient(135deg,var(--color-brand-accent),var(--color-warning));border-radius:var(--border-radius-sm);color:var(--color-ui-background);font-size:var(--font-size-xs);font-weight:700;padding:4px 12px;position:absolute;right:var(--spacing-md);top:-10px}.free-shield-card h3{margin-bottom:var(--spacing-sm)}.free-shield-card p{color:var(--color-text-secondary)}.free-shield-card p,.shield-options h2{margin-bottom:var(--spacing-md)}.options-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.shield-option{border:1px solid var(--color-ui-border);padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.shield-option:hover{border-color:var(--color-brand-primary);box-shadow:0 8px 24px rgba(var(--color-brand-primary-rgb),.2);transform:translateY(-4px)}.shield-option.ultimate{background:linear-gradient(135deg,#f59e0b1a,#0000);border-color:var(--color-brand-accent)}.option-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.option-header h3{font-size:var(--font-size-md);margin:0}.option-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.option-cost,.option-desc{margin-bottom:var(--spacing-md)}.option-cost{display:flex;font-weight:700;gap:var(--spacing-md);justify-content:center}.cost-credits{color:var(--color-brand-accent)}.cost-gc{color:var(--color-brand-secondary)}.balance-display{background:var(--color-ui-surface);border-radius:var(--border-radius-md);display:flex;font-weight:700;gap:var(--spacing-xl);justify-content:center;padding:var(--spacing-md)}.stealth-shield-page .loading-state{padding:var(--spacing-3xl)}.stealth-shield-page .error-state{color:var(--color-text-secondary);padding:var(--spacing-3xl);text-align:center}@media (max-width:768px){.shield-status-card{flex-direction:column;text-align:center}.protection-info{grid-template-columns:1fr}.options-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.options-grid{grid-template-columns:1fr}}.shield-icon-shape{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-clip-path:polygon(50% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%);clip-path:polygon(50% 0,100% 15%,100% 65%,50% 100%,0 65%,0 15%);display:inline-block;height:1em;width:1em}.shield-status-card .shield-icon-shape{height:4rem;width:4rem}.shield-icon-xmark{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%);clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%)}.shield-icon-warning,.shield-icon-xmark{display:inline-block;height:1em;width:1em}.shield-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.stat-icon-gift{background:linear-gradient(135deg,#10b981,#059669);-webkit-clip-path:polygon(0 35%,45% 35%,45% 0,55% 0,55% 35%,100% 35%,100% 100%,0 100%);clip-path:polygon(0 35%,45% 35%,45% 0,55% 0,55% 35%,100% 35%,100% 100%,0 100%);display:inline-block;height:1em;width:1em}@keyframes shieldPageEntry{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stealth-shield-page{animation:shieldPageEntry .4s ease-out}.shield-status-card.active{box-shadow:0 0 40px #3b82f61a,inset 0 1px 0 #3b82f626}.shield-status-card.inactive{box-shadow:0 0 20px #ef44440d}.shield-bar-fill{box-shadow:0 0 8px #3b82f666}@keyframes optionSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.shield-option:first-child{animation:optionSlideUp .3s ease-out .05s both}.shield-option:nth-child(2){animation:optionSlideUp .3s ease-out .1s both}.shield-option:nth-child(3){animation:optionSlideUp .3s ease-out .15s both}.shield-option:nth-child(4){animation:optionSlideUp .3s ease-out .2s both}.purchase-btn:hover:not(:disabled){animation:purchaseSweep .6s ease-out;background-image:linear-gradient(90deg,#0000,#ffffff1a,#0000);background-size:200% 100%}.protection-card.yes{animation:optionSlideUp .3s ease-out .1s both}.protection-card.no{animation:optionSlideUp .3s ease-out .2s both}.free-shield-card{box-shadow:0 0 20px #10b9811a}.shield-status-card.active .shield-icon-shape{filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.stealth-shield-page .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:4px;height:16px;margin-bottom:8px}@keyframes shieldDeplete{0%,to{opacity:1}50%{opacity:.7}}.shield-bar-fill.depleting{animation:shieldDeplete 1s ease-in-out infinite;background:linear-gradient(90deg,var(--color-danger),#ef4444)}@keyframes purchaseSuccess{0%{box-shadow:0 0 0 #3b82f600}50%{box-shadow:0 0 30px #3b82f666}to{box-shadow:0 0 0 #3b82f600}}@keyframes shieldHeaderShimmer{0%{background-position:-200%}to{background-position:200%}}.stealth-shield-page .page-header h1{animation:shieldHeaderShimmer 4s linear infinite;background-size:200% auto}@keyframes freeShieldGlow{0%,to{box-shadow:0 0 20px #10b9811a}50%{box-shadow:0 0 30px #10b98133}}.free-shield-card{animation:freeShieldGlow 3s ease-in-out infinite}@keyframes balanceSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.balance-display{animation:balanceSlideUp .3s ease-out .3s both}.protection-card{transition:all .2s ease}.protection-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stealth-shield-page .skeleton-card{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:var(--border-radius-lg);height:120px}.stealth-shield-page .skeleton-line.title{height:24px;width:50%}.stealth-shield-page .skeleton-btn{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:var(--border-radius-md);height:44px;width:100%}.free-shield-card button:focus-visible,.purchase-btn:focus-visible{box-shadow:0 0 0 4px #3b82f633;outline:2px solid var(--color-brand-primary);outline-offset:2px}.purchase-btn:active:not(:disabled){transform:scale(.97);transition:transform .05s ease}.free-shield-card button:active{transform:scale(.97)}@keyframes inactiveWarningPulse{0%,to{color:var(--color-danger)}50%{color:#f87171}}.shield-warning{animation:inactiveWarningPulse 2s ease-in-out infinite}.shield-expiry-warning{align-items:center;animation:expiryWarningPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef444426,#dc262640);border:1px solid #ef444466;border-radius:var(--radius-md);color:#fca5a5;display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}@keyframes expiryWarningPulse{0%,to{border-color:#ef444466}50%{border-color:#ef4444cc;box-shadow:0 0 12px #ef44444d}}.shield-confirm-modal{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.confirm-shield-name{color:var(--color-text-primary);font-size:1.3rem;font-weight:var(--font-weight-bold);text-align:center}.confirm-desc{color:var(--color-text-secondary);font-size:.9rem;text-align:center}.confirm-details{background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.confirm-detail{align-items:center;display:flex;justify-content:space-between}.confirm-label{color:var(--color-text-secondary);font-size:.85rem}.confirm-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.confirm-stacking-note,.confirm-value{align-items:center;display:flex;gap:var(--spacing-xs)}.confirm-stacking-note{background:#22c55e1a;border-radius:var(--radius-sm);color:#86efac;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.confirm-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.shield-visual{position:relative}.shield-icon.active:before{animation:shieldOrbit 8s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#3b82f64d 60deg,#0000 120deg,#3b82f633 180deg,#0000 240deg,#3b82f64d 300deg,#0000 1turn);inset:-12px}.shield-icon.active:after,.shield-icon.active:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.shield-icon.active:after{animation:shieldHexPulse 3s ease-in-out infinite;background:radial-gradient(circle,#0000 50%,#3b82f61a 100%);border:2px solid #0000;inset:-8px}@keyframes shieldOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shieldHexPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.balance-display,.free-shield-card,.protection-card,.purchase-btn,.shield-bar-fill,.shield-bar-fill.depleting,.shield-expiry-warning,.shield-glow,.shield-icon.active,.shield-icon.active:after,.shield-icon.active:before,.shield-option,.shield-warning,.stealth-shield-page,.stealth-shield-page .page-header h1,.stealth-shield-page .skeleton-btn,.stealth-shield-page .skeleton-card,.stealth-shield-page .skeleton-line{animation:none!important}.protection-card:hover,.purchase-btn:active:not(:disabled),.shield-option:hover{transform:none}}.black-market-page{box-sizing:border-box;max-width:min(1200px,96vw);padding:var(--spacing-lg);width:100%}@media (min-width:1920px){.black-market-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.black-market-page{max-width:min(2000px,98vw)}}.black-market-page .page-header{margin-bottom:var(--spacing-xl);text-align:center}.black-market-page .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-brand-primary-dark) 0,var(--color-brand-primary) 50%,var(--color-brand-primary-bright) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.black-market-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.market-status-bar{align-items:center;background:linear-gradient(135deg,rgba(var(--color-brand-primary-rgb),.2) 0,rgba(var(--color-brand-primary-rgb),.3) 100%);border:1px solid var(--color-brand-primary);border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.status-item{align-items:center;gap:var(--spacing-sm)}.status-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-value{color:var(--color-brand-primary);font-weight:700}.caught-banner{background:linear-gradient(135deg,rgba(var(--color-brand-primary-rgb),.3) 0,rgba(var(--color-brand-primary-rgb),.2) 100%);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);color:var(--color-text-error);font-weight:700;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.caught-timer{color:#f87171;font-family:Courier New,monospace;margin-left:var(--spacing-sm)}.black-market-page .loading-state{padding:var(--spacing-3xl)}.black-market-page .error-state,.empty-grid{color:var(--color-text-secondary);padding:var(--spacing-3xl);text-align:center}.empty-grid{grid-column:1/-1}.market-tabs{border-bottom:2px solid var(--color-ui-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.market-tabs .tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s}.market-tabs .tab:hover{color:var(--color-text-primary)}.market-tabs .tab.active{border-bottom-color:var(--color-brand-primary);color:var(--color-brand-primary)}.items-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--spacing-lg)}.market-item{background:linear-gradient(135deg,#1e1b4b80,#0000004d);border:1px solid var(--rarity-color,var(--color-border));border-radius:var(--border-radius-lg);padding:var(--spacing-lg);position:relative;transition:all .2s}.market-item:hover{box-shadow:0 8px 24px #7c3aed4d;transform:translateY(-4px)}.market-item.epic{background:linear-gradient(135deg,#a855f726,#1e1b4b80)}.market-item.rare{background:linear-gradient(135deg,#3b82f61a,#1e1b4b80)}.exclusive-badge{background:linear-gradient(135deg,var(--color-brand-accent),var(--color-warning));border-radius:var(--border-radius-sm);color:var(--color-ui-background);font-size:var(--font-size-xs);font-weight:700;padding:2px 8px;position:absolute;right:var(--spacing-md);top:-8px}.item-icon{font-size:3rem}.item-icon,.item-info{margin-bottom:var(--spacing-md);text-align:center}.item-info h3{font-size:var(--font-size-md);margin:0 0 var(--spacing-xs) 0}.item-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.item-price{gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.price-value{color:var(--color-brand-accent);font-size:var(--font-size-lg);font-weight:700}.fluctuation{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:2px 6px}.fluctuation.high{background:#ef444433;color:var(--color-text-error)}.fluctuation.low{background:#22c55e33;color:var(--color-success)}.buy-btn{background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;width:100%}.buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.risk-warning{background:#f59e0b1a;border:1px solid var(--color-brand-accent);border-radius:var(--border-radius-md);color:var(--color-brand-accent);font-size:var(--font-size-sm);padding:var(--spacing-md);text-align:center}.inventory-modal{min-width:400px}.empty-inventory{color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.inventory-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto;scrollbar-color:#7c3aed4d #0000;scrollbar-width:thin}.inventory-list::-webkit-scrollbar{width:6px}.inventory-list::-webkit-scrollbar-track{background:#0000}.inventory-list::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}.inventory-list::-webkit-scrollbar-thumb:hover{background:#7c3aed80}.inventory-item{align-items:center;background:#0003;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.inv-icon{font-size:1.5rem}.inv-info{display:flex;flex:1 1;justify-content:space-between}.inv-name{font-weight:var(--font-weight-medium)}.inv-qty{color:var(--color-text-secondary)}.result-modal{padding:var(--spacing-lg);text-align:center}.result-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.result-caught .result-icon{animation:shake .5s}.result-success .rep-gain{color:#a78bfa;font-weight:700}.loot-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-md) 0}.loot-item{background:var(--color-ui-elevated);border-left:3px solid var(--color-ui-border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.loot-item.common{border-left-color:var(--color-text-tertiary)}.loot-item.uncommon{border-left-color:var(--color-success)}.loot-item.rare{border-left-color:var(--color-brand-primary)}.loot-item.epic{border-left-color:var(--color-brand-accent)}@media (max-width:768px){.market-status-bar{align-items:stretch;flex-direction:column;text-align:center}.status-item{justify-content:center}.items-grid{grid-template-columns:1fr}.inventory-modal{min-width:auto;width:100%}}.market-icon-contraband{background:linear-gradient(135deg,#7c3aed,#5b21b6);-webkit-clip-path:polygon(10% 20%,30% 0,70% 0,90% 20%,90% 50%,60% 80%,40% 80%,10% 50%);clip-path:polygon(10% 20%,30% 0,70% 0,90% 20%,90% 50%,60% 80%,40% 80%,10% 50%);display:inline-block;height:1em;width:1em}.market-icon-crate{background:linear-gradient(135deg,#d97706,#b45309);-webkit-clip-path:polygon(5% 30%,50% 10%,95% 30%,95% 80%,50% 100%,5% 80%);clip-path:polygon(5% 30%,50% 10%,95% 30%,95% 80%,50% 100%,5% 80%)}.market-icon-coin,.market-icon-crate{display:inline-block;height:1em;width:1em}.market-icon-coin{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%}.market-icon-gem{background:linear-gradient(135deg,#8b5cf6,#6d28d9);-webkit-clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%)}.market-icon-alert,.market-icon-gem{display:inline-block;height:1em;width:1em}.market-icon-alert{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.market-icon-stash{background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-clip-path:polygon(5% 30%,50% 10%,95% 30%,95% 80%,50% 100%,5% 80%);clip-path:polygon(5% 30%,50% 10%,95% 30%,95% 80%,50% 100%,5% 80%)}.market-icon-package,.market-icon-stash{display:inline-block;height:1em;width:1em}.market-icon-package{background:linear-gradient(135deg,#10b981,#059669);-webkit-clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%)}.shield-icon-check{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);display:inline-block;height:1em;width:1em}@keyframes blackMarketPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@keyframes marketPageEntry{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.black-market-page{animation:marketPageEntry .4s ease-out}.market-status-bar{box-shadow:0 0 20px #7c3aed14}@keyframes itemSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.market-item:first-child{animation:itemSlideUp .3s ease-out .05s both}.market-item:nth-child(2){animation:itemSlideUp .3s ease-out .1s both}.market-item:nth-child(3){animation:itemSlideUp .3s ease-out .15s both}.market-item:nth-child(4){animation:itemSlideUp .3s ease-out .2s both}.market-item:nth-child(5){animation:itemSlideUp .3s ease-out .25s both}.market-item:nth-child(6){animation:itemSlideUp .3s ease-out .3s both}.market-item:hover{box-shadow:0 8px 24px color-mix(in srgb,#7c3aed 30%,#0000);box-shadow:0 8px 24px color-mix(in srgb,var(--rarity-color,#7c3aed) 30%,#0000)}.market-item.epic:hover{box-shadow:0 8px 24px #a855f74d}.market-item.rare:hover{box-shadow:0 8px 24px #3b82f64d}@keyframes buySweep{0%{background-position:-200%}to{background-position:200%}}.buy-btn:hover:not(:disabled){animation:buySweep .6s ease-out;background-image:linear-gradient(90deg,#7c3aed,#8b5cf6,#7c3aed);background-size:200% 100%}@keyframes caughtPulse{0%,to{box-shadow:0 0 10px #ef444433}50%{box-shadow:0 0 20px #ef444466}}.caught-banner{animation:caughtPulse 2s ease-in-out infinite}.market-tabs .tab.active{text-shadow:0 0 8px #7c3aed4d}.inventory-item{transition:all .15s ease}.inventory-item:hover{background:#7c3aed14;transform:translateX(4px)}.black-market-page .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:4px;height:16px;margin-bottom:8px}@keyframes legendaryShimmer{0%{background-position:-200%}to{background-position:200%}}.market-item.legendary{background:linear-gradient(135deg,#f59e0b26,#1e1b4b80);border-color:#f59e0b}.market-item.legendary:after{animation:legendaryShimmer 3s linear infinite;background:linear-gradient(90deg,#0000,#f59e0b0d,#0000);background-size:200% 100%;border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes purchaseCelebrate{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1)}}.result-success .shield-icon-check{animation:purchaseCelebrate .5s ease-out}@keyframes crateShake{0%,to{transform:rotate(0deg)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(3deg)}}.result-crate .market-icon-crate{animation:crateShake .6s ease-out}@keyframes lootSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.loot-item:first-child{animation:lootSlideIn .2s ease-out .1s both}.loot-item:nth-child(2){animation:lootSlideIn .2s ease-out .2s both}.loot-item:nth-child(3){animation:lootSlideIn .2s ease-out .3s both}.loot-item:nth-child(4){animation:lootSlideIn .2s ease-out .4s both}.loot-item:nth-child(5){animation:lootSlideIn .2s ease-out .5s both}.loot-item.legendary{background:#f59e0b14;border-left-color:#f59e0b}@keyframes marketHeaderShimmer{0%{background-position:-200%}to{background-position:200%}}.black-market-page .page-header h1{animation:marketHeaderShimmer 4s linear infinite;background-size:200% auto}.black-market-page .skeleton-line.title{height:24px;margin-bottom:12px;width:60%}.black-market-page .skeleton-card{border-radius:var(--border-radius-lg);height:280px}.black-market-page .skeleton-btn,.black-market-page .skeleton-card{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%}.black-market-page .skeleton-btn{border-radius:var(--border-radius-md);height:44px;width:100%}.buy-btn:focus-visible,.inventory-item button:focus-visible,.market-tabs .tab:focus-visible{box-shadow:0 0 0 4px #7c3aed33;outline:2px solid var(--color-brand-primary);outline-offset:2px}.buy-btn:active:not(:disabled){transform:scale(.97);transition:transform .05s ease}.market-tabs .tab:active{transform:scale(.97)}.inventory-modal button:focus-visible,.market-status-bar button:focus-visible,.result-modal button:focus-visible{box-shadow:0 0 0 4px #7c3aed33;outline:2px solid var(--color-brand-primary);outline-offset:2px}.inventory-modal button:active,.market-status-bar button:active,.result-modal button:active{transform:scale(.97);transition:transform .05s ease}@media (max-width:480px){.market-tabs{flex-direction:column}.market-tabs .tab{text-align:center}.items-grid{grid-template-columns:1fr}}.item-icon-lg{font-size:3rem}.reputation-display{display:flex;flex-direction:column;gap:4px;min-width:140px}.reputation-header{font-size:.75rem}.reputation-level-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.reputation-discount{color:#86efac;font-size:.7rem}.reputation-bar{background:#ffffff14;border-radius:2px;height:4px}.reputation-bar-fill{background:linear-gradient(90deg,var(--rarity-epic),#6366f1);border-radius:2px;height:100%;transition:width .5s ease}.reputation-next{font-size:.65rem;text-align:right}.item-stock,.reputation-next{color:var(--color-text-secondary)}.item-stock{font-size:.75rem;margin-top:2px}.item-stock.low-stock{color:#fbbf24}.item-stock.out-of-stock{color:#ef4444}.crate-unboxing-overlay{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl)}.crate-shaking{animation:crateShakeIntense .6s ease-in-out;font-size:4rem}.crate-burst{animation:crateBurstOpen .8s ease-out forwards;font-size:4rem}.crate-loot-reveal{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.crate-loot-item{animation:lootItemReveal .4s ease-out both;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--rarity-color,#ffffff1a);border-radius:var(--radius-sm);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}.crate-loot-item:first-child{animation-delay:.8s}.crate-loot-item:nth-child(2){animation-delay:1s}.crate-loot-item:nth-child(3){animation-delay:1.2s}.crate-loot-item:nth-child(4){animation-delay:1.4s}.crate-loot-item:nth-child(5){animation-delay:1.6s}.crate-credits-total{animation:lootItemReveal .4s ease-out 1.8s both;color:#fbbf24;font-size:1.1rem;font-weight:var(--font-weight-bold)}@keyframes crateShakeIntense{0%,to{transform:translateX(0) rotate(0)}10%{transform:translateX(-6px) rotate(-3deg)}20%{transform:translateX(6px) rotate(3deg)}30%{transform:translateX(-8px) rotate(-4deg)}40%{transform:translateX(8px) rotate(4deg)}50%{transform:translateX(-10px) rotate(-5deg)}60%{transform:translateX(10px) rotate(5deg)}70%{transform:translateX(-6px) rotate(-3deg)}80%{transform:translateX(6px) rotate(3deg)}90%{transform:translateX(-3px) rotate(-1deg)}}@keyframes crateBurstOpen{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}50%{filter:brightness(2);opacity:.8;transform:scale(1.5)}to{opacity:0;transform:scale(.5)}}@keyframes lootItemReveal{0%{opacity:0;transform:translateY(20px) scale(.5)}60%{transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.black-market-page:before{background:radial-gradient(ellipse at 20% 50%,#a855f70a 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#6366f108 0,#0000 40%);bottom:0;left:0;right:0;top:0}.black-market-page:after{animation:neonScanLine 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#a855f799 20%,#6366f1cc 50%,#a855f799 80%,#0000);content:"";height:3px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}@keyframes neonScanLine{0%{opacity:0;top:-3px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100vh}}.daily-deal-card{background:linear-gradient(135deg,#f59e0b14,#a855f70d);border:1px solid #f59e0b66;margin-bottom:1rem;overflow:hidden;position:relative}.daily-deal-card:before{animation:dailyDealSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f59e0b1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes dailyDealSweep{0%{left:-50%}to{left:150%}}.daily-deal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.daily-deal-header h3{align-items:center;color:#f59e0b;display:flex;font-size:1rem;gap:.5rem;margin:0}.daily-deal-timer{color:#9ca3af;font-size:.75rem}.daily-deal-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.daily-deal-icon{flex-shrink:0;font-size:2rem}.daily-deal-info{flex:1 1;min-width:120px}.daily-deal-name{font-size:.95rem;font-weight:600}.daily-deal-desc{color:#9ca3af;font-size:.8rem}.daily-deal-pricing{align-items:center;display:flex;gap:.5rem}.daily-deal-original{color:#6b7280;font-size:.85rem;text-decoration:line-through}.daily-deal-price{color:#22c55e;font-size:1.1rem;font-weight:700}.market-icon-star{display:inline-block;height:1em;position:relative;width:1em}.market-icon-star:before{background:#f59e0b;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";inset:0;position:absolute}@media (prefers-reduced-motion:reduce){.black-market-page,.black-market-page .page-header h1,.black-market-page .skeleton-btn,.black-market-page .skeleton-card,.black-market-page .skeleton-line,.black-market-page:after,.black-market-page:before,.buy-btn,.caught-banner,.crate-burst,.crate-credits-total,.crate-loot-item,.crate-shaking,.daily-deal-card:before,.inventory-item,.loot-item,.market-item,.market-item.legendary:after,.result-crate .market-icon-crate,.result-success .shield-icon-check{animation:none!important}.buy-btn:active:not(:disabled),.inventory-item:hover,.market-item:hover{transform:none}}@keyframes urgency-pulse{0%,to{border-color:#ef444499;box-shadow:0 0 8px #ef44444d}50%{border-color:#ef444433;box-shadow:0 0 2px #ef44441a}}.bounty-board{padding:20px}.bounty-board-header{margin-bottom:28px}.bounty-board-header h2{color:var(--color-text-primary);font-size:2em;margin:0 0 8px}.bounty-board-header p{color:var(--color-text-secondary);margin:0 0 16px}.bounty-board-actions{display:flex;gap:14px}.place-hit-button{background:var(--color-danger);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-weight:700;padding:12px 24px;transition:filter .2s}.place-hit-button:hover{filter:brightness(1.15)}.bounty-board-tabs{border-bottom:2px solid #ffffff14;display:flex;gap:10px;margin-bottom:20px}.tab-button{border-bottom:2px solid #0000;font-size:1em;padding:12px 20px;transition:all .2s}.tab-button.active{border-bottom-color:var(--color-danger)}.bounty-info{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;color:var(--color-text-primary);display:flex;font-size:.9em;gap:10px;margin-bottom:20px;padding:12px 16px}.bounty-info-icon{font-size:1.4em}.bounty-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.bounty-search-input{background:#0006;border:1px solid #ffffff26;border-radius:6px;color:var(--color-text-primary);flex:1 1;font-size:.9em;min-width:180px;padding:10px 14px;transition:border-color .2s}.bounty-search-input:focus{border-color:#ef444480;outline:none}.bounty-search-input::placeholder{color:var(--color-text-tertiary)}.bounty-select{background:#0006;border:1px solid #ffffff26;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:.85em;padding:10px 12px;transition:border-color .2s}.bounty-select:hover{border-color:#ffffff4d}.bounty-search-input:focus-visible,.bounty-select:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.contracts-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.contract-card{background:#ffffff0a;border:1px solid #ffffff14;position:relative;transition:transform .2s,box-shadow .3s,border-color .3s}.contract-card:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-4px)}.contract-card.urgency-critical{animation:urgency-pulse 1.5s ease-in-out infinite;border-color:#ef444480}.contract-card.urgency-warning{border-color:#f59e0b80;box-shadow:0 0 6px #f59e0b26}.contract-card.urgency-new{border-color:#3b82f666}.contract-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.contract-type-badge{border-radius:4px;color:var(--color-ui-background);font-size:.85em;font-weight:700;padding:5px 12px}.contract-status-group{align-items:center;display:flex;gap:8px}.contract-status{font-size:.85em;letter-spacing:.5px}.contract-status,.new-badge{font-weight:700;text-transform:uppercase}.new-badge{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:10px;color:#fff;font-size:.7em;letter-spacing:1px;padding:2px 8px}.contract-details{margin-bottom:14px}.contract-details>div{color:var(--color-text-primary);margin-bottom:8px}.contract-details strong{color:var(--color-text-primary);margin-right:6px}.contract-target{color:var(--color-danger);font-size:1.1em;font-weight:700}.contract-bounty{align-items:center;background:#ffc80014;border-radius:6px;display:flex;gap:6px;margin:10px 0;padding:10px 12px}.contract-penalty{color:var(--color-brand-accent);font-size:.85em}.contract-time{font-size:.9em}.urgency-time-critical{color:#ef4444;font-weight:700}.urgency-time-critical .countdown-value{font-family:Courier New,monospace;font-weight:700}.urgency-time-warning{color:#f59e0b}.countdown-value,.urgency-time-warning .countdown-value{font-family:Courier New,monospace}.countdown-value{letter-spacing:.5px}.contract-modes{display:flex;font-size:.8em;gap:8px;margin-top:8px}.mode-indicator{border-radius:4px;font-weight:500;padding:3px 10px}.mode-online{background:#3b82f61a;border:1px solid #3b82f640;color:#3b82f6}.mode-offline{background:#ef44441a;border:1px solid #ef444440;color:#ef4444}.anonymous-badge{background:#6464644d;border-radius:4px;font-size:.85em;padding:3px 8px}.contract-actions{margin-top:8px}.claim-button{background:var(--color-success);border:none;border-radius:6px;color:var(--color-ui-background);cursor:pointer;font-weight:700;margin-top:10px;padding:12px;transition:filter .2s;width:100%}.claim-button:hover:not(:disabled){filter:brightness(1.1)}.claim-button:disabled{cursor:not-allowed;opacity:.5}.hunt-actions{display:flex;gap:10px;margin-top:12px}.contract-reward-paid{color:var(--color-success);font-size:.85em;font-weight:600}.claim-confirm-modal p{line-height:1.5;margin-bottom:16px}.cancel-details,.claim-details{background:#0000004d;border-radius:6px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:14px}.cancel-detail-item,.claim-detail-item{align-items:center;display:flex;justify-content:space-between}.cancel-refund-notice{background:#f59e0b1a;border-radius:4px;color:var(--color-brand-accent);font-size:.9em;margin-top:8px;padding:10px}.cancel-confirm-actions,.claim-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.bounty-board-error-state{padding:40px;text-align:center}.bounty-board-error-state .error-icon{color:var(--color-danger);font-size:2.5em;margin-bottom:12px}.bounty-board-error-state p{margin-bottom:16px}.bounty-board-error-state p,.place-hit-modal{color:var(--color-text-primary)}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-primary);display:block;font-weight:700;margin-bottom:8px}.anonymous-label{align-items:center;cursor:pointer;display:flex!important;gap:8px}.player-search{position:relative}.search-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;font-size:1em;padding:12px;transition:border-color .2s}.search-input:focus{border-color:#3b82f680}.search-input::placeholder,.search-loading{color:var(--color-text-tertiary)}.search-loading{font-size:.85em;padding:10px}.search-results{background:#0f0f19fa;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 8px 24px #00000080;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-index-modal)}.search-result-item{border-bottom:1px solid #ffffff0f;cursor:pointer;padding:10px 12px;transition:background .15s}.search-result-item:hover{background:#ffffff14}.search-result-item:last-child{border-bottom:none}.selected-target{background:#22c55e14;border-radius:6px;color:var(--color-success);font-size:.9em;margin-top:8px;padding:10px}.contract-type-select{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:var(--color-text-primary);font-size:1em;padding:12px;width:100%}.contract-type-info{background:#f59e0b14;color:var(--color-brand-accent);margin-top:8px}.contract-type-info,.mode-info{border-radius:4px;font-size:.85em;padding:8px 10px}.mode-info{background:#3b82f614;border-left:3px solid #3b82f6;color:var(--color-text-secondary);margin-top:10px}.fee-input{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:var(--color-text-primary);font-size:1em;padding:12px;width:100%}.suggested-fee{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85em;gap:8px;margin-top:8px}.use-suggested-btn{margin-left:4px}.fee-breakdown{background:#0000004d;border-radius:6px;margin-top:10px;padding:10px 12px}.fee-item{color:var(--color-text-primary);display:flex;font-size:.9em;justify-content:space-between;margin:4px 0}.anonymous-warning{background:#f59e0b14;border-radius:6px;color:var(--color-brand-accent);font-size:.85em;margin-top:8px;padding:10px}.your-balance{font-weight:600;margin-top:8px}.credits-balance{color:var(--color-text-secondary);font-size:.85em}.insufficient-funds{margin-left:8px}.place-hit-submit-button{background:var(--color-danger);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:1.1em;font-weight:700;margin-top:16px;padding:14px;transition:filter .2s;width:100%}.place-hit-submit-button:hover:not(:disabled){filter:brightness(1.15)}.place-hit-submit-button:disabled{cursor:not-allowed;opacity:.5}.bounty-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.bounty-icon-info,.bounty-icon-warning{display:inline-block;height:1em;vertical-align:middle;width:1em}.bounty-icon-info{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-clip-path:polygon(35% 100%,65% 100%,65% 75%,75% 60%,75% 30%,60% 10%,40% 10%,25% 30%,25% 60%,35% 75%);clip-path:polygon(35% 100%,65% 100%,65% 75%,75% 60%,75% 30%,60% 10%,40% 10%,25% 30%,25% 60%,35% 75%)}.bounty-icon-detective{-webkit-clip-path:polygon(60% 0,100% 0,100% 40%,75% 65%,90% 80%,80% 90%,65% 75%,40% 100%,0 100%,0 60%);clip-path:polygon(60% 0,100% 0,100% 40%,75% 65%,90% 80%,80% 90%,65% 75%,40% 100%,0 100%,0 60%);height:1.2em;width:1.2em}.bounty-icon-detective,.bounty-icon-lock{background:linear-gradient(135deg,#6b7280,#9ca3af);display:inline-block;vertical-align:middle}.bounty-icon-lock{-webkit-clip-path:polygon(25% 45%,25% 25%,30% 10%,50% 0,70% 10%,75% 25%,75% 45%,100% 45%,100% 100%,0 100%,0 45%);clip-path:polygon(25% 45%,25% 25%,30% 10%,50% 0,70% 10%,75% 25%,75% 45%,100% 45%,100% 100%,0 100%,0 45%);height:.85em;width:.85em}.bounty-icon-globe{border:2px solid;border-radius:50%;display:inline-block;height:.9em;position:relative;vertical-align:middle;width:.9em}.bounty-icon-globe:before{border-top:1px solid;content:"";left:0;position:absolute;right:0;top:50%}.bounty-icon-sword{background:currentColor;-webkit-clip-path:polygon(45% 0,55% 0,55% 55%,70% 60%,70% 68%,55% 63%,55% 80%,62% 95%,50% 100%,38% 95%,45% 80%,45% 63%,30% 68%,30% 60%,45% 55%);clip-path:polygon(45% 0,55% 0,55% 55%,70% 60%,70% 68%,55% 63%,55% 80%,62% 95%,50% 100%,38% 95%,45% 80%,45% 63%,30% 68%,30% 60%,45% 55%);height:.9em;width:.9em}.bounty-icon-check,.bounty-icon-sword{display:inline-block;vertical-align:middle}.bounty-icon-check{background:#22c55e;background:var(--color-success,#22c55e);-webkit-clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);height:.85em;width:.85em}.cancel-button:focus-visible,.claim-button:focus-visible,.place-hit-button:focus-visible,.place-hit-submit-button:focus-visible,.tab-button:focus-visible{box-shadow:0 0 0 4px #ef444433;outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bounty-board .skeleton-card,.contract-card,.contract-card.urgency-critical{animation:none!important}.contract-card:hover{transform:none}}@media (max-width:768px){.contracts-list{grid-template-columns:1fr}.bounty-controls{flex-direction:column}.bounty-search-input{width:100%}.hunt-actions{flex-direction:column}}@media (max-width:480px){.bounty-board{padding:12px}.bounty-board-header h2{font-size:1.5em}.bounty-board-tabs{gap:4px}.tab-button{font-size:.9em;padding:10px 12px}}.trophy-collection{padding:var(--spacing-md)}.trophy-collection-empty,.trophy-collection-loading{color:var(--color-text-secondary);padding:var(--spacing-3xl);text-align:center}.trophy-collection-empty .empty-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.3}.trophy-collection-empty h3{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.trophy-collection-header{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.trophy-summary{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.trophy-summary h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.summary-stats{grid-gap:var(--spacing-lg);border-bottom:1px solid var(--color-ui-border);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.summary-stat .stat-label{display:block;font-size:var(--font-size-sm);letter-spacing:.5px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.summary-stat .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.rarity-breakdown{margin-bottom:var(--spacing-lg)}.rarity-breakdown h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.rarity-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.rarity-stat{align-items:center;background:#ffffff08;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.rarity-count{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.type-breakdown h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.type-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.type-stat{align-items:center;background:#ffffff08;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.type-icon{font-size:1.5rem}.type-name{flex:1 1;font-weight:var(--font-weight-medium)}.type-count,.type-name{color:var(--color-text-primary)}.type-count{font-weight:var(--font-weight-bold)}.trophy-gallery{margin-top:var(--spacing-xl)}.trophy-gallery h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.trophy-target-group{cursor:pointer;margin-bottom:var(--spacing-md);transition:all .2s ease}.trophy-target-group:hover{box-shadow:0 4px 12px #ef44441a;transform:translateY(-2px)}.group-header{gap:var(--spacing-md);padding:var(--spacing-md)}.group-header,.target-avatar{align-items:center;display:flex}.target-avatar{background:linear-gradient(135deg,#ef444433,#dc26261a);border-radius:50%;flex-shrink:0;height:60px;justify-content:center;width:60px}.avatar-icon{font-size:2rem}.group-info{flex:1 1;min-width:0}.group-info h4{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0}.group-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.defeat-count,.expand-icon,.shard-count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.expand-icon{transition:transform .2s ease}.trophy-timeline{animation:slideDown .3s ease;border-top:1px solid var(--color-ui-border);margin-top:var(--spacing-md);padding:var(--spacing-lg)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.timeline-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.timeline-header h5{color:var(--color-text-primary);font-size:var(--font-size-md);margin:0}.timeline-dates{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md)}.timeline-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.trophy-item{align-items:center;background:#ffffff05;border-left:3px solid;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:background .2s ease}.trophy-item:hover{background:#ffffff0d}.trophy-icon{flex-shrink:0;font-size:1.5rem;text-align:center;width:40px}.trophy-details{flex:1 1;min-width:0}.trophy-type{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.trophy-meta{align-items:center;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-md)}.trophy-date,.trophy-shards{white-space:nowrap}@media (max-width:768px){.summary-stats{grid-template-columns:repeat(2,1fr)}.type-stats{grid-template-columns:1fr}.group-header{flex-wrap:wrap}.target-avatar{height:50px;width:50px}.timeline-header,.trophy-meta{align-items:flex-start;flex-direction:column}.trophy-meta{gap:var(--spacing-xs)}}@media (max-width:480px){.summary-stats{grid-template-columns:1fr}.rarity-stats{flex-direction:column}.rarity-stat{justify-content:space-between}}.trophy-icon-cup{background:linear-gradient(135deg,#f59e0b,#eab308);-webkit-clip-path:polygon(15% 0,85% 0,100% 30%,75% 55%,75% 65%,60% 65%,60% 80%,75% 80%,75% 100%,25% 100%,25% 80%,40% 80%,40% 65%,25% 65%,25% 55%,0 30%);clip-path:polygon(15% 0,85% 0,100% 30%,75% 55%,75% 65%,60% 65%,60% 80%,75% 80%,75% 100%,25% 100%,25% 80%,40% 80%,40% 65%,25% 65%,25% 55%,0 30%);display:inline-block;height:1em;width:1em}.trophy-collection-empty .trophy-icon-cup{height:5rem;opacity:.3;width:5rem}.trophy-icon-target{background:conic-gradient(#ef4444 0deg 90deg,#0000 90deg 180deg,#ef4444 180deg 270deg,#0000 270deg);border-radius:50%;display:inline-block;height:1em;width:1em}.trophy-icon-avatar{background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-clip-path:polygon(50% 0,75% 25%,75% 50%,62% 62%,75% 70%,85% 100%,15% 100%,25% 70%,38% 62%,25% 50%,25% 25%);clip-path:polygon(50% 0,75% 25%,75% 50%,62% 62%,75% 70%,85% 100%,15% 100%,25% 70%,38% 62%,25% 50%,25% 25%);display:inline-block;height:2rem;width:2rem}.trophy-icon-online{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%}.trophy-icon-offline,.trophy-icon-online{display:inline-block;height:1em;width:1em}.trophy-icon-offline{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(25% 0,50% 30%,75% 0,100% 25%,70% 50%,100% 75%,75% 100%,50% 70%,25% 100%,0 75%,30% 50%,0 25%);clip-path:polygon(25% 0,50% 30%,75% 0,100% 25%,70% 50%,100% 75%,75% 100%,50% 70%,25% 100%,0 75%,30% 50%,0 25%)}.contract-icon-skull{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(30% 0,70% 0,85% 15%,90% 35%,85% 55%,75% 60%,70% 75%,65% 60%,50% 65%,35% 60%,30% 75%,25% 60%,15% 55%,10% 35%,15% 15%);clip-path:polygon(30% 0,70% 0,85% 15%,90% 35%,85% 55%,75% 60%,70% 75%,65% 60%,50% 65%,35% 60%,30% 75%,25% 60%,15% 55%,10% 35%,15% 15%)}.contract-icon-shame,.contract-icon-skull{display:inline-block;height:1.5em;width:1.5em}.contract-icon-shame{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%}.contract-icon-wrench{background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-clip-path:polygon(15% 0,40% 25%,60% 25%,85% 0,100% 15%,75% 40%,75% 60%,100% 100%,85% 100%,60% 75%,40% 75%,0 100%,0 85%,25% 60%,25% 40%,0 15%);clip-path:polygon(15% 0,40% 25%,60% 25%,85% 0,100% 15%,75% 40%,75% 60%,100% 100%,85% 100%,60% 75%,40% 75%,0 100%,0 85%,25% 60%,25% 40%,0 15%);display:inline-block;height:1.5em;width:1.5em}@keyframes trophyEntry{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.trophy-collection{animation:trophyEntry .4s ease-out}.trophy-summary{border:1px solid #f59e0b26;box-shadow:0 0 20px #f59e0b0f}.trophy-target-group:first-child{animation:trophyEntry .3s ease-out .05s both}.trophy-target-group:nth-child(2){animation:trophyEntry .3s ease-out .1s both}.trophy-target-group:nth-child(3){animation:trophyEntry .3s ease-out .15s both}.trophy-target-group:nth-child(4){animation:trophyEntry .3s ease-out .2s both}.trophy-target-group:nth-child(5){animation:trophyEntry .3s ease-out .25s both}.trophy-item:hover{box-shadow:0 0 10px #f59e0b1a}.trophy-item:has(.contract-icon-skull[style*="#F59E0B"]),.trophy-item[style*="color: #F59E0B"]{border-left-color:#f59e0b}.summary-stat{transition:transform .15s ease}.summary-stat:hover{transform:scale(1.05)}.rarity-stat:hover{background:#ffffff0f}.trophy-collection-empty .trophy-icon-cup{animation:emptyFloat 3s ease-in-out infinite}@keyframes timelineSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.trophy-timeline .trophy-item:first-child{animation:timelineSlideIn .2s ease-out .05s both}.trophy-timeline .trophy-item:nth-child(2){animation:timelineSlideIn .2s ease-out .1s both}.trophy-timeline .trophy-item:nth-child(3){animation:timelineSlideIn .2s ease-out .15s both}.trophy-timeline .trophy-item:nth-child(4){animation:timelineSlideIn .2s ease-out .2s both}.trophy-timeline .trophy-item:nth-child(5){animation:timelineSlideIn .2s ease-out .25s both}.trophy-collection-loading .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:4px;height:16px;margin-bottom:8px}.mode-breakdown{border-top:1px solid var(--color-ui-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.mode-breakdown h3{color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.mode-stats{display:flex;gap:var(--spacing-lg)}.mode-stat{align-items:center;display:flex;gap:var(--spacing-sm)}.mode-stat .trophy-icon-offline,.mode-stat .trophy-icon-online{font-size:1.5rem}.mode-stat-info .mode-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mode-stat-info .mode-stat-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.expand-chevron{border-bottom:2px solid var(--color-text-secondary);border-right:2px solid var(--color-text-secondary);display:inline-block;height:.6em;transform:rotate(-45deg);transition:transform .2s ease;width:.6em}.expand-chevron.expanded{transform:rotate(45deg)}@media (min-width:1920px){.trophy-collection{margin:0 auto;max-width:min(1600px,98vw)}}@media (min-width:2560px){.trophy-collection{max-width:min(2000px,98vw)}}@keyframes summaryShimmer{0%{background-position:-200%}to{background-position:200%}}.trophy-summary h2{-webkit-text-fill-color:#0000;animation:summaryShimmer 4s linear infinite;background:linear-gradient(135deg,#f59e0b,#eab308 50%,#f59e0b);-webkit-background-clip:text;background-clip:text;background-size:200% auto;display:inline-block}@keyframes rarityPulse{0%,to{border-left-width:3px}50%{border-left-width:4px}}.trophy-item:hover{animation:rarityPulse 1s ease-in-out}@keyframes galleryTitleEntry{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.trophy-gallery h2{animation:galleryTitleEntry .3s ease-out .1s both}@keyframes countBounce{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.rarity-count,.type-count{animation:countBounce .3s ease-out both}.trophy-collection-loading .skeleton-card{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:var(--border-radius-lg);height:80px;margin-bottom:var(--spacing-md)}.trophy-collection-loading .skeleton-line.title{height:24px;margin-bottom:12px;width:50%}.trophy-collection-loading .skeleton-btn{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:var(--border-radius-md);height:44px;width:150px}.trophy-target-group:focus-visible{box-shadow:0 0 0 4px #f59e0b33;outline:2px solid var(--color-brand-primary);outline-offset:2px}.trophy-target-group:active{transform:scale(.99);transition:transform .05s ease}.contract-icon-target{height:1.5em;width:1.5em}.trophy-item.epic-glow{animation:epicTrophyGlow 1.2s ease-out}.trophy-item.legendary-glow{animation:legendaryTrophyCelebrate 1.5s ease-out}.trophy-item.legendary-glow:before{animation:legendaryShimmerBorder 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b4d,#eab3081a,#f59e0b4d);border-radius:var(--radius-md);content:"";inset:-4px;position:absolute;z-index:-1}@keyframes epicTrophyGlow{0%{box-shadow:0 0 0 #a855f700}30%{box-shadow:0 0 20px #a855f780}to{box-shadow:0 0 0 #a855f700}}@keyframes legendaryTrophyCelebrate{0%{box-shadow:0 0 0 #f59e0b00;transform:scale(1)}20%{box-shadow:0 0 30px #f59e0b99;transform:scale(1.03)}40%{box-shadow:0 0 15px #f59e0b4d}60%{box-shadow:0 0 25px #eab30866}to{box-shadow:0 0 0 #f59e0b00;transform:scale(1)}}@keyframes legendaryShimmerBorder{0%,to{opacity:.3}50%{opacity:.8}}.trophy-item{position:relative}.trophy-item[data-rarity=Epic]{border-left:3px solid #a855f7}.trophy-item[data-rarity=Legendary]{border-left:3px solid #f59e0b}.shard-rewards-info{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.shard-rewards-info h3{font-size:.95rem;margin-bottom:.25rem}.shard-info-desc{color:#9ca3af;font-size:.8rem;margin-bottom:.75rem}.shard-tiers{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.shard-tier{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;display:flex;gap:.75rem;opacity:.5;padding:.4rem .6rem;transition:opacity .3s}.shard-tier.unlocked{background:#a855f714;border-color:#a855f766;opacity:1}.shard-tier-threshold{color:#a855f7;font-size:.85rem;font-weight:700;min-width:2rem;text-align:center}.shard-tier-reward{color:#d1d5db;font-size:.8rem}.shard-tier.unlocked .shard-tier-reward{color:#f3f4f6}.shard-values-legend{margin-top:.5rem}.shard-values-legend h4{color:#9ca3af;font-size:.8rem;margin-bottom:.4rem}.shard-legend-items{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.shard-legend-item{align-items:center;color:#d1d5db;display:flex;font-size:.75rem;gap:.35rem}.shard-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.trophy-zone{align-items:center;color:#22c55e;display:flex;font-size:.7rem;gap:.3rem;margin-top:.2rem}.zone-badge{background:#22c55e;border-radius:2px;display:inline-block;height:8px;transform:rotate(45deg);width:8px}@media (prefers-reduced-motion:reduce){.rarity-count,.trophy-collection,.trophy-collection-empty .trophy-icon-cup,.trophy-collection-loading .skeleton-card,.trophy-collection-loading .skeleton-line,.trophy-gallery h2,.trophy-item.epic-glow,.trophy-item.legendary-glow,.trophy-item.legendary-glow:before,.trophy-item:hover,.trophy-summary h2,.trophy-target-group,.trophy-timeline,.trophy-timeline .trophy-item,.type-count{animation:none!important}.summary-stat:hover,.trophy-target-group:active,.trophy-target-group:hover{transform:none}}.contract-eliminator-page{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);padding:var(--spacing-lg);width:100%}@media (min-width:1920px){.contract-eliminator-page{max-width:min(1600px,98vw)}}@media (min-width:2560px){.contract-eliminator-page{max-width:min(2000px,98vw)}}.contract-eliminator-page .page-header{margin-bottom:var(--spacing-xl);text-align:center}.contract-eliminator-page .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-brand-primary-bright) 0,var(--color-brand-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.contract-eliminator-page .page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.stats-overview{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 24px #ef444433;transform:translateY(-4px)}.stat-icon{font-size:2.5rem;opacity:.8}.stat-info{flex:1 1}.contract-eliminator-page .stat-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.contract-eliminator-page .stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase}.contract-eliminator-content{margin-top:var(--spacing-xl)}.contract-tabs{border-bottom:2px solid var(--color-ui-border);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.contract-tabs .tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:-2px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s}.contract-tabs .tab:hover{color:var(--color-text-primary)}.contract-tabs .tab.active{border-bottom-color:#ef4444;color:#ef4444;text-shadow:0 0 8px #ef44444d}.tab-content{background:var(--color-ui-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.contract-eliminator-page .error-state{color:var(--color-text-secondary);padding:var(--spacing-3xl);text-align:center}.contract-eliminator-page .loading-state{padding:var(--spacing-3xl)}@media (max-width:768px){.contract-eliminator-page{padding:var(--spacing-md)}.stats-overview{grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;text-align:center}.contract-eliminator-page .page-header h1{font-size:var(--font-size-2xl)}}@media (max-width:480px){.stats-overview{grid-template-columns:1fr}}.contract-icon-target{height:1em;width:1em}.contract-icon-target,.stat-icon-target{background:conic-gradient(#ef4444 0deg 90deg,#0000 90deg 180deg,#ef4444 180deg 270deg,#0000 270deg);border-radius:50%;display:inline-block}.stat-icon-target{height:2rem;width:2rem}.stat-icon-check{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%)}.stat-icon-check,.stat-icon-coin{display:inline-block;height:2rem;width:2rem}.stat-icon-coin{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%}.stat-icon-trophy{background:linear-gradient(135deg,#f59e0b,#eab308);-webkit-clip-path:polygon(15% 0,85% 0,100% 30%,75% 55%,75% 65%,60% 65%,60% 80%,75% 80%,75% 100%,25% 100%,25% 80%,40% 80%,40% 65%,25% 65%,25% 55%,0 30%);clip-path:polygon(15% 0,85% 0,100% 30%,75% 55%,75% 65%,60% 65%,60% 80%,75% 80%,75% 100%,25% 100%,25% 80%,40% 80%,40% 65%,25% 65%,25% 55%,0 30%)}.stat-icon-lock,.stat-icon-trophy{display:inline-block;height:2rem;width:2rem}.stat-icon-lock{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(25% 45%,25% 25%,30% 10%,50% 0,70% 10%,75% 25%,75% 45%,100% 45%,100% 100%,0 100%,0 45%);clip-path:polygon(25% 45%,25% 25%,30% 10%,50% 0,70% 10%,75% 25%,75% 45%,100% 45%,100% 100%,0 100%,0 45%)}@keyframes contractPageEntry{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.contract-eliminator-page{animation:contractPageEntry .4s ease-out}@keyframes contractHeaderShimmer{0%{background-position:-200%}to{background-position:200%}}.contract-eliminator-page .page-header h1{animation:contractHeaderShimmer 4s linear infinite;background-size:200% auto}@keyframes statSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-card:first-child{animation:statSlideUp .3s ease-out .05s both,statsAmbient 4s ease-in-out .35s infinite}.stat-card:nth-child(2){animation:statSlideUp .3s ease-out .1s both,statsAmbient 4s ease-in-out 1.1s infinite}.stat-card:nth-child(3){animation:statSlideUp .3s ease-out .15s both,statsAmbient 4s ease-in-out 2.15s infinite}.stat-card:nth-child(4){animation:statSlideUp .3s ease-out .2s both,statsAmbient 4s ease-in-out 3.2s infinite}.stat-card:hover .stat-icon-check,.stat-card:hover .stat-icon-coin,.stat-card:hover .stat-icon-target,.stat-card:hover .stat-icon-trophy{filter:drop-shadow(0 0 6px currentColor);transition:filter .2s ease}.contract-eliminator-page .skeleton-card{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:var(--border-radius-lg);height:100px}@keyframes statsAmbient{0%,to{box-shadow:0 0 15px #ef44440d}50%{box-shadow:0 0 25px #ef44441a}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.contract-eliminator-content{animation:contentFadeIn .3s ease-out .3s both}.contract-eliminator-empty{color:var(--color-text-secondary);padding:var(--spacing-3xl);text-align:center}.contract-eliminator-empty .empty-icon{animation:emptyFloat 3s ease-in-out infinite;font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.3}@keyframes countPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.contract-eliminator-page .stat-card .stat-value{animation:countPop .4s ease-out both}.contract-eliminator-page .stat-card:first-child .stat-value{animation-delay:.1s}.contract-eliminator-page .stat-card:nth-child(2) .stat-value{animation-delay:.15s}.contract-eliminator-page .stat-card:nth-child(3) .stat-value{animation-delay:.2s}.contract-eliminator-page .stat-card:nth-child(4) .stat-value{animation-delay:.25s}.contract-eliminator-page .stat-card:first-child{border-left:3px solid #ef4444}.contract-eliminator-page .stat-card:nth-child(2){border-left:3px solid #22c55e}.contract-eliminator-page .stat-card:nth-child(3){border-left:3px solid #f59e0b}.contract-eliminator-page .stat-card:nth-child(4){border-left:3px solid #eab308}.contract-eliminator-page .stat-card:first-child:hover{box-shadow:0 8px 24px #ef444433}.contract-eliminator-page .stat-card:nth-child(2):hover{box-shadow:0 8px 24px #22c55e33}.contract-eliminator-page .stat-card:nth-child(3):hover{box-shadow:0 8px 24px #f59e0b33}.contract-eliminator-page .stat-card:nth-child(4):hover{box-shadow:0 8px 24px #eab30833}.contract-eliminator-page .stat-card .stat-icon-lock{animation:emptyFloat 3s ease-in-out infinite}.contract-eliminator-page .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:4px;height:16px;margin-bottom:8px}.contract-eliminator-page .skeleton-line.title{height:24px;margin-bottom:12px;width:60%}.contract-eliminator-page .skeleton-btn{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200px 100%;border-radius:var(--border-radius-md);height:44px;width:180px}.contract-eliminator-page .stat-card:focus-visible,.contract-tabs .tab:focus-visible{box-shadow:0 0 0 4px #ef444433;outline:2px solid var(--color-brand-primary);outline-offset:2px}.contract-tabs .tab:active{transform:scale(.97);transition:transform .05s ease}.contract-eliminator-page .stat-card:active{transform:scale(.98);transition:transform .05s ease}@media (prefers-reduced-motion:reduce){.contract-eliminator-content,.contract-eliminator-empty .empty-icon,.contract-eliminator-page,.contract-eliminator-page .page-header h1,.contract-eliminator-page .skeleton-btn,.contract-eliminator-page .skeleton-card,.contract-eliminator-page .skeleton-line,.contract-eliminator-page .stat-card,.contract-eliminator-page .stat-card .stat-icon-lock,.contract-eliminator-page .stat-card .stat-value,.contract-eliminator-page .stats-overview .stat-card{animation:none!important}.contract-eliminator-page .stat-card:active,.contract-eliminator-page .stat-card:hover,.contract-tabs .tab:active{transform:none}}.bm-icon--market{display:inline-block;height:14px;margin-right:6px;position:relative;vertical-align:middle;width:24px}.bm-icon--market:after,.bm-icon--market:before{background:var(--color-text-primary);border-radius:2px;-webkit-clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);content:"";height:10px;position:absolute;top:0;width:10px}.bm-icon--market:before{left:0}.bm-icon--market:after{right:0}.bm-icon--swap{display:inline-block;height:18px;margin-right:6px;position:relative;vertical-align:middle;width:18px}.bm-icon--swap:before{left:0;top:3px}.bm-icon--swap:after,.bm-icon--swap:before{background:var(--color-brand-accent);border-radius:1px;content:"";height:3px;position:absolute;width:14px}.bm-icon--swap:after{bottom:3px;right:0}.bm-icon--warning{display:inline-block;height:14px;margin-right:4px;position:relative;vertical-align:middle;width:16px}.bm-icon--warning:before{background:var(--color-warning);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";inset:0;position:absolute}.bm-icon--warning:after{bottom:0;color:var(--color-text-on-badge);content:"!";font-size:9px;font-weight:800;left:50%;line-height:1;position:absolute;transform:translateX(-50%)}.bm-icon--stock{display:inline-block;height:12px;margin-right:4px;position:relative;vertical-align:middle;width:12px}.bm-icon--stock:before{background:currentColor;-webkit-clip-path:polygon(10% 30%,50% 10%,90% 30%,90% 80%,50% 100%,10% 80%);clip-path:polygon(10% 30%,50% 10%,90% 30%,90% 80%,50% 100%,10% 80%);content:"";inset:0;position:absolute}.bm-icon--closed{display:block;height:42px;margin:0 auto 16px;position:relative;width:36px}.bm-icon--closed:before{background:var(--color-text-secondary);border-radius:4px;bottom:0;content:"";height:24px;left:2px;position:absolute;width:32px}.bm-icon--closed:after{border:4px solid var(--color-text-secondary);border-bottom:none;border-radius:10px 10px 0 0;box-sizing:border-box;content:"";height:22px;left:8px;position:absolute;top:0;width:20px}.bm-icon--empty{border-bottom:3px solid var(--color-text-tertiary);display:block;height:36px;margin:0 auto 12px;position:relative;width:48px}.bm-icon--empty:after,.bm-icon--empty:before{background:var(--color-text-tertiary);bottom:0;content:"";height:100%;position:absolute;width:3px}.bm-icon--empty:before{left:0}.bm-icon--empty:after{right:0}.bm-icon--multiplier{display:inline-block;height:16px;margin-right:4px;position:relative;vertical-align:middle;width:14px}.bm-icon--multiplier:before{background:#f59e0b;-webkit-clip-path:polygon(60% 0,25% 50%,50% 50%,40% 100%,75% 50%,50% 50%);clip-path:polygon(60% 0,25% 50%,50% 50%,40% 100%,75% 50%,50% 50%);content:"";inset:0;position:absolute}.currency-icon--void-crystal{display:inline-block;height:16px;margin-right:4px;position:relative;vertical-align:middle;width:16px}.currency-icon--void-crystal:before{background:linear-gradient(135deg,var(--rarity-epic),#7c3aed);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);content:"";inset:0;position:absolute}.currency-icon--void-crystal:after{background:#ffffff59;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";height:40%;left:30%;position:absolute;top:30%;width:40%}.item-type-icon--resource{background:linear-gradient(135deg,#10b981,#059669);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);width:16px}.item-type-icon--blueprint,.item-type-icon--resource{display:inline-block;height:16px;margin-right:6px;vertical-align:middle}.item-type-icon--blueprint{border:2px solid #3b82f6;border-radius:2px;position:relative;width:14px}.item-type-icon--blueprint:after{background:#3b82f6;box-shadow:0 3px 0 #3b82f6,0 6px 0 #3b82f6;content:"";height:1px;left:2px;position:absolute;top:3px;width:6px}.item-type-icon--pack{background:#f59e0b;border-radius:2px;display:inline-block;height:14px;margin-right:6px;position:relative;vertical-align:middle;width:16px}.item-type-icon--pack:before{border:2px solid #f59e0b;border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box;content:"";height:4px;left:3px;position:absolute;top:-3px;width:10px}.item-type-icon--currency{border:2px solid #f59e0b;border-radius:50%;display:inline-block;height:16px;margin-right:6px;position:relative;vertical-align:middle;width:16px}.item-type-icon--currency:after{background:#f59e0b;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.item-type-icon--component{background:#6366f1;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);display:inline-block;height:16px;margin-right:6px;vertical-align:middle;width:16px}.rarity-icon--common,.rarity-icon--epic,.rarity-icon--legendary,.rarity-icon--mythical,.rarity-icon--rare,.rarity-icon--uncommon{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);display:inline-block;height:8px;margin-right:4px;vertical-align:middle;width:8px}.rarity-icon--common{background:#9ca3af}.rarity-icon--uncommon{background:#22c55e}.rarity-icon--rare{background:#3b82f6}.rarity-icon--epic{background:var(--rarity-epic)}.rarity-icon--legendary{background:#f59e0b}.rarity-icon--mythical{background:#ef4444}.black-market-page{margin:0 auto;max-width:1400px;overflow:hidden;padding:20px;position:relative}.black-market-page:before{animation:bmVignettePulse 8s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000 40%,#0006 100%);content:""}.black-market-page:before,.bm-smoke-field{inset:0;pointer-events:none;position:fixed;z-index:0}.bm-smoke-field{overflow:hidden}.bm-smoke-particle{animation:bmSmokeFloat var(--dur) ease-in-out infinite;animation-delay:var(--delay);background:radial-gradient(circle,#8b5cf614,#0000 70%);border-radius:50%;height:var(--size);left:var(--x);opacity:0;position:absolute;top:var(--y);width:var(--size)}.bm-page-header{margin-bottom:30px;position:relative;text-align:center;z-index:1}.bm-page-header h1{-webkit-text-fill-color:#0000;align-items:center;animation:bmTitleGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed 0,var(--rarity-epic) 40%,#c084fc 70%,#e879f9 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:32px;gap:4px;justify-content:center;margin-bottom:10px}.bm-page-subtitle{color:var(--color-text-secondary);font-size:16px;margin:0}.bm-error-card{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);padding:40px;position:relative;text-align:center;z-index:1}.bm-error-card h2{color:var(--color-text-primary);margin-bottom:15px}.bm-error-card p{color:var(--color-text-secondary);margin-bottom:10px}.bm-error-hint{color:var(--color-text-tertiary);font-size:14px;font-style:italic;margin-bottom:16px}.bm-empty-state{color:var(--color-text-secondary);grid-column:1/-1;padding:60px 20px;text-align:center}.bm-event-info-card{animation:bmEventCardGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed1f,#a855f72e);border:1px solid #a855f766;margin-bottom:30px;overflow:hidden;padding:20px;position:relative;z-index:1}.bm-event-info-card:before{background:radial-gradient(ellipse at 80% 20%,#a855f726,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.bm-event-info-card:after{animation:bmEventSweep 8s linear infinite;background:conic-gradient(from 0deg,#0000 0,#a855f70a 25%,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.bm-event-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;position:relative;z-index:1}.bm-event-details{flex:1 1}.bm-event-details h3{color:var(--color-text-primary);font-size:20px;margin:0 0 8px}.bm-event-details p{color:var(--color-text-secondary);font-size:14px;margin:0 0 8px}.bm-event-multiplier{align-items:center;animation:bmMultiplierPulse 3s ease-in-out infinite;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:20px;display:inline-flex;gap:6px;padding:4px 12px}.bm-multiplier-value{color:#f59e0b;font-size:16px;font-weight:700}.bm-multiplier-label{color:var(--color-text-secondary);font-size:12px}.bm-event-timer{background:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:8px;padding:15px 25px;text-align:center;transition:border-color .3s,box-shadow .3s,background-color .3s}.bm-event-timer.timer--amber{border-color:#f59e0b80;box-shadow:0 0 8px #f59e0b26}.bm-event-timer.timer--urgent{animation:bmTimerUrgentPulse 2s ease-in-out infinite;border-color:var(--color-danger);box-shadow:0 0 12px #ef44444d}.bm-event-timer.timer--critical{animation:bmTimerCriticalPulse .8s ease-in-out infinite;background:#ef444414;border-color:var(--color-danger);box-shadow:0 0 20px #ef444466}.bm-timer-label{color:var(--color-text-secondary);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.bm-timer-value{color:var(--color-success);font-family:Courier New,monospace;font-size:24px;font-weight:700;transition:color .3s}.bm-timer-value.timer--amber{color:#f59e0b}.bm-timer-value.timer--urgent{animation:bmTimerBlink 1s ease-in-out infinite;color:var(--color-danger)}.bm-timer-value.timer--critical{animation:bmTimerRapidBlink .4s ease-in-out infinite;color:var(--color-danger)}.bm-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));position:relative;z-index:1}.bm-market-item-card{animation:bmCardEntrance .5s ease-out backwards,bmCardBreath 6s ease-in-out 1s infinite;animation-delay:0s,.5s;animation-delay:calc(var(--card-index, 0)*.08s),calc(var(--card-index, 0)*.08s + .5s);background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:8px;overflow:hidden;padding:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .3s ease}.bm-market-item-card:before{background:linear-gradient(180deg,#0000,#0000000f);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.bm-market-item-card:hover{box-shadow:0 8px 24px #00000059;transform:translateY(-4px)}.bm-market-item-card:focus-within{outline:2px solid var(--color-brand-primary);outline-offset:2px}.bm-rarity-border--common{border-color:#9ca3af66}.bm-rarity-border--uncommon{border-color:#22c55e66}.bm-rarity-border--rare{border-color:#3b82f680}.bm-rarity-border--epic{border-color:#a855f780;box-shadow:inset 0 0 20px #a855f70d}.bm-rarity-border--legendary{border-color:#f59e0b99;box-shadow:inset 0 0 20px #f59e0b14}.bm-rarity-border--mythical{animation:bmCardEntrance .5s ease-out backwards,bmMythicalShimmer 3s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--card-index, 0)*.08s),0s;border-color:#ef444499;box-shadow:inset 0 0 20px #ef444414}.bm-rarity-border--rare:hover{box-shadow:0 8px 24px #3b82f633}.bm-rarity-border--epic:hover{box-shadow:0 8px 24px #a855f740}.bm-rarity-border--legendary:hover{box-shadow:0 8px 24px #f59e0b4d}.bm-rarity-border--mythical:hover{box-shadow:0 8px 24px #ef44444d}.bm-high-rarity:after{animation:bmRarityAmbient 4s ease-in-out infinite;border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.bm-rarity-border--epic.bm-high-rarity:after{background:radial-gradient(ellipse at 50% 0,#a855f70f,#0000 60%)}.bm-rarity-border--legendary.bm-high-rarity:after{background:radial-gradient(ellipse at 50% 0,#f59e0b0f,#0000 60%)}.bm-rarity-border--mythical.bm-high-rarity:after{background:radial-gradient(ellipse at 50% 0,#ef444414,#0000 60%)}.bm-market-item-card.bm-low-stock{animation:bmCardEntrance .5s ease-out backwards,bmLowStockPulse 2.5s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--card-index, 0)*.08s),0s}.bm-purchase-celebrate{animation:bmPurchaseSuccess 1.5s ease-out!important}.bm-sold-out-overlay{background:#00000080;border-radius:8px;inset:0;pointer-events:none;position:absolute;z-index:2}.bm-sold-out-stamp{animation:bmStampSlam .4s ease-out;border:4px solid #ef4444;border-radius:8px;box-shadow:0 0 20px #ef444433;color:#ef4444;font-size:28px;font-weight:900;left:50%;letter-spacing:4px;padding:8px 24px;pointer-events:none;position:absolute;text-shadow:0 0 10px #ef444480;text-transform:uppercase;top:50%;transform:translate(-50%,-50%) rotate(-20deg);z-index:3}.bm-market-item-card.bm-sold-out{opacity:.8}.bm-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:15px}.bm-item-content,.bm-item-header{position:relative;z-index:1}.bm-item-content h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:20px;margin:0 0 10px}.bm-item-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 15px}.bm-item-details{background:var(--color-ui-elevated);border-radius:4px;margin-bottom:15px;padding:10px}.bm-item-details .bm-item-type{color:var(--color-text-secondary);font-size:13px}.bm-item-details .bm-item-type strong{color:var(--color-text-primary)}.bm-item-out-of-stock{color:var(--color-danger);font-size:14px}.bm-item-low-stock,.bm-item-out-of-stock{align-items:center;display:flex;font-weight:600;margin-top:8px}.bm-item-low-stock{animation:bmLowStockTextPulse 2s infinite;color:var(--color-warning);font-size:13px}.bm-item-limit-reached{color:var(--color-brand-accent);font-size:13px;font-weight:600;margin-top:8px}.bm-item-footer{display:flex;flex-direction:column;gap:12px}.bm-item-price{align-items:center;background:var(--color-ui-elevated);border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;padding:10px}.bm-price-separator{color:var(--color-text-secondary);font-weight:600}.bm-stock-depleted{animation:bmStockDepleteFlash .6s ease-out;opacity:.6}.bm-stock-low{animation:bmStockBadgePulse 2s ease-in-out infinite}.bm-currency-display-custom{align-items:center;display:flex;gap:6px}.bm-currency-display-custom .bm-currency-amount{color:var(--color-text-primary);font-weight:600}.bm-currency-display-custom .bm-currency-label{color:var(--color-text-secondary);font-size:12px}.bm-barter-card{background:linear-gradient(135deg,#fbbf2414,#f59e0b1a);border:1px solid #f59e0b4d;margin-bottom:30px;padding:20px;position:relative;z-index:1}.bm-barter-card h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;margin:0 0 10px}.bm-barter-description{color:var(--color-text-secondary);font-size:13px;margin-bottom:15px}.bm-barter-resources{display:flex;flex-wrap:wrap;gap:12px}.bm-barter-resource-item{align-items:center;background:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:6px;display:flex;gap:8px;overflow:hidden;padding:10px 15px;position:relative;transition:border-color .2s,background-color .2s,transform .2s}.bm-barter-resource-item:after{background:linear-gradient(90deg,#0000,#f59e0b14,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.bm-barter-resource-item:hover{background:#f59e0b0d;border-color:#f59e0b80;transform:translateY(-2px)}.bm-barter-resource-item:hover:after{animation:bmBarterHoverShimmer .8s ease-out}.bm-barter-resource-name{color:var(--color-text-primary);font-weight:600}.bm-barter-rate{color:var(--color-text-secondary);font-size:13px}.bm-barter-payment-section{background:#f59e0b1a;border-left:3px solid var(--color-brand-accent);border-radius:6px;margin:15px 0;padding:15px}.bm-barter-toggle{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:500;gap:10px;margin-bottom:10px}.bm-barter-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.bm-barter-selection{margin-top:10px}.bm-barter-selection label{color:var(--color-text-secondary);display:block;font-size:13px;margin-bottom:5px}.bm-barter-select{background:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:4px;color:var(--color-text-primary);font-size:14px;padding:8px;width:100%}.bm-barter-select:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:1px}.bm-barter-cost-display{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bm-barter-cost-display .bm-barter-resource-name{color:var(--color-brand-accent);font-weight:600}.bm-barter-equivalent{color:var(--color-text-secondary);font-size:12px}.bm-purchase-details{margin-top:15px;text-align:left}.bm-purchase-cost,.bm-purchase-reward{margin-bottom:15px}.bm-purchase-cost strong,.bm-purchase-reward strong{color:var(--color-text-primary);display:block;font-size:14px;margin-bottom:8px}.bm-purchase-cost{background:rgba(var(--color-brand-primary-rgb),.1);border-left:3px solid var(--color-danger);border-radius:4px;padding:10px}.bm-purchase-reward{background:#22c55e1a;border-left:3px solid var(--color-success);border-radius:4px;padding:10px}.bm-purchase-reward ul{color:var(--color-text-secondary);margin:8px 0 0;padding-left:20px}.bm-purchase-reward li{margin-bottom:4px}.bm-stock-warning{align-items:center;background:#ef44441a;border-left:3px solid var(--color-danger);border-radius:4px;color:var(--color-danger);display:flex;font-size:13px;font-weight:600;margin:10px 0;padding:10px}.bm-skeleton-event-card{margin-bottom:30px;padding:24px;position:relative;z-index:1}.bm-skeleton-event-card,.bm-skeleton-item-card{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:8px}.bm-skeleton-item-card{animation:bmCardEntrance .5s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.08s);display:flex;flex-direction:column;gap:12px;padding:20px}.bm-skeleton-line{animation:bmSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-ui-elevated) 0,#ffffff0f 50%,var(--color-ui-elevated) 100%);background-size:400px 100%;border-radius:4px;height:14px}.bm-skeleton-line--title{height:20px;width:60%}.bm-skeleton-line--text{width:90%}.bm-skeleton-line--short{width:50%}.bm-skeleton-line--timer{height:32px;margin-left:auto;width:40%}.bm-skeleton-line--badge{border-radius:12px;height:22px;width:80px}.bm-skeleton-line--btn{border-radius:6px;height:36px;margin-top:8px;width:100%}.bm-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.bm-star{animation:bmStarTwinkle var(--sd) ease-in-out infinite;animation-delay:var(--sdelay);background:#a855f766;border-radius:50%;height:var(--ss);left:var(--sx);position:absolute;top:var(--sy);width:var(--ss)}.bm-tabs{border-bottom:2px solid var(--color-ui-border);display:flex;gap:4px;margin-bottom:20px;padding-bottom:0;position:relative;z-index:1}.bm-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-2px;padding:10px 20px;transition:color .2s,border-color .2s}.bm-tab:hover{color:var(--color-text-primary)}.bm-tab--active{border-bottom-color:var(--color-brand-accent);color:var(--color-brand-accent)}.bm-tab:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.bm-tab-badge{align-items:center;background:var(--color-brand-accent);border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.bm-filters{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:12px 16px;position:relative;z-index:1}.bm-filter-toggle,.bm-filters{align-items:center;display:flex}.bm-filter-toggle{color:var(--color-text-secondary);cursor:pointer;font-size:13px;gap:8px;white-space:nowrap}.bm-filter-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.bm-rarity-filter{display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.bm-rarity-btn{align-items:center;background:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:14px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 10px;transition:border-color .2s,background-color .2s,color .2s}.bm-rarity-btn:hover{color:var(--color-text-primary)}.bm-rarity-btn--active,.bm-rarity-btn:hover{border-color:var(--rarity-color,var(--color-brand-accent))}.bm-rarity-btn--active{background:var(--color-brand-accent);background:var(--rarity-color,var(--color-brand-accent));color:#fff}.bm-rarity-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:1px}.bm-item-reward-preview{color:var(--color-text-secondary);font-size:12px;margin-top:6px}.bm-item-reward-preview strong{color:var(--color-text-primary)}.bm-new-badge{animation:bmNewBadgePulse 2s ease-in-out infinite;font-size:10px;letter-spacing:1px;text-transform:uppercase}.bm-flash-badge{font-size:11px;font-weight:700}.bm-flash-badge,.bm-flash-sale-banner{animation:bmFlashSalePulse 1.5s ease-in-out infinite}.bm-flash-sale-banner{align-items:center;background:linear-gradient(135deg,#f59e0b26,#ef444426);border:1px solid #f59e0b66;border-radius:6px;color:#f59e0b;display:flex;font-size:14px;gap:8px;margin:10px 0;padding:10px 16px}.bm-market-item-card.bm-flash-sale{border-color:#f59e0b80}.bm-price-item{align-items:center;display:flex;gap:4px}.bm-price-original{color:var(--color-text-secondary);font-size:12px;opacity:.5;text-decoration:line-through}.bm-quantity-section{align-items:center;display:flex;gap:12px;margin:12px 0}.bm-quantity-section label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.bm-quantity-controls{align-items:center;border:1px solid var(--color-ui-border);border-radius:6px;display:flex;gap:0;overflow:hidden}.bm-qty-btn{align-items:center;background:var(--color-ui-elevated);border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;transition:background-color .15s;width:32px}.bm-qty-btn:hover:not(:disabled){background:var(--color-brand-accent);color:#fff}.bm-qty-btn:disabled{cursor:not-allowed;opacity:.4}.bm-qty-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.bm-qty-input{-moz-appearance:textfield;background:var(--color-ui-surface);border:none;border-left:1px solid var(--color-ui-border);border-right:1px solid var(--color-ui-border);color:var(--color-text-primary);font-size:14px;font-weight:600;height:32px;text-align:center;width:48px}.bm-qty-input::-webkit-inner-spin-button,.bm-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bm-qty-input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.bm-celebrate-burst{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0;z-index:10}.bm-burst-particle{animation:bmBurstParticle 1.2s ease-out forwards;background:var(--color-success);border-radius:50%;height:8px;position:absolute;transform:rotate(var(--angle));width:8px}.bm-burst-particle:nth-child(2n){background:#f59e0b;height:6px;width:6px}.bm-burst-particle:nth-child(3n){background:var(--rarity-epic);height:5px;width:5px}.bm-history-section{position:relative;z-index:1}.bm-history-summary{background:linear-gradient(135deg,#7c3aed14,#a855f71f);border:1px solid #a855f74d;margin-bottom:20px;padding:20px}.bm-history-summary h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;margin:0 0 14px}.bm-summary-grid{display:flex;flex-wrap:wrap;gap:24px}.bm-summary-stat{display:flex;flex-direction:column;gap:4px}.bm-summary-value{color:var(--color-text-primary);font-size:20px;font-weight:700}.bm-summary-label{color:var(--color-text-secondary);font-size:12px}.bm-history-list{display:flex;flex-direction:column;gap:8px}.bm-history-item{animation:bmCardEntrance .3s ease-out backwards;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:6px;padding:14px 18px}.bm-history-item-header{gap:10px;justify-content:space-between}.bm-history-item-header,.bm-history-item-info{align-items:center;display:flex;flex-wrap:wrap}.bm-history-item-info{gap:8px}.bm-history-item-info h4{color:var(--color-text-primary);font-size:15px;margin:0}.bm-history-date{color:var(--color-text-tertiary);font-size:12px;white-space:nowrap}.bm-history-item-cost{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:8px;margin-top:8px}.bm-history-loading{display:flex;flex-direction:column;gap:8px}.bm-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:12px 0}.bm-pagination-info{color:var(--color-text-secondary);font-size:13px}@keyframes bmSmokeFloat{0%{opacity:0;transform:translate(0) scale(1)}30%{opacity:.6}70%{opacity:.4}to{opacity:0;transform:translate(30px,-40px) scale(1.5)}}@keyframes bmTitleGlow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 12px rgba(168,85,247,.3))}}@keyframes bmEventCardGlow{0%,to{box-shadow:0 0 15px #a855f71a}50%{box-shadow:0 0 30px #a855f733}}@keyframes bmEventSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bmMultiplierPulse{0%,to{box-shadow:0 0 0 0 #f59e0b00}50%{box-shadow:0 0 10px 2px #f59e0b33}}@keyframes bmTimerUrgentPulse{0%,to{box-shadow:0 0 12px #ef444433}50%{box-shadow:0 0 20px #ef444473}}@keyframes bmTimerCriticalPulse{0%,to{box-shadow:0 0 15px #ef44444d}50%{box-shadow:0 0 30px #ef444499}}@keyframes bmTimerBlink{0%,to{opacity:1}50%{opacity:.7}}@keyframes bmTimerRapidBlink{0%,to{opacity:1}50%{opacity:.4}}@keyframes bmCardEntrance{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bmMythicalShimmer{0%{border-color:#ef444466}33%{border-color:#a855f780}66%{border-color:#f59e0b80}to{border-color:#ef444466}}@keyframes bmLowStockPulse{0%,to{box-shadow:0 0 0 0 #f59e0b00}50%{box-shadow:0 0 12px 2px #f59e0b33}}@keyframes bmLowStockTextPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes bmStockBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes bmPurchaseSuccess{0%{box-shadow:0 0 0 0 #22c55e00}20%{box-shadow:0 0 30px 8px #22c55e80;transform:scale(1.02)}40%{box-shadow:0 0 15px 4px #22c55e4d;transform:scale(1)}to{box-shadow:0 0 0 0 #22c55e00}}@keyframes bmStampSlam{0%{opacity:0;transform:translate(-50%,-50%) rotate(-20deg) scale(2)}60%{opacity:1;transform:translate(-50%,-50%) rotate(-20deg) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) rotate(-20deg) scale(1)}}@keyframes bmRarityAmbient{0%,to{opacity:.5}50%{opacity:1}}@keyframes bmSkeletonShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes bmStockDepleteFlash{0%{background-color:#ef444426}to{background-color:initial}}@keyframes bmBarterHoverShimmer{0%{left:-100%}to{left:200%}}@keyframes bmCardBreath{0%,to{box-shadow:inset 0 0 10px #7c3aed05}50%{box-shadow:inset 0 0 20px #7c3aed0d}}@keyframes bmVignettePulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes bmStarTwinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}@keyframes bmNewBadgePulse{0%,to{box-shadow:0 0 0 0 #22c55e00}50%{box-shadow:0 0 8px 2px #22c55e4d}}@keyframes bmFlashSalePulse{0%,to{box-shadow:0 0 0 0 #f59e0b00}50%{box-shadow:0 0 10px 2px #f59e0b40}}@keyframes bmBurstParticle{0%{opacity:1;transform:rotate(var(--angle)) translateX(0)}40%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(80px)}}@keyframes bmCelebrationRing{0%{border-width:4px;opacity:1;transform:translate(-50%,-50%) scale(0)}to{border-width:1px;opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes bmFlashShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bm-barter-select:focus-visible,.bm-barter-toggle input:focus-visible,.bm-market-item-card button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.bm-error-card button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.bm-market-item-card button:active{transform:scale(.97)}@media (max-width:1200px){.bm-items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.bm-items-grid{grid-template-columns:1fr}.bm-event-header{align-items:stretch;flex-direction:column}.bm-event-timer{width:100%}.bm-barter-resources{flex-direction:column}.bm-barter-resource-item{flex-wrap:wrap}.bm-page-header h1{font-size:26px}.bm-filters{align-items:flex-start;flex-direction:column;gap:10px}.bm-rarity-filter{gap:3px}.bm-summary-grid{gap:16px}.bm-tabs{gap:0}.bm-tab{flex:1 1;font-size:13px;justify-content:center;padding:8px 12px}}@media (max-width:480px){.black-market-page{padding:12px}.bm-page-header h1{font-size:22px}.bm-page-subtitle{font-size:13px}.bm-event-info-card{padding:14px}.bm-timer-value{font-size:20px}.bm-market-item-card{padding:14px}.bm-item-content h3{font-size:17px}.bm-barter-card,.bm-skeleton-item-card{padding:14px}.bm-sold-out-stamp{font-size:20px;letter-spacing:2px;padding:6px 16px}}.bm-icon--heart,.bm-icon--heart-filled{display:inline-block;height:14px;position:relative;vertical-align:middle;width:16px}.bm-icon--heart:before{transform:translateX(-50%) rotate(-45deg)}.bm-icon--heart:after,.bm-icon--heart:before{background:#0000;border:2px solid #e05080;border-radius:50% 50% 0 0;box-sizing:border-box;content:"";height:12px;left:50%;position:absolute;top:0;width:14px}.bm-icon--heart:after{transform:translateX(-50%) rotate(45deg)}.bm-icon--heart-filled:before{transform:translateX(-50%) rotate(-45deg)}.bm-icon--heart-filled:after,.bm-icon--heart-filled:before{background:#e05080;border-radius:50% 50% 0 0;content:"";height:12px;left:50%;position:absolute;top:0;width:14px}.bm-icon--heart-filled:after{transform:translateX(-50%) rotate(45deg)}.bm-icon--info{border:2px solid #9ca3af;border:2px solid var(--color-text-secondary,#9ca3af);border-radius:50%;box-sizing:border-box;display:inline-block;height:16px;position:relative;vertical-align:middle;width:16px}.bm-icon--info:before{border-radius:50%;height:3px;top:2px;width:3px}.bm-icon--info:after,.bm-icon--info:before{background:#9ca3af;background:var(--color-text-secondary,#9ca3af);content:"";left:50%;position:absolute;transform:translateX(-50%)}.bm-icon--info:after{border-radius:1px;bottom:1px;height:5px;width:2px}.bm-icon--trending{display:inline-block;height:16px;margin-right:4px;position:relative;vertical-align:middle;width:14px}.bm-icon--trending:before{background:linear-gradient(0deg,#f59e0b,#ef4444);bottom:0;-webkit-clip-path:polygon(50% 0,80% 35%,65% 30%,85% 65%,70% 55%,100% 100%,0 100%,30% 55%,15% 65%,35% 30%,20% 35%);clip-path:polygon(50% 0,80% 35%,65% 30%,85% 65%,70% 55%,100% 100%,0 100%,30% 55%,15% 65%,35% 30%,20% 35%);content:"";height:14px;left:50%;position:absolute;transform:translateX(-50%);width:12px}.bm-trending-badge{animation:bm-trendingPulse 2s ease-in-out infinite}@keyframes bm-trendingPulse{0%,to{opacity:1}50%{opacity:.7}}.bm-item-popularity{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px;font-style:italic;margin-top:4px}.bm-item-actions{display:flex;flex-direction:column;gap:8px;width:100%}.bm-item-secondary-actions{display:flex;gap:8px;justify-content:center}.bm-wishlist-btn{align-items:center;background:#e050801a;border:1px solid #e050804d;border-radius:6px;color:#e05080;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;justify-content:center;padding:6px 10px;transition:background .2s,border-color .2s,transform .15s}.bm-wishlist-btn:hover{background:#e0508033;border-color:#e0508080;transform:scale(1.05)}.bm-wishlist-btn--active{background:#e0508040;border-color:#e05080}.bm-wishlist-btn--active:hover{background:#e0508026}.bm-wishlist-btn--large{flex:0 0 auto;font-size:14px;padding:10px 16px}.bm-detail-btn{align-items:center;background:#9ca3af1a;background:rgba(var(--color-text-secondary-rgb,156,163,175),.1);border:1px solid #9ca3af4d;border:1px solid rgba(var(--color-text-secondary-rgb,156,163,175),.3);border-radius:6px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;display:inline-flex;justify-content:center;padding:6px 10px;transition:background .2s,border-color .2s,color .2s}.bm-detail-btn:hover{background:#9ca3af33;background:rgba(var(--color-text-secondary-rgb,156,163,175),.2);border-color:#9ca3af;border-color:var(--color-text-secondary,#9ca3af);color:#e5e7eb;color:var(--color-text-primary,#e5e7eb)}.bm-detail-overlay{align-items:center;animation:bm-fadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}@keyframes bm-fadeIn{0%{opacity:0}to{opacity:1}}.bm-detail-modal{animation:bm-slideUp .3s ease-out;background:#1a1a2e;background:var(--color-surface,#1a1a2e);border:1px solid #a855f74d;border-radius:12px;box-shadow:0 0 30px #a855f726,0 10px 40px #00000080;max-height:80vh;max-width:520px;overflow-y:auto;padding:28px;position:relative;width:90%}@keyframes bm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bm-detail-modal::-webkit-scrollbar{width:6px}.bm-detail-modal::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}.bm-detail-modal::-webkit-scrollbar-track{background:#0000}.bm-detail-close{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;position:absolute;right:14px;top:12px;transition:color .2s,background .2s}.bm-detail-close:hover{background:#ffffff14;color:#e5e7eb;color:var(--color-text-primary,#e5e7eb)}.bm-detail-header{margin-bottom:12px}.bm-detail-header h2{color:#e5e7eb;color:var(--color-text-primary,#e5e7eb);font-size:22px;font-weight:700;margin:0 0 8px}.bm-detail-badges{display:flex;flex-wrap:wrap;gap:6px}.bm-detail-description{border-bottom:1px solid #ffffff0f;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;line-height:1.5;margin:0 0 16px;padding-bottom:16px}.bm-detail-section{margin-bottom:16px}.bm-detail-section h4{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.bm-detail-section p{color:#e5e7eb;color:var(--color-text-primary,#e5e7eb);font-size:14px;margin:0 0 4px}.bm-detail-reward-list{list-style:none;margin:0;padding:0}.bm-detail-reward-list li{border-bottom:1px solid #ffffff0a;color:#e5e7eb;color:var(--color-text-primary,#e5e7eb);font-size:14px;padding:6px 0}.bm-detail-reward-list li:last-child{border-bottom:none}.bm-detail-stock-info{display:flex;flex-direction:column;gap:4px}.bm-detail-barter-list{display:flex;flex-direction:column;gap:8px}.bm-detail-barter-rate{align-items:center;background:#ffffff08;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:6px 10px}.bm-barter-resource-name{color:#e5e7eb;color:var(--color-text-primary,#e5e7eb);flex:1 1;font-weight:500}.bm-detail-barter-qty{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px}.bm-detail-actions{align-items:center;border-top:1px solid #ffffff0f;display:flex;gap:10px;margin-top:20px;padding-top:16px}.bm-detail-actions .bm-wishlist-btn--large{white-space:nowrap}.bm-detail-loading{display:flex;flex-direction:column;gap:12px;padding:40px 0}.bm-detail-error{color:#ef4444;font-size:14px;padding:40px 0;text-align:center}@media (prefers-reduced-motion:reduce){.bm-barter-resource-item,.bm-detail-btn,.bm-detail-close,.bm-event-timer,.bm-market-item-card,.bm-qty-btn,.bm-rarity-btn,.bm-tab,.bm-wishlist-btn{transition:none}.bm-market-item-card:hover{transform:none}.black-market-page:before,.bm-barter-resource-item:hover:after,.bm-burst-particle,.bm-detail-modal,.bm-detail-overlay,.bm-event-info-card,.bm-event-info-card:after,.bm-event-multiplier,.bm-event-timer.timer--critical,.bm-event-timer.timer--urgent,.bm-flash-badge,.bm-flash-sale-banner,.bm-high-rarity:after,.bm-history-item,.bm-item-low-stock,.bm-market-item-card.bm-low-stock,.bm-new-badge,.bm-page-header h1,.bm-purchase-celebrate,.bm-rarity-border--mythical,.bm-skeleton-line,.bm-smoke-particle,.bm-star,.bm-stock-depleted,.bm-stock-low,.bm-timer-value.timer--critical,.bm-timer-value.timer--urgent,.bm-trending-badge{animation:none}.bm-market-item-card{animation:none;opacity:1}.bm-sold-out-stamp{animation:none}.bm-burst-particle{display:none}}.fwp-wars-container{display:flex;flex-direction:column;gap:16px}.fwp-panel{background:#1a1a2e;background:var(--color-bg-secondary,#1a1a2e);border:1px solid #2a2a4a;border:1px solid var(--color-border,#2a2a4a);border-radius:12px;box-shadow:0 0 20px #ff00000f,0 0 60px #ff000008;overflow:hidden;position:relative}.fwp-panel:after{animation:fwpStarTwinkle 8s ease-in-out infinite alternate;background:radial-gradient(1px 1px at 8% 12%,#ff444480,#0000),radial-gradient(1.5px 1.5px at 20% 35%,#ff643266,#0000),radial-gradient(1px 1px at 33% 70%,#ff444480,#0000),radial-gradient(1px 1px at 45% 18%,#ff96324d,#0000),radial-gradient(1.5px 1.5px at 58% 82%,#ff444480,#0000),radial-gradient(1px 1px at 70% 40%,#ff643266,#0000),radial-gradient(1px 1px at 82% 65%,#f446,#0000),radial-gradient(1.5px 1.5px at 92% 22%,#ff96324d,#0000),radial-gradient(1px 1px at 15% 88%,#ff44444d,#0000),radial-gradient(1px 1px at 38% 50%,#ff643280,#0000),radial-gradient(1.5px 1.5px at 52% 8%,#f446,#0000),radial-gradient(1px 1px at 65% 92%,#ff96324d,#0000),radial-gradient(1px 1px at 78% 55%,#f446,#0000),radial-gradient(1.5px 1.5px at 5% 45%,#ff643280,#0000),radial-gradient(1px 1px at 25% 75%,#ff44444d,#0000),radial-gradient(1px 1px at 48% 30%,#ff963266,#0000),radial-gradient(1.5px 1.5px at 88% 78%,#ff44444d,#0000),radial-gradient(1px 1px at 72% 15%,#ff643280,#0000),radial-gradient(1px 1px at 95% 48%,#f446,#0000),radial-gradient(1.5px 1.5px at 42% 95%,#ff96324d,#0000);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.fwp-panel>*{position:relative;z-index:1}.fwp-panel:before{animation:fwpAlarmPulse 3s ease-in-out infinite;background:#f44;background:var(--fwp-faction-color,#f44);box-shadow:0 0 12px #f44;box-shadow:0 0 12px var(--fwp-faction-color,#f44);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:2}.fwp-header{align-items:center;display:flex;gap:12px;overflow:hidden;padding:14px 16px 10px;position:relative}.fwp-header:after{animation:fwpScanLine 5s linear infinite;background:linear-gradient(90deg,#0000,#ff44440d,#ff963208,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.fwp-icon-war{display:inline-block;filter:drop-shadow(0 0 4px #ff4444);filter:drop-shadow(0 0 4px var(--fwp-faction-color,#ff4444));height:28px;position:relative;width:28px}.fwp-icon-war:after,.fwp-icon-war:before{background:#f44;background:var(--fwp-faction-color,#f44);border-radius:1px;content:"";height:3px;left:50%;position:absolute;top:50%;width:24px}.fwp-icon-war:before{transform:translate(-50%,-50%) rotate(45deg)}.fwp-icon-war:after{transform:translate(-50%,-50%) rotate(-45deg)}.fwp-title{flex:1 1}.fwp-title-name{color:#e0e0e0;color:var(--color-text-primary,#e0e0e0);font-size:1rem;font-weight:700;text-shadow:0 0 10px #ff44441a}.fwp-title-faction{color:#f44;color:var(--fwp-faction-color,#f44);font-size:.75rem;letter-spacing:.06em;text-shadow:0 0 8px #f44;text-shadow:0 0 8px var(--fwp-faction-color,#f44);text-transform:uppercase}.fwp-countdown{color:#888;color:var(--color-text-muted,#888);font-size:.8rem;text-align:right}.fwp-countdown-value{font-feature-settings:"tnum";color:#e0e0e0;color:var(--color-text-primary,#e0e0e0);font-variant-numeric:tabular-nums;font-weight:700}.fwp-health-section{padding:0 16px 12px}.fwp-health-labels{color:#888;color:var(--color-text-muted,#888);display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:6px}.fwp-health-current{color:#e0e0e0;color:var(--color-text-primary,#e0e0e0);font-weight:700}.fwp-health-bar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:11px;box-shadow:inset 0 2px 4px #0000004d;height:22px}.fwp-health-bar,.fwp-health-fill{overflow:hidden;position:relative}.fwp-health-fill{border-radius:11px;height:100%;transition:width .6s ease-out}.fwp-health-fill:after{animation:fwpShimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";inset:0;position:absolute}.fwp-health-fill--high{background:linear-gradient(90deg,#f44,#f66);box-shadow:0 0 10px #ff44444d}.fwp-health-fill--mid{background:linear-gradient(90deg,#f80,#fa3);box-shadow:0 0 10px #ff88004d}.fwp-health-fill--low{background:linear-gradient(90deg,#00c850,#3d7);box-shadow:0 0 10px #00c8504d}.fwp-health-percent{color:#fff;font-size:.65rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px #000c;top:50%;transform:translate(-50%,-50%)}.fwp-effects{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.fwp-effect{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 8px;transition:transform .15s,box-shadow .2s}.fwp-effect:hover{transform:translateY(-1px)}.fwp-effect--debuff{animation:fwpDebuffPulse 4s ease-in-out infinite;background:#ff32321a;border:1px solid #ff323233;color:#f55}.fwp-effect--debuff:hover{box-shadow:0 0 10px #ff323233}.fwp-effect--buff{background:#00c8641a;border:1px solid #00c86433;color:#00c864}.fwp-effect--buff:hover{box-shadow:0 0 10px #00c86433}.fwp-effect-icon{display:inline-block;height:10px;width:10px}.fwp-effect-icon--down{background:#f55;-webkit-clip-path:polygon(50% 100%,0 25%,100% 25%);clip-path:polygon(50% 100%,0 25%,100% 25%)}.fwp-effect-icon--up{background:#00c864;-webkit-clip-path:polygon(50% 0,0 75%,100% 75%);clip-path:polygon(50% 0,0 75%,100% 75%)}.fwp-attack-section{align-items:center;background:#ffffff05;border-top:1px solid #2a2a4a;border-top:1px solid var(--color-border,#2a2a4a);display:flex;gap:12px;padding:12px 16px}.fwp-attack-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:.04em;overflow:hidden;padding:8px 20px;position:relative;text-transform:uppercase;transition:background .2s,transform .15s,box-shadow .2s}.fwp-attack-btn--ready{animation:fwpAttackPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f44,#c20);box-shadow:0 0 15px #ff323240;color:#fff}.fwp-attack-btn--ready:after{animation:fwpBtnShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.fwp-attack-btn--ready:hover{background:linear-gradient(135deg,#f55,#d31);box-shadow:0 0 30px #ff323280,0 0 60px #ff323226;transform:translateY(-2px)}.fwp-attack-btn--ready:active{transform:translateY(0)}.fwp-attack-btn--cooldown{background:#ffffff14;color:#888;color:var(--color-text-muted,#888);cursor:not-allowed}.fwp-attack-btn--loading{background:#ff643226;cursor:wait}.fwp-attack-btn--loading,.fwp-attack-info{color:#888;color:var(--color-text-muted,#888)}.fwp-attack-info{flex:1 1;font-size:.75rem}.fwp-attack-damage{animation:fwpDamageFlash .6s ease-out;color:#f44;font-size:.9rem;font-weight:700;text-shadow:0 0 8px #f446}.fwp-attack-cooldown-timer{font-feature-settings:"tnum";color:#aaa;color:var(--color-text-secondary,#aaa);font-variant-numeric:tabular-nums}.fwp-participants{color:#888;color:var(--color-text-muted,#888);font-size:.7rem;text-align:right}.fwp-panel--hit{animation:fwpScreenShake .3s ease-out}.fwp-leaderboard-toggle{background:#0000;border:none;border-top:1px solid #2a2a4a;border-top:1px solid var(--color-border,#2a2a4a);color:#888;color:var(--color-text-muted,#888);cursor:pointer;display:block;font-size:.75rem;padding:8px 16px;text-align:center;transition:color .2s,background .2s;width:100%}.fwp-leaderboard-toggle:hover{background:#ffffff08;color:#e0e0e0;color:var(--color-text-primary,#e0e0e0)}.fwp-leaderboard{animation:fwpLeaderboardSlide .3s ease-out;border-top:1px solid #2a2a4a;border-top:1px solid var(--color-border,#2a2a4a);padding:0 16px 12px}.fwp-lb-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:.75rem;gap:10px;padding:6px 0;transition:background .15s}.fwp-lb-row:hover{background:#ffffff05}.fwp-lb-row:last-child{border-bottom:none}.fwp-lb-rank{color:#888;color:var(--color-text-muted,#888);font-weight:700;text-align:center;width:24px}.fwp-lb-rank--1{color:gold;text-shadow:0 0 6px #ffd70066}.fwp-lb-rank--2{color:silver;text-shadow:0 0 4px #c0c0c04d}.fwp-lb-rank--3{color:#cd7f32;text-shadow:0 0 4px #cd7f324d}.fwp-lb-name{color:#e0e0e0;color:var(--color-text-primary,#e0e0e0);flex:1 1}.fwp-lb-damage{font-feature-settings:"tnum";color:#f55;font-variant-numeric:tabular-nums;font-weight:600}.fwp-lb-attacks{color:#888;color:var(--color-text-muted,#888);font-size:.65rem;text-align:right;width:50px}.fwp-repelled{background:radial-gradient(ellipse at center,#00c8500f 0,#0000 70%);border-top:1px solid #2a2a4a;border-top:1px solid var(--color-border,#2a2a4a);overflow:hidden;padding:24px 16px;position:relative;text-align:center}.fwp-repelled:before{animation:fwpConfettiFloat 4s ease-in-out infinite alternate;background:radial-gradient(2px 2px at 15% 20%,#00c85066,#0000),radial-gradient(2px 2px at 35% 40%,#ffd70066,#0000),radial-gradient(2px 2px at 55% 25%,#00c8504d,#0000),radial-gradient(2px 2px at 75% 60%,#ffd7004d,#0000),radial-gradient(2px 2px at 85% 30%,#00c85066,#0000),radial-gradient(2px 2px at 25% 70%,#ffd7004d,#0000);content:"";inset:0;pointer-events:none;position:absolute}.fwp-repelled-title{animation:fwpVictoryFlash 1s ease-out;color:#00c850;font-size:1.1rem;font-weight:800;letter-spacing:.06em;text-shadow:0 0 15px #00c8504d;text-transform:uppercase}.fwp-repelled-subtitle{color:#888;color:var(--color-text-muted,#888);font-size:.8rem;margin-top:4px}.fwp-skeleton{animation:fwpSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1a1a2e 25%,#ff44440f 50%,#1a1a2e 75%);background:linear-gradient(90deg,var(--color-bg-secondary,#1a1a2e) 25%,#ff44440f 50%,var(--color-bg-secondary,#1a1a2e) 75%);background-size:200% 100%;border-radius:6px}.fwp-skeleton-header{align-items:center;display:flex;gap:12px;padding:14px 16px}.fwp-skeleton-icon{border-radius:50%;height:28px;width:28px}.fwp-skeleton-title{flex:1 1;height:36px}.fwp-skeleton-timer{height:36px;width:70px}.fwp-skeleton-healthbar{border-radius:11px;height:22px;margin:0 16px 12px}.fwp-skeleton-btn{border-radius:8px;height:38px;margin:12px 16px;width:120px}.fwp-empty{color:#888;color:var(--color-text-muted,#888);font-size:.85rem;padding:20px 16px;text-align:center}@keyframes fwpAlarmPulse{0%,to{box-shadow:0 0 8px #f44;box-shadow:0 0 8px var(--fwp-faction-color,#f44);opacity:.6}50%{box-shadow:0 0 20px #f44;box-shadow:0 0 20px var(--fwp-faction-color,#f44);opacity:1}}@keyframes fwpShimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes fwpAttackPulse{0%,to{box-shadow:0 0 15px #ff323240}50%{box-shadow:0 0 30px #ff323280,0 0 60px #ff323226}}@keyframes fwpVictoryFlash{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fwpStarTwinkle{0%{opacity:.4}to{opacity:.9}}@keyframes fwpScanLine{0%{left:-100%}to{left:200%}}@keyframes fwpBtnShimmer{0%{left:-100%}50%,to{left:200%}}@keyframes fwpDamageFlash{0%{opacity:0;transform:translateY(4px) scale(1.3)}30%{opacity:1;transform:translateY(-2px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fwpScreenShake{0%{transform:translateX(0)}15%{transform:translateX(-4px) rotate(-.5deg)}30%{transform:translateX(3px) rotate(.4deg)}45%{transform:translateX(-2px) rotate(-.3deg)}60%{transform:translateX(2px) rotate(.2deg)}75%{transform:translateX(-1px)}to{transform:translateX(0)}}@keyframes fwpDebuffPulse{0%,to{background:#ff32321a}50%{background:#ff323229}}@keyframes fwpSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fwpLeaderboardSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fwpConfettiFloat{0%{opacity:.4;transform:translateY(0)}to{opacity:.8;transform:translateY(-10px)}}@keyframes fwpCooldownTick{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes fwpWarBorderGlow{0%,to{border-color:#ff444426}50%{border-color:#ff44444d}}@keyframes fwpHealthCritical{0%,to{box-shadow:0 0 10px #00c85033}50%{box-shadow:0 0 20px #00c85080}}.fwp-attack-btn--cooldown .fwp-attack-cooldown-timer{animation:fwpCooldownTick 1s ease-in-out infinite}.fwp-panel{animation:fwpWarBorderGlow 4s ease-in-out infinite}.fwp-health-fill--low{animation:fwpHealthCritical 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.fwp-panel{animation:none}.fwp-panel:before{animation:none;box-shadow:none;opacity:.8}.fwp-panel:after{animation:none;opacity:.6}.fwp-header:after{animation:none;display:none}.fwp-attack-btn--ready,.fwp-health-fill--low,.fwp-health-fill:after{animation:none}.fwp-attack-btn--ready:after{animation:none;display:none}.fwp-attack-btn--cooldown .fwp-attack-cooldown-timer,.fwp-attack-damage,.fwp-effect--debuff,.fwp-leaderboard,.fwp-panel--hit,.fwp-repelled-title,.fwp-repelled:before,.fwp-skeleton{animation:none}}@media (max-width:600px){.fwp-attack-section{flex-wrap:wrap}.fwp-attack-btn{justify-content:center;width:100%}.fwp-participants{text-align:left;width:100%}.fwp-lb-attacks{width:40px}}.seasonal-shop{margin-top:.5rem}.seasonal-shop__card{max-width:900px}.seasonal-shop__balance{align-items:center;background:#0003;border-radius:6px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.seasonal-shop__balance-label{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-weight:600}.seasonal-shop__balance-value{color:#f0c14b;color:var(--accent,#f0c14b);font-size:1.25rem;font-weight:700}.seasonal-shop__hint{color:#888;color:var(--text-muted,#888);font-size:.9rem;margin-bottom:1rem}.seasonal-shop__empty,.seasonal-shop__loading,.seasonal-shop__no-items{color:#888;color:var(--text-muted,#888);padding:1rem;text-align:center}.seasonal-shop__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.seasonal-shop__item{background:#00000026;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.seasonal-shop__item-name{font-size:1rem;font-weight:600}.seasonal-shop__item-desc{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:.85rem}.seasonal-shop__item-cost{color:#f0c14b;color:var(--accent,#f0c14b);font-weight:600}.seasonal-shop__item-reward{color:#888;color:var(--text-muted,#888);font-size:.9rem}.seasonal-shop__item button{margin-top:auto}.wave-event-panel{margin-top:1rem}.wave-event-panel__empty,.wave-event-panel__loading{color:#888;color:var(--text-muted,#888);padding:.5rem 0}.wave-event-panel__desc{color:#b0b0b0;color:var(--text-secondary,#b0b0b0);font-size:.9rem;margin-bottom:.75rem}.wave-event-panel__status{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.wave-event-panel__my{color:#f0c14b;color:var(--accent,#f0c14b)}.wave-event-panel__signup{background:#0003;border-radius:8px;margin-bottom:1rem;padding:1rem}.wave-event-panel__mech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;max-height:200px;overflow-y:auto}.wave-event-panel__mech-item{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.35rem}.wave-event-panel__signup-actions{display:flex;gap:.5rem}.wave-event-panel__leaderboard h4{font-size:1rem;margin-bottom:.5rem}.wave-event-panel__leaderboard ol{font-size:.9rem;margin:0;padding-left:1.25rem}.wave-event-panel__leaderboard li{margin-bottom:.25rem}.events-page{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);min-height:80vh;overflow:hidden;padding:1rem;position:relative;width:100%}@media (min-width:1920px){.events-page{max-width:min(1800px,98vw)}}@media (min-width:2560px){.events-page{max-width:min(2600px,98vw)}}.evt-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.evt-star{animation:evtStarTwinkle 3s ease-in-out 0s infinite;animation:evtStarTwinkle var(--star-dur,3s) ease-in-out var(--star-delay,0s) infinite;background:#fff;border-radius:50%;height:2px;height:var(--star-size,2px);opacity:0;position:absolute;width:2px;width:var(--star-size,2px)}@keyframes evtStarTwinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.events-page>.error-card,.events-page>.events-tabs,.events-page>.featured-event,.events-page>.page-header,.events-page>.season-info-card{position:relative;z-index:1}.events-page__title{align-items:center;animation:evtSlideDown .5s ease-out;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 .25rem}.evt-title-icon{display:inline-block;height:24px;position:relative;width:24px}.evt-title-icon:before{border:2px solid #6366f1;border:2px solid var(--color-brand-primary,#6366f1);border-radius:4px;content:"";inset:2px;position:absolute;transform:rotate(45deg)}.evt-title-icon:after{animation:evtTitlePulse 2s ease-in-out infinite;background:#6366f1;background:var(--color-brand-primary,#6366f1);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}@keyframes evtTitlePulse{0%,to{box-shadow:0 0 0 0 #6366f166}50%{box-shadow:0 0 8px 4px #6366f126}}.events-page .page-description{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.875rem;margin-bottom:1rem}.season-info-card{animation:evtFadeIn .6s ease-out .1s both;margin-bottom:1rem}.season-card__content{gap:1rem;padding:.5rem 0}.season-icon-css{animation:evtSeasonSpin 8s linear infinite;background:conic-gradient(from 0deg,#f59e0b,#ef4444,#8b5cf6,#3b82f6,#22c55e,#f59e0b);border-radius:50%;height:36px;position:relative;width:36px}.season-icon-css:after{background:#1e293b;background:var(--color-surface,#1e293b);border-radius:50%;content:"";inset:4px;position:absolute}@keyframes evtSeasonSpin{to{transform:rotate(1turn)}}.season-card__name{font-size:1rem;font-weight:600}.season-card__theme{font-size:.8rem}.season-card__days,.season-card__theme{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.season-card__days{font-size:.85rem;font-weight:500}.season-card__days--urgent{animation:evtUrgentPulse 1.5s ease-in-out infinite;color:#ef4444}@keyframes evtUrgentPulse{0%,to{opacity:1}50%{opacity:.6}}.featured-event{animation:evtFadeIn .6s ease-out .2s both;margin-bottom:1rem}.featured-event-card{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133}.battle-pass-preview{align-items:center;gap:1.5rem}.battle-pass-info p{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.875rem;margin:0 0 .75rem}.battle-pass-progress{margin-top:.5rem}.progress-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem;margin-bottom:.25rem}.events-page .progress-bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--color-brand-primary,#6366f1),#8b5cf6);border-radius:4px;transition:width .6s ease-out}.progress-bar-fill:after{animation:evtShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0}@keyframes evtShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.battle-pass-image{flex-shrink:0;height:80px;width:120px}.image-placeholder{align-items:center;background:#6366f11f;border:1px dashed #6366f14d;border-radius:8px;display:flex;height:100%;justify-content:center;width:100%}.bp-preview-icon{display:block;height:32px;position:relative;width:32px}.bp-preview-icon:before{border:solid #6366f180;border-radius:0 0 4px 4px;border-width:2px 2px 3px;bottom:0;content:"";height:18px;left:4px;position:absolute;width:24px}.bp-preview-icon:after{border-bottom:10px solid #6366f180;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:0}.card-actions{gap:.5rem}@keyframes evtFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.events-tabs{animation:evtFadeIn .6s ease-out .3s both;position:relative;z-index:1}.tab-icon-css{margin-right:4px}.tab-icon-css--flame:before{animation:evtFlameFlicker .8s ease-in-out infinite alternate;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}@keyframes evtFlameFlicker{0%{transform:translateX(-50%) scaleY(1) scaleX(1)}to{transform:translateX(-50%) scaleY(1.1) scaleX(.9)}}.tab-icon-css--calendar:before{border:1.5px solid;border-top:3px solid;inset:1px;position:absolute}.tab-icon-css--calendar:after{background:currentColor;border-radius:1px;bottom:3px;box-shadow:5px 0 0 currentColor;content:"";height:3px;left:4px;position:absolute;width:3px}.tab-icon-css--trophy:before{border:1.5px solid #f59e0b;border-bottom:none;border-radius:0 0 6px 6px;height:8px;left:2px;position:absolute;top:1px}.tab-icon-css--trophy:after{border-bottom:1.5px solid #f59e0b;border-left:1.5px solid #f59e0b;border-right:1.5px solid #f59e0b;bottom:1px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.tab-icon-css--swords:after,.tab-icon-css--swords:before{background:currentColor;border-radius:1px;content:"";height:14px;position:absolute;top:1px;width:2px}.tab-icon-css--swords:before{left:4px;transform:rotate(-30deg)}.tab-icon-css--swords:after{right:4px;transform:rotate(30deg)}.tab-icon-css--grid:before{background:linear-gradient(currentColor 1px,#0000 0),linear-gradient(90deg,currentColor 1px,#0000 0);background-size:5px 5px;inset:1px;opacity:.7;position:absolute}.event-icon-css{display:inline-block;height:20px;margin-right:6px;position:relative;vertical-align:middle;width:20px}.event-icon--trophy:before{border:2px solid #f59e0b;border-bottom:none;border-radius:0 0 8px 8px;height:10px;left:2px;position:absolute;top:0;width:16px}.event-icon--trophy:after{border-bottom:2px solid #f59e0b;border-left:2px solid #f59e0b;border-right:2px solid #f59e0b;bottom:0;content:"";height:6px;width:6px}.event-icon--star:before,.event-icon--trophy:after{left:50%;position:absolute;transform:translateX(-50%)}.event-icon--star:before{border-bottom:10px solid #eab308;top:1px}.event-icon--star:after,.event-icon--star:before{border-left:6px solid #0000;border-right:6px solid #0000;height:0;width:0}.event-icon--star:after{border-top:7px solid #eab308;bottom:1px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.event-icon--cart:before{border:2px solid #22c55e;border-radius:0 0 4px 4px;border-top:none;bottom:4px;height:10px;left:2px;position:absolute}.event-icon--cart:after{background:#22c55e;border-radius:50%;bottom:1px;box-shadow:8px 0 0 #22c55e;content:"";height:4px;left:4px;position:absolute;width:4px}.event-icon--shield:before{border:2px solid #3b82f6;border-radius:0 0 50% 50%;border-top-left-radius:2px;border-top-right-radius:2px;height:16px;left:3px;position:absolute;top:1px}.event-icon--target:before{border:2px solid #ef4444;height:16px;width:16px}.event-icon--target:after,.event-icon--target:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.event-icon--target:after{background:#ef4444;border-radius:50%;content:"";height:6px;width:6px}.event-icon--gamepad:before{border:2px solid #94a3b8;border:2px solid var(--color-text-secondary,#94a3b8);border-radius:8px;left:2px;position:absolute;top:4px;width:16px}.event-icon--gamepad:after{background:#94a3b8;background:var(--color-text-secondary,#94a3b8);border-radius:50%;box-shadow:5px 0 0 #94a3b8;box-shadow:5px 0 0 var(--color-text-secondary,#94a3b8);content:"";height:3px;left:6px;position:absolute;top:7px;width:3px}.reward-icon-css{display:inline-block;height:24px;position:relative;width:24px}.reward-icon--currency:before{border:2px solid #f59e0b;height:18px;width:18px}.reward-icon--currency:after,.reward-icon--currency:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.reward-icon--currency:after{background:#f59e0b;box-shadow:-3px 0 0 #f59e0b,3px 0 0 #f59e0b;content:"";height:10px;width:2px}.reward-icon--component:before{border:2px solid #8b5cf6;border-radius:3px;inset:3px;position:absolute;transform:rotate(45deg)}.reward-icon--skin:before{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:4px 4px 8px 8px;height:18px;left:4px;opacity:.8;position:absolute;top:2px;width:16px}.reward-icon--title:before{background:#3b82f6;border-radius:1px;box-shadow:0 -5px 0 #3b82f6,0 5px 0 #3b82f6;height:2px}.reward-icon--emote:before,.reward-icon--title:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.reward-icon--emote:before{border:2px solid #22c55e;height:16px}.reward-icon--emote:after{border-bottom:2px solid #22c55e;border-radius:0 0 8px 8px;content:"";height:4px;left:50%;position:absolute;top:13px;transform:translateX(-50%);width:8px}.reward-icon--gift:before{border:2px solid #6366f1;border-radius:2px;left:3px;position:absolute;top:6px;width:18px}.reward-icon--gift:after{border:2px solid #6366f1;border-bottom:none;border-radius:4px 4px 0 0;content:"";height:6px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:8px}.events-page .empty-state{animation:evtFadeIn .4s ease-out;padding:3rem 1rem;text-align:center}.empty-icon-css{margin:0 auto 1rem;opacity:.4;position:relative}.empty-icon-css--calendar:before{border:3px solid;border-radius:4px;border-top:6px solid;inset:4px;position:absolute}.empty-icon-css--calendar:after{background:currentColor;border-radius:2px;bottom:10px;box-shadow:14px 0 0 currentColor;content:"";height:8px;left:12px;position:absolute;width:8px}.empty-icon-css--trophy:before{border:3px solid;border-bottom:none;border-radius:0 0 18px 18px;height:24px;left:6px;position:absolute;top:2px;width:36px}.empty-icon-css--trophy:after{border-bottom:3px solid;border-left:3px solid;border-right:3px solid;bottom:2px;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%);width:12px}.empty-icon-css--swords:after,.empty-icon-css--swords:before{background:currentColor;border-radius:2px;content:"";height:36px;position:absolute;top:4px;width:3px}.empty-icon-css--swords:before{left:14px;transform:rotate(-25deg)}.empty-icon-css--swords:after{right:14px;transform:rotate(25deg)}.empty-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.empty-description{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.875rem;margin:0 auto;max-width:400px}.event-list{display:flex;flex-direction:column;gap:1rem}.event-card{animation:evtCardEntrance .4s ease-out both;transition:transform .2s,box-shadow .2s}.event-card:hover{box-shadow:0 4px 20px #00000026}.event-card:first-child{animation-delay:0s}.event-card:nth-child(2){animation-delay:.08s}.event-card:nth-child(3){animation-delay:.16s}.event-card:nth-child(4){animation-delay:.24s}.event-card:nth-child(5){animation-delay:.32s}@keyframes evtCardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.event-card--urgent{animation:evtCardEntrance .4s ease-out both,evtUrgentBorder 2s ease-in-out infinite;border-color:#ef444466}@keyframes evtUrgentBorder{0%,to{border-color:#ef444466}50%{border-color:#ef4444b3;box-shadow:0 0 12px #ef444426}}.event-title{flex-wrap:wrap;gap:.5rem}.event-type-badge{font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.event-type-badge--tournament{background:#f59e0b26;color:#f59e0b}.event-type-badge--seasonal{background:#22c55e26;color:#22c55e}.event-type-badge--special{background:#8b5cf626;color:#8b5cf6}.event-type-badge--world-event{background:#3b82f626;color:#3b82f6}.event-type-badge--crafting_frenzy{background:#ec489926;color:#ec4899}.event-type-badge--credit_rush{background:#f59e0b26;color:#f59e0b}.event-type-badge--xp_boost{background:#22c55e26;color:#22c55e}.event-type-badge--market_madness{background:#ec489926;color:#ec4899}.event-type-badge--repair_discount{background:#3b82f626;color:#3b82f6}.event-content{gap:.75rem}.event-description{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.875rem}.event-rewards{background:#ffffff08;padding:.5rem}.rewards-title{gap:.25rem;margin-bottom:.25rem}.rewards-icon{height:14px;width:14px}.rewards-icon:before{border:1.5px solid #f59e0b;border-radius:50%}.rewards-list{gap:.25rem}.reward-item{background:#6366f11a;padding:2px 8px}.event-dates{font-size:.8rem}.date-item{gap:.25rem}.event-footer{gap:.5rem}.event-timing{gap:.25rem}.timing-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.event-timing--urgent .timing-label{color:#ef4444}.battle-pass{animation:evtFadeIn .4s ease-out;position:relative}.battle-pass-header{align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.bp-name{font-size:1.25rem;margin:0 0 .25rem}.bp-description{font-size:.875rem;margin-bottom:.25rem}.bp-dates,.bp-description{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.bp-dates{font-size:.8rem}.bp-actions{flex-shrink:0}.premium-badge{align-items:center;animation:evtPremiumShine 3s ease-in-out infinite;border-radius:6px;color:var(--color-text-on-badge);display:inline-flex;font-size:.85rem;font-weight:600;gap:.25rem;padding:6px 14px}.premium-icon{display:inline-block;height:14px;position:relative;width:14px}.premium-icon:before{border:2px solid #000;inset:0}.premium-icon:after,.premium-icon:before{border-radius:50%;content:"";position:absolute}.premium-icon:after{background:#000;height:6px;left:50%;top:50%;transform:translate(-50%,-50%);width:6px}@keyframes evtPremiumShine{0%,to{box-shadow:0 0 0 0 #f59e0b00}50%{box-shadow:0 0 12px 2px #f59e0b4d}}.bp-progress-card{margin-bottom:1rem}.bp-progress{display:flex;flex-direction:column;gap:.5rem}.level-display{gap:.25rem}.current-level{color:#6366f1;color:var(--color-brand-primary,#6366f1);font-size:1.5rem}.max-level{font-size:1rem}.max-level,.xp-needed{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.xp-needed{font-size:.8rem}.rewards-timeline{margin-bottom:1.5rem}.rewards-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.events-page .section-title{font-size:1rem;font-weight:600;margin:0}.rewards-track{gap:.5rem}.reward-level{align-items:flex-start;animation:evtRewardSlideIn .3s ease-out both;border-radius:8px;gap:1rem;padding:.5rem;transition:background .2s,transform .2s}.reward-level:first-child{animation-delay:0s}.reward-level:nth-child(2){animation-delay:.05s}.reward-level:nth-child(3){animation-delay:.1s}.reward-level:nth-child(4){animation-delay:.15s}.reward-level:nth-child(5){animation-delay:.2s}@keyframes evtRewardSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.reward-level.current{background:#6366f114;border:1px solid #6366f133}.reward-level.past{opacity:.6}.reward-level.just-claimed{animation:evtClaimFlash .6s ease-out}@keyframes evtClaimFlash{0%{background:#f59e0b4d;transform:scale(1.02)}to{background:#0000;transform:scale(1)}}.level-marker{gap:4px;min-width:36px}.level-number{background:#ffffff0d;border:2px solid #ffffff26;font-size:.85rem;font-weight:600;height:32px;transition:border-color .2s,background .2s;width:32px}.reward-level.current .level-number{animation:evtCurrentLevelGlow 2s ease-in-out infinite;background:#6366f126;border-color:#6366f1;border-color:var(--color-brand-primary,#6366f1)}@keyframes evtCurrentLevelGlow{0%,to{box-shadow:0 0 0 0 #6366f100}50%{box-shadow:0 0 10px 3px #6366f140}}.reward-level.past .level-number{background:#22c55e26;border-color:#22c55e4d}.level-line{background:#ffffff1a;height:20px}.level-rewards{flex-wrap:wrap;gap:.75rem}.free-reward,.premium-reward{min-width:180px}.reward-label{font-size:.65rem;font-weight:600;margin-bottom:2px}.reward-label--free{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.reward-label--premium{color:#f59e0b}.reward-card{transition:transform .2s,box-shadow .2s}.reward-card:hover{transform:translateY(-1px)}.reward-card.premium{border-color:#f59e0b33}.reward-card.claimed{opacity:.5}.reward-content{gap:.5rem}.reward-details{min-width:0}.reward-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-type{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.7rem}.reward-action{flex-shrink:0}.claimed-tag,.locked-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;gap:4px;padding:2px 8px}.claimed-tag{background:#22c55e26;color:#22c55e}.locked-tag{background:#ef44441a;color:#94a3b8}.claimed-icon,.locked-icon{display:inline-block;height:10px;position:relative;width:10px}.claimed-icon:before{border-bottom:2px solid;border-right:2px solid;top:3px;transform:rotate(45deg);width:4px}.claimed-icon:before,.locked-icon:before{content:"";height:6px;left:1px;position:absolute}.locked-icon:before{border:1.5px solid;border-radius:1px;bottom:0;width:8px}.locked-icon:after{border:1.5px solid;border-bottom:none;border-radius:4px 4px 0 0;content:"";height:5px;left:2px;position:absolute;top:0;width:6px}.show-more-rewards{padding:.5rem}.bp-celebration{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}.bp-confetti{animation:evtConfettiBurst 1s ease-out 0s both;animation:evtConfettiBurst 1s ease-out var(--confetti-delay,0s) both;border-radius:2px;height:8px;position:absolute;width:8px}.bp-confetti:nth-child(odd){background:#f59e0b}.bp-confetti:nth-child(2n){background:#8b5cf6}.bp-confetti:nth-child(3n){background:#22c55e}.bp-confetti:nth-child(4n){background:#ec4899}@keyframes evtConfettiBurst{0%{opacity:1;transform:rotate(0deg) translate(0) scale(1)}to{opacity:0;transform:rotate(0deg) translate(80px,-80px) scale(.3);transform:rotate(var(--confetti-angle,0deg)) translate(80px,-80px) scale(.3)}}.bp-xp-toast-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;left:50%;pointer-events:none;position:fixed;top:15%;transform:translateX(-50%);z-index:var(--z-index-fixed)}.bp-xp-toast{align-items:center;animation:evtXpToastFloat 2.2s ease-out forwards;background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);border-radius:100px;box-shadow:0 4px 20px #fbbf2466,0 0 40px #fbbf2426;color:#1a1a2e;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:.6rem 1.2rem;white-space:nowrap}.bp-xp-toast-icon{display:inline-block;height:18px;position:relative;width:18px}.bp-xp-toast-icon:before{background:#1a1a2e;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";inset:0;position:absolute}@keyframes evtXpToastFloat{0%{opacity:0;transform:translateY(20px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.05)}25%{transform:translateY(-5px) scale(1)}70%{opacity:1;transform:translateY(-15px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.9)}}.bp-challenges{margin-top:1rem}.challenges-coming-soon{align-items:center;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:8px;color:#94a3b8;color:var(--color-text-secondary,#94a3b8);display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:1.5rem}.challenges-icon{display:inline-block;height:16px;position:relative;width:16px}.challenges-icon:before{border:2px solid;border-radius:50%;content:"";inset:0;position:absolute}.challenges-icon:after{background:currentColor;box-shadow:0 -3px 0 currentColor,0 3px 0 currentColor;content:"";height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.event-calendar{animation:evtFadeIn .4s ease-out}.calendar-header{margin-bottom:1rem}.current-month-title{font-size:1.1rem;font-weight:600;margin:0}.nav-arrow{height:10px;position:relative;width:10px}.nav-arrow--prev:before{border-bottom:2px solid;border-left:2px solid;transform:translate(-30%,-50%) rotate(45deg)}.nav-arrow--next:before,.nav-arrow--prev:before{content:"";height:6px;left:50%;position:absolute;top:50%;width:6px}.nav-arrow--next:before{border-right:2px solid;border-top:2px solid;transform:translate(-70%,-50%) rotate(45deg)}.calendar-filters{gap:.5rem;margin-bottom:1rem}.calendar-filter-pill{background:#0000;border:1px solid #ffffff26;color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem;transition:all .2s}.calendar-filter-pill:hover{color:#e2e8f0;color:var(--color-text-primary,#e2e8f0)}.calendar-filter-pill.active,.calendar-filter-pill:hover{border-color:#6366f1;border-color:var(--color-brand-primary,#6366f1)}.calendar-filter-pill.active{background:#6366f1;background:var(--color-brand-primary,#6366f1);color:#fff}.calendar-grid{border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.calendar-days{background:#ffffff08}.calendar-day.weekday{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.75rem;font-weight:600;padding:.5rem;text-align:center;text-transform:uppercase}.calendar-body{display:flex;flex-direction:column}.calendar-cell{border:1px solid #ffffff0a;min-height:60px;padding:4px;position:relative;transition:background .15s}.calendar-cell:hover{background:#6366f10f}.calendar-cell:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-brand-primary,#6366f1);outline-offset:-2px;z-index:1}.calendar-cell.other-month{opacity:.3}.calendar-cell.today{background:#6366f114}.calendar-cell.today .date-number{color:#6366f1;color:var(--color-brand-primary,#6366f1);font-weight:700}.calendar-cell.selected{background:#6366f126;border-color:#6366f14d}.calendar-cell.has-events .date-number{font-weight:600}.cell-content{gap:2px}.date-number{font-size:.8rem;font-weight:400}.cell-events{flex-wrap:wrap}.event-indicator{align-items:center;animation:evtIndicatorPop .3s ease-out;border-radius:3px;color:#fff;display:flex;font-size:8px;font-weight:700;height:16px;justify-content:center;width:16px}@keyframes evtIndicatorPop{0%{transform:scale(0)}to{transform:scale(1)}}.event-type-tournament{background:#f59e0bcc}.event-type-seasonal{background:#22c55ecc}.event-type-special{background:#8b5cf6cc}.event-type-world-event{background:#3b82f6cc}.event-type-crafting_frenzy{background:#ec4899cc}.event-type-credit_rush{background:#f59e0bcc}.event-type-xp_boost{background:#22c55ecc}.event-type-market_madness{background:#ec4899cc}.event-type-repair_discount{background:#3b82f6cc}.more-events{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:8px;padding:0 2px}.selected-date-events{animation:evtFadeIn .3s ease-out;margin-top:1rem}.selected-date-header{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem}.cal-date-icon{display:inline-block;height:16px;position:relative;width:16px}.cal-date-icon:before{border:1.5px solid;border-radius:3px;border-top:3px solid;content:"";inset:0;position:absolute}.no-events{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.875rem;padding:1rem}.calendar-event-item{align-items:flex-start;animation:evtCardEntrance .3s ease-out;background:#ffffff08;border-radius:6px;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background .2s}.calendar-event-item:hover{background:#ffffff0f}.event-color{border-radius:2px;flex-shrink:0;height:100%;min-height:40px}.event-info .event-title{font-size:.9rem;font-weight:600;margin-bottom:2px}.event-info .event-desc,.event-info .event-timing{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem}.event-info .event-desc{margin-top:4px}.tournament-list{display:flex;flex-direction:column;gap:1rem}.tournament-card{animation:evtCardEntrance .4s ease-out both;transition:transform .2s,box-shadow .2s}.tournament-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.tournament-title-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.tournament-content{gap:.75rem}.tournament-description{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.875rem}.tournament-details-grid{grid-gap:.5rem;gap:.5rem}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.7rem}.detail-value{font-size:.9rem;font-weight:500}.tournament-rewards-section{background:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:6px;padding:.5rem}.tournament-reward-item{font-size:.85rem;gap:.5rem;padding:2px 0}.reward-place{color:#f59e0b;font-weight:700;min-width:28px}.more-rewards-item{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem;padding:2px 0}.player-tournament-status{background:#6366f10f;border:1px solid #6366f11a;border-radius:6px;padding:.5rem}.status-header{gap:.5rem}.status-title{font-size:.85rem;font-weight:500}.next-match-info{align-items:center;color:#94a3b8;color:var(--color-text-secondary,#94a3b8);display:flex;font-size:.8rem;gap:.5rem;margin-top:.25rem}.match-round{background:#6366f126;border-radius:3px;font-size:.75rem;padding:1px 6px}.tournament-footer-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.tournament-timing{font-size:.85rem}.evt-confirm-overlay{align-items:center;animation:evtOverlayFade .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}@keyframes evtOverlayFade{0%{opacity:0}to{opacity:1}}.evt-confirm-modal{animation:evtModalPop .3s ease-out;background:#1e293b;background:var(--color-surface,#1e293b);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #0006;max-width:400px;padding:2rem;text-align:center;width:90%}@keyframes evtModalPop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.evt-confirm-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:2px solid #f59e0b4d;border-radius:50%;height:48px;margin:0 auto 1rem;position:relative;width:48px}.evt-confirm-icon:before{border:3px solid #f59e0b;border-radius:50%;height:20px;width:20px}.evt-confirm-icon:after,.evt-confirm-icon:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.evt-confirm-icon:after{background:#f59e0b;box-shadow:-4px 0 0 #f59e0b,4px 0 0 #f59e0b;height:10px;width:2px}.evt-confirm-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.evt-confirm-desc{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.evt-confirm-actions{display:flex;gap:.75rem;justify-content:center}.events-page .skeleton-line{animation:evtSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:4px}@keyframes evtSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line--title{margin-bottom:.5rem}.skeleton-line--text{margin-bottom:.25rem}.skeleton-line--circle{height:32px;width:32px}.skeleton-line--cell{width:100%}.event-card-skeleton{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:.75rem;padding:1.25rem}.bp-skeleton-header,.bp-skeleton-progress{margin-bottom:1rem}.bp-skeleton-reward{gap:.75rem;margin-bottom:.5rem;padding:.5rem}.calendar-skeleton-header{margin-bottom:1rem}.tournament-card-skeleton{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:.75rem;padding:1.25rem}.event-timers{padding:.5rem}.event-timers__empty{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.85rem;padding:.5rem 0}.event-timers .events-list{display:flex;flex-direction:column;gap:.5rem}.event-timers .event-item{align-items:center;background:#ffffff08;border-radius:6px;display:flex;gap:.5rem;padding:.5rem;transition:background .2s}.event-timers .event-item:hover{background:#ffffff0f}.event-timers .event-name{font-size:.85rem;font-weight:500}.event-timers .event-countdown{font-size:.8rem}.countdown-label,.event-timers .event-countdown{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}@media (max-width:768px){.events-page{padding:.5rem}.battle-pass-preview{flex-direction:column}.battle-pass-image{height:60px;width:100%}.battle-pass-header{flex-direction:column}.tournament-details-grid{grid-template-columns:1fr}.level-rewards{flex-direction:column}.free-reward,.premium-reward{min-width:0}.calendar-cell{min-height:40px}.event-footer{align-items:flex-start;flex-direction:column}.season-card__content{flex-wrap:wrap}.evt-confirm-modal{padding:1.5rem}}@media (min-width:1200px){.event-list,.tournament-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media (min-width:1920px){.calendar-cell{min-height:80px}.event-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:2560px){.event-list{grid-template-columns:repeat(4,1fr)}.tournament-list{grid-template-columns:repeat(3,1fr)}}.event-list-wrapper{display:flex;flex-direction:column;gap:.75rem}.event-list-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.event-filter-pills{display:flex;flex-wrap:wrap;gap:.5rem}.event-sort-control{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.event-sort-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem}.event-sort-select{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#e2e8f0;color:var(--color-text-primary,#e2e8f0);cursor:pointer;font-size:.8rem;padding:4px 8px;transition:border-color .2s}.event-sort-select:focus,.event-sort-select:hover{border-color:#6366f1;border-color:var(--color-brand-primary,#6366f1);outline:none}.event-multiplier{animation:evtMultiplierGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b1f,#eab30814);border:1px solid #f59e0b33;display:inline-flex;font-size:.85rem;gap:.5rem;padding:4px 10px}.multiplier-icon{display:inline-block;height:14px;position:relative;width:14px}.multiplier-icon:before{border:2px solid #f59e0b;border-radius:50%;content:"";inset:0;position:absolute}.multiplier-icon:after{border-bottom:6px solid #f59e0b;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:0}.multiplier-value{color:#f59e0b}.multiplier-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}@keyframes evtMultiplierGlow{0%,to{box-shadow:0 0 0 0 #f59e0b00}50%{box-shadow:0 0 8px 2px #f59e0b1a}}.reward-type-row{align-items:center;display:flex;gap:.5rem}.reward-rarity-badge{border-radius:8px;font-size:.6rem;font-weight:600;letter-spacing:.5px;padding:1px 6px;text-transform:uppercase}.reward-rarity-badge--common{background:#94a3b826;color:#94a3b8}.reward-rarity-badge--uncommon{background:#22c55e26;color:#22c55e}.reward-rarity-badge--rare{background:#3b82f626;color:#3b82f6}.reward-rarity-badge--epic{background:#8b5cf626;color:#8b5cf6}.reward-rarity-badge--legendary{animation:evtRarityLegendary 3s ease-in-out infinite;background:#f59e0b26;color:#f59e0b}@keyframes evtRarityLegendary{0%,to{box-shadow:0 0 0 0 #f59e0b00}50%{box-shadow:0 0 6px 2px #f59e0b40}}.reward-rarity--uncommon{border-left:3px solid #22c55e4d}.reward-rarity--rare{border-left:3px solid #3b82f64d}.reward-rarity--epic{border-left:3px solid #8b5cf666}.reward-rarity--legendary{background:linear-gradient(135deg,#f59e0b08,#0000);border-left:3px solid #f59e0b80}.bp-season-timer{align-items:center;color:#94a3b8;color:var(--color-text-secondary,#94a3b8);display:flex;font-size:.85rem;gap:.25rem;margin-top:.25rem}.bp-season-timer--urgent{animation:evtUrgentPulse 1.5s ease-in-out infinite;color:#ef4444}.bp-timer-label{font-weight:500}.bp-vip-note{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.75rem;margin-top:.35rem}.bp-season-warning{align-items:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem}.bp-season-warning-icon:before{animation:evtUrgentPulse 1.5s ease-in-out infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;content:"";display:inline-block;height:16px;width:16px}.bp-retroactive-hint{align-items:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:8px;color:#86efac;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.bp-retroactive-icon:before{border-bottom:2px solid;border-left:2px solid;content:"";display:inline-block;height:14px;margin-bottom:2px;transform:rotate(-45deg);width:14px}.evt-premium-value{background:linear-gradient(135deg,#f59e0b0f,#f59e0b05);border:1px solid #f59e0b26;border-radius:8px;margin:0 0 1.5rem;padding:1rem;text-align:left}.evt-premium-value__header{align-items:center;color:#f59e0b;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.evt-value-icon{display:inline-block;height:16px;position:relative;width:16px}.evt-value-icon:before{border:2px solid #f59e0b;inset:0}.evt-value-icon:after,.evt-value-icon:before{border-radius:50%;content:"";position:absolute}.evt-value-icon:after{background:#f59e0b;height:6px;left:50%;top:50%;transform:translate(-50%,-50%);width:6px}.evt-premium-value__stats{display:flex;gap:2rem;margin-bottom:.75rem}.evt-value-stat{align-items:center;display:flex;flex-direction:column}.evt-value-num{color:#e2e8f0;color:var(--color-text-primary,#e2e8f0);font-size:1.25rem;font-weight:700}.evt-value-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.7rem}.evt-premium-perks{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;padding:0}.evt-premium-perks li{align-items:center;color:#94a3b8;color:var(--color-text-secondary,#94a3b8);display:flex;font-size:.8rem;gap:.5rem}.evt-perk-check{display:inline-block;flex-shrink:0;height:12px;position:relative;width:12px}.evt-perk-check:before{border-bottom:2px solid #22c55e;border-right:2px solid #22c55e;content:"";height:7px;left:1px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.world-boss-panel{animation:evtFadeIn .5s ease-out;margin-bottom:1.5rem}.world-boss-card{background:linear-gradient(135deg,#dc26261f,#ef44440f 50%,#1e1e32e6)!important;border:1px solid #ef44444d!important;overflow:hidden;position:relative}.world-boss-card:before{background:radial-gradient(ellipse at 20% 50%,#ef444414,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.world-boss-card--low{animation:evtBossLowPulse 2s ease-in-out infinite;border-color:#ef444499!important}@keyframes evtBossLowPulse{0%,to{box-shadow:0 0 15px #ef444433}50%{box-shadow:0 0 30px #ef444480,0 0 60px #ef444426}}.world-boss-content{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.world-boss-header{align-items:center;display:flex;gap:1rem}.world-boss-icon{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 4px 12px #ef44444d;flex-shrink:0;height:48px;position:relative;width:48px}.world-boss-icon:before{border-bottom:14px solid #ffffffe6;border-left:10px solid #0000;border-right:10px solid #0000;height:0;top:10px;width:0}.world-boss-icon:after,.world-boss-icon:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.world-boss-icon:after{border:2px solid #ffffffe6;border-radius:0 0 6px 6px;border-top:none;bottom:8px;height:8px;width:20px}.world-boss-info{flex:1 1;min-width:0}.world-boss-name{color:#fbbf24;font-size:1.2rem;font-weight:700;margin:0 0 .25rem;text-shadow:0 0 10px #fbbf244d}.world-boss-desc{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.85rem;line-height:1.4}.world-boss-health{display:flex;flex-direction:column;gap:.4rem}.world-boss-health-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);display:flex;font-size:.8rem;justify-content:space-between}.health-critical{animation:evtBlink 1s steps(2) infinite;color:#ef4444;font-weight:600}@keyframes evtBlink{50%{opacity:.4}}.world-boss-actions{align-items:center;display:flex;gap:1rem}.world-boss-cooldown{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem;font-style:italic}.world-boss-rewards{align-items:center;background:#fbbf2414;border:1px solid #fbbf2426;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem .8rem}.world-boss-rewards-label{color:#fbbf24;font-weight:600}.world-boss-rewards-value{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.event-detail-panel{animation:evtSlideDown .3s ease-out;border-top:1px solid #ffffff14;margin-top:.75rem;padding-top:.75rem}@keyframes evtSlideDown{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.event-participation-rewards{background:#22c55e0f;border:1px solid #22c55e26;border-radius:8px;margin-top:.75rem;padding:.75rem}.participation-header{color:#22c55e;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.participation-items{display:flex;flex-wrap:wrap;gap:.75rem}.participation-reward{align-items:center;background:#22c55e1a;border-radius:4px;color:#e2e8f0;color:var(--color-text-primary,#e2e8f0);display:inline-flex;font-size:.85rem;gap:.35rem;padding:.3rem .6rem}.event-leaderboard{background:#6366f10f;border:1px solid #6366f126;border-radius:8px;margin-top:.75rem;padding:.75rem}.leaderboard-header{color:#a78bfa;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.leaderboard-icon{display:inline-block;height:14px;position:relative;width:14px}.leaderboard-icon:before{height:10px;left:0}.leaderboard-icon:after,.leaderboard-icon:before{background:currentColor;border-radius:2px 2px 0 0;bottom:0;content:"";position:absolute;width:4px}.leaderboard-icon:after{box-shadow:5px 0 0 0 currentColor;height:14px;left:5px}.leaderboard-list{gap:.3rem}.leaderboard-entry{background:#ffffff08;border-radius:4px;font-size:.85rem;gap:.75rem;padding:.4rem .6rem;transition:background .15s ease}.leaderboard-entry:hover{background:#ffffff0f}.leaderboard-entry--top1{background:#fbbf241a;border-left:3px solid #fbbf24}.leaderboard-entry--top2{background:#c0c0c014;border-left:3px solid silver}.leaderboard-entry--top3{background:#cd7f3214;border-left:3px solid #cd7f32}.leaderboard-rank{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-weight:700;width:2rem}.leaderboard-entry--top1 .leaderboard-rank{color:#fbbf24}.leaderboard-entry--top2 .leaderboard-rank{color:silver}.leaderboard-entry--top3 .leaderboard-rank{color:#cd7f32}.leaderboard-name{color:#e2e8f0;color:var(--color-text-primary,#e2e8f0);min-width:0}.leaderboard-score{font-feature-settings:"tnum";color:#a78bfa;font-variant-numeric:tabular-nums;font-weight:600}.event-status-badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-left:.5rem;padding:.15rem .5rem;text-transform:uppercase;white-space:nowrap}.event-status-badge--completed{background:#64748b33;border:1px solid #64748b4d;color:#94a3b8}.event-status-badge--teaser{animation:evtTeaserGlow 2s ease-in-out infinite;background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}@keyframes evtTeaserGlow{0%,to{box-shadow:0 0 4px #fbbf2433}50%{box-shadow:0 0 10px #fbbf2466}}.event-card--past{border-color:#64748b33!important;opacity:.7}.event-card--past:hover{opacity:.85}.event-card--teaser{background:linear-gradient(135deg,#fbbf240a,#0000 60%)!important;border-color:#fbbf2440!important}.event-teaser{align-items:center;background:#fbbf240f;border:1px dashed #fbbf2433;border-radius:8px;display:flex;gap:1rem;padding:1rem}.teaser-icon{animation:evtTeaserPulse 2.5s ease-in-out infinite;background:#fbbf2426;border-radius:50%;flex-shrink:0;height:40px;position:relative;width:40px}.teaser-icon:before{color:#fbbf24;content:"?";font-size:1.2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes evtTeaserPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.teaser-text{flex:1 1;min-width:0}.teaser-label{color:#fbbf24;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.teaser-desc{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem;line-height:1.4}.tab-icon-css--history{display:inline-block;height:14px;margin-right:.25rem;position:relative;vertical-align:middle;width:14px}.tab-icon-css--history:before{border:2px solid;border-radius:50%;content:"";inset:0;position:absolute}.tab-icon-css--history:after{background:currentColor;box-shadow:0 1px 0 2px currentColor;content:"";height:5px;left:50%;position:absolute;top:3px;transform:translateX(-50%) rotate(30deg);transform-origin:bottom center;width:2px}.event-footer{flex-wrap:wrap;gap:.75rem}.event-timing{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.85rem;gap:.35rem}.event-timing--urgent{color:#ef4444;font-weight:600}.timing-label{font-weight:500}.event-actions{align-items:center;gap:.5rem}.event-dates{flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.date-item{align-items:center;display:flex;font-size:.8rem;gap:.35rem}.date-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-weight:500}.date-value{color:#e2e8f0;color:var(--color-text-primary,#e2e8f0)}.event-rewards{background:#fbbf240d;border:1px solid #fbbf241a;border-radius:6px;margin-top:.5rem;padding:.6rem}.rewards-title{align-items:center;color:#fbbf24;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;margin-bottom:.35rem}.rewards-icon{display:inline-block;height:12px;position:relative;width:12px}.rewards-icon:before{background:#fbbf24;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";inset:0;position:absolute}.rewards-list{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0}.reward-item{background:#ffffff0a;border-radius:4px;color:#e2e8f0;color:var(--color-text-primary,#e2e8f0);font-size:.8rem;padding:.2rem .5rem}.bp-challenge-categories{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.challenge-category{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:.75rem;transition:border-color .2s ease}.challenge-category:hover{border-color:#ffffff26}.challenge-category-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.challenge-cat-icon{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.challenge-cat-icon--daily{background:#3b82f626;border:1px solid #3b82f64d}.challenge-cat-icon--daily:before{border:2px solid #3b82f6;border-radius:50%;content:"";height:12px;width:12px}.challenge-cat-icon--weekly{background:#a855f726;border:1px solid #a855f74d}.challenge-cat-icon--weekly:before{border:2px solid var(--rarity-epic);border-radius:2px;content:"";height:10px;width:14px}.challenge-cat-icon--seasonal{background:#fbbf2426;border:1px solid #fbbf244d}.challenge-cat-icon--seasonal:before{background:#fbbf24;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:12px;width:12px}.challenge-cat-title{color:#e2e8f0;color:var(--color-text-primary,#e2e8f0);font-size:.85rem;font-weight:600}.challenge-cat-subtitle{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.7rem}.challenge-placeholder-list{display:flex;flex-direction:column;gap:.35rem}.challenge-placeholder-item{align-items:center;background:#ffffff05;border-radius:4px;color:#94a3b8;color:var(--color-text-secondary,#94a3b8);display:flex;font-size:.8rem;gap:.5rem;padding:.4rem .5rem}.challenge-placeholder-dot{background:#ffffff26;border-radius:50%;flex-shrink:0;height:6px;width:6px}.challenge-placeholder-bar{background:#ffffff0f;border-radius:2px;flex:1 1;height:4px}.challenge-xp-badge{border-radius:3px;font-size:.7rem;font-weight:600;padding:.1rem .35rem;white-space:nowrap}.challenge-cat-icon--daily+.challenge-cat-title~.challenge-xp-badge,.challenge-category:first-child .challenge-xp-badge{background:#3b82f626;color:#3b82f6}.challenge-category:nth-child(2) .challenge-xp-badge{background:#a855f726;color:var(--rarity-epic)}.bp-challenges-loading{padding:1rem}.challenge-list{display:flex;flex-direction:column;gap:.5rem}.challenge-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;display:flex;gap:.75rem;justify-content:space-between;padding:.6rem .75rem}.challenge-item--complete{background:#22c55e0f;border-color:#22c55e4d}.challenge-item--claimed{opacity:.7}.challenge-item-info{flex:1 1;min-width:0}.challenge-item-info .progress-bar{margin-top:.25rem;max-width:100%}.challenge-item-name{font-size:.85rem;font-weight:600}.challenge-item-desc{font-size:.75rem;margin-top:.1rem}.challenge-item-desc,.challenge-item-progress-label{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.challenge-item-progress-label{font-size:.7rem;margin-top:.15rem}.challenge-item-action{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.challenge-claimed-tag{color:#22c55e;font-size:.75rem}.bp-buy-levels{margin-top:.5rem}.bp-buy-levels-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}.bp-buy-levels-modal{background:#1e293b;background:var(--color-bg-elevated,#1e293b);border:1px solid #ffffff1a;border-radius:12px;min-width:280px;padding:1.25rem}.bp-buy-levels-title{font-size:1.1rem;margin:0 0 .5rem}.bp-buy-levels-desc{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.85rem;margin:0 0 1rem}.bp-buy-levels-form label{display:block;font-size:.8rem;margin-bottom:.25rem}.bp-buy-levels-form input{background:#0003;border:1px solid #fff3;border-radius:6px;box-sizing:border-box;color:inherit;font-size:1rem;padding:.5rem;width:100%}.bp-buy-levels-cost{color:#f59e0b;font-size:.9rem;font-weight:600;margin-top:.5rem}.bp-buy-levels-actions{display:flex;gap:.5rem;margin-top:1rem}.challenge-category:nth-child(3) .challenge-xp-badge{background:#fbbf2426;color:#fbbf24}@media (prefers-reduced-motion:reduce){.battle-pass,.bp-confetti,.bp-season-timer--urgent,.bp-xp-toast,.calendar-event-item,.event-calendar,.event-card,.event-card--urgent,.event-detail-panel,.event-indicator,.event-multiplier,.event-status-badge--teaser,.events-page .empty-state,.events-page__title,.events-tabs,.evt-confirm-modal,.evt-confirm-overlay,.evt-star,.evt-title-icon:after,.featured-event,.health-critical,.premium-badge,.progress-bar-fill:after,.reward-level,.reward-level.current .level-number,.reward-rarity-badge--legendary,.season-card__days--urgent,.season-icon-css,.season-info-card,.selected-date-events,.tab-icon-css--flame:before,.teaser-icon,.tournament-card,.world-boss-card--low{animation:none!important}.calendar-event-item:hover,.challenge-category:hover,.event-card:hover,.leaderboard-entry:hover,.reward-card:hover,.tournament-card:hover{transform:none}.events-page .skeleton-line{animation:none!important;background:#ffffff0f}.season-icon-css{background:#6366f1;background:var(--color-brand-primary,#6366f1)}}.tournament-battle-page,.tournament-detail-page,.tournament-history-page,.tournament-list-page{margin:0 auto;max-width:1400px;padding:20px}.tournament-battle-page .loading-spinner,.tournament-detail-page .loading-spinner,.tournament-history-page .loading-spinner,.tournament-list-page .loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.tn-spinner{animation:tnSpin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--color-brand-primary,#dc2626);height:50px;width:50px}@keyframes tnSpin{to{transform:rotate(1turn)}}.tournament-battle-page .error-message,.tournament-detail-page .error-message,.tournament-history-page .error-message,.tournament-list-page .error-message{align-items:center;background-color:#dc262626;border:1px solid #dc2626;border:1px solid var(--color-danger,#dc2626);border-radius:8px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.tournament-battle-page .error-message button,.tournament-detail-page .error-message button,.tournament-history-page .error-message button,.tournament-list-page .error-message button{background:none;border:none;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);cursor:pointer;font-size:24px;padding:0 10px}.tournament-battle-page .success-message,.tournament-detail-page .success-message,.tournament-history-page .success-message,.tournament-list-page .success-message{background-color:#22c55e26;border:1px solid #22c55e;border:1px solid var(--color-success,#22c55e);border-radius:8px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin:15px 0;padding:15px;text-align:center}.tournament-battle-page .empty-state,.tournament-detail-page .empty-state,.tournament-history-page .empty-state,.tournament-list-page .empty-state{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);padding:60px 20px;text-align:center}.tournament-battle-page .empty-state h3,.tournament-detail-page .empty-state h3,.tournament-history-page .empty-state h3,.tournament-list-page .empty-state h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:10px}.tournament-header{margin-bottom:40px;text-align:center}.tournament-header h1{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:42px;margin-bottom:10px}.tournament-subtitle{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:18px;margin-bottom:20px}.tournament-filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.tournament-battle-page .filter-group,.tournament-detail-page .filter-group,.tournament-history-page .filter-group,.tournament-list-page .filter-group{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:200px}.tournament-battle-page .filter-group label,.tournament-detail-page .filter-group label,.tournament-history-page .filter-group label,.tournament-list-page .filter-group label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:14px;font-weight:600}.tournament-battle-page .filter-group select,.tournament-detail-page .filter-group select,.tournament-history-page .filter-group select,.tournament-list-page .filter-group select{background-color:#141414;background-color:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:6px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);cursor:pointer;font-size:14px;padding:10px;transition:border-color .2s}.tournament-battle-page .filter-group select:hover,.tournament-detail-page .filter-group select:hover,.tournament-history-page .filter-group select:hover,.tournament-list-page .filter-group select:hover{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626)}.tournament-sections{display:flex;flex-direction:column;gap:40px}.tournament-section{margin-bottom:20px}.tournament-battle-page .section-title,.tournament-detail-page .section-title,.tournament-history-page .section-title,.tournament-list-page .section-title{align-items:center;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:flex;font-size:24px;gap:10px;margin-bottom:20px}.tournament-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tournament-battle-page .status-badge,.tournament-detail-page .status-badge,.tournament-history-page .status-badge,.tournament-list-page .status-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px}.tournament-battle-page .status-registration,.tournament-detail-page .status-registration,.tournament-history-page .status-registration,.tournament-list-page .status-registration{background-color:#22c55e33;border:1px solid #22c55e;border:1px solid var(--color-success,#22c55e);color:#22c55e;color:var(--color-success,#22c55e)}.tournament-battle-page .status-active,.tournament-detail-page .status-active,.tournament-history-page .status-active,.tournament-list-page .status-active{background-color:#f59e0b33;border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);color:#f59e0b;color:var(--color-warning,#f59e0b)}.tournament-battle-page .status-completed,.tournament-detail-page .status-completed,.tournament-history-page .status-completed,.tournament-list-page .status-completed{background-color:#a0a0a026;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.tournament-card{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.tournament-card:hover{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 10px 20px #0006;transform:translateY(-5px)}.tournament-card.registered{background:linear-gradient(to bottom right,#0d0d0d,#22c55e0d);background:linear-gradient(to bottom right,var(--color-ui-surface,#0d0d0d),#22c55e0d);border-color:#22c55e;border-color:var(--color-success,#22c55e)}.tournament-battle-page .registered-badge,.tournament-detail-page .registered-badge,.tournament-history-page .registered-badge,.tournament-list-page .registered-badge{background:#22c55e33;border:1px solid #22c55e;border:1px solid var(--color-success,#22c55e);border-radius:12px;color:#22c55e;color:var(--color-success,#22c55e);font-size:11px;font-weight:700;padding:5px 12px;position:absolute;right:10px;top:10px}.tournament-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.tournament-card-title{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);flex:1 1;font-size:20px;margin:0}.tournament-battle-page .status-indicator,.tournament-detail-page .status-indicator,.tournament-history-page .status-indicator,.tournament-list-page .status-indicator{border-radius:12px;font-size:10px;font-weight:700;padding:4px 10px;white-space:nowrap}.tournament-card-info{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.tournament-battle-page .info-row,.tournament-detail-page .info-row,.tournament-history-page .info-row,.tournament-list-page .info-row{align-items:center;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);display:flex;font-size:14px;gap:10px}.tournament-battle-page .info-icon,.tournament-detail-page .info-icon,.tournament-history-page .info-icon,.tournament-list-page .info-icon{font-size:18px;text-align:center;width:24px}.tournament-card-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border,#2a2a2a);padding-top:15px;text-align:center}.tournament-battle-page .card-action-hint,.tournament-detail-page .card-action-hint,.tournament-history-page .card-action-hint,.tournament-list-page .card-action-hint{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:14px;font-weight:600}.tournament-battle-page .bracket-badge,.tournament-battle-page .format-badge,.tournament-detail-page .bracket-badge,.tournament-detail-page .format-badge,.tournament-history-page .bracket-badge,.tournament-history-page .format-badge,.tournament-list-page .bracket-badge,.tournament-list-page .format-badge{border-radius:12px;font-size:11px;font-weight:700;margin-left:5px;padding:4px 10px}.tournament-battle-page .format-badge,.tournament-detail-page .format-badge,.tournament-history-page .format-badge,.tournament-list-page .format-badge{background-color:#dc262633;border:1px solid #dc2626;border:1px solid var(--color-brand-primary,#dc2626);color:#dc2626;color:var(--color-brand-primary,#dc2626)}.tournament-battle-page .bracket-badge,.tournament-detail-page .bracket-badge,.tournament-history-page .bracket-badge,.tournament-list-page .bracket-badge{color:#fff}.tournament-battle-page .bracket-rookie,.tournament-detail-page .bracket-rookie,.tournament-history-page .bracket-rookie,.tournament-list-page .bracket-rookie{background-color:#a0a0a04d}.tournament-battle-page .bracket-bronze,.tournament-detail-page .bracket-bronze,.tournament-history-page .bracket-bronze,.tournament-list-page .bracket-bronze{background-color:#cd7f3266}.tournament-battle-page .bracket-silver,.tournament-detail-page .bracket-silver,.tournament-history-page .bracket-silver,.tournament-list-page .bracket-silver{background-color:#c0c0c04d}.tournament-battle-page .bracket-gold,.tournament-detail-page .bracket-gold,.tournament-history-page .bracket-gold,.tournament-list-page .bracket-gold{background-color:#ffd7004d;color:gold}.tournament-battle-page .bracket-platinum,.tournament-detail-page .bracket-platinum,.tournament-history-page .bracket-platinum,.tournament-list-page .bracket-platinum{background-color:#e5e4e233;color:#e5e4e2}.tournament-battle-page .bracket-diamond,.tournament-detail-page .bracket-diamond,.tournament-history-page .bracket-diamond,.tournament-list-page .bracket-diamond{background-color:#b9f2ff33;color:#b9f2ff}.tournament-battle-page .bracket-champion,.tournament-detail-page .bracket-champion,.tournament-history-page .bracket-champion,.tournament-list-page .bracket-champion{background-color:#9b59b64d;color:#9b59b6}.tournament-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.tournament-battle-page .btn-back,.tournament-detail-page .btn-back,.tournament-history-page .btn-back,.tournament-list-page .btn-back{background-color:#141414;background-color:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:6px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.tournament-battle-page .btn-back:hover,.tournament-detail-page .btn-back:hover,.tournament-history-page .btn-back:hover,.tournament-list-page .btn-back:hover{background-color:#1a1a1a;background-color:var(--color-ui-hover,#1a1a1a);border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626)}.tournament-title-section{flex:1 1;min-width:300px}.tournament-title-section h1{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:32px;margin-bottom:10px}.tournament-meta{display:flex;flex-wrap:wrap;gap:10px}.tournament-actions{gap:10px}.tournament-battle-page .btn-danger,.tournament-battle-page .btn-primary,.tournament-battle-page .btn-secondary,.tournament-detail-page .btn-danger,.tournament-detail-page .btn-primary,.tournament-detail-page .btn-secondary,.tournament-history-page .btn-danger,.tournament-history-page .btn-primary,.tournament-history-page .btn-secondary,.tournament-list-page .btn-danger,.tournament-list-page .btn-primary,.tournament-list-page .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.tournament-battle-page .btn-primary,.tournament-detail-page .btn-primary,.tournament-history-page .btn-primary,.tournament-list-page .btn-primary{background-color:#dc2626;background-color:var(--color-brand-primary,#dc2626);color:#fff}.tournament-battle-page .btn-primary:hover:not(:disabled),.tournament-detail-page .btn-primary:hover:not(:disabled),.tournament-history-page .btn-primary:hover:not(:disabled),.tournament-list-page .btn-primary:hover:not(:disabled){background-color:#ef4444;background-color:var(--color-brand-primary-bright,#ef4444)}.tournament-battle-page .btn-secondary,.tournament-detail-page .btn-secondary,.tournament-history-page .btn-secondary,.tournament-list-page .btn-secondary{background-color:#141414;background-color:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);color:#f5f5f5;color:var(--color-text-primary,#f5f5f5)}.tournament-battle-page .btn-secondary:hover:not(:disabled),.tournament-detail-page .btn-secondary:hover:not(:disabled),.tournament-history-page .btn-secondary:hover:not(:disabled),.tournament-list-page .btn-secondary:hover:not(:disabled){background-color:#1a1a1a;background-color:var(--color-ui-hover,#1a1a1a);border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626)}.tournament-battle-page .btn-danger,.tournament-detail-page .btn-danger,.tournament-history-page .btn-danger,.tournament-list-page .btn-danger{background-color:#dc262633;border:1px solid #dc2626;border:1px solid var(--color-danger,#dc2626);color:#dc2626;color:var(--color-danger,#dc2626)}.tournament-battle-page .btn-danger:hover:not(:disabled),.tournament-detail-page .btn-danger:hover:not(:disabled),.tournament-history-page .btn-danger:hover:not(:disabled),.tournament-list-page .btn-danger:hover:not(:disabled){background-color:#dc262659}.tournament-battle-page .btn-danger:disabled,.tournament-battle-page .btn-primary:disabled,.tournament-battle-page .btn-secondary:disabled,.tournament-detail-page .btn-danger:disabled,.tournament-detail-page .btn-primary:disabled,.tournament-detail-page .btn-secondary:disabled,.tournament-history-page .btn-danger:disabled,.tournament-history-page .btn-primary:disabled,.tournament-history-page .btn-secondary:disabled,.tournament-list-page .btn-danger:disabled,.tournament-list-page .btn-primary:disabled,.tournament-list-page .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.tournament-info-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.tournament-battle-page .info-card,.tournament-detail-page .info-card,.tournament-history-page .info-card,.tournament-list-page .info-card{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:10px;padding:20px;text-align:center}.tournament-battle-page .info-label,.tournament-detail-page .info-label,.tournament-history-page .info-label,.tournament-list-page .info-label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:14px;margin-bottom:8px}.tournament-battle-page .info-value,.tournament-detail-page .info-value,.tournament-history-page .info-value,.tournament-list-page .info-value{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:24px;font-weight:700}.tournament-tabs{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);display:flex;gap:5px;margin-bottom:30px}.tournament-battle-page .tab,.tournament-detail-page .tab,.tournament-history-page .tab,.tournament-list-page .tab{background:none;border:none;border-bottom:3px solid #0000;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);cursor:pointer;font-size:16px;padding:12px 24px;transition:all .2s}.tournament-battle-page .tab:hover,.tournament-detail-page .tab:hover,.tournament-history-page .tab:hover,.tournament-list-page .tab:hover{color:#dc2626;color:var(--color-brand-primary,#dc2626)}.tournament-battle-page .tab.active,.tournament-detail-page .tab.active,.tournament-history-page .tab.active,.tournament-list-page .tab.active{border-bottom-color:#dc2626;border-bottom-color:var(--color-brand-primary,#dc2626);color:#dc2626;color:var(--color-brand-primary,#dc2626);font-weight:600}.tournament-tab-content{min-height:400px}.tournament-battle-page .overview-tab,.tournament-detail-page .overview-tab,.tournament-history-page .overview-tab,.tournament-list-page .overview-tab{display:flex;flex-direction:column;gap:30px}.tournament-battle-page .overview-section,.tournament-detail-page .overview-section,.tournament-history-page .overview-section,.tournament-list-page .overview-section{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:10px;padding:25px}.tournament-battle-page .overview-section h3,.tournament-detail-page .overview-section h3,.tournament-history-page .overview-section h3,.tournament-list-page .overview-section h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:20px}.tournament-battle-page .detail-grid,.tournament-detail-page .detail-grid,.tournament-history-page .detail-grid,.tournament-list-page .detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tournament-battle-page .detail-item,.tournament-detail-page .detail-item,.tournament-history-page .detail-item,.tournament-list-page .detail-item{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:6px;display:flex;justify-content:space-between;padding:10px}.tournament-battle-page .detail-label,.tournament-detail-page .detail-label,.tournament-history-page .detail-label,.tournament-list-page .detail-label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-weight:600}.tournament-battle-page .detail-value,.tournament-detail-page .detail-value,.tournament-history-page .detail-value,.tournament-list-page .detail-value{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5)}.tournament-battle-page .scoring-list,.tournament-detail-page .scoring-list,.tournament-history-page .scoring-list,.tournament-list-page .scoring-list{list-style:none;padding:0}.tournament-battle-page .scoring-list li,.tournament-detail-page .scoring-list li,.tournament-history-page .scoring-list li,.tournament-list-page .scoring-list li{background:#141414;background:var(--color-ui-elevated,#141414);border-left:4px solid #dc2626;border-left:4px solid var(--color-brand-primary,#dc2626);border-radius:6px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);margin-bottom:8px;padding:10px}.tournament-battle-page .modal-overlay,.tournament-detail-page .modal-overlay,.tournament-history-page .modal-overlay,.tournament-list-page .modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000;z-index:var(--z-index-modal,2000)}.tournament-battle-page .modal-content,.tournament-detail-page .modal-content,.tournament-history-page .modal-content,.tournament-list-page .modal-content{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;box-shadow:0 10px 40px #0009;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.registration-modal .modal-content{max-width:900px}.tournament-battle-page .modal-header,.tournament-detail-page .modal-header,.tournament-history-page .modal-header,.tournament-list-page .modal-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);display:flex;justify-content:space-between;padding:25px}.tournament-battle-page .modal-header h2,.tournament-detail-page .modal-header h2,.tournament-history-page .modal-header h2,.tournament-list-page .modal-header h2{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin:0}.tournament-battle-page .modal-close,.tournament-detail-page .modal-close,.tournament-history-page .modal-close,.tournament-list-page .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.tournament-battle-page .modal-close:hover,.tournament-detail-page .modal-close:hover,.tournament-history-page .modal-close:hover,.tournament-list-page .modal-close:hover{background:#1a1a1a;background:var(--color-ui-hover,#1a1a1a);color:#f5f5f5;color:var(--color-text-primary,#f5f5f5)}.tournament-battle-page .modal-body,.tournament-detail-page .modal-body,.tournament-history-page .modal-body,.tournament-list-page .modal-body{padding:25px}.tournament-battle-page .modal-footer,.tournament-detail-page .modal-footer,.tournament-history-page .modal-footer,.tournament-list-page .modal-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border,#2a2a2a);display:flex;gap:10px;justify-content:flex-end;padding:25px}.tournament-battle-page .registration-info,.tournament-detail-page .registration-info,.tournament-history-page .registration-info,.tournament-list-page .registration-info{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:8px;margin-bottom:30px;padding:20px}.tournament-battle-page .registration-info h3,.tournament-detail-page .registration-info h3,.tournament-history-page .registration-info h3,.tournament-list-page .registration-info h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:15px}.tournament-battle-page .info-grid,.tournament-detail-page .info-grid,.tournament-history-page .info-grid,.tournament-list-page .info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tournament-battle-page .info-item,.tournament-detail-page .info-item,.tournament-history-page .info-item,.tournament-list-page .info-item{display:flex;flex-direction:column;gap:5px}.tournament-battle-page .info-item .label,.tournament-detail-page .info-item .label,.tournament-history-page .info-item .label,.tournament-list-page .info-item .label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:12px;font-weight:600}.tournament-battle-page .info-item .value,.tournament-detail-page .info-item .value,.tournament-history-page .info-item .value,.tournament-list-page .info-item .value{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:16px;font-weight:600}.tournament-battle-page .info-item .value.insufficient,.tournament-detail-page .info-item .value.insufficient,.tournament-history-page .info-item .value.insufficient,.tournament-list-page .info-item .value.insufficient{color:#dc2626;color:var(--color-danger,#dc2626)}.tournament-battle-page .mech-selection,.tournament-detail-page .mech-selection,.tournament-history-page .mech-selection,.tournament-list-page .mech-selection{margin-bottom:30px}.tournament-battle-page .mech-selection h3,.tournament-detail-page .mech-selection h3,.tournament-history-page .mech-selection h3,.tournament-list-page .mech-selection h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:10px}.tournament-battle-page .selection-hint,.tournament-detail-page .selection-hint,.tournament-history-page .selection-hint,.tournament-list-page .selection-hint{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:14px;margin-bottom:15px}.tournament-battle-page .mech-grid,.tournament-detail-page .mech-grid,.tournament-history-page .mech-grid,.tournament-list-page .mech-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:15px}.tournament-battle-page .mech-card,.tournament-detail-page .mech-card,.tournament-history-page .mech-card,.tournament-list-page .mech-card{background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:8px;cursor:pointer;padding:15px;position:relative;transition:all .2s}.tournament-battle-page .mech-card:hover:not(.disabled),.tournament-detail-page .mech-card:hover:not(.disabled),.tournament-history-page .mech-card:hover:not(.disabled),.tournament-list-page .mech-card:hover:not(.disabled){border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);transform:translateY(-2px)}.tournament-battle-page .mech-card.selected,.tournament-detail-page .mech-card.selected,.tournament-history-page .mech-card.selected,.tournament-list-page .mech-card.selected{background:#22c55e14;border-color:#22c55e;border-color:var(--color-success,#22c55e)}.tournament-battle-page .mech-card.disabled,.tournament-detail-page .mech-card.disabled,.tournament-history-page .mech-card.disabled,.tournament-list-page .mech-card.disabled{cursor:not-allowed;opacity:.5}.tournament-battle-page .selected-badge,.tournament-detail-page .selected-badge,.tournament-history-page .selected-badge,.tournament-list-page .selected-badge{align-items:center;background:#22c55e;background:var(--color-success,#22c55e);border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;width:24px}.tournament-battle-page .mech-name,.tournament-detail-page .mech-name,.tournament-history-page .mech-name,.tournament-list-page .mech-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-weight:600;margin-bottom:10px}.tournament-battle-page .mech-stats,.tournament-detail-page .mech-stats,.tournament-history-page .mech-stats,.tournament-list-page .mech-stats{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);display:flex;flex-direction:column;font-size:12px;gap:5px}.tournament-battle-page .formation-power-section,.tournament-detail-page .formation-power-section,.tournament-history-page .formation-power-section,.tournament-list-page .formation-power-section{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:8px;margin-top:20px;padding:20px}.tournament-battle-page .power-display,.tournament-detail-page .power-display,.tournament-history-page .power-display,.tournament-list-page .power-display{border-radius:8px;margin-top:20px;padding:20px}.tournament-battle-page .power-display.valid,.tournament-detail-page .power-display.valid,.tournament-history-page .power-display.valid,.tournament-list-page .power-display.valid{background:#22c55e14;border:1px solid #22c55e;border:1px solid var(--color-success,#22c55e)}.tournament-battle-page .power-display.invalid,.tournament-detail-page .power-display.invalid,.tournament-history-page .power-display.invalid,.tournament-list-page .power-display.invalid{background:#dc262614;border:1px solid #dc2626;border:1px solid var(--color-danger,#dc2626)}.tournament-battle-page .power-header,.tournament-detail-page .power-header,.tournament-history-page .power-header,.tournament-list-page .power-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tournament-battle-page .power-header h4,.tournament-detail-page .power-header h4,.tournament-history-page .power-header h4,.tournament-list-page .power-header h4{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin:0}.tournament-battle-page .power-value,.tournament-detail-page .power-value,.tournament-history-page .power-value,.tournament-list-page .power-value{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:28px;font-weight:700}.tournament-battle-page .power-breakdown,.tournament-detail-page .power-breakdown,.tournament-history-page .power-breakdown,.tournament-list-page .power-breakdown{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.tournament-battle-page .stat-item,.tournament-detail-page .stat-item,.tournament-history-page .stat-item,.tournament-list-page .stat-item{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:4px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);display:flex;font-size:14px;justify-content:space-between;padding:8px}.tournament-battle-page .bracket-status,.tournament-detail-page .bracket-status,.tournament-history-page .bracket-status,.tournament-list-page .bracket-status{border-radius:6px;font-weight:600;padding:12px;text-align:center}.tournament-battle-page .bracket-status.valid,.tournament-detail-page .bracket-status.valid,.tournament-history-page .bracket-status.valid,.tournament-list-page .bracket-status.valid{background:#22c55e26;border:1px solid #22c55e;border:1px solid var(--color-success,#22c55e);color:#22c55e;color:var(--color-success,#22c55e)}.tournament-battle-page .bracket-status.invalid,.tournament-detail-page .bracket-status.invalid,.tournament-history-page .bracket-status.invalid,.tournament-list-page .bracket-status.invalid{background:#dc262626;border:1px solid #dc2626;border:1px solid var(--color-danger,#dc2626);color:#dc2626;color:var(--color-danger,#dc2626)}.tournament-battle-page .standings-table-container,.tournament-detail-page .standings-table-container,.tournament-history-page .standings-table-container,.tournament-list-page .standings-table-container{overflow-x:auto}.tournament-battle-page .standings-table,.tournament-detail-page .standings-table,.tournament-history-page .standings-table,.tournament-list-page .standings-table{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.tournament-battle-page .standings-table thead,.tournament-detail-page .standings-table thead,.tournament-history-page .standings-table thead,.tournament-list-page .standings-table thead{background:#141414;background:var(--color-ui-elevated,#141414);color:#f5f5f5;color:var(--color-text-primary,#f5f5f5)}.tournament-battle-page .standings-table th,.tournament-detail-page .standings-table th,.tournament-history-page .standings-table th,.tournament-list-page .standings-table th{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);font-size:14px;font-weight:600;padding:15px;text-align:left}.tournament-battle-page .standings-table td,.tournament-detail-page .standings-table td,.tournament-history-page .standings-table td,.tournament-list-page .standings-table td{border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-ui-divider,#1a1a1a);color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);padding:15px}.tournament-battle-page .standings-row:hover,.tournament-detail-page .standings-row:hover,.tournament-history-page .standings-row:hover,.tournament-list-page .standings-row:hover{background:#1a1a1a;background:var(--color-ui-hover,#1a1a1a)}.tournament-battle-page .standings-row.current-user,.tournament-detail-page .standings-row.current-user,.tournament-history-page .standings-row.current-user,.tournament-list-page .standings-row.current-user{background:#dc26260f}.tournament-battle-page .standings-row.current-user:hover,.tournament-detail-page .standings-row.current-user:hover,.tournament-history-page .standings-row.current-user:hover,.tournament-list-page .standings-row.current-user:hover{background:#dc26261a}.tournament-battle-page .rank-display,.tournament-detail-page .rank-display,.tournament-history-page .rank-display,.tournament-list-page .rank-display{align-items:center;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:flex;font-size:16px;font-weight:700;gap:8px}.tournament-battle-page .player-info,.tournament-detail-page .player-info,.tournament-history-page .player-info,.tournament-list-page .player-info{align-items:center;display:flex;gap:10px}.tournament-battle-page .player-name,.tournament-detail-page .player-name,.tournament-history-page .player-name,.tournament-list-page .player-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-weight:600}.tournament-battle-page .you-badge,.tournament-detail-page .you-badge,.tournament-history-page .you-badge,.tournament-list-page .you-badge{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:12px}.tournament-battle-page .vip-badge,.tournament-detail-page .vip-badge,.tournament-history-page .vip-badge,.tournament-list-page .vip-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:3px 8px}.tournament-battle-page .vip-tier-1,.tournament-detail-page .vip-tier-1,.tournament-history-page .vip-tier-1,.tournament-list-page .vip-tier-1{background:#a0a0a066}.tournament-battle-page .vip-tier-2,.tournament-detail-page .vip-tier-2,.tournament-history-page .vip-tier-2,.tournament-list-page .vip-tier-2{background:#dc262666}.tournament-battle-page .vip-tier-3,.tournament-detail-page .vip-tier-3,.tournament-history-page .vip-tier-3,.tournament-list-page .vip-tier-3{background:#9b59b666}.tournament-battle-page .record-display,.tournament-detail-page .record-display,.tournament-history-page .record-display,.tournament-list-page .record-display{align-items:center;display:flex;gap:5px}.tournament-battle-page .wins,.tournament-detail-page .wins,.tournament-history-page .wins,.tournament-list-page .wins{color:#22c55e;color:var(--color-success,#22c55e);font-weight:600}.tournament-battle-page .losses,.tournament-detail-page .losses,.tournament-history-page .losses,.tournament-list-page .losses{color:#dc2626;color:var(--color-danger,#dc2626);font-weight:600}.tournament-battle-page .streak-display,.tournament-detail-page .streak-display,.tournament-history-page .streak-display,.tournament-list-page .streak-display{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px}.tournament-battle-page .win-streak,.tournament-detail-page .win-streak,.tournament-history-page .win-streak,.tournament-list-page .win-streak{background:#22c55e33;color:#22c55e;color:var(--color-success,#22c55e)}.tournament-battle-page .loss-streak,.tournament-detail-page .loss-streak,.tournament-history-page .loss-streak,.tournament-list-page .loss-streak{background:#dc262633;color:#dc2626;color:var(--color-danger,#dc2626)}.tournament-battle-page .standings-note,.tournament-detail-page .standings-note,.tournament-history-page .standings-note,.tournament-list-page .standings-note{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:14px;padding:15px;text-align:center}.tournament-battle-page .battle-simulation,.tournament-detail-page .battle-simulation,.tournament-history-page .battle-simulation,.tournament-list-page .battle-simulation{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;margin:30px 0;padding:30px;position:relative}.tournament-battle-page .battle-simulation-live-badge,.tournament-detail-page .battle-simulation-live-badge,.tournament-history-page .battle-simulation-live-badge,.tournament-list-page .battle-simulation-live-badge{background:#dc2626;background:var(--color-danger,#dc2626);border-radius:6px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;padding:4px 10px;position:absolute;right:12px;top:12px}.tournament-battle-page .battle-arena,.tournament-detail-page .battle-arena,.tournament-history-page .battle-arena,.tournament-list-page .battle-arena{align-items:center;background:linear-gradient(135deg,#dc262626,#00d4c81a);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;min-height:300px;padding:40px 20px;position:relative}.tournament-battle-page .battle-side,.tournament-detail-page .battle-side,.tournament-history-page .battle-side,.tournament-list-page .battle-side{display:flex;flex:1 1;justify-content:center}.tournament-battle-page .fighter-display,.tournament-detail-page .fighter-display,.tournament-history-page .fighter-display,.tournament-list-page .fighter-display{align-items:center;display:flex;flex-direction:column;gap:15px;max-width:300px;width:100%}.tournament-battle-page .fighter-avatar,.tournament-detail-page .fighter-avatar,.tournament-history-page .fighter-avatar,.tournament-list-page .fighter-avatar{align-items:center;animation:tnMechHover 3s ease-in-out infinite;background:#ffffff0d;border:4px solid #dc2626;border:4px solid var(--color-brand-primary,#dc2626);border-radius:50%;display:flex;height:120px;justify-content:center;position:relative;width:120px}.tournament-battle-page .mech-icon,.tournament-detail-page .mech-icon,.tournament-history-page .mech-icon,.tournament-list-page .mech-icon{font-size:64px}.tournament-battle-page .attack-flash,.tournament-detail-page .attack-flash,.tournament-history-page .attack-flash,.tournament-list-page .attack-flash{animation:tnFlash .3s ease-out;background:#dc262666;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes tnFlash{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.tournament-battle-page .damage-number,.tournament-detail-page .damage-number,.tournament-history-page .damage-number,.tournament-list-page .damage-number{animation:tnDamageFloat 1s ease-out;color:#dc2626;color:var(--color-danger,#dc2626);font-size:24px;font-weight:700;left:50%;position:absolute;text-shadow:2px 2px 4px #000c;top:-30px;transform:translateX(-50%)}@keyframes tnDamageFloat{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-50px)}}.tournament-battle-page .crit-marker,.tournament-detail-page .crit-marker,.tournament-history-page .crit-marker,.tournament-list-page .crit-marker{color:#f59e0b;color:var(--color-warning,#f59e0b);display:block;font-size:12px;margin-top:2px}.tournament-battle-page .fighter-name,.tournament-detail-page .fighter-name,.tournament-history-page .fighter-name,.tournament-list-page .fighter-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:18px;font-weight:700;text-align:center}.tournament-battle-page .hp-bar-container,.tournament-detail-page .hp-bar-container,.tournament-history-page .hp-bar-container,.tournament-list-page .hp-bar-container{width:100%}.tournament-battle-page .hp-label,.tournament-detail-page .hp-label,.tournament-history-page .hp-label,.tournament-list-page .hp-label{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:5px}.tournament-battle-page .hp-bar,.tournament-detail-page .hp-bar,.tournament-history-page .hp-bar,.tournament-list-page .hp-bar{background:#0006;border-radius:12px;height:24px;overflow:hidden;width:100%}.tournament-battle-page .hp-fill,.tournament-detail-page .hp-fill,.tournament-history-page .hp-fill,.tournament-list-page .hp-fill{background:#22c55e;background:var(--color-success,#22c55e);border-radius:12px;height:100%;transition:width .5s ease}.tournament-battle-page .hp-fill.warning,.tournament-detail-page .hp-fill.warning,.tournament-history-page .hp-fill.warning,.tournament-list-page .hp-fill.warning{background:#f59e0b;background:var(--color-warning,#f59e0b)}.tournament-battle-page .hp-fill.critical,.tournament-detail-page .hp-fill.critical,.tournament-history-page .hp-fill.critical,.tournament-list-page .hp-fill.critical{background:#dc2626;background:var(--color-danger,#dc2626)}.tournament-battle-page .battle-center,.tournament-detail-page .battle-center,.tournament-history-page .battle-center,.tournament-list-page .battle-center{align-items:center;display:flex;flex-direction:column;gap:15px;padding:0 30px}.tournament-battle-page .vs-display,.tournament-detail-page .vs-display,.tournament-history-page .vs-display,.tournament-list-page .vs-display{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:36px;font-weight:700;text-shadow:0 0 20px #dc2626;text-shadow:0 0 20px var(--color-brand-primary,#dc2626)}.tournament-battle-page .frame-counter,.tournament-detail-page .frame-counter,.tournament-history-page .frame-counter,.tournament-list-page .frame-counter{background:#0006;border-radius:20px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:14px;padding:5px 15px}.tournament-battle-page .action-text,.tournament-detail-page .action-text,.tournament-history-page .action-text,.tournament-list-page .action-text{animation:tnFadeIn .3s ease-in;background:#0009;border-radius:8px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:16px;font-weight:600;padding:10px 20px;text-align:center}@keyframes tnFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tournament-battle-page .playback-controls,.tournament-detail-page .playback-controls,.tournament-history-page .playback-controls,.tournament-list-page .playback-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.tournament-battle-page .control-btn,.tournament-detail-page .control-btn,.tournament-history-page .control-btn,.tournament-list-page .control-btn{background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:8px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);cursor:pointer;font-size:20px;padding:12px 20px;transition:all .2s}.tournament-battle-page .control-btn:hover:not(:disabled),.tournament-detail-page .control-btn:hover:not(:disabled),.tournament-history-page .control-btn:hover:not(:disabled),.tournament-list-page .control-btn:hover:not(:disabled){background:#dc2626;background:var(--color-brand-primary,#dc2626);border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);color:#fff;transform:scale(1.1)}.tournament-battle-page .control-btn:disabled,.tournament-detail-page .control-btn:disabled,.tournament-history-page .control-btn:disabled,.tournament-list-page .control-btn:disabled{cursor:not-allowed;opacity:.5}.tournament-battle-page .pause-btn,.tournament-battle-page .play-btn,.tournament-detail-page .pause-btn,.tournament-detail-page .play-btn,.tournament-history-page .pause-btn,.tournament-history-page .play-btn,.tournament-list-page .pause-btn,.tournament-list-page .play-btn{font-size:24px;padding:12px 30px}.tournament-battle-page .speed-btn,.tournament-detail-page .speed-btn,.tournament-history-page .speed-btn,.tournament-list-page .speed-btn{font-size:14px;font-weight:600}.tournament-battle-page .battle-timeline,.tournament-detail-page .battle-timeline,.tournament-history-page .battle-timeline,.tournament-list-page .battle-timeline{margin-bottom:30px}.tournament-battle-page .timeline-slider,.tournament-detail-page .timeline-slider,.tournament-history-page .timeline-slider,.tournament-list-page .timeline-slider{-webkit-appearance:none;background:#2a2a2a;background:var(--color-ui-border,#2a2a2a);border-radius:4px;height:8px;outline:none;width:100%}.tournament-battle-page .timeline-slider::-webkit-slider-thumb,.tournament-detail-page .timeline-slider::-webkit-slider-thumb,.tournament-history-page .timeline-slider::-webkit-slider-thumb,.tournament-list-page .timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#dc2626;background:var(--color-brand-primary,#dc2626);border-radius:50%;cursor:pointer;height:20px;width:20px}.tournament-battle-page .timeline-slider::-moz-range-thumb,.tournament-detail-page .timeline-slider::-moz-range-thumb,.tournament-history-page .timeline-slider::-moz-range-thumb,.tournament-list-page .timeline-slider::-moz-range-thumb{background:#dc2626;background:var(--color-brand-primary,#dc2626);border-radius:50%;cursor:pointer;height:20px;width:20px}.tournament-battle-page .battle-log,.tournament-detail-page .battle-log,.tournament-history-page .battle-log,.tournament-list-page .battle-log{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:8px;padding:20px}.tournament-battle-page .battle-log h4,.tournament-detail-page .battle-log h4,.tournament-history-page .battle-log h4,.tournament-list-page .battle-log h4{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:15px}.tournament-battle-page .log-entries,.tournament-detail-page .log-entries,.tournament-history-page .log-entries,.tournament-list-page .log-entries{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.tournament-battle-page .log-entry,.tournament-detail-page .log-entry,.tournament-history-page .log-entry,.tournament-list-page .log-entry{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border-radius:6px;display:flex;font-size:14px;gap:10px;padding:8px 12px}.tournament-battle-page .log-frame,.tournament-detail-page .log-frame,.tournament-history-page .log-frame,.tournament-list-page .log-frame{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-weight:600;min-width:80px}.tournament-battle-page .log-action,.tournament-detail-page .log-action,.tournament-history-page .log-action,.tournament-list-page .log-action{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);flex:1 1}.tournament-battle-page .log-damage,.tournament-detail-page .log-damage,.tournament-history-page .log-damage,.tournament-list-page .log-damage{color:#dc2626;color:var(--color-danger,#dc2626);font-weight:600}.tournament-battle-page .battle-results,.tournament-detail-page .battle-results,.tournament-history-page .battle-results,.tournament-list-page .battle-results{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;margin-top:40px;padding:30px}.tournament-battle-page .battle-results h2,.tournament-detail-page .battle-results h2,.tournament-history-page .battle-results h2,.tournament-list-page .battle-results h2{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:30px;text-align:center}.tournament-battle-page .results-summary,.tournament-detail-page .results-summary,.tournament-history-page .results-summary,.tournament-list-page .results-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.tournament-battle-page .result-player,.tournament-detail-page .result-player,.tournament-history-page .result-player,.tournament-list-page .result-player{border-radius:12px;padding:25px;text-align:center}.tournament-battle-page .result-player.winner,.tournament-detail-page .result-player.winner,.tournament-history-page .result-player.winner,.tournament-list-page .result-player.winner{background:#22c55e14;border:2px solid #22c55e;border:2px solid var(--color-success,#22c55e)}.tournament-battle-page .result-player.loser,.tournament-detail-page .result-player.loser,.tournament-history-page .result-player.loser,.tournament-list-page .result-player.loser{background:#dc262614;border:2px solid #dc2626;border:2px solid var(--color-danger,#dc2626)}.tournament-battle-page .result-name,.tournament-detail-page .result-name,.tournament-history-page .result-name,.tournament-list-page .result-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:24px;font-weight:700;margin-bottom:10px}.tournament-battle-page .result-status,.tournament-detail-page .result-status,.tournament-history-page .result-status,.tournament-list-page .result-status{font-size:20px;font-weight:700;margin-bottom:20px}.tournament-battle-page .result-stats,.tournament-detail-page .result-stats,.tournament-history-page .result-stats,.tournament-list-page .result-stats{display:flex;flex-direction:column;gap:10px}.tournament-battle-page .result-stat,.tournament-detail-page .result-stat,.tournament-history-page .result-stat,.tournament-list-page .result-stat{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:6px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);display:flex;font-size:14px;justify-content:space-between;padding:10px}.tournament-battle-page .battle-details,.tournament-detail-page .battle-details,.tournament-history-page .battle-details,.tournament-list-page .battle-details{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:12px;padding:25px}.tournament-battle-page .battle-details h3,.tournament-detail-page .battle-details h3,.tournament-history-page .battle-details h3,.tournament-list-page .battle-details h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:20px}.tournament-battle-page .details-grid,.tournament-detail-page .details-grid,.tournament-history-page .details-grid,.tournament-list-page .details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tournament-battle-page .match-schedule,.tournament-detail-page .match-schedule,.tournament-history-page .match-schedule,.tournament-list-page .match-schedule{display:flex;flex-direction:column;gap:30px}.tournament-battle-page .round-section,.tournament-detail-page .round-section,.tournament-history-page .round-section,.tournament-list-page .round-section{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;padding:25px}.tournament-battle-page .round-header,.tournament-detail-page .round-header,.tournament-history-page .round-header,.tournament-list-page .round-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:20px;padding-bottom:15px}.tournament-battle-page .match-list,.tournament-detail-page .match-list,.tournament-history-page .match-list,.tournament-list-page .match-list{display:flex;flex-direction:column;gap:15px}.tournament-battle-page .match-card,.tournament-detail-page .match-card,.tournament-history-page .match-card,.tournament-list-page .match-card{background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:8px;padding:20px;transition:all .2s}.tournament-battle-page .match-card.status-completed,.tournament-detail-page .match-card.status-completed,.tournament-history-page .match-card.status-completed,.tournament-list-page .match-card.status-completed{cursor:pointer}.tournament-battle-page .match-card.status-completed:hover,.tournament-detail-page .match-card.status-completed:hover,.tournament-history-page .match-card.status-completed:hover,.tournament-list-page .match-card.status-completed:hover{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);transform:translateX(5px)}.tournament-battle-page .match-card.victory,.tournament-detail-page .match-card.victory,.tournament-history-page .match-card.victory,.tournament-list-page .match-card.victory{background:#22c55e0f;border-left:4px solid #22c55e;border-left:4px solid var(--color-success,#22c55e)}.tournament-battle-page .match-card.defeat,.tournament-detail-page .match-card.defeat,.tournament-history-page .match-card.defeat,.tournament-list-page .match-card.defeat{background:#dc26260f;border-left:4px solid #dc2626;border-left:4px solid var(--color-danger,#dc2626)}.tournament-battle-page .match-card.match-card--your-match,.tournament-detail-page .match-card.match-card--your-match,.tournament-history-page .match-card.match-card--your-match,.tournament-list-page .match-card.match-card--your-match{animation:tnBracketPulse 2s ease-in-out infinite;border:1px solid #dc2626;border:1px solid var(--color-brand-primary,#dc2626);box-shadow:0 0 12px #dc26264d}.tournament-battle-page .match-your-match-badge,.tournament-detail-page .match-your-match-badge,.tournament-history-page .match-your-match-badge,.tournament-list-page .match-your-match-badge{background:linear-gradient(135deg,#dc2626,#991b1b);background:linear-gradient(135deg,var(--color-brand-primary,#dc2626),var(--color-brand-primary-dark,#991b1b));border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;margin-right:8px;padding:4px 10px}.tournament-battle-page .match-live-badge,.tournament-detail-page .match-live-badge,.tournament-history-page .match-live-badge,.tournament-list-page .match-live-badge{animation:tnStatusActive 1.5s ease-in-out infinite;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-primary-dark));border-radius:8px;color:#fff;color:var(--color-text-primary,#fff);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;margin-right:8px;padding:4px 10px}.tournament-battle-page .match-header,.tournament-detail-page .match-header,.tournament-history-page .match-header,.tournament-list-page .match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tournament-battle-page .match-status-badge,.tournament-detail-page .match-status-badge,.tournament-history-page .match-status-badge,.tournament-list-page .match-status-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:5px 12px}.tournament-battle-page .match-status-badge.status-completed,.tournament-detail-page .match-status-badge.status-completed,.tournament-history-page .match-status-badge.status-completed,.tournament-list-page .match-status-badge.status-completed{background:#22c55e4d;color:#22c55e;color:var(--color-success,#22c55e)}.tournament-battle-page .match-status-badge.status-in-progress,.tournament-detail-page .match-status-badge.status-in-progress,.tournament-history-page .match-status-badge.status-in-progress,.tournament-list-page .match-status-badge.status-in-progress{background:#f59e0b4d;color:#f59e0b;color:var(--color-warning,#f59e0b)}.tournament-battle-page .match-status-badge.status-scheduled,.tournament-detail-page .match-status-badge.status-scheduled,.tournament-history-page .match-status-badge.status-scheduled,.tournament-list-page .match-status-badge.status-scheduled{background:#dc26264d;color:#dc2626;color:var(--color-brand-primary,#dc2626)}.tournament-battle-page .match-status-badge.status-pending,.tournament-detail-page .match-status-badge.status-pending,.tournament-history-page .match-status-badge.status-pending,.tournament-list-page .match-status-badge.status-pending{background:#a0a0a033;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.tournament-battle-page .match-time,.tournament-detail-page .match-time,.tournament-history-page .match-time,.tournament-list-page .match-time{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:14px}.tournament-battle-page .match-body,.tournament-detail-page .match-body,.tournament-history-page .match-body,.tournament-list-page .match-body{align-items:center;display:flex;gap:20px;justify-content:space-between}.tournament-battle-page .match-player,.tournament-detail-page .match-player,.tournament-history-page .match-player,.tournament-list-page .match-player{flex:1 1;text-align:center}.tournament-battle-page .match-player .player-name,.tournament-detail-page .match-player .player-name,.tournament-history-page .match-player .player-name,.tournament-list-page .match-player .player-name{align-items:center;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:flex;font-size:16px;font-weight:600;gap:5px;justify-content:center}.tournament-battle-page .result-icon,.tournament-detail-page .result-icon,.tournament-history-page .result-icon,.tournament-list-page .result-icon{font-size:20px}.tournament-battle-page .player-score,.tournament-detail-page .player-score,.tournament-history-page .player-score,.tournament-list-page .player-score{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:18px;font-weight:700;margin-top:5px}.tournament-battle-page .match-vs,.tournament-detail-page .match-vs,.tournament-history-page .match-vs,.tournament-list-page .match-vs{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-weight:700}.tournament-battle-page .match-footer,.tournament-detail-page .match-footer,.tournament-history-page .match-footer,.tournament-list-page .match-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border,#2a2a2a);margin-top:15px;padding-top:15px;text-align:center}.tournament-battle-page .view-battle-hint,.tournament-detail-page .view-battle-hint,.tournament-history-page .view-battle-hint,.tournament-list-page .view-battle-hint{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:14px;font-weight:600}.tournament-battle-page .reward-display,.tournament-detail-page .reward-display,.tournament-history-page .reward-display,.tournament-list-page .reward-display{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;padding:30px}.tournament-battle-page .reward-header,.tournament-detail-page .reward-header,.tournament-history-page .reward-header,.tournament-list-page .reward-header{margin-bottom:30px;text-align:center}.tournament-battle-page .reward-header h3,.tournament-detail-page .reward-header h3,.tournament-history-page .reward-header h3,.tournament-list-page .reward-header h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:15px}.tournament-battle-page .prize-pool-display,.tournament-detail-page .prize-pool-display,.tournament-history-page .prize-pool-display,.tournament-list-page .prize-pool-display{display:flex;font-size:18px;gap:10px;justify-content:center}.tournament-battle-page .prize-pool-display .label,.tournament-detail-page .prize-pool-display .label,.tournament-history-page .prize-pool-display .label,.tournament-list-page .prize-pool-display .label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.tournament-battle-page .prize-pool-display .value,.tournament-detail-page .prize-pool-display .value,.tournament-history-page .prize-pool-display .value,.tournament-list-page .prize-pool-display .value{color:#f59e0b;color:var(--color-brand-accent,#f59e0b);font-weight:700}.tournament-battle-page .vip-bonus-notice,.tournament-detail-page .vip-bonus-notice,.tournament-history-page .vip-bonus-notice,.tournament-list-page .vip-bonus-notice{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);border-radius:8px;display:flex;gap:10px;justify-content:center;margin-bottom:30px;padding:15px}.tournament-battle-page .vip-icon,.tournament-detail-page .vip-icon,.tournament-history-page .vip-icon,.tournament-list-page .vip-icon{font-size:24px}.tournament-battle-page .vip-text,.tournament-detail-page .vip-text,.tournament-history-page .vip-text,.tournament-list-page .vip-text{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-weight:600}.tournament-battle-page .rewards-table table,.tournament-detail-page .rewards-table table,.tournament-history-page .rewards-table table,.tournament-list-page .rewards-table table{border-collapse:collapse;margin-bottom:30px;width:100%}.tournament-battle-page .rewards-table th,.tournament-detail-page .rewards-table th,.tournament-history-page .rewards-table th,.tournament-list-page .rewards-table th{background:#141414;background:var(--color-ui-elevated,#141414);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-weight:600;padding:15px;text-align:left}.tournament-battle-page .rewards-table td,.tournament-detail-page .rewards-table td,.tournament-history-page .rewards-table td,.tournament-list-page .rewards-table td{border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-ui-divider,#1a1a1a);color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);padding:15px}.tournament-battle-page .rewards-table tr.top-placement,.tournament-detail-page .rewards-table tr.top-placement,.tournament-history-page .rewards-table tr.top-placement,.tournament-list-page .rewards-table tr.top-placement{background:#dc26260d}.tournament-battle-page .placement-badge,.tournament-detail-page .placement-badge,.tournament-history-page .placement-badge,.tournament-list-page .placement-badge{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:16px;font-weight:600}.tournament-battle-page .reward-amount,.tournament-battle-page .vip-reward-amount,.tournament-detail-page .reward-amount,.tournament-detail-page .vip-reward-amount,.tournament-history-page .reward-amount,.tournament-history-page .vip-reward-amount,.tournament-list-page .reward-amount,.tournament-list-page .vip-reward-amount{color:#22c55e;color:var(--color-success,#22c55e);font-size:16px;font-weight:700}.tournament-battle-page .reward-percentage,.tournament-detail-page .reward-percentage,.tournament-history-page .reward-percentage,.tournament-list-page .reward-percentage{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);display:block;font-size:12px;margin-top:3px}.tournament-battle-page .vip-bonus,.tournament-detail-page .vip-bonus,.tournament-history-page .vip-bonus,.tournament-list-page .vip-bonus{color:#f59e0b;color:var(--color-warning,#f59e0b);display:block;font-size:12px;margin-top:3px}.tournament-battle-page .reward-notes,.tournament-detail-page .reward-notes,.tournament-history-page .reward-notes,.tournament-list-page .reward-notes{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:8px;margin-bottom:30px;padding:25px}.tournament-battle-page .reward-notes h4,.tournament-detail-page .reward-notes h4,.tournament-history-page .reward-notes h4,.tournament-list-page .reward-notes h4{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:15px}.tournament-battle-page .reward-notes ul,.tournament-detail-page .reward-notes ul,.tournament-history-page .reward-notes ul,.tournament-list-page .reward-notes ul{list-style:none;padding:0}.tournament-battle-page .reward-notes li,.tournament-detail-page .reward-notes li,.tournament-history-page .reward-notes li,.tournament-list-page .reward-notes li{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border-left:4px solid #dc2626;border-left:4px solid var(--color-brand-primary,#dc2626);border-radius:6px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);margin-bottom:8px;padding:10px}.tournament-battle-page .reward-info,.tournament-detail-page .reward-info,.tournament-history-page .reward-info,.tournament-list-page .reward-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tournament-battle-page .info-box,.tournament-detail-page .info-box,.tournament-history-page .info-box,.tournament-list-page .info-box{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:8px;padding:20px}.tournament-battle-page .info-box h4,.tournament-detail-page .info-box h4,.tournament-history-page .info-box h4,.tournament-list-page .info-box h4{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:15px}.tournament-battle-page .vip-tiers,.tournament-detail-page .vip-tiers,.tournament-history-page .vip-tiers,.tournament-list-page .vip-tiers{grid-gap:10px;display:grid;gap:10px}.tournament-battle-page .vip-tier-info,.tournament-detail-page .vip-tier-info,.tournament-history-page .vip-tier-info,.tournament-list-page .vip-tier-info{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:6px;display:flex;justify-content:space-between;padding:10px}.vip-tier-info.current{background:#f59e0b0f;border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b)}.tier-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-weight:600}.tier-bonus{color:#22c55e;color:var(--color-success,#22c55e);font-weight:700}.info-note{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:14px;font-style:italic;margin-top:10px}.tournament-header-actions{display:flex;flex-wrap:wrap;gap:12px}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.history-header h1{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);flex:1 1}.tournament-hall-of-fame-page .history-header{align-items:flex-start;flex-direction:column}.hall-of-fame-list{display:flex;flex-direction:column;gap:16px}.hall-of-fame-card{grid-gap:20px;align-items:center;background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;display:grid;gap:20px;grid-template-columns:80px 1fr auto;padding:20px 24px;transition:all .2s}.hall-of-fame-card:hover{border-color:#f59e0b;border-color:var(--color-brand-accent,#f59e0b);box-shadow:0 4px 12px #f59e0b26}.hof-rank .rank-badge{align-items:center;background:#141414;background:var(--color-ui-elevated,#141414);border-radius:8px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:inline-flex;font-weight:700;gap:6px;padding:6px 12px}.hof-rank .rank-badge.rank-1{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#fff;color:var(--color-text-primary,#fff)}.hof-rank .rank-badge.rank-2{background:linear-gradient(135deg,#bdc3c7,#95a5a6);color:#fff;color:var(--color-text-primary,#fff)}.hof-rank .rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff;color:var(--color-text-primary,#fff)}.hof-username{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:1.05rem;font-weight:600}.hof-wins{align-items:center;color:#22c55e;color:var(--color-success,#22c55e);display:flex;font-weight:600;gap:8px}.tournament-results-summary{background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;margin-bottom:24px;padding:24px}.tournament-results-summary--standalone{margin:0 auto 24px;max-width:480px}.tournament-results-summary-inline{margin-bottom:24px}.tournament-results-summary-inline .btn-results-full{margin-top:12px}.results-summary-header h2{align-items:center;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:flex;font-size:1.25rem;gap:8px;margin:0 0 8px}.results-tournament-name{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.95rem;margin:0 0 16px}.results-summary-card{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:10px;padding:20px}.results-placement{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.results-placement .placement-label{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:1.5rem;font-weight:700}.results-stats{display:flex;gap:24px;margin-bottom:16px}.results-stat{display:flex;flex-direction:column;gap:4px}.results-stat-label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.75rem;text-transform:uppercase}.results-stat-value{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-weight:600}.results-rewards h4{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.9rem;margin:0 0 12px}.results-reward-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.reward-icon{margin-right:4px}.reward-vip-bonus{color:#9b59b6;font-size:.85rem}.results-no-rewards,.reward-label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.9rem}.results-no-rewards{margin:0}.results-summary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.tournament-results-page{margin:0 auto;max-width:600px;padding:24px}.pre-match-countdown-overlay{align-items:center;animation:tnModalBgFade .3s ease-out;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal-backdrop)}.pre-match-countdown{text-align:center}.pre-match-countdown-number{animation:tnVictoryExpand .5s ease-out;color:#fff;color:var(--color-text-primary,#fff);display:inline-block;font-size:8rem;font-weight:800;text-shadow:0 0 40px #dc2626cc}.pre-match-countdown-go{animation:tnVictoryFlash .4s ease-out;color:#f59e0b;color:var(--color-brand-accent,#f59e0b);display:inline-block;font-size:6rem;font-weight:800;text-shadow:0 0 30px #f59e0be6}.tournament-card-countdown{color:#f59e0b;color:var(--color-warning,#f59e0b);font-weight:600}.bracket-unlock-celebration{align-items:center;animation:tnVipNoticeGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b1a,#9b59b614);border:1px solid #f59e0b;border:1px solid var(--bracket-color,#f59e0b);border-radius:12px;display:flex;gap:12px;justify-content:center;margin:0 0 16px;padding:14px 20px}.bracket-unlock-text{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:1rem}.bracket-unlock-text strong{color:#f59e0b;color:var(--bracket-color,#f59e0b)}.tournament-chat{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;display:flex;flex-direction:column;max-height:420px;overflow:hidden}.tournament-chat-header{align-items:center;background:#141414;background:var(--color-ui-elevated,#141414);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border,#2a2a2a);color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);display:flex;font-weight:600;gap:10px;padding:12px 16px}.tournament-chat-status{font-size:.8rem;font-weight:500;margin-left:auto}.tournament-chat-status.connected{color:#22c55e;color:var(--color-success,#22c55e)}.tournament-chat-status.disconnected{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.tournament-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;max-height:280px;min-height:200px;overflow-y:auto;padding:12px}.tournament-chat-empty{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.9rem;padding:24px 16px;text-align:center}.tournament-chat-message{font-size:.9rem;word-break:break-word}.tournament-chat-username{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-weight:600;margin-right:6px}.tournament-chat-text{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5)}.tournament-chat-input-wrap{background:#141414;background:var(--color-ui-elevated,#141414);border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border,#2a2a2a);display:flex;gap:8px;padding:12px}.tournament-chat-input{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:8px;color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);flex:1 1;font-size:.95rem;padding:10px 14px}.tournament-chat-input:focus{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);outline:none}.tournament-chat-send{padding:10px 20px;white-space:nowrap}.history-list{gap:20px}.history-card{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;cursor:pointer;padding:25px;transition:all .3s}.history-card:hover{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 5px 15px #0006;transform:translateX(5px)}.history-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.history-tournament-info h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);margin-bottom:10px}.history-meta{display:flex;flex-wrap:wrap;gap:10px}.history-date{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:12px;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:12px;padding:4px 10px}.history-placement{text-align:right}.history-card-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:15px}.history-stat{display:flex;flex-direction:column;gap:5px}.tournament-battle-page .stat-label,.tournament-detail-page .stat-label,.tournament-history-page .stat-label,.tournament-list-page .stat-label{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:12px;font-weight:600}.tournament-battle-page .stat-value,.tournament-detail-page .stat-value,.tournament-history-page .stat-value,.tournament-list-page .stat-value{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:16px;font-weight:600}.tournament-battle-page .reward-stat .stat-value,.tournament-detail-page .reward-stat .stat-value,.tournament-history-page .reward-stat .stat-value,.tournament-list-page .reward-stat .stat-value{color:#22c55e;color:var(--color-success,#22c55e)}.history-achievements{border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border,#2a2a2a);display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding-top:15px}.achievement-badge{background:#f59e0b1a;border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);border-radius:12px;color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:12px;font-weight:600;padding:5px 12px}.load-more-section{margin-top:30px;text-align:center}.battle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.battle-header h1{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);flex:1 1;margin:0 20px;text-align:center}.battle-info{margin-bottom:30px}.battle-matchup{align-items:center;background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border,#2a2a2a);border-radius:12px;display:flex;justify-content:space-between;padding:30px}.fighter{flex:1 1;text-align:center}.fighter .fighter-name{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:24px;font-weight:700;margin-bottom:15px}.fighter-stats{display:flex;flex-direction:column;gap:10px}.fighter-stats .stat{background:#141414;background:var(--color-ui-elevated,#141414);border-radius:6px;display:flex;justify-content:space-between;padding:8px}.vs-indicator{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:36px;font-weight:700;padding:0 30px}@media (max-width:768px){.tournament-grid{grid-template-columns:1fr}.tournament-detail-header,.tournament-filters{flex-direction:column}.tournament-tabs{flex-wrap:nowrap;overflow-x:auto}.battle-arena{flex-direction:column;gap:30px}.battle-center{order:2}.tournament-battle-page .modal-content,.tournament-detail-page .modal-content,.tournament-history-page .modal-content,.tournament-list-page .modal-content{max-height:95vh}.mech-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.results-summary,.reward-info{grid-template-columns:1fr}}@media (max-width:480px){.tournament-info-cards{grid-template-columns:1fr}.tournament-battle-page .info-card,.tournament-detail-page .info-card,.tournament-history-page .info-card,.tournament-list-page .info-card{padding:15px}.playback-controls{flex-wrap:wrap}.control-btn{font-size:16px;padding:10px 15px}}.admin-tournament-panel{margin:0 auto;max-width:1200px;padding:20px}.admin-tournament-panel .admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.admin-tournament-panel .admin-header h1{font-size:1.75rem;margin:0}.admin-create-form{background:#0003;border-radius:12px;margin-bottom:24px;padding:24px}.admin-create-form h2{margin-bottom:20px;margin-top:0}.admin-create-form .form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:20px}.admin-create-form .form-group{display:flex;flex-direction:column;gap:6px}.admin-create-form .form-group label{font-size:.9rem;font-weight:600}.admin-create-form .form-group input,.admin-create-form .form-group select{background:#0000004d;border:1px solid #fff3;border-radius:8px;color:inherit;padding:10px 12px}.admin-create-form .form-group small{font-size:.8rem;opacity:.8}.admin-create-form .form-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-tournament-list h2{margin-bottom:16px}.admin-tournament-card{background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:20px}.admin-tournament-card .card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.admin-tournament-card .card-header h3{font-size:1.25rem;margin:0}.admin-tournament-card .status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 10px}.admin-tournament-card .status-registration{background:#dc26264d;color:#dc2626;color:var(--color-brand-primary,#dc2626)}.admin-tournament-card .status-active{background:#22c55e4d;color:#22c55e;color:var(--color-success,#22c55e)}.admin-tournament-card .status-completed{background:#a0a0a033;color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0)}.admin-tournament-card .status-cancelled{background:#dc262633;color:#dc2626;color:var(--color-danger,#dc2626)}.admin-tournament-card .card-body .info-row{border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:6px 0}.admin-tournament-card .card-actions{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:16px}.admin-tournament-card .btn-sm{font-size:.875rem;padding:8px 14px}.admin-panel h2{margin:0 0 8px}.cancel-reason-input{background:#0003;border:1px solid #fff3;border-radius:6px;color:inherit;font-size:.95rem;margin-top:10px;padding:10px;width:100%}[class*=tn-icon-]{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:1.1em;vertical-align:middle;width:1.1em}.tn-icon-trophy:before{content:"\1F3C6"}.tn-icon-swords:before{content:"\2694"}.tn-icon-players:before{content:"\1F465"}.tn-icon-credits:before{content:"\1F4B0"}.tn-icon-prize:before{content:"\1F381"}.tn-icon-clock:before{content:"\23F1"}.tn-icon-mech:before{content:"\1F916"}.tn-icon-fire:before{content:"\1F525"}.tn-icon-ice:before{content:"\2744"}.tn-icon-star:before{content:"\2B50"}.tn-icon-victory:before{content:"\1F3C6"}.tn-icon-defeat:before{content:"\1F480"}.tn-icon-check:before{content:"\2713"}.tn-icon-cross:before{content:"\2717"}.tn-icon-pending:before{content:"\231B"}.tn-icon-scroll:before{content:"\1F4DC"}.tn-icon-play:before{content:"\25B6"}.tn-icon-pause:before{content:"\23F8"}.tn-icon-rewind:before{content:"\23EE"}.tn-icon-forward:before{content:"\23ED"}.tn-icon-gold:before{content:"\1F947"}.tn-icon-silver:before{content:"\1F948"}.tn-icon-bronze:before{content:"\1F949"}[class*=tn-icon-]:before{font-family:inherit;font-style:normal}.tn-arena-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.tn-arena-particle{animation:tnParticleFloat 8s ease-in-out 0s infinite;animation:tnParticleFloat var(--duration,8s) var(--delay,0s) ease-in-out infinite;background:#dc262666;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes tnParticleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0) scale(0)}20%{opacity:1;transform:translateY(70vh) translateX(20px) scale(1)}80%{opacity:.6;transform:translateY(10vh) translateX(-15px) scale(.8)}to{opacity:0;transform:translateY(-5vh) translateX(5px) scale(0)}}.battle-arena:before{animation:tnArenaEnergy 4s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 50%,#dc26261f 0,#0000 50%),radial-gradient(circle at 80% 50%,#00d4c81a 0,#0000 50%);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@keyframes tnArenaEnergy{0%{opacity:.4}to{opacity:1}}.battle-arena>*{position:relative;z-index:1}.battle-arena:after{animation:tnArenaScan 3s linear infinite;background:linear-gradient(90deg,#0000,#dc262699,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes tnArenaScan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}@keyframes tnMechHover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fighter-avatar:after{animation:tnHologramShadow 3s ease-in-out infinite;background:radial-gradient(ellipse,#dc262666,#0000);border-radius:50%;bottom:-12px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:80%}@keyframes tnHologramShadow{0%,to{opacity:.8;transform:translateX(-50%) scaleX(1)}50%{opacity:.4;transform:translateX(-50%) scaleX(.85)}}.fighter-avatar:before{background:repeating-linear-gradient(0deg,#0000,#0000 4px,#dc26260f 0,#dc26260f 5px);border-radius:50%;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.tn-victory-overlay{inset:0;pointer-events:none;position:fixed;z-index:100}.tn-victory-ring{animation:tnVictoryRingExpand 1s ease-out forwards;border:3px solid #f59e0b;border:3px solid var(--color-brand-accent,#f59e0b);border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes tnVictoryRingExpand{0%{height:0;opacity:1;width:0}to{height:400px;opacity:0;width:400px}}.tn-confetti{animation:tnConfettiFall 3s ease-in 0s forwards;animation:tnConfettiFall var(--duration,3s) var(--delay,0s) ease-in forwards;border-radius:2px;height:8px;position:absolute;width:8px}@keyframes tnConfettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@keyframes tnBracketPulse{0%,to{box-shadow:0 0 8px #dc26264d}50%{box-shadow:0 0 20px #dc262699}}@keyframes tnStatusActive{0%,to{opacity:1}50%{opacity:.6}}@keyframes tnModalBgFade{0%{opacity:0}to{opacity:1}}@keyframes tnVictoryExpand{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes tnVictoryFlash{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes tnVipNoticeGlow{0%,to{box-shadow:0 0 8px #f59e0b33}50%{box-shadow:0 0 20px #f59e0b80}}@media (prefers-reduced-motion:reduce){.battle-arena:after,.battle-arena:before,.bracket-unlock-celebration,.fighter-avatar,.fighter-avatar:after,.match-card.match-card--your-match,.match-live-badge,.tn-arena-particle,.tn-confetti,.tn-spinner,.tn-victory-ring{animation:none!important}.tournament-battle-page .tab,.tournament-detail-page .tab,.tournament-history-page .tab,.tournament-list-page .tab{transition:none}}.mining-hub{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);overflow:hidden;padding:1rem;position:relative;width:100%}@media (min-width:1920px){.mining-hub{max-width:min(1800px,98vw)}}@media (min-width:2560px){.mining-hub{max-width:min(2600px,98vw)}}.starfield{background:radial-gradient(ellipse 120% 100% at 50% 0,#0f0f23fa 0,#05050ffc 50%,#030308 100%);inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.star{animation:twinkle 3s ease-in-out infinite;animation:twinkle var(--dur,3s) ease-in-out infinite;background:#fff;border-radius:50%;opacity:0;position:absolute}.mining-hub>:not(.starfield){position:relative;z-index:1}@keyframes twinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.ore-icon,.ore-icon-sm,.ore-icon-xs{border-radius:3px;display:inline-block;flex-shrink:0;vertical-align:middle}.ore-icon{height:20px;margin-right:6px;width:20px}.ore-icon-sm{height:14px;margin-right:4px;width:14px}.ore-icon-xs{height:10px;margin-right:3px;width:10px}.iron-ore-icon{background:linear-gradient(135deg,#64748b,#94a3b8);border:1px solid #475569}.nickel-ore-icon{background:linear-gradient(135deg,#475569,#64748b);border:1px solid #334155}.gold-ore-icon{background:linear-gradient(135deg,#d97706,#fbbf24);border:1px solid #b45309;box-shadow:0 0 4px #fbbf244d}.silver-ore-icon{background:linear-gradient(135deg,#9ca3af,#e5e7eb);border:1px solid #6b7280;box-shadow:0 0 4px #e5e7eb33}.damage-icon{background:linear-gradient(135deg,#dc2626,#ef4444);border:1px solid #b91c1c;border-radius:50%}.rare-gem-icon{background:linear-gradient(135deg,#7c3aed,var(--rarity-epic),#c084fc);border:1px solid #6d28d9;border-radius:2px;transform:rotate(45deg)}.rare-gem-icon.ore-icon{margin-right:8px}.bar-icon{border:1px solid #ffffff1a;border-radius:2px;display:inline-block;height:10px;margin-right:4px;vertical-align:middle;width:16px}.iron-bar-icon{background:linear-gradient(135deg,#64748b,#94a3b8);border-color:#475569}.nickel-bar-icon{background:linear-gradient(135deg,#475569,#64748b);border-color:#334155}.gold-bar-icon{background:linear-gradient(135deg,#d97706,#fbbf24);border-color:#b45309;box-shadow:0 0 4px #fbbf2433}.silver-bar-icon{background:linear-gradient(135deg,#9ca3af,#e5e7eb);border-color:#6b7280;box-shadow:0 0 3px #e5e7eb26}.eq-custom-icon{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;position:relative;width:28px}.lantern-icon{background:radial-gradient(circle at 50% 30%,#fbbf24,#d97706);box-shadow:0 0 8px #fbbf2466}.lantern-icon:after{background:#fff;border-radius:0 0 3px 3px;content:"";height:3px;left:50%;opacity:.8;position:absolute;top:2px;transform:translateX(-50%);width:6px}.charm-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 0 8px #f59e0b80}.stabilizer-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 6px #22c55e4d}.stabilizer-icon:after{border:2px solid #fff6;border-radius:2px;content:"";inset:6px;position:absolute}.scanner-icon{background:linear-gradient(135deg,#00d4c8,#0891b2);border-radius:50%;box-shadow:0 0 8px #00d4c866}.scanner-icon:after{border-bottom:10px solid #0000;border-left:10px solid #fff6;border-top:10px solid #0000;content:"";height:0;left:4px;position:absolute;top:4px;width:0}.drill-icon{background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-clip-path:polygon(50% 0,100% 40%,80% 100%,20% 100%,0 40%);clip-path:polygon(50% 0,100% 40%,80% 100%,20% 100%,0 40%)}.extractor-icon{background:linear-gradient(135deg,var(--rarity-epic),#7c3aed);box-shadow:0 0 8px #a855f766;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.btn-icon,.depleted-icon,.header-icon,.lock-icon,.log-icon,.notif-icon,.panel-icon,.pass-icon,.quality-icon,.scan-icon,.timer-icon,.vip-star-icon{border-radius:3px;display:inline-block;height:16px;margin-right:6px;vertical-align:middle;width:16px}.mining-icon{background:linear-gradient(135deg,#dc2626,#f59e0b);border-radius:50%}.status-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.field-icon{background:linear-gradient(135deg,#6b7280,#9ca3af);border-radius:50%}.equip-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}.stats-icon{background:linear-gradient(135deg,var(--rarity-epic),#c084fc)}.log-icon{background:linear-gradient(135deg,#6b7280,#9ca3af);height:12px;width:12px}.shop-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.smelt-icon{background:linear-gradient(135deg,#ef4444,#f97316)}.sell-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}.error-icon,.success-icon{border-radius:50%}.success-icon{background:#22c55e}.warning-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:50%}.scan-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;height:10px;width:10px}.timer-icon{background:linear-gradient(135deg,#6b7280,#9ca3af);height:10px;width:10px}.quality-icon{background:linear-gradient(135deg,#22c55e,#fbbf24);border-radius:50%;height:12px;width:12px}.vip-star-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);height:14px;width:14px}.pass-icon{background:linear-gradient(135deg,#f59e0b,#dc2626)}.lock-icon,.pass-icon{border-radius:8px;display:block;height:48px;margin:0 auto 1rem;width:48px}.lock-icon{background:linear-gradient(135deg,#6b7280,#374151)}.depleted-icon{background:#374151;border-radius:50%;height:24px;margin:0 auto 4px;opacity:.5;width:24px}.loading-state{color:#888;color:var(--text-secondary,#888);gap:1rem;padding:4rem;position:relative;z-index:1}.loading-spinner{border:3px solid #dc262633;border-top:3px solid var(--color-brand-primary,#dc2626)}.mining-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;position:relative;z-index:1}.mining-header h1{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:1.75rem;margin:0}.mining-header p{color:#888;color:var(--text-secondary,#888);margin:.25rem 0 0}.mining-hub .header-right{align-items:center;display:flex;gap:.75rem}.mining-hub .vip-badge{animation:pulseGlow 2s ease-in-out infinite}.rare-ore-btn{border-color:#a855f766!important;color:#c084fc!important}.rare-ore-btn:hover{border-color:#a855f7b3!important;box-shadow:0 0 8px #a855f74d}.notification{animation:miningSlideIn .3s ease;gap:.5rem;z-index:1}.notification.error{background:#ef444426;border:1px solid #ef444466}.notification.success{background:#22c55e26;border:1px solid #22c55e66}.notification.warning{animation:miningSlideIn .3s ease,warningPulse 2s ease-in-out infinite;background:#f59e0b26;border:1px solid #f59e0b66;color:#fbbf24}@keyframes miningSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.access-denied h2{margin-bottom:1rem}.no-pass-card{margin:2rem auto;max-width:600px;position:relative;z-index:1}.no-pass-content{padding:2rem;text-align:center}.no-pass-content h2{margin-bottom:.5rem}.no-pass-content p{color:#888;color:var(--text-secondary,#888);margin-bottom:1.5rem}.mining-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:300px 1fr 250px;grid-template-rows:auto auto auto;position:relative;z-index:1}@media (max-width:1200px){.mining-content{grid-template-columns:1fr 1fr}}@media (max-width:768px){.mining-content{grid-template-columns:1fr}}.mining-content.vip-tier-1 .status-panel{border-color:#f59e0b4d;box-shadow:0 0 15px #f59e0b1a}.mining-content.vip-tier-2 .status-panel{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b26}.mining-content.vip-tier-3 .status-panel{border-color:#f59e0bb3;box-shadow:0 0 25px #f59e0b33}.status-panel{grid-row:span 3;transition:border-color .3s,box-shadow .3s}.status-grid{margin-bottom:1.5rem}.status-item .label{font-size:.7rem;letter-spacing:.5px}.status-item .value{align-items:center;display:flex}.status-item .value.iron{color:#94a3b8}.status-item .value.nickel{color:#64748b}.status-item .value.gold{color:#f59e0b;color:var(--color-brand-accent,#f59e0b)}.status-item .value.silver{color:silver}.ops-value{font-family:monospace;font-family:var(--font-family-mono,monospace)}.ops-divider{margin:0 2px;opacity:.4}.bars-inventory{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem}.bars-label{color:#888;color:var(--text-secondary,#888);display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.bars-grid{display:flex;flex-wrap:wrap;gap:.5rem}.bar-item{align-items:center;display:flex;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.8rem;font-weight:600}.bar-item.iron{color:#94a3b8}.bar-item.nickel{color:#64748b}.bar-item.gold{color:#fbbf24}.bar-item.silver{color:silver}.rare-ore-mini{background:linear-gradient(135deg,#7c3aed14,#a855f70a);border:1px solid #a855f733;border-radius:6px;cursor:pointer;margin-bottom:1rem;padding:.5rem .75rem;transition:all .2s}.rare-ore-mini:hover{border-color:#a855f780;box-shadow:0 0 10px #a855f726}.rare-ore-mini-label{align-items:center;color:var(--rarity-epic);display:flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.rare-ore-mini-items{display:flex;flex-wrap:wrap;gap:.35rem}.rare-ore-mini-item{font-size:.75rem;font-weight:500}.rare-ore-mini-value{color:#22c55e;color:var(--color-success,#22c55e);display:block;font-size:.7rem;font-weight:600;margin-top:.3rem}.quality-section{margin-bottom:1.5rem}.quality-header{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.quality-pct{font-family:monospace;font-family:var(--font-family-mono,monospace);font-weight:700}.quality-bar-wrapper{margin-bottom:.5rem;position:relative}.quality-bar{background:#ffffff14;height:12px;overflow:hidden;width:100%}.quality-bar,.quality-bar-fill{border-radius:6px;position:relative}.quality-bar-fill{height:100%;transition:width .5s ease,background .5s ease}.quality-high .quality-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 8px #22c55e66}.quality-mid .quality-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 8px #f59e0b66}.quality-low .quality-bar-fill{animation:qualityPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#dc2626,#ef4444);box-shadow:0 0 8px #dc262666}@keyframes qualityPulse{0%,to{box-shadow:0 0 8px #dc262666}50%{box-shadow:0 0 16px #dc2626b3}}.quality-crack-overlay{background:linear-gradient(45deg,#0000 30%,#0000004d 30.5%,#0000 31%),linear-gradient(-30deg,#0000 50%,#0003 50.5%,#0000 51%),linear-gradient(70deg,#0000 65%,#00000040 65.5%,#0000 66%);border-radius:6px;inset:0;pointer-events:none;position:absolute}.quality-section button{margin-top:.5rem;width:100%}.quality-hint{color:#666;color:var(--text-secondary,#666);display:block;font-size:.65rem;font-style:italic;margin-top:.25rem}.vip-bonus-panel{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border:1px solid #f59e0b33;border-radius:6px;margin-bottom:1rem;padding:.5rem .75rem}.vip-label{align-items:center;display:flex;font-size:.75rem;margin-bottom:.25rem}.vip-label,.vip-perk{color:#f59e0b;color:var(--color-brand-accent,#f59e0b)}.vip-perk{background:#f59e0b1a;font-size:.7rem;padding:2px 6px}.action-buttons{margin-bottom:1rem}.action-buttons button{align-items:center;display:flex;gap:.5rem;justify-content:center}.rare-btn-glow{animation:rareBtnPulse 2s ease-in-out infinite;border-color:#a855f766!important}@keyframes rareBtnPulse{0%,to{box-shadow:0 0 0 #a855f700}50%{box-shadow:0 0 12px #a855f74d}}.radar-section{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);padding-top:.75rem}.radar-label{color:#888;color:var(--text-secondary,#888);display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.asteroid-radar{aspect-ratio:1;background:radial-gradient(circle,#00d4c808 0,#0000 70%);border:1px solid #00d4c826;border-radius:50%;margin:0 auto;max-width:160px;position:relative;width:100%}.radar-ring{border:1px solid #00d4c81a}.ring-1{inset:10%}.ring-2{inset:30%}.ring-3{inset:50%}.radar-sweep{animation:radarSweep 3s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#00d4c826 30deg,#0000 60deg);inset:0}.radar-dot,.radar-sweep{border-radius:50%;position:absolute}.radar-dot{height:6px;transform:translate(-50%,-50%);transition:all .3s;width:6px}.radar-dot.mined{background:#374151;opacity:.4}.radar-dot.revealed{background:#4ade80;box-shadow:0 0 4px #4ade8080}.radar-dot.unknown{animation:pulseDot 1.5s ease-in-out infinite;background:#fbbf24}.asteroid-field{grid-column:2;grid-row:span 2}.field-header{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.field-header,.field-header h3{align-items:center;display:flex}.field-header h3{margin:0}.field-controls{align-items:center;display:flex;gap:.75rem}.field-refresh-timer{align-items:center;display:flex;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.8rem;gap:4px}.field-info,.field-refresh-timer{color:#888;color:var(--text-secondary,#888)}.field-info{font-size:.85rem;margin-bottom:1rem}.asteroids-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:1.5rem}.field-depleted{animation:miningFadeIn .5s ease;background:#3741511a;border:1px dashed #6b72804d;border-radius:12px;margin-bottom:1.5rem;padding:2rem;text-align:center}@keyframes miningFadeIn{0%{opacity:0}to{opacity:1}}.field-depleted-icon{margin-bottom:.75rem}.depleted-field-icon{animation:depletedPulse 3s ease-in-out infinite;background:radial-gradient(circle,#374151 40%,#0000 70%);border:2px dashed #6b728066;border-radius:50%;display:inline-block;height:48px;opacity:.6;width:48px}@keyframes depletedPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.field-depleted-text{color:#888;color:var(--text-secondary,#888);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.field-depleted-hint{color:#666;color:var(--text-secondary,#666);font-size:.8rem;margin:0 0 1rem}.asteroid{align-items:center;background:linear-gradient(135deg,#0f0f14e6,#191923e6);border:2px solid #6464784d;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:160px;padding:1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.asteroid.conc-gold{border-color:#fbbf2466}.asteroid.conc-gold:before{background:radial-gradient(ellipse at 50% 20%,#fbbf2414,#0000 60%);border-radius:14px;content:"";inset:-1px;pointer-events:none;position:absolute}.asteroid.conc-silver{border-color:#c0c0c066}.asteroid.conc-silver:before{background:radial-gradient(ellipse at 50% 20%,#c0c0c00f,#0000 60%);border-radius:14px;content:"";inset:-1px;pointer-events:none;position:absolute}.asteroid.conc-balanced{border-color:#a855f74d}.asteroid.conc-balanced:before{background:radial-gradient(ellipse at 50% 20%,#a855f70f,#0000 60%);border-radius:14px;content:"";inset:-1px;pointer-events:none;position:absolute}.asteroid.unrevealed{border-color:#64647833}.asteroid:hover:not(.mined){box-shadow:0 8px 25px #0006;transform:translateY(-4px)}.asteroid.selected{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 0 20px #dc26264d,inset 0 0 20px #dc26260d}.asteroid.mined{background:#0a0a0fe6;border-color:#32323c33;cursor:not-allowed;opacity:.4}.asteroid.high-rare{box-shadow:0 0 12px #a855f726}.asteroid.high-rare:after{animation:highRareGlow 2s ease-in-out infinite;border:1px solid #a855f740;border-radius:15px;content:"";inset:-2px;pointer-events:none;position:absolute}@keyframes highRareGlow{0%,to{border-color:#a855f726;box-shadow:inset 0 0 0 #a855f700}50%{border-color:#a855f766;box-shadow:inset 0 0 15px #a855f70d}}.asteroid-body{margin-bottom:.25rem;position:relative}.asteroid-shape{height:48px;margin:0 auto .25rem;position:relative;width:48px}.asteroid-inner{animation:asteroidFloat 4s ease-in-out infinite;background:linear-gradient(135deg,#4a4a5a,#2a2a3a,#3a3a4a);border-radius:40% 55% 45% 50%;box-shadow:inset -4px -4px 8px #0006,inset 4px 4px 8px #ffffff0d;height:100%;overflow:hidden;position:relative;width:100%}.conc-gold .asteroid-inner{background:linear-gradient(135deg,#6b5c2a,#4a3d1a,#8b7540);box-shadow:inset -4px -4px 8px #0006,inset 4px 4px 8px #fbbf241a}.conc-silver .asteroid-inner{background:linear-gradient(135deg,#5a5a6a,#3a3a4a,#7a7a8a);box-shadow:inset -4px -4px 8px #0006,inset 4px 4px 8px #c0c0c01a}.conc-balanced .asteroid-inner{background:linear-gradient(135deg,#4a3a5a,#2a2a3a,#5a4a6a);box-shadow:inset -4px -4px 8px #0006,inset 4px 4px 8px #a855f714}.mined .asteroid-inner{animation:none;background:#1a1a1a;box-shadow:none}@keyframes asteroidFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(2deg)}}.asteroid-label{color:#888;color:var(--text-secondary,#888);font-size:.8rem;font-weight:600}.asteroid.mining-anim{animation:miningShake .6s ease-in-out}@keyframes miningShake{0%,to{transform:translate(0)}10%{transform:translate(-3px,-1px)}20%{transform:translate(3px,1px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}50%{transform:translate(-1px,1px)}60%{transform:translate(1px,-1px)}}.drill-beam{animation:drillPulse .3s ease-in-out infinite;background:linear-gradient(180deg,#dc2626,#0000);background:linear-gradient(to bottom,var(--color-brand-primary,#dc2626),#0000);border-radius:2px;box-shadow:0 0 10px #dc262680;height:30px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:4px}@keyframes drillPulse{0%,to{height:30px;opacity:1}50%{height:25px;opacity:.7}}.mining-particles{height:0;left:50%;position:absolute;top:50%;width:0}.particle{animation:particleBurst .6s ease-out 0s forwards;animation:particleBurst .6s ease-out var(--delay,0s) forwards;background:#f59e0b;background:var(--color-brand-accent,#f59e0b);border-radius:50%;height:4px;position:absolute;transform:rotate(0deg) translateY(0);transform:rotate(var(--angle,0deg)) translateY(0);width:4px}@keyframes particleBurst{0%{opacity:1;transform:rotate(var(--angle)) translateY(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(-30px)}}.asteroid-info{margin-top:.5rem}.concentration-tag{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:600;margin-bottom:.25rem;padding:1px 6px}.conc-gold .concentration-tag{background:#fbbf2426;color:#fbbf24}.conc-silver .concentration-tag{background:#c0c0c01f;color:silver}.conc-balanced .concentration-tag{background:#a855f71f;color:var(--rarity-epic)}.yields-grid{grid-gap:2px 8px;display:grid;font-size:.7rem;gap:2px 8px;grid-template-columns:1fr 1fr}.yield-item{align-items:center;display:flex}.yield-item.iron{color:#94a3b8}.yield-item.nickel{color:#64748b}.yield-item.gold{color:#fbbf24}.yield-item.silver{color:silver}.yield-item.damage{color:#ef4444}.yield-item.rare{color:var(--rarity-epic)}.yield-item.rare-high{color:#c084fc;font-weight:700;text-shadow:0 0 6px #c084fc66}.asteroid-unknown{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.unknown-label{color:#888;color:var(--text-secondary,#888);font-size:.7rem;opacity:.6}.reveal-btn{align-items:center;background:#3b82f626;border:1px solid #3b82f666;border-radius:4px;color:#60a5fa;cursor:pointer;display:flex;font-size:.7rem;gap:4px;padding:4px 10px;transition:all .2s}.reveal-btn:hover{background:#3b82f64d}.asteroid-depleted{align-items:center;display:flex;flex-direction:column}.depleted-label{color:#888;color:var(--text-secondary,#888);font-size:.7rem;opacity:.5}.mine-actions{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:1rem}.equipment-panel h3{align-items:center;display:flex;margin-bottom:1rem}.equipment-list{display:flex;flex-direction:column;gap:.5rem}.equipment-item{align-items:center;background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border-radius:6px;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem;transition:all .2s}.equipment-item.locked{opacity:.4}.equipment-item.active{background:#22c55e0d;border-left:3px solid #22c55e}.equipment-item.broken{border-left:3px solid #ef4444;border-left:3px solid var(--color-danger,#ef4444);opacity:.7}.equipment-item.durability-warning{animation:eqWarnFlash 2s ease-in-out infinite;background:#f59e0b0d;border-left-color:#f59e0b}@keyframes eqWarnFlash{0%,to{background:#f59e0b0d}50%{background:#f59e0b1a}}.eq-info{flex:1 1;min-width:0}.eq-name{display:block;font-size:.75rem;font-weight:500}.eq-durability-bar{background:#ffffff14;border-radius:2px;height:4px;margin-top:4px;overflow:hidden;width:100%}.eq-durability-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;height:100%;transition:width .3s}.eq-durability-bar.danger .eq-durability-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 4px #f59e0b66}.eq-durability-text{color:#888;color:var(--text-secondary,#888);flex-shrink:0;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.65rem}.eq-broken-tag{color:#ef4444;color:var(--color-danger,#ef4444);font-size:.6rem;font-weight:600}.eq-broken-tag,.eq-warning-tag{letter-spacing:.5px;text-transform:uppercase}.eq-warning-tag{animation:warningTagBlink 1.5s ease-in-out infinite;background:#f59e0b26;border-radius:3px;color:#fbbf24;display:inline-block;font-size:.55rem;font-weight:700;margin-left:4px;padding:1px 4px}@keyframes warningTagBlink{0%,to{opacity:.7}50%{opacity:1}}.stats-grid{grid-gap:.5rem;gap:.5rem}.stat{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border-radius:6px;padding:.5rem}.mining-hub .stat-value{color:#dc2626;color:var(--color-brand-primary,#dc2626);display:block;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:1.25rem;font-weight:700}.mining-hub .stat-label{color:#888;color:var(--text-secondary,#888);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.mining-hub .iron-stat .stat-value{color:#94a3b8}.mining-hub .nickel-stat .stat-value{color:#64748b}.mining-hub .gold-stat .stat-value{color:#fbbf24}.mining-hub .silver-stat .stat-value{color:silver}.mining-hub .rare-stat .stat-value{color:var(--rarity-epic)}.mining-hub .damage-stat .stat-value{color:#ef4444}.mining-log{display:flex;flex-direction:column;grid-column:1/-1;max-height:280px;overflow:hidden;transition:max-height .3s ease}.mining-log.collapsed{max-height:48px}.mining-log.collapsed .mining-log-entries{display:none}.mining-log-header{align-items:center;background:#0006;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem;-webkit-user-select:none;user-select:none}.mining-log-header:hover{background:#0009;color:#fff;color:var(--text-primary,#fff)}.mining-log-title{align-items:center;display:flex}.mining-log-toggle{font-size:.7rem;transition:transform .3s ease}.mining-log.collapsed .mining-log-toggle{transform:rotate(-90deg)}.mining-log-entries{display:flex;flex:1 1;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;padding:.5rem}.mining-log-entries::-webkit-scrollbar{width:4px}.mining-log-entries::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.mining-log-empty{color:#888;color:var(--text-secondary,#888);font-size:.85rem;font-style:italic;margin:0;padding:1rem;text-align:center}.mining-log-entry{align-items:center;background:#ffffff08;border-left:3px solid #dc2626;border-left:3px solid var(--color-brand-primary,#dc2626);border-radius:4px;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;padding:.35rem .5rem}.mining-log-entry.rare{background:#a855f714;border-left-color:var(--rarity-epic)}.mining-log-asteroid{color:#fff;color:var(--text-primary,#fff);flex-shrink:0;font-weight:600}.mining-log-values{align-items:center;color:#ccc;color:var(--text-secondary,#ccc);display:flex;flex-wrap:wrap;gap:.5rem}.mining-log-values .iron{color:#94a3b8}.mining-log-values .nickel{color:#64748b}.mining-log-values .gold{color:#fbbf24}.mining-log-values .silver{color:silver}.mining-log-values .damage{color:#ef4444;color:var(--color-danger,#ef4444)}.mining-log-values .rare{color:var(--rarity-epic);font-weight:600}.rare-discovery-overlay{align-items:center;animation:rareOverlayFade 3s ease-out forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-modal-backdrop)}@keyframes rareOverlayFade{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.rare-discovery-flash{animation:rareFlash .5s ease-out;background:radial-gradient(circle at center,#a855f780 0,#0000 70%);background:radial-gradient(circle at center,var(--rare-glow,#a855f780) 0,#0000 70%);inset:0;position:absolute}@keyframes rareFlash{0%{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}to{opacity:.4;transform:scale(1)}}.rare-discovery-content{animation:rareContentPop .5s cubic-bezier(.34,1.56,.64,1) .1s both;text-align:center}@keyframes rareContentPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.rare-discovery-icon{margin-bottom:1rem}.rare-discovery-icon .rare-gem-icon{animation:rareGemSpin 2s linear infinite;box-shadow:0 0 30px #a855f799;box-shadow:0 0 30px var(--rare-glow,#a855f799);display:block;height:48px;margin:0 auto;width:48px}@keyframes rareGemSpin{0%{transform:rotate(45deg) scale(1)}50%{transform:rotate(225deg) scale(1.1)}to{transform:rotate(405deg) scale(1)}}.rare-discovery-label{font-size:.85rem;font-weight:700;letter-spacing:4px;margin-bottom:.25rem;text-shadow:0 0 20px #a855f780;text-shadow:0 0 20px var(--rare-glow,#a855f780);text-transform:uppercase}.rare-discovery-label,.rare-discovery-name{color:var(--rarity-epic);color:var(--rare-color,var(--rarity-epic))}.rare-discovery-name{font-size:1.75rem;font-weight:800;text-shadow:0 0 30px #a855f7cc;text-shadow:0 0 30px var(--rare-glow,#a855f7cc)}.mine-result{text-align:center}.result-row{align-items:center;background:#ffffff08;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.4rem;padding:.6rem .75rem}.result-row .label{flex:1 1;font-size:.9rem;margin-left:.5rem;text-align:left}.result-row .value{font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:1.1rem;font-weight:700}.result-row.iron .value{color:#94a3b8}.result-row.nickel .value{color:#64748b}.result-row.gold .value{color:#fbbf24}.result-row.silver .value{color:silver}.result-row.damage .value{color:#ef4444}.result-row.rare{animation:rarePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed26,#a855f71a);border:1px solid #a855f74d}.result-row.rare .label{font-weight:700}.result-row.rare .label,.result-row.rare .value{color:var(--rarity-epic);color:var(--rare-color,var(--rarity-epic))}@keyframes rarePulse{0%,to{box-shadow:0 0 0 #a855f700}50%{box-shadow:0 0 15px #a855f733}}.result-summary{color:#888;color:var(--text-secondary,#888);font-size:.9rem;margin:1rem 0}.batch-summary-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;flex-direction:column;margin-bottom:1rem;padding-bottom:.75rem}.batch-count{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:2.5rem;font-weight:800;line-height:1}.batch-rare-finds{margin-top:.5rem}.mining-shop{max-height:60vh;overflow-y:auto}.shop-section{margin-bottom:1.5rem}.shop-section h4{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);margin-bottom:.75rem;padding-bottom:.5rem}.shop-items{display:flex;flex-direction:column;gap:.75rem}.shop-item{align-items:center;background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.shop-item.owned{border-color:#22c55e4d}.shop-item.broken{border-color:#ef44444d}.item-info{flex:1 1}.item-name{display:block;font-weight:600;margin-bottom:.25rem}.item-desc{color:#888;color:var(--text-secondary,#888)}.item-desc,.item-effect{display:block;font-size:.75rem}.item-effect{color:#22c55e;color:var(--color-success,#22c55e);margin-top:.25rem}.item-broken{color:#ef4444;color:var(--color-danger,#ef4444);display:block;font-size:.7rem;margin-top:.25rem}.item-action{margin-left:1rem}.shop-balance{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);color:#f59e0b;color:var(--color-brand-accent,#f59e0b);padding-top:1rem;text-align:right}.smelting-modal{max-height:65vh;overflow-y:auto;text-align:left}.furnace-graphic{display:flex;justify-content:center;margin-bottom:1rem}.furnace-body{background:linear-gradient(180deg,#374151,#1f2937);border:1px solid #4b5563;border-radius:8px 8px 4px 4px;height:50px;position:relative;width:60px}.furnace-glow{animation:furnaceGlow 1.5s ease-in-out infinite;background:radial-gradient(ellipse,#ef444499,#0000);border-radius:50%;bottom:-4px;height:12px;left:10%;position:absolute;width:80%}@keyframes furnaceGlow{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}.furnace-flame{animation:flameFlicker .5s ease-in-out infinite alternate;background:linear-gradient(0deg,#f59e0b,#ef4444,#0000);border-radius:50% 50% 20% 20%;height:25px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:20px}.smelting-intro{color:#888;color:var(--text-secondary,#888);font-size:.85rem;margin-bottom:1rem}.smelting-recipes{display:flex;flex-direction:column;gap:.75rem}.smelting-recipe{align-items:center;background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem}.smelting-recipe-info{flex:1 1;min-width:160px}.smelting-recipe-name{display:block;font-weight:600;margin-bottom:.2rem}.smelting-recipe-formula{color:#888;color:var(--text-secondary,#888);display:block;font-size:.75rem}.smelting-recipe-balance{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.75rem;margin-top:.25rem}.smelting-recipe-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.4rem;margin-left:.5rem}.smelt-quick-btns{display:flex;gap:.25rem}.smelt-quick-btns button{font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.7rem;min-width:32px;padding:.2rem .4rem}.sell-bars-modal{max-height:65vh;overflow-y:auto;text-align:left}.sell-bars-intro{color:#888;color:var(--text-secondary,#888);font-size:.85rem;margin-bottom:1rem}.sell-bars-intro strong{color:#f59e0b;color:var(--color-brand-accent,#f59e0b)}.sell-bars-list{display:flex;flex-direction:column;gap:.75rem}.sell-bars-item{align-items:center;background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem}.sell-bars-item-info{flex:1 1;min-width:140px}.sell-bars-item-name{display:block;font-weight:600;margin-bottom:.2rem}.sell-bars-item-rate{color:#22c55e;color:var(--color-success,#22c55e);display:block;font-size:.75rem}.sell-bars-item-balance{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.75rem;margin-top:.2rem}.sell-bars-item-actions{display:flex;gap:.5rem;margin-left:.5rem}.rare-ore-modal{max-height:65vh;overflow-y:auto;text-align:left}.rare-ore-intro{color:#888;color:var(--text-secondary,#888);font-size:.85rem;margin-bottom:1rem}.rare-ore-intro strong{color:#f59e0b;color:var(--color-brand-accent,#f59e0b)}.rare-ore-list{display:flex;flex-direction:column;gap:.75rem}.rare-ore-item{align-items:center;background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.rare-ore-item.has-ore{background:linear-gradient(135deg,#7c3aed0d,#0d0d0d);background:linear-gradient(135deg,#7c3aed0d,var(--color-ui-surface,#0d0d0d));border-color:#a855f766;border-color:var(--rare-color,#a855f766)}.rare-ore-item.empty-ore{opacity:.4}.rare-ore-item-icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.rare-ore-item-icon .ore-icon{box-shadow:0 0 12px #a855f766;box-shadow:0 0 12px var(--rare-glow,#a855f766)}.rare-ore-item-info{flex:1 1;min-width:0}.rare-ore-item-name{color:var(--rarity-epic);color:var(--rare-color,var(--rarity-epic));display:block;font-size:.9rem;font-weight:600}.rare-ore-item-qty{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.75rem}.rare-ore-item-value{color:#22c55e;color:var(--color-success,#22c55e);display:block;font-size:.75rem}.rare-ore-item-actions{display:flex;flex-shrink:0;gap:.5rem}.rare-ore-total{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;margin-top:1rem;padding-top:.75rem;text-align:right}.rare-ore-total strong{color:#22c55e;color:var(--color-success,#22c55e);font-size:1.1rem}.rare-ore-empty{color:#888;color:var(--text-secondary,#888);padding:2rem 1rem;text-align:center}.rare-ore-empty .ore-icon{display:block;margin:0 auto 1rem;opacity:.4}.rare-ore-empty p{margin:0 0 .5rem}.rare-ore-hint{color:#666;color:var(--text-secondary,#666);display:block;font-size:.75rem;font-style:italic}.repair-modal{text-align:left}.repair-modal-note{color:#888;color:var(--text-secondary,#888);font-size:.85rem;margin-bottom:.5rem}.repair-modal-hint{color:#666;color:var(--text-secondary,#666);font-size:.75rem;font-style:italic;margin-bottom:1rem}.repair-options{gap:.75rem}.repair-option,.repair-options{display:flex;flex-direction:column}.repair-option{gap:.5rem}.repair-option span{font-size:.85rem}.repair-max{color:#888;color:var(--text-secondary,#888);font-style:italic}.repair-preview{background:#ffffff08;border-radius:8px;margin-bottom:1rem;padding:1rem}.repair-current{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.85rem;margin-top:.5rem;text-align:center}.repair-option-preview{margin-bottom:.25rem}.repair-arrow{background:#22c55e14;border-radius:4px;color:#22c55e;color:var(--color-success,#22c55e);display:inline-block;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:1rem;font-weight:700;padding:.25rem .75rem}.asteroid{animation:mhAsteroidEntrance .4s ease-out backwards}@keyframes mhAsteroidEntrance{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.asteroid.mined{animation:none}.mh-batch-celebration{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-modal-content)}.mh-batch-shockwave{animation:mhShockwaveExpand .8s ease-out forwards;border:3px solid #dc262699;border-radius:50%;height:120px;width:120px}@keyframes mhShockwaveExpand{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(8)}}.mh-batch-flash{animation:mhBatchFlash .6s ease-out forwards;background:radial-gradient(circle,#dc262626 0,#0000 60%);inset:0;position:absolute}@keyframes mhBatchFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.mh-confetti-piece{animation:mhConfettiFall 1.5s ease-out forwards;border-radius:1px;height:6px;position:absolute;width:6px}@keyframes mhConfettiFall{0%{opacity:1;transform:translate(0) rotate(0deg)}to{opacity:0;transform:translateY(200px) rotate(2turn);transform:translate(var(--cx,0),var(--cy,200px)) rotate(var(--cr,2turn))}}.mh-debris-field{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.mh-debris{animation:mhDebrisFloat 12s linear infinite;animation:mhDebrisFloat var(--dur,12s) linear infinite;background:#64748b26;border-radius:40% 60% 50% 50%;position:absolute}@keyframes mhDebrisFloat{0%{opacity:0;transform:translateX(-20px) translateY(0) rotate(0deg)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateX(20px) translateY(calc(-100vh - 40px)) rotate(1turn)}}.asteroid.high-rare .asteroid-inner{box-shadow:inset -4px -4px 8px #0006,inset 4px 4px 8px #a855f726,0 0 12px #a855f71a}.asteroid.conc-gold:not(.mined) .asteroid-inner:after{animation:mhOreShimmer 3s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#fbbf2426 45%,#0000 50%);border-radius:inherit;content:"";inset:0;position:absolute}.asteroid.conc-silver:not(.mined) .asteroid-inner:after{animation:mhOreShimmer 3.5s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#e2e8f01f 45%,#0000 50%);border-radius:inherit;content:"";inset:0;position:absolute}.asteroid.conc-balanced:not(.mined) .asteroid-inner:after{animation:mhOreShimmer 4s ease-in-out infinite;background:linear-gradient(105deg,#0000 40%,#a855f71a 45%,#0000 50%);border-radius:inherit;content:"";inset:0;position:absolute}@keyframes mhOreShimmer{0%,to{opacity:0;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}.mining-log-entry{animation:mhLogSlideIn .3s ease-out backwards}@keyframes mhLogSlideIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.mining-hub .stat-value.mh-pop{animation:mhStatPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes mhStatPop{0%{transform:scale(1)}50%{color:#f59e0b;transform:scale(1.3)}to{transform:scale(1)}}.mining-content.mh-damage-shake{animation:mhDamageShake .4s ease-in-out}@keyframes mhDamageShake{0%,to{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(2px,1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-1px)}50%{transform:translate(-1px)}}.mh-damage-flash{animation:mhDamageFlashAnim .5s ease-out forwards;background:radial-gradient(circle,#ef44441a 0,#0000 60%);inset:0;pointer-events:none;position:fixed;z-index:var(--z-index-modal-below)}@keyframes mhDamageFlashAnim{0%{opacity:0}20%{opacity:1}to{opacity:0}}.mh-smelting-active .furnace-flame{animation:flameFlicker .2s ease-in-out infinite alternate,mhSmeltIntensify .8s ease-in-out}@keyframes mhSmeltIntensify{0%{filter:brightness(1);height:25px}50%{filter:brightness(1.5);height:35px}to{filter:brightness(1);height:25px}}.mh-smelting-active .furnace-glow{animation:furnaceGlow .4s ease-in-out infinite;filter:brightness(1.5)}.mh-smelt-spark{animation:mhSmeltSparkBurst .6s ease-out forwards;background:#fbbf24;border-radius:50%;height:3px;position:absolute;width:3px}@keyframes mhSmeltSparkBurst{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px,-20px);transform:translate(var(--sx,10px),var(--sy,-20px))}}.field-refresh-timer.mh-timer-urgent{animation:mhTimerUrgent 1s ease-in-out infinite;color:#ef4444;font-weight:700}@keyframes mhTimerUrgent{0%,to{opacity:1}50%{opacity:.5}}.mining-content>.status-panel{animation:mhPanelSlideIn .5s ease-out .1s backwards}.mining-content>.asteroid-field{animation:mhPanelSlideIn .5s ease-out .2s backwards}.mining-content>.equipment-panel{animation:mhPanelSlideIn .5s ease-out .3s backwards}.mining-content>.stats-panel{animation:mhPanelSlideIn .5s ease-out .4s backwards}.mining-content>.mining-log{animation:mhPanelSlideIn .5s ease-out .5s backwards}@keyframes mhPanelSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mh-log-load-more{border-top:1px solid #ffffff0f;padding:.5rem;text-align:center}.mh-log-load-more button{background:none;border:1px solid #ffffff26;border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.7rem;padding:4px 12px;transition:all .2s}.mh-log-load-more button:hover{border-color:#ffffff4d;color:#fff;color:var(--text-primary,#fff)}.smelting-recipe.mh-recipe-processing{overflow:hidden;pointer-events:none;position:relative}.smelting-recipe.mh-recipe-processing:before{animation:mhSmeltProgress 1s ease-in-out forwards;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);border-radius:0 2px 2px 0;bottom:0;content:"";height:3px;left:0;position:absolute;z-index:2}.smelting-recipe.mh-recipe-processing .smelting-recipe-name{color:#f59e0b}.smelting-recipe.mh-recipe-processing .smelting-recipe-name:after{animation:mhSmeltDots 1.5s steps(4) infinite;color:#fbbf24;content:" — Smelting...";font-size:.8em;font-weight:400}@keyframes mhSmeltProgress{0%{width:0}to{width:100%}}@keyframes mhSmeltDots{0%{content:" — Smelting"}25%{content:" — Smelting."}50%{content:" — Smelting.."}75%{content:" — Smelting..."}}.asteroid-tooltip{animation:mhTooltipFadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f19f2;border:1px solid #ffffff26;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #00000080;min-width:140px;padding:8px 10px;pointer-events:none;z-index:20}.asteroid-tooltip,.asteroid-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.asteroid-tooltip:after{border:5px solid #0000;border-top-color:#ffffff26;content:"";top:100%}.asteroid-tooltip-header{border-bottom:1px solid #ffffff14;font-size:.72rem;font-weight:600;margin-bottom:4px;padding-bottom:4px;text-align:center}.asteroid-tooltip .yields-grid{grid-gap:2px 8px;display:grid;font-size:.65rem;gap:2px 8px;grid-template-columns:1fr 1fr}.asteroid-tooltip .yield-item{align-items:center;display:flex;gap:3px;padding:1px 0}.asteroid-tooltip .yield-item.rare-high{color:var(--rarity-epic);font-weight:600}@keyframes mhTooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mh-milestone-overlay{align-items:center;animation:mhMilestoneBgFade 2.5s ease-out forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-modal-backdrop)}.mh-milestone-ring{animation:mhMilestoneRing 1.5s ease-out forwards;border:3px solid #f59e0b;border:3px solid var(--ms-color,#f59e0b);border-radius:50%;height:200px;opacity:0;position:absolute;width:200px}.mh-milestone-content{animation:mhMilestoneContent .6s cubic-bezier(.34,1.56,.64,1) .3s backwards;text-align:center;z-index:1}.mh-milestone-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.mh-milestone-title{color:#f59e0b;color:var(--ms-color,#f59e0b);font-size:1.4rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 0 20px #f59e0b80;text-shadow:0 0 20px var(--ms-color,#f59e0b80)}.mh-milestone-desc{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem}.mh-milestone-sparkle{animation:mhMilestoneSparkle 1.2s ease-out forwards;background:#f59e0b;background:var(--ms-color,#f59e0b);border-radius:50%;height:4px;position:absolute;width:4px}@keyframes mhMilestoneBgFade{0%{background:#0000}15%{background:#0006}70%{background:#0006}to{background:#0000}}@keyframes mhMilestoneRing{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes mhMilestoneContent{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes mhMilestoneSparkle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0) scale(0);transform:translate(var(--sx,0),var(--sy,0)) scale(0)}}.mh-streak-badge{align-items:center;background:linear-gradient(135deg,#fb923c26,#ef444426);border:1px solid #fb923c4d;border-radius:12px;color:#fb923c;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;overflow:hidden;padding:3px 10px;position:relative}.mh-streak-badge:after{animation:mhStreakFlame 1s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#f59e0b,#ef4444);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.mh-streak-icon{animation:mhStreakFlicker .4s ease-in-out infinite alternate;background:radial-gradient(circle at 50% 70%,#fbbf24 0,#ef4444 60%,#0000 70%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;display:inline-block;height:12px;width:12px}.mh-streak-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes mhStreakFlame{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes mhStreakFlicker{0%{filter:brightness(1);transform:scaleY(.9)}to{filter:brightness(1.3);transform:scaleY(1.1)}}.mh-milestone-icon{border-radius:50%;display:inline-block;height:48px;margin:0 auto .5rem;width:48px}.asteroid-milestone-icon{background:radial-gradient(circle at 40% 35%,#64748b 0,#334155 50%,#1e293b 100%);box-shadow:inset -3px -3px 6px #0006,inset 3px 3px 6px #94a3b833,0 0 20px #60a5fa4d;box-shadow:inset -3px -3px 6px #0006,inset 3px 3px 6px #94a3b833,0 0 20px var(--ms-color,#60a5fa4d)}.ops-milestone-icon{background:conic-gradient(from 0deg,#f59e0b,#fbbf24,#f59e0b,#fbbf24,#f59e0b);box-shadow:0 0 20px #f59e0b4d;box-shadow:0 0 20px var(--ms-color,#f59e0b4d)}.rare-milestone-icon{background:radial-gradient(circle at 35% 30%,#e879f9,var(--rarity-epic) 50%,#7c3aed 100%);box-shadow:0 0 20px #a855f74d;box-shadow:0 0 20px var(--ms-color,#a855f74d)}.gold-milestone-icon{background:radial-gradient(circle at 40% 35%,#fde68a,#f59e0b 50%,#d97706 100%);box-shadow:0 0 20px #fbbf244d;box-shadow:0 0 20px var(--ms-color,#fbbf244d)}.iron-milestone-icon{background:radial-gradient(circle at 40% 35%,#cbd5e1,#64748b 50%,#475569 100%);box-shadow:0 0 20px #94a3b84d;box-shadow:0 0 20px var(--ms-color,#94a3b84d)}.mh-skeleton{animation:mhShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:6px}@keyframes mhShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mh-skeleton-header{height:2rem;margin-bottom:.5rem;width:60%}.mh-skeleton-subtitle{height:1rem;margin-bottom:1.5rem;width:40%}.mh-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:300px 1fr 250px;position:relative;z-index:1}@media (max-width:1200px){.mh-skeleton-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.mh-skeleton-grid{grid-template-columns:1fr}}.mh-skeleton-panel{background:#0d0d0d;background:var(--color-ui-surface,#0d0d0d);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;padding:1rem}.mh-skeleton-panel-tall{min-height:300px}.mh-skeleton-bar{border-radius:6px;height:12px;margin-bottom:.75rem}.mh-skeleton-bar.w-full{width:100%}.mh-skeleton-bar.w-75{width:75%}.mh-skeleton-bar.w-50{width:50%}.mh-skeleton-bar.w-30{width:30%}.mh-skeleton-asteroid{aspect-ratio:1;border-radius:14px;width:100%}.mh-skeleton-asteroids{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mh-skeleton-stat{border-radius:6px;height:56px}.mh-skeleton-eq-item{border-radius:6px;height:44px;margin-bottom:.5rem}@media (prefers-reduced-motion:reduce){.asteroid,.asteroid-inner,.asteroid-tooltip,.asteroid.conc-balanced:not(.mined) .asteroid-inner:after,.asteroid.conc-gold:not(.mined) .asteroid-inner:after,.asteroid.conc-silver:not(.mined) .asteroid-inner:after,.asteroid.mining-anim,.depleted-field-icon,.drill-beam,.eq-warning-tag,.equipment-item.durability-warning,.field-depleted,.field-refresh-timer.mh-timer-urgent,.furnace-flame,.furnace-glow,.loading-spinner,.mh-batch-flash,.mh-batch-shockwave,.mh-confetti-piece,.mh-damage-flash,.mh-debris,.mh-milestone-content,.mh-milestone-overlay,.mh-milestone-ring,.mh-milestone-sparkle,.mh-skeleton,.mh-smelt-spark,.mh-smelting-active .furnace-flame,.mh-smelting-active .furnace-glow,.mh-streak-badge:after,.mh-streak-icon,.mining-content.mh-damage-shake,.mining-content>.asteroid-field,.mining-content>.equipment-panel,.mining-content>.mining-log,.mining-content>.stats-panel,.mining-content>.status-panel,.mining-hub .stat-value.mh-pop,.mining-log-entry,.notification,.notification.warning,.particle,.quality-low .quality-bar-fill,.radar-dot.unknown,.radar-sweep,.rare-btn-glow,.rare-discovery-content,.rare-discovery-flash,.rare-discovery-icon .rare-gem-icon,.rare-discovery-overlay,.result-row.rare,.smelting-recipe.mh-recipe-processing:before,.star,.vip-badge{animation:none!important}.asteroid,.eq-durability-fill,.mining-log,.quality-bar-fill,.radar-dot,.rare-ore-mini,.reveal-btn,.status-panel{transition:none!important}.asteroid:hover:not(.mined){transform:none}}.crystal-caverns{background:radial-gradient(ellipse at 20% 30%,#7c3aed0f 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#3b82f60d 0,#0000 50%),radial-gradient(ellipse at 50% 100%,#ec48990a 0,#0000 40%),radial-gradient(ellipse at 10% 80%,#22c55e08 0,#0000 40%);box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);overflow:hidden;padding:1rem;position:relative;width:100%}@media (min-width:1920px){.crystal-caverns{max-width:min(1800px,98vw)}}@media (min-width:2560px){.crystal-caverns{max-width:min(2600px,98vw)}}.crys-starfield{inset:0;pointer-events:none;position:absolute;z-index:0}.crys-star{animation:crysStarTwinkle 3s ease-in-out infinite;animation:crysStarTwinkle var(--dur,3s) ease-in-out infinite;background:#fff;border-radius:50%;opacity:0;position:absolute}@keyframes crysStarTwinkle{0%,to{opacity:0}50%{opacity:.7}}.crys-particles{inset:0;pointer-events:none;position:absolute;z-index:0}.crys-particle{animation:crysParticleFloat 8s ease-in-out infinite;animation:crysParticleFloat var(--dur,8s) ease-in-out infinite;border-radius:50%;bottom:-10px;height:4px;opacity:0;position:absolute;width:4px}.crys-particle-v0{background:#7c3aed99}.crys-particle-v1{background:#3b82f680}.crys-particle-v2{background:#ec489980}.crys-particle-v3{background:#fff6}@keyframes crysParticleFloat{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.6;transform:translateY(-20vh) scale(1)}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh) scale(.5)}}.crys-celebration{inset:0;pointer-events:none;position:fixed;z-index:100}.crys-celebration-ring{animation:crysCelebrationExpand 1.5s ease-out forwards;border:3px solid #ec4899cc;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.crys-celebration-flash{animation:crysCelebrationFlash .6s ease-out forwards;background:radial-gradient(circle,#7c3aed4d 0,#0000 60%);inset:0;position:absolute}.crys-confetti{animation:crysConfettiFall 2s ease-out forwards;background:#eb4747;background:hsl(var(--confetti-hue,0),80%,60%);border-radius:1px;height:6px;position:absolute;top:40%;width:6px}@keyframes crysCelebrationExpand{0%{border-width:3px;height:10px;opacity:1;width:10px}to{border-width:1px;height:600px;opacity:0;width:600px}}@keyframes crysCelebrationFlash{0%{opacity:.8}to{opacity:0}}@keyframes crysConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(60vh) rotate(2turn) scale(.3)}}.caverns-header{align-items:center;animation:crysFadeInDown .5s ease-out;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;position:relative;z-index:1}.caverns-header:after{animation:crysHeaderSweep 4s linear infinite;background:linear-gradient(90deg,#0000,#7c3aed80,#3b82f680,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.caverns-header h1{-webkit-text-fill-color:#0000;animation:crysTitleShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#a78bfa,#60a5fa 50%,#f472b6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;color:var(--text-primary,#fff);font-size:1.75rem;margin:0}.caverns-header p{color:#888;color:var(--text-secondary,#888);margin:.25rem 0 0}.crystal-caverns .header-right{align-items:center;display:flex;gap:.75rem}@keyframes crysFadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes crysHeaderSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes crysTitleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.crys-vip-badge{align-items:center;animation:crysVipGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b26,#eab3081a);border:1px solid #f59e0b4d;border-radius:6px;color:#fbbf24;display:inline-flex;font-size:.75rem;font-weight:700;gap:.35rem;letter-spacing:.5px;padding:.3rem .6rem;text-transform:uppercase}.crys-vip-badge[data-tier="2"]{background:linear-gradient(135deg,#c0c0c026,#a8a8a81a);border-color:#c0c0c04d;color:#d1d5db}.crys-vip-badge[data-tier="3"]{background:linear-gradient(135deg,#eab30833,#f59e0b26);border-color:#eab30866;color:#fcd34d}@keyframes crysVipGlow{0%,to{box-shadow:0 0 4px #f59e0b1a}50%{box-shadow:0 0 12px #f59e0b40}}.notification{animation:crysSlideIn .3s ease;justify-content:space-between;padding:.75rem 1rem}.notification.error{background:#ef444433;border:1px solid #ef4444;color:var(--color-text-error,#fca5a5)}.notification.success{border:1px solid #22c55e;color:var(--color-success,#86efac)}.crys-dismiss-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem;opacity:.7;padding:0 .25rem;transition:opacity .2s}.crys-dismiss-btn:hover{opacity:1}@keyframes crysSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.access-denied{margin:2rem auto;max-width:500px;padding:3rem}.unlock-card{margin:2rem auto;max-width:600px}.unlock-content{text-align:center}.crys-unlock-icon{display:block;font-size:3rem;margin:0 auto 1rem}.crys-error-state{align-items:center;color:#fca5a5;color:var(--color-text-error,#fca5a5);display:flex;flex-direction:column;gap:1rem;padding:3rem;text-align:center}.crys-error-state .crys-icon{font-size:2rem}.crys-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:280px 1fr 280px;position:relative;z-index:1}.crys-skeleton-card{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:12px;height:220px}.crys-skeleton-pods{grid-gap:1rem;display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.crys-skeleton-pod{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:12px;height:180px}.crys-skeleton-shimmer{animation:crysSkeletonShimmer 1.5s linear infinite;background:linear-gradient(90deg,#1a1a2e 25%,#ffffff0d 50%,#1a1a2e 75%);background:linear-gradient(90deg,var(--bg-secondary,#1a1a2e) 25%,#ffffff0d 50%,var(--bg-secondary,#1a1a2e) 75%);background-size:200% 100%}@keyframes crysSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.caverns-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:280px 1fr 280px;grid-template-rows:auto auto;position:relative;z-index:1}@media (max-width:1200px){.caverns-content{grid-template-columns:1fr 1fr}.inventory-panel{grid-column:auto}.pods-panel{grid-column:1/-1}.stats-panel{grid-column:auto}.crys-skeleton-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.caverns-content,.crys-skeleton-grid{grid-template-columns:1fr}.caverns-header{flex-direction:column;gap:.75rem;text-align:center}.crystal-caverns .header-right{justify-content:center}}@media (max-width:480px){.crystal-caverns{padding:.5rem}.caverns-header h1{font-size:1.35rem}}.status-panel{position:relative}.status-panel:before{background:linear-gradient(180deg,#0000 70%,#7c3aed08);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.status-panel h3{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.status-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.status-item{gap:.25rem}.status-item .label{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.75rem;gap:.35rem;text-transform:uppercase}.status-item .value{font-feature-settings:"tnum";font-size:1rem;font-variant-numeric:tabular-nums;font-weight:600}.status-item .value.credits{color:var(--color-success)}.status-hint{background:#f59e0b1a;border-radius:4px;color:#f59e0b;color:var(--color-text-warning,#f59e0b);font-size:.8rem;margin:.5rem 0;padding:.4rem .6rem}.crys-vip-benefits{background:linear-gradient(135deg,#f59e0b0f,#eab30808);border:1px solid #f59e0b26;border-radius:8px;margin-top:.75rem;padding:.6rem}.crys-vip-benefits-title{color:#fbbf24;font-size:.7rem;font-weight:600;margin-bottom:.4rem;text-transform:uppercase}.crys-vip-benefit-row{color:#888;color:var(--text-secondary,#888);display:flex;font-size:.75rem;justify-content:space-between;padding:.15rem 0}.crys-vip-benefit-row span:last-child{font-feature-settings:"tnum";color:#fbbf24;font-variant-numeric:tabular-nums;font-weight:600}.action-buttons{gap:.5rem;margin-top:.75rem}.action-buttons button{width:100%}.inventory-panel{grid-column:3;position:relative}.inventory-panel h3{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.crystal-grid{display:flex;flex-direction:column;gap:.5rem}.crystal-item{grid-gap:.5rem;align-items:center;background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-left:3px solid #888;border-left:3px solid var(--crystal-color,#888);border-radius:6px;display:grid;gap:.5rem;grid-template-columns:28px 1fr auto auto;padding:.5rem;transition:all .2s ease}.crystal-item:hover{background:#ffffff08;transform:translateX(2px)}.crystal-item.has-crystals{border-left-width:4px}.crystal-icon{align-items:center;display:inline-flex;height:24px;justify-content:center;width:24px}.crystal-info{display:flex;flex-direction:column;gap:.1rem}.crystal-name{font-size:.875rem}.crystal-rarity{font-size:.625rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.crystal-rarity.common{color:#888;color:var(--text-secondary,#888)}.crystal-rarity.uncommon{color:#ef4444}.crystal-rarity.rare{color:#a78bfa}.crystal-rarity.legendary{color:#f472b6}.crystal-count{font-feature-settings:"tnum";color:#fff;color:var(--crystal-color,#fff);font-variant-numeric:tabular-nums;font-weight:700}.crystal-value{font-feature-settings:"tnum";color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-variant-numeric:tabular-nums}.crystal-item.rarity-rare{background:linear-gradient(90deg,#7c3aed14,#1a1a2e 40%);background:linear-gradient(90deg,#7c3aed14 0,var(--bg-secondary,#1a1a2e) 40%)}.crystal-item.rarity-legendary{animation:crysLegendaryItemGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#ec489914,#1a1a2e 40%);background:linear-gradient(90deg,#ec489914 0,var(--bg-secondary,#1a1a2e) 40%)}@keyframes crysLegendaryItemGlow{0%,to{box-shadow:inset 0 0 4px #ec48991a}50%{box-shadow:inset 0 0 12px #ec489933}}.pods-panel{grid-column:2;grid-row:span 2;position:relative}.pods-panel:before{background:linear-gradient(180deg,#0000,#3b82f605);border-radius:inherit;inset:0}.pods-panel:after,.pods-panel:before{content:"";pointer-events:none;position:absolute}.pods-panel:after{animation:crysScanLine 3s linear infinite;background:linear-gradient(90deg,#0000,#7c3aed66,#0000);height:2px;left:0;top:0;width:100%}@keyframes crysScanLine{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.pods-panel h3{margin-bottom:1rem}.pods-header{justify-content:space-between;margin-bottom:1rem}.pods-header,.pods-header h3{align-items:center;display:flex}.pods-header h3{gap:.5rem;margin:0}.pods-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pod{animation:crysPodEntrance .4s ease-out backwards;background:linear-gradient(135deg,#0f0f23,#1a1a2e);background:linear-gradient(135deg,var(--color-ui-background,#0f0f23) 0,var(--color-ui-surface,#1a1a2e) 100%);border:2px solid #333;border-radius:12px;padding:1rem;transition:all .25s ease}.pod:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.pod.growing{animation:crysPodEntrance .4s ease-out backwards,crysGrowPulse 2.5s ease-in-out infinite;border-color:#3b82f6;border-color:var(--color-brand-primary,#3b82f6)}.pod.ready{animation:crysPodEntrance .4s ease-out backwards,crysReadyGlow 2s ease-in-out infinite;border-color:#22c55e;border-color:var(--color-success,#22c55e);box-shadow:0 0 20px #22c55e4d}.pod.rarity-rare{border-color:#7c3aed}.pod.rarity-rare.ready{box-shadow:0 0 20px #7c3aed66}.pod.rarity-legendary{border-color:#ec4899}.pod.rarity-legendary.ready{animation:crysPodEntrance .4s ease-out backwards,crysLegendaryPodPulse 2s infinite;box-shadow:0 0 25px #ec489980}@keyframes crysPodEntrance{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes crysGrowPulse{0%,to{box-shadow:0 0 0 #3b82f64d}50%{box-shadow:0 0 20px #3b82f666}}@keyframes crysReadyGlow{0%,to{box-shadow:0 0 12px #22c55e33}50%{box-shadow:0 0 24px #22c55e66}}@keyframes crysLegendaryPodPulse{0%,to{box-shadow:0 0 15px #ec48994d}50%{box-shadow:0 0 30px #ec489999}}.pod-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.pod-level{font-feature-settings:"tnum";color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;text-transform:uppercase}.pod-max-badge{background:linear-gradient(135deg,#eab30833,#f59e0b1a);border-radius:4px;color:#fbbf24;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:.1rem .4rem;text-transform:uppercase}.upgrade-btn{background:none;border:none;border-radius:4px;color:#3b82f6;color:var(--color-brand-primary,#3b82f6);cursor:pointer;font-size:.75rem;font-weight:600;opacity:.7;padding:.2rem .5rem;transition:all .2s}.upgrade-btn:hover:not(:disabled){background:#3b82f626;opacity:1}.upgrade-btn:disabled{cursor:not-allowed;opacity:.3}.pod-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:100px}.pod-crystal{text-align:center}.pod-crystal .crystal-orb{align-items:center;border-radius:50%;display:inline-flex;filter:drop-shadow(0 0 8px #fff);filter:drop-shadow(0 0 8px var(--crystal-color,#fff));height:48px;justify-content:center;width:48px}.pod-crystal.growing .crystal-orb{animation:crysGrowAnim 1.5s ease-in-out infinite}.pod-crystal .amount{font-feature-settings:"tnum";color:#fff;color:var(--crystal-color,#fff);display:block;font-variant-numeric:tabular-nums;font-weight:700}@keyframes crysGrowAnim{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.pod-empty{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;flex-direction:column;gap:.25rem;text-align:center}.pod-empty .empty-icon{align-items:center;display:flex;height:48px;justify-content:center;opacity:.15;width:48px}.pod-empty .empty-label{font-size:.75rem;opacity:.6}.pod-footer{border-top:1px solid #333;margin-top:.75rem;padding-top:.5rem}.pod-info{font-feature-settings:"tnum";color:#666;color:var(--text-secondary,#666);font-size:.7rem;font-variant-numeric:tabular-nums}.growth-progress{text-align:center;width:100%}.crystal-caverns .progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:.25rem;overflow:hidden;position:relative;width:100%}.crystal-caverns .progress-fill{background:#3b82f6;background:var(--crystal-color,var(--color-brand-primary,#3b82f6));border-radius:3px;height:100%;position:relative;transition:width 1s ease}.progress-fill:after{animation:crysProgressShimmer 2s linear infinite;height:100%;width:100%}@keyframes crysProgressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-label{font-feature-settings:"tnum";color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-variant-numeric:tabular-nums}.progress-label .time{font-size:.75rem}.rarity-badge{animation:crysBadgePop .3s ease-out;border-radius:4px;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:.1rem .4rem;text-transform:uppercase}.rarity-badge.uncommon{background:#ef444433;color:#ef4444}.rarity-badge.rare{animation:crysBadgePop .3s ease-out,crysRarityShimmer 3s ease-in-out infinite;background:#7c3aed33;color:#a78bfa}.rarity-badge.legendary{animation:crysBadgePop .3s ease-out,crysRarityShimmer 2s ease-in-out infinite;background:#ec489933;color:#f472b6}@keyframes crysBadgePop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes crysRarityShimmer{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 10px currentColor}}.stats-panel{grid-column:1;position:relative}.stats-panel h3{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.stats-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:1fr 1fr}.stat{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);padding:.75rem;text-align:center;transition:all .2s ease}.stat:hover{background:#ffffff08;transform:translateY(-1px)}.stats-panel .stat-value{font-feature-settings:"tnum";color:#7c3aed;color:var(--primary,#7c3aed);display:block;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.stats-panel .stat-label{color:#888;color:var(--text-secondary,#888);font-size:.7rem}.stat.highlight{background:linear-gradient(135deg,#7c3aed26,#1a1a2e);background:linear-gradient(135deg,#7c3aed26 0,var(--bg-secondary,#1a1a2e) 100%);border:1px solid #7c3aed4d}.stats-panel .stat-value.rare{color:#a78bfa}.grow-modal,.powder-shop,.sell-shop{padding:.5rem}.powder-price{font-feature-settings:"tnum";color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:600;margin-bottom:1rem}.grow-input,.powder-input,.sell-amount{align-items:center;display:flex;gap:.5rem;margin:1rem 0}.grow-input input,.powder-input input,.sell-amount input{font-feature-settings:"tnum";background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-variant-numeric:tabular-nums;padding:.5rem;text-align:center;width:100px}.grow-input input:disabled,.powder-input input:disabled{cursor:not-allowed;opacity:.5}.bulk-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.bulk-btn-active{background:#7c3aed33!important;border-color:#7c3aed!important;color:#a78bfa!important}.cost-per-oz{font-feature-settings:"tnum";color:#888;color:var(--text-secondary,#888);font-size:.8rem;font-variant-numeric:tabular-nums;margin-bottom:.25rem}.sell-total,.total-cost{font-feature-settings:"tnum";color:var(--color-success);font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:600;margin-bottom:1rem}.discount{color:#a78bfa;color:var(--color-brand-accent,#a78bfa);font-size:.875rem}.modal-actions{gap:1rem}.sell-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sell-option{grid-gap:.75rem;align-items:center;background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border:2px solid #0000;border-radius:8px;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:28px 1fr auto auto;padding:.75rem;transition:all .2s}.sell-option:hover:not(.empty){border-color:#7c3aed;border-color:var(--primary,#7c3aed);transform:translateX(2px)}.sell-option.selected{background:#22c55e1a;border-color:var(--color-success)}.sell-option.empty{cursor:not-allowed;opacity:.5}.sell-option .owned{font-feature-settings:"tnum";color:#888;color:var(--text-secondary,#888);font-size:.875rem;font-variant-numeric:tabular-nums}.sell-option .value{font-feature-settings:"tnum";color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:600}.sell-option .sell-rarity{font-size:.65rem;font-weight:600;text-transform:uppercase}.grow-info{color:#888;color:var(--text-secondary,#888);font-size:.875rem;margin-bottom:1rem}.grow-speed-info{color:#fbbf24;font-size:.8rem;margin-bottom:.5rem}.grow-yield-preview{font-feature-settings:"tnum";color:#888;color:var(--text-secondary,#888);font-size:.85rem;font-variant-numeric:tabular-nums;margin-bottom:.5rem}.upgrade-confirm{padding:.5rem}.upgrade-confirm p{margin-bottom:1rem}.upgrade-comparison{align-items:stretch;display:flex;gap:.5rem;margin-bottom:1.25rem}.upgrade-col{background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:8px;flex:1 1;padding:.75rem}.upgrade-col-next{background:linear-gradient(135deg,#3b82f614,#1a1a2e);background:linear-gradient(135deg,#3b82f614,var(--bg-secondary,#1a1a2e));border:1px solid #3b82f633}.upgrade-col-label{color:#888;color:var(--text-secondary,#888);display:block;font-size:.7rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.upgrade-arrow{align-items:center;display:flex;position:relative;width:24px}.upgrade-arrow:before{border-bottom:6px solid #0000;border-left:8px solid #3b82f6;border-left:8px solid var(--color-brand-primary,#3b82f6);border-top:6px solid #0000;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.upgrade-improved{color:#22c55e!important;color:var(--color-success,#22c55e)!important}.preview-row{display:flex;font-size:.875rem;justify-content:space-between;padding:.35rem 0}.preview-row+.preview-row{border-top:1px solid #ffffff0d}.preview-row span:last-child{font-feature-settings:"tnum";color:#3b82f6;color:var(--color-brand-primary,#3b82f6);font-variant-numeric:tabular-nums;font-weight:600}.crys-icon{display:inline-block;flex-shrink:0;height:16px;vertical-align:middle;width:16px}.crys-icon-quartz{background:radial-gradient(circle,#fff 30%,#e5e7eb 70%)}.crys-icon-quartz,.crys-icon-sapphire{-webkit-clip-path:polygon(50% 0,80% 25%,100% 60%,70% 100%,30% 100%,0 60%,20% 25%);clip-path:polygon(50% 0,80% 25%,100% 60%,70% 100%,30% 100%,0 60%,20% 25%)}.crys-icon-sapphire{background:radial-gradient(circle,#93c5fd 20%,#3b82f6 70%)}.crys-icon-ruby{background:radial-gradient(circle,#fca5a5 20%,#ef4444 70%)}.crys-icon-ruby,.crys-icon-void{-webkit-clip-path:polygon(50% 0,80% 25%,100% 60%,70% 100%,30% 100%,0 60%,20% 25%);clip-path:polygon(50% 0,80% 25%,100% 60%,70% 100%,30% 100%,0 60%,20% 25%)}.crys-icon-void{background:radial-gradient(circle,#c4b5fd 10%,#7c3aed 60%,#4c1d95 100%)}.crys-icon-prismatic{animation:crysPrismaticSpin 3s linear infinite;background:conic-gradient(#f472b6,#a78bfa,#60a5fa,#34d399,#fbbf24,#f472b6);-webkit-clip-path:polygon(50% 0,80% 25%,100% 60%,70% 100%,30% 100%,0 60%,20% 25%);clip-path:polygon(50% 0,80% 25%,100% 60%,70% 100%,30% 100%,0 60%,20% 25%)}@keyframes crysPrismaticSpin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.crys-icon-powder{background:linear-gradient(135deg,#c4b5fd 30%,#7c3aed 70%)}.crys-icon-powder,.crys-icon-turns{-webkit-clip-path:circle(45%);clip-path:circle(45%)}.crys-icon-turns{background:conic-gradient(from 0deg,#60a5fa,#3b82f6,#0000 75%);border-radius:50%}.crys-icon-credits{background:radial-gradient(circle,#fde68a 30%,#f59e0b 70%);-webkit-clip-path:circle(45%);clip-path:circle(45%)}.crys-icon-pod{background:linear-gradient(180deg,#60a5fa,#1e40af);-webkit-clip-path:polygon(20% 0,80% 0,95% 100%,5% 100%);clip-path:polygon(20% 0,80% 0,95% 100%,5% 100%)}.crys-icon-vip{background:linear-gradient(135deg,#fde68a,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.crys-icon-upgrade{background:linear-gradient(180deg,#60a5fa,#3b82f6);-webkit-clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%);clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%)}.crys-icon-grow{background:linear-gradient(180deg,#86efac,#22c55e);-webkit-clip-path:polygon(50% 0,80% 30%,65% 30%,65% 100%,35% 100%,35% 30%,20% 30%);clip-path:polygon(50% 0,80% 30%,65% 30%,65% 100%,35% 100%,35% 30%,20% 30%)}.crys-icon-harvest{background:linear-gradient(135deg,#fde68a,#22c55e);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.crys-icon-sell{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}.crys-icon-buy{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%)}.crys-icon-stats{background:linear-gradient(180deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(0 100%,0 60%,25% 60%,25% 40%,50% 40%,50% 20%,75% 20%,75% 0,100% 0,100% 100%);clip-path:polygon(0 100%,0 60%,25% 60%,25% 40%,50% 40%,50% 20%,75% 20%,75% 0,100% 0,100% 100%)}.crys-icon-rare{background:radial-gradient(circle,#f472b6 30%,#7c3aed 70%);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.crys-icon-lock{background:linear-gradient(180deg,#6b7280,#374151);-webkit-clip-path:polygon(25% 45%,25% 30%,30% 15%,50% 5%,70% 15%,75% 30%,75% 45%,90% 45%,90% 100%,10% 100%,10% 45%);clip-path:polygon(25% 45%,25% 30%,30% 15%,50% 5%,70% 15%,75% 30%,75% 45%,90% 45%,90% 100%,10% 100%,10% 45%)}.crys-icon-cave{background:linear-gradient(180deg,#6b7280,#1f2937 60%,#7c3aed);-webkit-clip-path:polygon(0 30%,30% 0,70% 0,100% 30%,100% 100%,0 100%);clip-path:polygon(0 30%,30% 0,70% 0,100% 30%,100% 100%,0 100%)}.crys-icon-back{background:#888;background:var(--text-secondary,#888);-webkit-clip-path:polygon(40% 0,40% 30%,100% 30%,100% 70%,40% 70%,40% 100%,0 50%);clip-path:polygon(40% 0,40% 30%,100% 30%,100% 70%,40% 70%,40% 100%,0 50%)}.crys-icon-retry{animation:crysSpinIcon 2s linear infinite;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-clip-path:circle(45%);clip-path:circle(45%)}@keyframes crysSpinIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.crys-stale-banner{align-items:center;animation:crysSlideIn .3s ease;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:6px;color:#fbbf24;display:flex;font-size:.8rem;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:.5rem 1rem;position:relative;z-index:2}.crys-stale-refresh{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;color:#fbbf24;cursor:pointer;font-size:.75rem;font-weight:600;padding:.25rem .6rem;transition:background .2s}.crys-stale-refresh:hover{background:#f59e0b40}.crys-next-pod-hint{align-items:center;background:#3b82f60f;border:1px solid #3b82f61f;border-radius:6px;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.75rem;gap:.4rem;margin-bottom:.5rem;padding:.35rem .6rem}.crys-next-pod-hint strong{color:#3b82f6;color:var(--color-brand-primary,#3b82f6)}.crys-purchase-history{border-top:1px solid #ffffff0f;margin-top:.75rem;padding-top:.5rem}.crys-history-toggle{align-items:center;background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.35rem 0;transition:color .2s;width:100%}.crys-history-toggle:hover{color:#fff;color:var(--text-primary,#fff)}.crys-toggle-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid;display:inline-block;height:0;margin-left:auto;transition:transform .2s;width:0}.crys-toggle-arrow.open{transform:rotate(180deg)}.crys-history-list{display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:.4rem 0 0;padding:0}.crys-history-item{font-feature-settings:"tnum";align-items:center;background:#1a1a2e;background:var(--bg-secondary,#1a1a2e);border-radius:4px;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.7rem;font-variant-numeric:tabular-nums;gap:.5rem;padding:.3rem .4rem}.crys-history-amount{color:#fff;color:var(--text-primary,#fff);font-weight:600;min-width:40px}.crys-history-cost{color:#22c55e;color:var(--color-success,#22c55e);font-weight:600}.crys-history-discount{background:#7c3aed26;border-radius:3px;color:#a78bfa;font-size:.6rem;font-weight:600;padding:.05rem .3rem}.crys-history-date{margin-left:auto;opacity:.6}.crys-onboarding{padding:.5rem;text-align:center}.crys-onboarding-progress{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.crys-onboarding-dot{background:#ffffff26;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.crys-onboarding-dot.active{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);box-shadow:0 0 8px #3b82f666;transform:scale(1.3)}.crys-onboarding-dot.done{background:#22c55e;background:var(--color-success,#22c55e)}.crys-onboarding-step{align-items:center;animation:crysFadeInDown .3s ease-out;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.crys-onboarding-step .crys-icon{height:32px!important;width:32px!important}.crys-onboarding-step h3{color:#fff;color:var(--text-primary,#fff);margin:0}.crys-onboarding-step p{color:#888;color:var(--text-secondary,#888);font-size:.875rem;line-height:1.5;margin:0;max-width:380px}.crystal-caverns :focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-brand-primary,#3b82f6);outline-offset:2px}@media (prefers-reduced-motion:reduce){.caverns-header,.caverns-header h1,.caverns-header:after,.crys-celebration-flash,.crys-celebration-ring,.crys-confetti,.crys-icon-prismatic,.crys-icon-retry,.crys-onboarding-step,.crys-particle,.crys-skeleton-shimmer,.crys-stale-banner,.crys-star,.crys-vip-badge,.crystal-item.rarity-legendary,.notification,.pod,.pod.growing,.pod.rarity-legendary.ready,.pod.ready,.pods-panel:after,.progress-fill:after,.rarity-badge,.rarity-badge.legendary,.rarity-badge.rare{animation:none!important;transition:none!important}.crys-celebration,.crys-particles,.crys-starfield{display:none!important}}.hydroponics-hub{box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);overflow:hidden;padding:1rem;position:relative;width:100%}@media (min-width:1920px){.hydroponics-hub{max-width:min(1800px,98vw)}}@media (min-width:2560px){.hydroponics-hub{max-width:min(2600px,98vw)}}.farm-ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.ambient-particle{animation:floatParticle 5s ease-in-out infinite;animation:floatParticle var(--dur,5s) ease-in-out infinite;background:radial-gradient(circle,#22c55e99,#22c55e00);border-radius:50%;filter:blur(1px);opacity:0;position:absolute}.ambient-particle.particle-glow{background:radial-gradient(circle,#4ade80cc,#22c55e00);box-shadow:0 0 6px #22c55e66;filter:blur(.5px)}.ambient-firefly{animation:fireflyDrift ease-in-out infinite;background:#fde68a;border-radius:50%;box-shadow:0 0 8px 2px #fde68a99;height:3px;opacity:0;position:absolute;width:3px}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(0) scale(.8)}40%{opacity:.6}50%{opacity:.7;transform:translateY(-30px) scale(1.2)}60%{opacity:.5}}@keyframes fireflyDrift{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.8}50%{opacity:1;transform:translate(30px,-20px) scale(1)}80%{opacity:.6;transform:translate(-10px,-40px) scale(.8)}to{opacity:0;transform:translate(20px,-60px) scale(.4)}}.farm-skeleton{padding:1.5rem;position:relative;z-index:1}.skel-header{display:flex;justify-content:space-between;margin-bottom:1rem}.skel-line{animation:skelShimmer 1.5s ease infinite;background:linear-gradient(90deg,#22c55e14 25%,#22c55e26 50%,#22c55e14 75%);background-size:200% 100%;border-radius:6px;height:22px}.skel-w60{width:60%}.skel-w30{width:28%}.skel-status-bar{display:flex;gap:.75rem;margin-bottom:1rem}.skel-box{animation:skelShimmer 1.5s ease infinite;background:linear-gradient(90deg,#22c55e0f 25%,#22c55e1f 50%,#22c55e0f 75%);background-size:200% 100%;border-radius:8px;flex:1 1;height:52px}.skel-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.skel-tab{animation:skelShimmer 1.5s ease infinite;background:linear-gradient(90deg,#22c55e0f 25%,#22c55e1f 50%,#22c55e0f 75%);background-size:200% 100%;border-radius:6px;height:36px;width:80px}.skel-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skel-plot{animation:skelShimmer 1.5s ease infinite;background:linear-gradient(90deg,#22c55e0d 25%,#22c55e1a 50%,#22c55e0d 75%);background-size:200% 100%;border-radius:10px;height:160px}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pellet-icon,.pellet-icon-sm{background:radial-gradient(circle at 35% 35%,#fde68a,#d97706,#b45309);border:1.5px solid #92400e;border-radius:50%;box-shadow:0 0 4px #d977064d;display:inline-block;flex-shrink:0;vertical-align:middle}.pellet-icon{height:18px;margin-right:5px;width:18px}.pellet-icon-sm{height:12px;margin-right:3px;width:12px}.farm-icon{background:linear-gradient(135deg,#166534,#22c55e);border:1.5px solid #15803d;border-radius:4px;display:inline-block;height:22px;margin-right:6px;position:relative;vertical-align:middle;width:22px}.farm-icon:after{background:#15803d;border-radius:2px;bottom:2px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:10px}.farm-lock-icon{background:linear-gradient(135deg,#6b7280,#9ca3af);border:2px solid #4b5563;border-radius:4px;display:inline-block;height:28px;position:relative;width:28px}.farm-lock-icon:before{border:3px solid #6b7280;border-bottom:none;border-radius:8px 8px 0 0;content:"";height:10px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:14px}.farm-big-icon{background:linear-gradient(135deg,#166534,#22c55e,#4ade80);border:3px solid #15803d;border-radius:12px;box-shadow:0 0 24px #22c55e4d;display:inline-block;height:64px;position:relative;width:64px}.farm-big-icon:after{background:#15803d;border-radius:4px;bottom:8px;content:"";height:10px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.unlock-bounce{animation:unlockBounce 1.2s ease-in-out infinite}@keyframes unlockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vip-star-icon{background:linear-gradient(135deg,#fde68a,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:12px;width:12px}.barn-icon-sm,.vip-star-icon{display:inline-block;margin-right:3px;vertical-align:middle}.barn-icon-sm{background:linear-gradient(135deg,#b45309,#d97706);border-radius:2px 2px 0 0;height:14px;position:relative;width:14px}.barn-icon-sm:before{border-bottom:5px solid #92400e;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.plot-add-icon{border:2px dashed #22c55e66;border-radius:6px;display:inline-block;height:24px;position:relative;width:24px}.plot-add-icon:after,.plot-add-icon:before{background:#22c55e66;border-radius:1px;content:"";position:absolute}.plot-add-icon:before{height:2px;width:12px}.plot-add-icon:after,.plot-add-icon:before{left:50%;top:50%;transform:translate(-50%,-50%)}.plot-add-icon:after{height:12px;width:2px}.tab-icon{border-radius:3px;display:inline-block;height:14px;margin-right:4px;vertical-align:middle;width:14px}.tab-icon-plots{background:linear-gradient(135deg,#22c55e,#16a34a)}.tab-icon-shop{background:linear-gradient(135deg,#f59e0b,#d97706)}.tab-icon-storage{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tab-icon-equip{background:linear-gradient(135deg,#3b82f6,#2563eb)}.tab-icon-stats{background:linear-gradient(135deg,#06b6d4,#0891b2)}.section-icon{border-radius:3px;display:inline-block;height:16px;margin-right:5px;vertical-align:middle;width:16px}.plots-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}.seed-icon{background:linear-gradient(135deg,#84cc16,#65a30d);border-radius:50%}.animal-section-icon{background:linear-gradient(135deg,#f97316,var(--rarity-legendary-dark));border-radius:50%}.harvest-icon{background:linear-gradient(135deg,#eab308,#ca8a04)}.produce-icon{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:50%}.equip-section-icon{background:linear-gradient(135deg,#3b82f6,#6366f1)}.stats-section-icon{background:linear-gradient(135deg,#06b6d4,#14b8a6)}.btn-icon{border-radius:50%;display:inline-block;height:12px;margin-right:3px;vertical-align:middle;width:12px}.water-icon{background:radial-gradient(circle at 30% 30%,#93c5fd,#3b82f6)}.feed-icon{background:radial-gradient(circle at 30% 30%,#fde68a,#f59e0b)}.harvest-btn-icon{background:radial-gradient(circle at 30% 30%,#fde68a,#ca8a04)}.collect-icon{background:radial-gradient(circle at 30% 30%,#a7f3d0,#10b981)}.notif-icon{border-radius:50%;display:inline-block;flex-shrink:0;height:14px;margin-right:6px;vertical-align:middle;width:14px}.error-icon{background:radial-gradient(circle at 30% 30%,#fca5a5,#ef4444)}.success-icon{background:radial-gradient(circle at 30% 30%,#86efac,#22c55e)}.warning-icon{background:radial-gradient(circle at 30% 30%,#fde68a,#eab308)}.timer-icon{border:1.5px solid #fff9;border-radius:50%;height:11px;margin-right:3px;position:relative;vertical-align:middle;width:11px}.timer-icon:after{background:#fff9;content:"";height:4px;left:50%;position:absolute;top:1px;width:1px}.health-icon{background:#ef4444;-webkit-clip-path:polygon(50% 100%,0 35%,15% 0,50% 20%,85% 0,100% 35%);clip-path:polygon(50% 100%,0 35%,15% 0,50% 20%,85% 0,100% 35%);height:10px;width:10px}.health-icon,.mood-icon{display:inline-block;flex-shrink:0;margin-right:3px}.mood-icon{border-radius:50%;height:12px;width:12px}.mood-happy .mood-icon{background:radial-gradient(circle at 40% 40%,#fde68a,#22c55e)}.mood-neutral .mood-icon{background:radial-gradient(circle at 40% 40%,#fde68a,#f59e0b)}.mood-sad .mood-icon{background:radial-gradient(circle at 40% 40%,#fca5a5,#ef4444)}.crop-css-icon{border-radius:6px;display:inline-block;height:28px;margin-bottom:4px;position:relative;transition:transform .2s;width:28px}.crop-icon-wheat{background:linear-gradient(135deg,#fde68a,#d97706);border:1px solid #b45309}.crop-icon-corn{background:linear-gradient(135deg,#fef08a,#ca8a04);border:1px solid #a16207}.crop-icon-tomato{background:linear-gradient(135deg,#fca5a5,#ef4444);border:1px solid #dc2626}.crop-icon-lettuce{background:linear-gradient(135deg,#bbf7d0,#22c55e);border:1px solid #16a34a}.crop-icon-carrot{background:linear-gradient(135deg,#fed7aa,#f97316);border:1px solid var(--rarity-legendary-dark)}.crop-icon-potato{background:linear-gradient(135deg,#d6d3d1,#a8a29e);border:1px solid #78716c}.crop-icon-strawberry{background:linear-gradient(135deg,#fda4af,#e11d48);border:1px solid #be123c}.crop-icon-blueberry{background:linear-gradient(135deg,#c4b5fd,#7c3aed);border:1px solid #6d28d9}.crop-icon-pumpkin{background:linear-gradient(135deg,#fdba74,var(--rarity-legendary-dark));border:1px solid #c2410c}.crop-icon-watermelon{background:linear-gradient(135deg,#86efac,#16a34a);border:1px solid #15803d;position:relative}.crop-icon-watermelon:after{background:#166534;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.crop-css-icon.stage-seed{opacity:.5;transform:scale(.7)}.crop-css-icon.stage-sprout{opacity:.65;transform:scale(.8)}.crop-css-icon.stage-growing{opacity:.8;transform:scale(.9)}.crop-css-icon.stage-mature{opacity:.9;transform:scale(.95)}.crop-css-icon.stage-ready{box-shadow:0 0 8px #22c55e66;opacity:1;transform:scale(1)}.animal-css-icon{border-radius:50%;display:inline-block;height:28px;margin-bottom:4px;transition:transform .2s;width:28px}.animal-icon-chicken{background:radial-gradient(circle at 35% 35%,#fef08a,#eab308);border:1.5px solid #ca8a04}.animal-icon-cow{background:radial-gradient(circle at 35% 35%,#e5e7eb,#6b7280);border:1.5px solid #4b5563}.animal-icon-pig{background:radial-gradient(circle at 35% 35%,#fda4af,#f472b6);border:1.5px solid #ec4899}.animal-icon-sheep{background:radial-gradient(circle at 35% 35%,#f5f5f4,#d6d3d1);border:1.5px solid #a8a29e}.animal-icon-goat{background:radial-gradient(circle at 35% 35%,#d6d3d1,#78716c);border:1.5px solid #57534e}.produce-css-icon,.produce-mini-icon{border-radius:50%;display:inline-block;vertical-align:middle}.produce-css-icon{height:24px;margin-bottom:4px;width:24px}.produce-mini-icon{height:12px;margin-right:3px;width:12px}.produce-css-icon.produce-icon-eggs,.produce-icon-eggs{background:radial-gradient(circle at 35% 35%,#fef9c3,#fde68a);border:1px solid #eab308}.produce-css-icon.produce-icon-milk,.produce-icon-milk{background:radial-gradient(circle at 35% 35%,#fff,#e5e7eb);border:1px solid #d1d5db}.produce-css-icon.produce-icon-bacon,.produce-icon-bacon{background:radial-gradient(circle at 35% 35%,#fda4af,#b91c1c);border:1px solid #991b1b}.produce-css-icon.produce-icon-wool,.produce-icon-wool{background:radial-gradient(circle at 35% 35%,#f5f5f4,#a8a29e);border:1px solid #78716c}.produce-css-icon.produce-icon-cheese,.produce-icon-cheese{background:radial-gradient(circle at 35% 35%,#fef08a,#f59e0b);border:1px solid #d97706}.equip-css-icon{border-radius:8px;display:inline-block;height:32px;margin-bottom:4px;width:32px}.equip-icon-pump{background:linear-gradient(135deg,#93c5fd,#3b82f6);border:1.5px solid #2563eb}.equip-icon-feeder{background:linear-gradient(135deg,#fde68a,#f59e0b);border:1.5px solid #d97706}.equip-icon-harvester{background:linear-gradient(135deg,#86efac,#16a34a);border:1.5px solid #15803d}.farm-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;position:relative;z-index:1}.farm-header h1{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:1.4rem;margin:0}.farm-header p{color:#888;color:var(--text-secondary,#888);font-size:.85rem;margin:.2rem 0 0}.hydroponics-hub .header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.pellets-balance{align-items:center;background:#d977061a;border:1px solid #d9770640;border-radius:6px;color:#fde68a;display:inline-flex;font-size:.9rem;padding:4px 10px}.vip-glow-1{box-shadow:0 0 8px #22c55e66}.vip-glow-2{box-shadow:0 0 12px #3b82f680}.vip-glow-3{animation:vipBadgePulse 2s ease-in-out infinite;box-shadow:0 0 16px #a855f799}@keyframes vipBadgePulse{0%,to{box-shadow:0 0 16px #a855f799}50%{box-shadow:0 0 24px #a855f7e6}}.farm-status-bar{align-items:center;background:#0f172a80;border:1px solid #22c55e26;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;position:relative;transition:border-color .3s,box-shadow .3s;z-index:1}.farm-status-bar.vip-tier-1{border-color:#22c55e4d;box-shadow:inset 0 0 20px #22c55e0d}.farm-status-bar.vip-tier-2{border-color:#3b82f64d;box-shadow:inset 0 0 20px #3b82f60f}.farm-status-bar.vip-tier-3{animation:vipBarGlow 3s ease-in-out infinite;border-color:#a855f759;box-shadow:inset 0 0 20px #a855f712}@keyframes vipBarGlow{0%,to{box-shadow:inset 0 0 20px #a855f712}50%{box-shadow:inset 0 0 30px #a855f71f}}.status-item{display:flex;flex-direction:column;gap:2px}.status-label{color:#888;color:var(--text-secondary,#888);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.status-value{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:.95rem;font-weight:600}.status-sub{color:#888;color:var(--text-secondary,#888);font-size:.75rem;font-weight:400}.upgrade-barn-wrap{display:flex;gap:.5rem;margin-left:auto}.farm-vip-panel{align-items:center;background:#0f172a4d;border:1px solid #f59e0b26;border-radius:6px;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem;margin-bottom:.75rem;padding:.5rem 1rem;position:relative;z-index:1}.vip-panel-glow-1{border-color:#22c55e33}.vip-panel-glow-2{border-color:#3b82f640}.vip-panel-glow-3{animation:vipPanelShine 4s ease-in-out infinite;border-color:#a855f74d}@keyframes vipPanelShine{0%,to{background:#0f172a4d}50%{background:#a855f70d}}.vip-label{color:#fde68a;font-weight:600}.vip-bonuses{display:flex;flex-wrap:wrap;gap:.5rem}.vip-perk{background:#22c55e1a;border:1px solid #22c55e33;border-radius:4px;color:#86efac;font-size:.75rem;padding:2px 8px}.notification{align-items:center;border-radius:6px;display:flex;font-size:.85rem;margin-bottom:.5rem;padding:.65rem 1rem;position:relative;z-index:2}.notification,.notification.slide-in{animation:hydroponicsSlideIn .3s ease-out}.notification.error{background:#ef44441f;border:1px solid #ef444440;color:#fca5a5}.notification.success{background:#22c55e1f;border:1px solid #22c55e40;color:#86efac}.notification.warning{background:#eab3081f;border:1px solid #eab30840;color:#fde68a}.notification.info{background:#3b82f61f;border:1px solid #3b82f640;color:#93c5fd}@keyframes hydroponicsSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.farm-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;position:relative;z-index:1}.farm-tabs button{background:#0f172a66;border:1px solid #22c55e26;border-radius:6px 6px 0 0;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;position:relative;transition:all .2s}.farm-tabs button.active{background:#22c55e1a;border-color:#22c55e4d #22c55e4d #0000;color:#22c55e}.farm-tabs button:hover:not(.active){background:#22c55e0d;color:#ccc;color:var(--text-primary,#ccc)}.tab-badge{align-items:center;animation:tabBadgePop .3s ease-out;background:#22c55e;border-radius:8px;color:var(--color-text-on-badge);display:inline-flex;font-size:.65rem;height:16px;justify-content:center;margin-left:4px;min-width:16px;padding:0 4px}@keyframes tabBadgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.unlock-card{margin:3rem auto;max-width:500px;position:relative;text-align:center;z-index:1}.unlock-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:2rem}.unlock-content h2{color:#fff;color:var(--text-primary,#fff);margin:0}.unlock-content .bonus{color:#22c55e;font-weight:600}.access-denied{margin:4rem auto;max-width:400px;position:relative;text-align:center;z-index:1}.access-denied-icon{margin-bottom:1rem}.access-denied h2{margin:0 0 .5rem}.plots-section{position:relative;z-index:1}.plots-header{flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.plots-header,.plots-header h3{align-items:center;display:flex}.plots-header h3{margin:0}.batch-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.plots-hint{color:#666;color:var(--text-secondary,#666);font-size:.72rem;margin:-.5rem 0 .6rem}.plots-grid{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}@media (min-width:1200px){.plots-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.plot{align-items:center;background:#0f172a66;border:1px solid #22c55e1f;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.35rem;min-height:150px;outline:none;padding:.75rem;position:relative;text-align:center;transition:border-color .2s,box-shadow .2s,transform .15s}.plot:focus-visible,.plot:hover{border-color:#22c55e59;box-shadow:0 0 12px #22c55e1a}.plot.focused{border-color:#22c55e80;box-shadow:0 0 16px #22c55e26}.plot.empty{border-style:dashed;opacity:.7}.plot.empty:hover{opacity:1}.plot-empty{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.plot-actions{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:auto}.plot-name{color:#fff;color:var(--text-primary,#fff);font-size:.8rem;font-weight:600}.plot.ready-pulse{animation:plotReadyPulse 1.5s ease-in-out infinite}@keyframes plotReadyPulse{0%,to{border-color:#22c55e4d;box-shadow:0 0 8px #22c55e1a}50%{border-color:#22c55e99;box-shadow:0 0 20px #22c55e40}}.plot.health-critical{animation:healthCriticalPulse 1.2s ease-in-out infinite}.plot.mood-critical{animation:moodCriticalPulse 1.3s ease-in-out infinite}@keyframes moodCriticalPulse{0%,to{box-shadow:0 0 8px #eab30826}50%{box-shadow:0 0 18px #eab30859}}.plot.animal-danger-shake{animation:dangerShake .4s ease-in-out}@keyframes dangerShake{0%,to{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}.plot.celebrating{animation:plotCelebrate .6s ease-out}@keyframes plotCelebrate{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(.98)}to{transform:scale(1)}}.growth-bar-wrapper{align-items:center;display:flex;gap:.35rem;width:100%}.growth-bar{background:#22c55e1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.growth-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;height:100%;transition:width .5s ease}.growth-label{color:#888;color:var(--text-secondary,#888);font-size:.65rem;white-space:nowrap}.growth-label.stage-ready{animation:readyGlow 1.5s ease-in-out infinite;color:#22c55e;font-weight:600}@keyframes readyGlow{0%,to{text-shadow:0 0 4px #22c55e4d}50%{text-shadow:0 0 10px #22c55e99}}.health-bar-mini{align-items:center;display:flex;font-size:.7rem;gap:3px;width:100%}.health-track{background:#ffffff14;border-radius:3px;flex:1 1;height:5px;overflow:hidden}.health-fill{border-radius:3px;height:100%;transition:width .4s ease,background .3s}.health-good .health-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.health-warn .health-fill{background:linear-gradient(90deg,#eab308,#fde68a)}.health-danger .health-fill{animation:healthDangerPulse 1s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#fca5a5)}@keyframes healthDangerPulse{0%,to{opacity:1}50%{opacity:.6}}.health-pct{color:#888;color:var(--text-secondary,#888);min-width:28px;text-align:right}.mood-indicator{align-items:center;display:flex;font-size:.72rem}.mood-label{color:#888;color:var(--text-secondary,#888)}.countdown-tag{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;color:#93c5fd;display:inline-flex;font-size:.7rem;padding:2px 6px}.produce-badge{align-items:center;display:inline-flex!important;font-size:.72rem!important;gap:3px}.produce-bounce{animation:produceBounce 1s ease-in-out infinite}@keyframes produceBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.plot-tooltip{animation:tooltipFadeIn .15s ease-out;background:#0f172af2;border:1px solid #22c55e4d;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #0006;color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-direction:column;font-size:.72rem;gap:2px;left:50%;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.plot-tooltip strong{color:#fff;color:var(--text-primary,#fff);font-size:.8rem}.risk-tag{border-radius:3px;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:1px 6px;text-transform:uppercase}.risk-safe{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.risk-medium{background:#eab30826;border:1px solid #eab3084d;color:#fde68a}.risk-risky{background:#f9731626;border:1px solid #f973164d;color:#fdba74}.risk-premium{animation:premiumShine 2s ease-in-out infinite;background:#a855f726;border:1px solid #a855f74d;color:#c4b5fd}@keyframes premiumShine{0%,to{box-shadow:0 0 4px #a855f733}50%{box-shadow:0 0 10px #a855f766}}.shop-tab{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.shop-tab h3{align-items:center;display:flex;margin:0 0 .5rem}.shop-hint{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin:-.25rem 0 .5rem}.farm-shop-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.farm-shop-item{align-items:center;background:#0f172a66;border:1px solid #22c55e1a;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.6rem;text-align:center;transition:border-color .2s,transform .15s}.farm-shop-item:hover{border-color:#22c55e4d;transform:translateY(-2px)}.farm-shop-item.cant-afford{opacity:.5}.shop-item-name{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:600}.shop-item-info{color:#888;color:var(--text-secondary,#888);font-size:.72rem}.shop-item-price{align-items:center;color:#fde68a;display:flex;font-size:.78rem}.shop-item-owned{color:#888;color:var(--text-secondary,#888);font-size:.72rem}.shop-item-profit{color:#86efac;font-size:.72rem}.storage-tab{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.storage-tab h3{align-items:center;display:flex;margin:0 0 .5rem}.storage-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.storage-item{align-items:center;background:#0f172a66;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.6rem;text-align:center;transition:border-color .2s}.storage-item.has-items{border-color:#22c55e33}.storage-item.has-items:hover{border-color:#22c55e66}.storage-name{color:#fff;color:var(--text-primary,#fff);font-size:.8rem;font-weight:600;text-transform:capitalize}.storage-amount{color:#22c55e;font-size:1.1rem;font-weight:700}.storage-value{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.72rem}.equipment-section{position:relative;z-index:1}.equipment-section h3{align-items:center;display:flex;margin:0 0 .25rem}.section-hint{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin:0 0 .75rem}.farm-equipment-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.farm-equip-item{align-items:center;background:#0f172a66;border:1px solid #3b82f61f;border-radius:8px;display:flex;flex-direction:column;gap:.3rem;padding:.75rem;text-align:center;transition:border-color .2s}.farm-equip-item.rented{background:#22c55e0a;border-color:#22c55e4d}.farm-equip-item.cant-afford{opacity:.5}.equip-name{color:#fff;color:var(--text-primary,#fff);font-size:.88rem;font-weight:600}.equip-effect{color:#888;color:var(--text-secondary,#888);font-size:.75rem}.equip-price{color:#fde68a;font-size:.8rem}.equip-expiry,.equip-price{align-items:center;display:flex}.equip-expiry{color:#93c5fd;font-size:.75rem}.equip-active-badge{animation:equipActivePulse 2s ease-in-out infinite}@keyframes equipActivePulse{0%,to{box-shadow:0 0 4px #22c55e33}50%{box-shadow:0 0 10px #22c55e80}}.equip-timer-bar{background:#22c55e1a;border-radius:2px;height:4px;margin-top:4px;overflow:hidden;width:100%}.equip-timer-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;height:100%;transition:width 1s linear}.stats-section{position:relative;z-index:1}.stats-section h3,.stats-section h4{align-items:center;display:flex;margin:0 0 .5rem}.farm-stats-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1.25rem}.farm-stat{background:#0f172a66;border:1px solid #22c55e1a;border-radius:8px;padding:.75rem;text-align:center;transition:transform .15s,box-shadow .15s}.farm-stat:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.farm-stat-value{color:#22c55e;display:block;font-size:1.3rem;font-weight:700;margin-bottom:2px}.farm-stat-label{color:#888;color:var(--text-secondary,#888);display:block;font-size:.72rem;letter-spacing:.3px;text-transform:uppercase}.lost-stat .farm-stat-value{color:#ef4444}.pellet-stat .farm-stat-value{color:#fde68a}.farm-stat.stat-pop{animation:statPopBounce .5s ease-out}@keyframes statPopBounce{0%{transform:scale(1)}30%{box-shadow:0 0 16px #22c55e4d;transform:scale(1.12)}60%{transform:scale(.97)}to{transform:scale(1)}}.milestones-section{margin-bottom:1.25rem}.milestone-header-icon{background:linear-gradient(135deg,#fde68a,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:14px;margin-right:5px;vertical-align:middle;width:14px}.milestones-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.milestone-item{align-items:center;background:#0f172a66;border:1px solid #ffffff0d;border-radius:6px;display:flex;gap:.5rem;padding:.5rem .75rem;transition:border-color .2s}.milestone-item.achieved{background:#22c55e0d;border-color:#22c55e4d}.milestone-icon{border-radius:4px;display:inline-block;height:20px;width:20px}.milestone-harvest{background:linear-gradient(135deg,#22c55e,#4ade80)}.milestone-leaf{background:linear-gradient(135deg,#84cc16,#65a30d)}.milestone-star{background:linear-gradient(135deg,#fde68a,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.milestone-crown{background:linear-gradient(135deg,#fde68a,#d97706);border-radius:2px}.milestone-diamond{background:linear-gradient(135deg,#93c5fd,#3b82f6);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.milestone-barn{background:linear-gradient(135deg,#b45309,#d97706);border-radius:2px 2px 0 0}.milestone-trophy{background:linear-gradient(135deg,#fde68a,#ca8a04)}.milestone-coin{background:radial-gradient(circle at 35% 35%,#fde68a,#d97706);border-radius:50%}.milestone-gem{background:linear-gradient(135deg,#c4b5fd,#7c3aed);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.milestone-crown-gold{background:linear-gradient(135deg,#fbbf24,#92400e)}.milestone-clock{background:radial-gradient(circle,#93c5fd,#3b82f6);border-radius:50%}.milestone-calendar{background:linear-gradient(135deg,#06b6d4,#0891b2)}.milestone-name{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.78rem}.milestone-bar{background:#ffffff14;border-radius:2px;flex-shrink:0;height:4px;overflow:hidden;width:50px}.milestone-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;height:100%;transition:width .5s ease}.milestone-item.achieved .milestone-bar-fill{background:linear-gradient(90deg,#fde68a,#f59e0b)}.milestone-progress{color:#888;color:var(--text-secondary,#888);font-size:.65rem;min-width:50px;text-align:right}.milestone-item.achieved .milestone-progress{color:#22c55e;font-weight:600}.milestone-overlay{align-items:center;animation:milestoneOverlayIn .3s ease-out;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}@keyframes milestoneOverlayIn{0%{opacity:0}to{opacity:1}}.milestone-content{align-items:center;animation:milestoneContentPop .5s ease-out;gap:.75rem;padding:2.5rem;position:relative}@keyframes milestoneContentPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.milestone-icon-large{animation:milestoneIconSpin 1s ease-out;border-radius:8px;height:48px;width:48px}@keyframes milestoneIconSpin{0%{transform:rotate(-180deg) scale(.5)}to{transform:rotate(0) scale(1)}}.milestone-badge{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;color:#fde68a;font-size:.7rem;font-weight:700;letter-spacing:2px;padding:2px 12px;text-transform:uppercase}.milestone-label{color:#fff;font-size:1.3rem;font-weight:700;text-shadow:0 0 12px #22c55e80}.milestone-ring{animation:milestoneRingExpand 1.5s ease-out forwards;border:2px solid #22c55e66;border-radius:50%;height:140px;pointer-events:none;position:absolute;width:140px}@keyframes milestoneRingExpand{0%{border-width:3px;height:60px;opacity:1;width:60px}to{border-width:1px;height:200px;opacity:0;width:200px}}.milestone-sparkles{height:1px;position:absolute;width:1px}.milestone-spark{animation:sparkFly .8s ease-out 0s forwards;animation:sparkFly .8s ease-out var(--spark-delay,0s) forwards;background:#fde68a;border-radius:50%;box-shadow:0 0 6px #fde68a;height:4px;opacity:0;position:absolute;width:4px}@keyframes sparkFly{0%{opacity:1;transform:rotate(0deg) translateY(0);transform:rotate(var(--spark-angle,0deg)) translateY(0)}to{opacity:0;transform:rotate(0deg) translateY(-80px);transform:rotate(var(--spark-angle,0deg)) translateY(-80px)}}.harvest-celebration{animation:celebFadeOut 2.5s ease-out forwards;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:50}@keyframes celebFadeOut{0%,70%{opacity:1}to{opacity:0}}.harvest-burst{height:1px;position:relative;width:1px}.harvest-particle{animation:burstOut .8s ease-out 0s forwards;animation:burstOut .8s ease-out var(--delay,0s) forwards;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e80;height:6px;opacity:0;position:absolute;width:6px}.harvest-particle:nth-child(2n){background:#4ade80}.harvest-particle:nth-child(3n){background:#fde68a}@keyframes burstOut{0%{opacity:1;transform:rotate(0deg) translateY(0) scale(1);transform:rotate(var(--angle,0deg)) translateY(0) scale(1)}60%{opacity:1}to{opacity:0;transform:rotate(0deg) translateY(-70px) scale(.3);transform:rotate(var(--angle,0deg)) translateY(-70px) scale(.3)}}.harvest-label{animation:harvestLabelPop .5s ease-out;color:#22c55e;font-size:1.1rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 12px #22c55e80;top:-30px;transform:translateX(-50%);white-space:nowrap}@keyframes harvestLabelPop{0%{opacity:0;transform:translateX(-50%) scale(.5)}60%{transform:translateX(-50%) scale(1.15)}to{opacity:1;transform:translateX(-50%) scale(1)}}.harvest-btn{animation:harvestBtnPulse 1.2s ease-in-out infinite}@keyframes harvestBtnPulse{0%,to{box-shadow:0 0 4px #22c55e4d}50%{box-shadow:0 0 12px #22c55e99}}.batch-celebration{align-items:center;animation:batchOverlayFade 3s ease-out forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:50}@keyframes batchOverlayFade{0%,60%{opacity:1}to{opacity:0}}.batch-flash{animation:batchFlash .4s ease-out;background:#22c55e26;inset:0;position:absolute}@keyframes batchFlash{0%{opacity:1}to{opacity:0}}.batch-shockwave{animation:batchShockwave 1s ease-out forwards;border:3px solid #22c55e99;border-radius:50%;height:50px;position:absolute;width:50px}@keyframes batchShockwave{0%{border-width:3px;height:50px;opacity:1;width:50px}to{border-width:1px;height:400px;opacity:0;width:400px}}.batch-confetti{height:1px;position:absolute;width:1px}.hydroponics-hub .confetti-piece{animation:confettiFly 1.6s ease-out 0s forwards;animation:confettiFly 1.6s ease-out var(--cDelay,0s) forwards;background:#22c55e;background:var(--cColor,#22c55e);border-radius:1px;height:6px;opacity:0;position:absolute;width:6px}@keyframes confettiFly{0%{opacity:1;transform:rotate(0deg) translateY(0) rotate(0deg);transform:rotate(var(--cAngle,0deg)) translateY(0) rotate(0deg)}40%{opacity:1}to{opacity:0;transform:rotate(0deg) translateY(-60px) rotate(2turn);transform:rotate(var(--cAngle,0deg)) translateY(calc(var(--cDist, 60px)*-1)) rotate(2turn)}}.batch-label{animation:batchLabelPop .5s ease-out;color:#fff;font-size:1.2rem;font-weight:700;position:relative;text-shadow:0 0 16px #22c55e99;z-index:1}@keyframes batchLabelPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.degradation-info{background:#ef44440a;border:1px solid #ef44441a;border-radius:8px;padding:.75rem}.degradation-info h4{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;margin:0 0 .5rem}.degradation-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.degradation-item{display:flex;font-size:.78rem;justify-content:space-between;padding:.3rem 0}.degradation-label{color:#888;color:var(--text-secondary,#888)}.degradation-value.danger{color:#fca5a5}.degradation-value.warning{color:#fde68a}.vip-degrade-note{align-items:center;background:#22c55e14;border-radius:4px;color:#86efac;display:inline-flex;font-size:.78rem;margin-top:.5rem;padding:3px 8px}.animal-modal,.barn-roadmap,.plant-modal,.seed-modal,.sell-modal{display:flex;flex-direction:column;gap:.75rem}.animal-options,.crop-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.animal-option,.crop-option{align-items:center;background:#0f172a66;border:1px solid #22c55e1f;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.5rem;text-align:center;transition:all .15s}.animal-option:hover,.crop-option:hover{border-color:#22c55e4d;transform:translateY(-1px)}.animal-option.selected,.crop-option.selected{background:#22c55e14;border-color:#22c55e}.crop-option.no-seeds{cursor:not-allowed;opacity:.4}.animal-option.cant-afford{opacity:.4}.option-name{color:var(--text-primary,#fff);font-size:.8rem}.option-seeds{color:#888;color:var(--text-secondary,#888);font-size:.7rem}.option-price{align-items:center;color:#fde68a;display:flex;font-size:.75rem}.option-info{align-items:center;color:#888;color:var(--text-secondary,#888);font-size:.7rem;gap:3px}.need-more{color:#ef4444;font-size:.68rem}.modal-actions{gap:.5rem;margin-top:.5rem}.balance-hint{color:#888;color:var(--text-secondary,#888);font-size:.85rem;margin:0}.seed-balance{align-items:center;display:flex;justify-content:space-between}.seed-balance .label{color:#888;color:var(--text-secondary,#888)}.seed-info{align-items:center;display:flex;gap:.5rem}.seed-name{font-weight:600}.seed-price{color:#fde68a;font-size:.85rem}.seed-amount-row,.seed-price{align-items:center;display:flex}.seed-amount-row{gap:.5rem}.seed-amount-row input{background:#0f172a99;border:1px solid #22c55e33;border-radius:4px;color:#fff;color:var(--text-primary,#fff);font-size:.9rem;padding:4px 8px;width:80px}.quick-amounts{gap:.3rem}.seed-total{align-items:center;display:flex;font-size:.9rem;gap:4px}.seed-total.over-budget,.shortfall{color:#ef4444}.shortfall{font-size:.8rem}.sell-info-row{align-items:center;display:flex;gap:.5rem}.sell-info-row input{background:#0f172a99;border:1px solid #22c55e33;border-radius:4px;color:#fff;color:var(--text-primary,#fff);padding:4px 8px;width:80px}.sell-total{align-items:center;display:flex;font-size:.9rem;gap:4px}.barn-roadmap{display:flex;flex-direction:column;gap:.5rem}.roadmap-item{align-items:center;border:1px solid #ffffff0d;border-radius:6px;display:flex;gap:.75rem;padding:.5rem .75rem;transition:border-color .2s}.roadmap-item.current{background:#eab3080d;border-color:#eab30859}.roadmap-item.completed{border-color:#22c55e33;opacity:.7}.roadmap-item.locked{opacity:.5}.roadmap-level{align-items:center;background:#0f172a99;border:1px solid #ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.roadmap-item.current .roadmap-level{border-color:#eab308;color:#fde68a}.roadmap-item.completed .roadmap-level{border-color:#22c55e;color:#86efac}.roadmap-info{flex:1 1}.roadmap-name{color:#fff;color:var(--text-primary,#fff);display:block;font-size:.85rem;font-weight:600}.roadmap-capacity{color:#888;color:var(--text-secondary,#888);display:block;font-size:.72rem}.roadmap-cost,.roadmap-status{align-items:center;display:flex}.roadmap-cost{color:#fde68a;font-size:.78rem}@keyframes cropReady{0%,to{box-shadow:0 0 4px #22c55e33}50%{box-shadow:0 0 12px #22c55e80}}.crop-css-icon.stage-ready{animation:cropReady 1.8s ease-in-out infinite}@keyframes farmSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.barn-progress-bar{background:#0f172a99;border:1px solid #ffffff14;border-radius:7px;height:14px;margin-bottom:.3rem;overflow:hidden;position:relative;width:100%}.barn-progress-fill{background:linear-gradient(90deg,#eab308,#fde68a);border-radius:7px;height:100%;min-width:2px;transition:width .6s ease}.barn-progress-label{align-items:center;color:#fff;display:flex;font-size:.6rem;font-weight:700;inset:0;justify-content:center;position:absolute;text-shadow:0 1px 2px #0009}.damage-crack-overlay{animation:crackPulse 2s ease-in-out infinite;border-radius:inherit;inset:0;pointer-events:none;position:absolute;z-index:2}.damage-crack-overlay.crack-moderate{background:repeating-linear-gradient(45deg,#0000,#0000 8px,#ef444414 0,#ef444414 9px);border:1px solid #ef444440}.damage-crack-overlay.crack-severe{background:repeating-linear-gradient(45deg,#0000,#0000 6px,#ef444426 0,#ef444426 7px),repeating-linear-gradient(-45deg,#0000,#0000 8px,#ef44441a 0,#ef44441a 9px);border:2px solid #ef444466;box-shadow:inset 0 0 10px #ef444426}@keyframes crackPulse{0%,to{opacity:.7}50%{opacity:1}}.shield-badge{flex-shrink:0;height:14px;margin-left:4px;vertical-align:middle;width:14px}.shield-badge,.shield-icon:before{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-clip-path:polygon(50% 0,100% 25%,100% 65%,50% 100%,0 65%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 65%,50% 100%,0 65%,0 25%);display:inline-block}.shield-icon:before{content:"";height:10px;width:10px}.equip-durability-bar{align-items:center;display:flex;gap:.3rem;margin-top:.25rem;width:100%}.durability-label{color:#888;color:var(--text-secondary,#888);flex-shrink:0;font-size:.6rem}.durability-track{background:#0f172a99;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.durability-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:3px;height:100%;transition:width .4s ease}.durability-fill.durability-low{animation:durabilityWarn 1s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#f87171)}@keyframes durabilityWarn{0%,to{opacity:.8}50%{opacity:1}}.durability-pct{font-size:.6rem;min-width:24px;text-align:right}.auto-renew-toggle,.durability-pct{color:#888;color:var(--text-secondary,#888)}.auto-renew-toggle{align-items:center;background:#0f172a80;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;font-size:.7rem;gap:.35rem;justify-content:center;margin-top:.25rem;padding:.25rem .5rem;transition:all .2s ease;width:100%}.auto-renew-toggle:hover{background:#22c55e0f;border-color:#22c55e4d}.auto-renew-toggle.active{background:#22c55e14;border-color:#22c55e66;color:#86efac}.auto-renew-icon:before{animation:farmSpin 1.5s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";display:inline-block;height:10px;width:10px}.auto-renew-toggle:not(.active) .auto-renew-icon:before{animation:none;border-color:#0000 currentColor currentColor}.farm-synergy-panel{align-items:center;background:linear-gradient(135deg,#22c55e0d,#3b82f60d);border:1px solid #22c55e26;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.5rem .75rem;position:relative;z-index:1}.synergy-label{align-items:center;color:#86efac;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.3rem}.synergy-icon:before{background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);content:"";display:inline-block;height:12px;width:12px}.synergy-bonuses{display:flex;flex-wrap:wrap;gap:.5rem}.synergy-perk{background:#22c55e14;border:1px solid #22c55e26;border-radius:4px;color:#a7f3d0;font-size:.7rem;padding:.15rem .4rem;white-space:nowrap}@media (max-width:768px){.hydroponics-hub{padding:.5rem}.farm-header{flex-direction:column}.hydroponics-hub .header-right{justify-content:flex-end;width:100%}.farm-shop-grid,.plots-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.farm-equipment-grid,.milestones-grid{grid-template-columns:1fr}.batch-buttons{gap:.3rem}}@media (max-width:480px){.plots-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.farm-shop-grid,.farm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.ambient-firefly,.ambient-particle,.batch-flash,.batch-shockwave,.harvest-particle,.hydroponics-hub .confetti-piece,.milestone-ring,.milestone-spark{animation:none!important}.farm-loading-spinner{animation:farmSpin 2s linear infinite}.auto-renew-icon:before,.batch-celebration,.batch-label,.crop-css-icon.stage-ready,.damage-crack-overlay,.durability-fill.durability-low,.equip-active-badge,.farm-status-bar.vip-tier-3,.growth-label.stage-ready,.harvest-btn,.harvest-celebration,.harvest-label,.health-danger .health-fill,.milestone-content,.milestone-icon-large,.milestone-overlay,.notification.slide-in,.plot-tooltip,.plot.animal-danger-shake,.plot.celebrating,.plot.health-critical,.plot.mood-critical,.plot.ready-pulse,.produce-bounce,.risk-premium,.stat-pop,.tab-badge,.unlock-bounce,.vip-glow-3,.vip-panel-glow-3{animation:none!important}.barn-progress-fill{transition:none!important}}.nexus-core{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:min(1400px,96vw);min-height:0;overflow:hidden;padding:1rem;position:relative;width:100%}@media (min-width:1920px){.nexus-core{max-width:min(1800px,98vw)}}@media (min-width:2560px){.nexus-core{max-width:min(2600px,98vw)}}.nexus-core:before{animation:nxStarTwinkle 8s ease-in-out infinite alternate;background:radial-gradient(1px 1px at 10% 15%,#8b5cf699,#0000),radial-gradient(1px 1px at 25% 35%,#3b82f680,#0000),radial-gradient(1.5px 1.5px at 40% 60%,#a855f7b3,#0000),radial-gradient(1px 1px at 55% 20%,#22c55e80,#0000),radial-gradient(1px 1px at 70% 80%,#ec489966,#0000),radial-gradient(1.5px 1.5px at 85% 45%,#8b5cf699,#0000),radial-gradient(1px 1px at 15% 75%,#06b6d480,#0000),radial-gradient(1px 1px at 30% 90%,#a855f766,#0000),radial-gradient(1.5px 1.5px at 50% 10%,#3b82f699,#0000),radial-gradient(1px 1px at 65% 55%,#22c55e66,#0000),radial-gradient(1px 1px at 80% 25%,#ec489980,#0000),radial-gradient(1.5px 1.5px at 92% 70%,#06b6d499,#0000),radial-gradient(1px 1px at 5% 50%,#8b5cf64d,#0000),radial-gradient(1px 1px at 20% 5%,#3b82f666,#0000),radial-gradient(1.5px 1.5px at 45% 85%,#a855f780,#0000),radial-gradient(1px 1px at 60% 40%,#22c55e4d,#0000),radial-gradient(1px 1px at 75% 95%,#ec489966,#0000),radial-gradient(1.5px 1.5px at 88% 15%,#06b6d480,#0000),radial-gradient(1px 1px at 35% 70%,#8b5cf666,#0000),radial-gradient(1px 1px at 95% 50%,#3b82f64d,#0000),radial-gradient(1.5px 1.5px at 12% 30%,#a855f766,#0000),radial-gradient(1px 1px at 28% 55%,#22c55e80,#0000),radial-gradient(1px 1px at 48% 45%,#ec48994d,#0000),radial-gradient(1.5px 1.5px at 68% 10%,#06b6d466,#0000),radial-gradient(1px 1px at 82% 65%,#8b5cf680,#0000),radial-gradient(1px 1px at 3% 88%,#3b82f666,#0000),radial-gradient(1.5px 1.5px at 38% 22%,#a855f74d,#0000),radial-gradient(1px 1px at 58% 78%,#22c55e66,#0000),radial-gradient(1px 1px at 73% 38%,#ec489980,#0000),radial-gradient(1.5px 1.5px at 90% 88%,#06b6d44d,#0000),radial-gradient(1px 1px at 18% 62%,#8b5cf666,#0000),radial-gradient(1px 1px at 42% 3%,#3b82f680,#0000),radial-gradient(1.5px 1.5px at 62% 92%,#a855f766,#0000),radial-gradient(1px 1px at 78% 48%,#22c55e4d,#0000),radial-gradient(1px 1px at 97% 18%,#ec489966,#0000),radial-gradient(1.5px 1.5px at 8% 42%,#06b6d480,#0000),radial-gradient(1px 1px at 33% 98%,#8b5cf64d,#0000),radial-gradient(1px 1px at 52% 28%,#3b82f666,#0000),radial-gradient(1.5px 1.5px at 72% 62%,#a855f780,#0000),radial-gradient(1px 1px at 87% 8%,#22c55e66,#0000)}.nexus-core:after,.nexus-core:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.nexus-core:after{animation:nxDnaFloat 12s ease-in-out infinite alternate;background:radial-gradient(3px 3px at 20% 30%,#8b5cf626,#0000 70%),radial-gradient(4px 4px at 50% 50%,#3b82f61a,#0000 70%),radial-gradient(3px 3px at 80% 70%,#22c55e1f,#0000 70%),radial-gradient(5px 5px at 35% 80%,#a855f714,#0000 70%),radial-gradient(3px 3px at 65% 20%,#06b6d41a,#0000 70%),radial-gradient(4px 4px at 90% 40%,#ec489914,#0000 70%)}.nexus-core>*{position:relative;z-index:1}.nexus-core .nx-loading{color:var(--text-secondary);padding:4rem;text-align:center}.nx-skeleton{animation:nxSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--color-ui-border) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:6px}.nx-skeleton-card{height:180px}.nx-skeleton-line{height:14px;margin-bottom:8px}.nx-skeleton-line.short{width:60%}.nx-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.nexus-core .nx-header{align-items:center;background:#0f0f0f;background:var(--bg-primary,#0f0f0f);border-bottom:1px solid var(--color-ui-border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;overflow:hidden;padding-bottom:1rem;position:relative;z-index:10}.nexus-core .nx-header:after{animation:nxHeaderScanLine 6s linear infinite;background:linear-gradient(90deg,#0000,#8b5cf60f,#3b82f60a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.nexus-core .nx-header h1{align-items:center;display:flex;gap:.5rem;margin:0}.nexus-core .nx-header p{color:var(--text-secondary);margin:.25rem 0 0}.nx-header-icon{display:inline-block;height:28px;width:28px}.nx-header-right{flex-wrap:wrap;gap:.75rem}.nx-header-right,.nx-stat-box{align-items:center;display:flex}.nx-stat-box{background:var(--bg-secondary);border-radius:6px;font-size:.875rem;gap:.35rem;padding:.5rem .75rem}.nx-stat-box .nx-stat-icon{display:inline-block;flex-shrink:0;height:16px;width:16px}.nexus-core .nx-notification{animation:nxSlideIn .3s ease-out;border-radius:6px;flex-shrink:0;margin-bottom:1rem;padding:.75rem 1rem}.nexus-core .nx-notification.nx-error{background:#ef444433;border:1px solid #ef4444;color:var(--color-text-error)}.nexus-core .nx-notification.nx-success{background:#22c55e33;border:1px solid #22c55e;color:var(--color-success)}.nx-access-denied,.nx-license-screen{margin:2rem auto;max-width:500px;padding:3rem;text-align:center}.nx-big-icon{display:block;height:64px;margin:0 auto 1rem;width:64px}.nx-license-cost{background:var(--bg-secondary);border-radius:8px;display:flex;justify-content:space-between;margin:1rem 0;padding:1rem}.nx-license-cost .nx-price{color:var(--color-brand-accent);font-size:1.25rem;font-weight:700}.nx-your-credits{color:var(--text-secondary);margin-bottom:1rem}.nx-active-core-bar{align-items:center;animation:nxBreathingGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#22c55e33,#0000);border-left:3px solid #22c55e;border-radius:6px;display:flex;flex-shrink:0;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}.nx-active-core-bar .nx-core-icon{height:24px;width:24px}.nx-active-core-bar .nx-core-name{font-weight:600}.nx-active-core-bar .nx-core-level{color:var(--color-brand-primary)}.nx-active-core-bar .nx-core-stats{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.nx-active-core-bar .nx-core-stats .nx-stat-icon{height:14px;width:14px}.nx-shiny-badge{display:inline-block;height:16px;width:16px}.nx-tabs{flex-shrink:0;gap:.25rem;margin-bottom:0;overflow-x:auto;padding-bottom:0;z-index:2}.nx-tab,.nx-tabs{display:flex;position:relative}.nx-tab{align-items:center;background:var(--bg-secondary);border:1px solid var(--color-ui-border);border-bottom:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;gap:.4rem;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.nx-tab:hover{background:var(--color-ui-border);color:var(--color-text-primary)}.nx-tab.nx-active{background:var(--bg-secondary);border-bottom:1px solid var(--bg-secondary);color:var(--color-text-primary);margin-bottom:-1px}.nx-tab.nx-active:after{animation:nxTabSlide .3s ease-out;background:linear-gradient(90deg,#a855f7,#3b82f6,#22c55e);border-radius:2px;bottom:0;content:"";height:2px;left:10%;position:absolute;width:80%}.nx-tab:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.nx-tab .nx-tab-icon{display:inline-block;height:16px;width:16px}.nx-tab-content{background:var(--bg-secondary);border:1px solid var(--color-ui-border);border-radius:0 8px 8px 8px;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.nx-tab-content::-webkit-scrollbar{width:4px}.nx-tab-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.nx-tab-content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.nx-empty-state{padding:2rem;text-align:center}.nx-cores-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.nx-core-card{animation:nxCardEntrance .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:var(--color-ui-background);border:2px solid #333;border-radius:12px;cursor:pointer;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.nx-core-card:hover{border-color:#555;box-shadow:0 8px 20px #0000004d;transform:translateY(-3px) scale(1.02)}.nx-core-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.nx-core-card.nx-active{border-color:var(--color-success);box-shadow:0 0 10px #22c55e4d}.nx-core-card:before{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:60%}.nx-core-card:hover:before{left:150%}.nx-core-card.nx-rarity-common{border-color:#444}.nx-core-card.nx-rarity-uncommon{border-color:#22c55e;box-shadow:inset 0 0 15px #22c55e14}.nx-core-card.nx-rarity-uncommon:hover{box-shadow:0 8px 20px #0000004d,inset 0 0 20px #22c55e1f}.nx-core-card.nx-rarity-rare{border-color:#3b82f6;box-shadow:inset 0 0 20px #3b82f61a}.nx-core-card.nx-rarity-rare:hover{box-shadow:0 8px 20px #0000004d,0 0 15px #3b82f633,inset 0 0 20px #3b82f61a}.nx-core-card.nx-rarity-legendary{animation:nxCardEntrance .4s ease-out backwards,nxLegendaryGlow 3s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--card-index, 0)*.06s),0s;border-color:#a855f7;box-shadow:0 0 15px #a855f74d}.nx-core-card.nx-rarity-legendary:after{animation:nxShimmerSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#a855f714,#8b5cf61f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.nx-core-card.nx-shiny{background:linear-gradient(135deg,var(--color-ui-background),var(--color-ui-surface));position:relative}.nx-core-card.nx-shiny:before{animation:nxShimmerSweep 3s ease-in-out infinite;background:linear-gradient(110deg,#0000 20%,#fbbf241f 40%,#fbbf2433 50%,#fbbf241f 60%,#0000 80%);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:40%}.nx-core-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.nx-core-header .nx-core-icon{height:32px;width:32px}.nx-core-name{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.nx-core-type{color:var(--text-secondary);font-size:.75rem}.nx-core-level{color:var(--color-brand-primary);font-size:.875rem;margin:.25rem 0}.nx-core-stats{display:flex;font-size:.8rem;gap:1rem;justify-content:center;margin-top:.5rem}.nx-core-stats .nx-stat-icon{display:inline-block;height:14px;margin-right:2px;vertical-align:middle;width:14px}.nx-explore-info{color:var(--text-secondary);margin-bottom:1rem}.nx-biomes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.nx-biome-card{animation:nxCardEntrance .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);border-left:3px solid #0000;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.nx-biome-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.nx-biome-card.nx-locked{opacity:.5}.nx-biome-card .nx-biome-icon{display:block;height:40px;margin:0 auto .5rem;width:40px}.nx-biome-card h3{margin:0 0 .5rem}.nx-biome-card p{font-size:.875rem}.nx-biome-card p,.nx-biome-info{color:var(--text-secondary);margin-bottom:1rem}.nx-biome-info{display:flex;font-size:.8rem;justify-content:space-around}.nx-locked-text{color:var(--color-danger);font-size:.875rem}.nx-biome-card[data-biome=forest]{background:linear-gradient(135deg,#22c55e0f,#0000 60%);border-left-color:#22c55e}.nx-biome-card[data-biome=ocean]{background:linear-gradient(135deg,#06b6d40f,#0000 60%);border-left-color:#06b6d4}.nx-biome-card[data-biome=mountains]{background:linear-gradient(135deg,#78716c0f,#0000 60%);border-left-color:#78716c}.nx-biome-card[data-biome=nature]{background:linear-gradient(135deg,#f973160f,#0000 60%);border-left-color:#f97316}.nx-biome-card[data-biome=space]{background:linear-gradient(135deg,#8b5cf60f,#0000 60%);border-left-color:#8b5cf6}.nx-biome-card[data-biome=time]{background:linear-gradient(135deg,#eab3080f,#0000 60%);border-left-color:#eab308}.nx-battle-section,.nx-champions-section{margin-bottom:1rem}.nx-battle-section h3,.nx-champions-section h3{align-items:center;display:flex;gap:.4rem}.nx-battle-section h3 .nx-section-icon,.nx-champions-section h3 .nx-section-icon{height:20px;width:20px}.nx-difficulty-buttons{display:flex;gap:.5rem;margin-top:1rem}.nx-champions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:1rem}.nx-champion-card{animation:nxCardEntrance .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:var(--color-ui-background);border:2px solid #a855f7;border-radius:10px;padding:1rem;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.nx-champion-card:hover{transform:translateY(-2px)}.nx-champion-card h4{color:var(--color-brand-accent);margin:0 0 .5rem}.nx-champ-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.nx-champ-info .nx-stat-icon{height:14px;width:14px}.nx-champ-rewards{align-items:center;display:flex;font-size:.875rem;gap:1rem;justify-content:center;margin-bottom:.75rem}.nx-champ-rewards .nx-stat-icon{height:14px;width:14px}.nx-champion-card:first-child{border-color:#a855f766;box-shadow:0 0 8px #a855f71a}.nx-champion-card:nth-child(2){animation:nxCardEntrance .4s ease-out backwards,nxChampionAura 3s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--card-index, 0)*.06s),0s;border-color:#a855f799;box-shadow:0 0 12px #a855f726}.nx-champion-card:nth-child(3){animation:nxCardEntrance .4s ease-out backwards,nxChampionAura 2.5s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--card-index, 0)*.06s),0s;border-color:#ec489999;box-shadow:0 0 15px #ec489933}.nx-champion-card:nth-child(4),.nx-champion-card:nth-child(n+4){animation:nxCardEntrance .4s ease-out backwards,nxChampionAura 2s ease-in-out infinite;animation-delay:0s,0s;animation-delay:calc(var(--card-index, 0)*.06s),0s;border-color:#eab308b3;box-shadow:0 0 20px #eab30840,0 0 40px #eab3081a}.nx-market-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.nx-market-header h3{align-items:center;display:flex;gap:.4rem}.nx-market-header h3 .nx-section-icon{height:20px;width:20px}.nx-market-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.nx-listing-card{animation:nxCardEntrance .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);padding:1rem;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.nx-listing-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.nx-listing-card.nx-rarity-uncommon{border-color:#22c55e66}.nx-listing-card.nx-rarity-rare{border-color:#3b82f680;box-shadow:inset 0 0 12px #3b82f60d}.nx-listing-card.nx-rarity-legendary{border-color:#a855f780;box-shadow:0 0 12px #a855f726}.nx-listing-card.nx-rarity-legendary:after{animation:nxShimmerSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#a855f70f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.nx-listing-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.nx-listing-header .nx-core-icon{height:32px;width:32px}.nx-listing-name{font-weight:600;margin-bottom:.25rem}.nx-listing-info{color:var(--text-secondary);font-size:.8rem;margin-bottom:.25rem}.nx-listing-stats{align-items:center;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;margin-bottom:.5rem}.nx-listing-stats .nx-stat-icon{height:14px;width:14px}.nx-listing-price{align-items:center;background:linear-gradient(135deg,#eab30826,#f59e0b14);border-radius:6px;color:#fbbf24;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.3rem;justify-content:center;margin-bottom:.25rem;overflow:hidden;padding:.3rem .75rem;position:relative}.nx-listing-price:after{animation:nxPriceTagShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fbbf2426,#0000);content:"";height:100%;left:-80%;pointer-events:none;position:absolute;top:0;width:40%}.nx-listing-price .nx-stat-icon{height:16px;width:16px}.nx-listing-seller{color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem}.nx-breeding-tab h3{align-items:center;display:flex;gap:.4rem}.nx-breeding-tab h3 .nx-section-icon{height:20px;width:20px}.nx-breeding-slots{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.nx-breeding-slot{padding:1.5rem;transition:box-shadow .3s}.nx-breeding-slot h4{margin-bottom:1rem}.nx-breeding-slot.nx-active .nx-core-icon,.nx-breeding-slot.nx-active .nx-section-icon{animation:nxEggWobble 1.2s ease-in-out infinite}.nx-breeding-progress{animation:nxBreedingPulse 2.5s ease-in-out infinite;border-radius:8px;padding:1rem;text-align:center}.nx-time-remaining{color:var(--color-brand-primary);font-size:.875rem;margin:.5rem 0}.nx-breed-pair{gap:1rem;margin-bottom:1rem}.nx-breed-pair,.nx-breed-slot{align-items:center;display:flex;justify-content:center}.nx-breed-slot{background:var(--color-ui-background);border:2px dashed #444;border-radius:8px;cursor:pointer;flex-direction:column;font-size:.8rem;height:80px;transition:border-color .2s,box-shadow .2s;width:100px}.nx-breed-slot:hover{border-color:var(--color-text-tertiary);box-shadow:0 0 8px #8b5cf626}.nx-breed-slot:focus-visible{outline:2px solid var(--color-brand-primary)}.nx-plus{color:var(--text-secondary);font-size:1.5rem}.nx-breed-cores-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-height:150px;overflow-y:auto}.nx-breed-core-btn{background:var(--color-ui-background);border:1px solid #333;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:.8rem;padding:.5rem;transition:border-color .2s,background .2s}.nx-breed-core-btn:hover{background:#22c55e0d;border-color:var(--color-success)}.nx-breed-core-btn:focus-visible{outline:2px solid var(--color-brand-primary)}.nx-breed-cost{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.nx-library-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.nx-library-header h3{align-items:center;display:flex;gap:.4rem}.nx-library-header h3 .nx-section-icon{height:20px;width:20px}.nx-discovery-count{color:var(--color-brand-primary);font-weight:600}.nx-library-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.nx-library-entry{animation:nxCardEntrance .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:var(--color-ui-background);border:2px solid #333;border-radius:10px;padding:.75rem;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.nx-library-entry:hover{box-shadow:0 4px 10px #0000004d;transform:translateY(-2px)}.nx-library-entry.nx-undiscovered{opacity:.4}.nx-library-entry.nx-discovered{border-color:var(--color-success)}.nx-library-entry.nx-discovered[data-complete=true]{border-color:#22c55e;box-shadow:inset 0 0 12px #22c55e26,0 0 8px #22c55e1a}.nx-library-entry.nx-discovered[data-complete=true]:after{animation:nxCheckGlow 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e80;content:"";height:12px;position:absolute;right:4px;top:4px;width:12px}.nx-library-entry .nx-core-icon{display:block;height:28px;margin:0 auto .25rem;width:28px}.nx-entry-name{font-size:.8rem;font-weight:600;margin-bottom:.25rem}.nx-entry-type{color:var(--text-secondary);font-size:.7rem}.nx-entry-stats{align-items:center;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.25rem}.nx-entry-stats .nx-stat-icon{height:12px;width:12px}.nx-entry-count{color:var(--color-brand-primary);font-size:.7rem;margin-top:.25rem}.nx-core-detail{text-align:center}.nx-detail-header{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.nx-detail-header .nx-big-icon{height:48px;margin:0;width:48px}.nx-detail-info{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;text-align:left}.nx-detail-info>div{background:var(--bg-secondary);border-radius:4px;display:flex;justify-content:space-between;padding:.5rem;transition:background .2s}.nx-detail-info>div:hover{background:#8b5cf60d}.nx-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.nx-train-options{grid-gap:1rem;display:grid;gap:1rem}.nx-train-option{background:var(--bg-secondary);border-radius:8px;padding:1rem;text-align:center;transition:background .2s,box-shadow .2s}.nx-train-option:hover{background:#8b5cf60d;box-shadow:0 2px 8px #0003}.nx-train-option h4{align-items:center;display:flex;gap:.4rem;justify-content:center;margin:0 0 .5rem}.nx-train-option h4 .nx-section-icon{height:18px;width:18px}.nx-train-option p{margin:.25rem 0}.nx-train-option .nx-costs{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.nx-sell-modal{text-align:center}.nx-price-input{margin:1rem 0}.nx-price-input input{background:var(--bg-secondary);border:1px solid #333;border-radius:6px;color:var(--color-text-primary);font-size:1.25rem;padding:.5rem;text-align:center;transition:border-color .2s;width:150px}.nx-price-input input:focus{border-color:var(--color-brand-primary);outline:none}.nx-fee-note{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.nx-battle-result,.nx-breeding-result,.nx-explore-result{padding:1rem;text-align:center}.nx-result-icon{display:block;height:64px;margin:0 auto 1rem;width:64px}.nx-rewards{background:#22c55e1a;border-radius:8px;margin:1rem 0;padding:1rem}.nx-rewards p{color:var(--color-success);font-weight:600;margin:.25rem 0}.nx-explore-result.nx-capture-success{animation:nxCaptureFlash .8s ease-out}.nx-battle-result.nx-victory{animation:nxVictoryFlash .6s ease-out}.nx-battle-result.nx-victory .nx-rewards{background:linear-gradient(135deg,#eab30826,#22c55e1a);border:1px solid #eab30833}.nx-battle-result.nx-defeat{animation:nxDefeatDim .5s ease-out forwards}.nx-rewards-failed{background:#eab3081a;border:1px solid #eab30840;border-radius:6px;color:#eab308;color:var(--color-warning,#eab308);font-size:.9rem;margin:.75rem 0;padding:.5rem .75rem}.nx-battle-replay{margin:1rem 0;text-align:left}.nx-battle-replay h4{font-size:.95rem;margin-bottom:.5rem}.nx-battle-log{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.nx-battle-round{border-radius:4px;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:.25rem;padding:.35rem .5rem}.nx-battle-round.nx-actor-player{background:#22c55e1f}.nx-battle-round.nx-actor-opponent{background:#ef44441f}.nx-round-num{font-weight:600;min-width:4rem}.nx-round-detail{color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.nx-cores-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;padding:.5rem 0}.nx-toolbar-label{color:var(--color-text-secondary);font-size:.875rem}.nx-toolbar-select{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;padding:.35rem .6rem}.nx-compare-btn{margin-top:.35rem;width:100%}.nx-exploration-history{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1rem}.nx-exploration-history h4{font-size:1rem;margin-bottom:.75rem}.nx-history-list{list-style:none;margin:0;padding:0}.nx-history-entry{align-items:center;border-radius:6px;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:.25rem;padding:.4rem .5rem}.nx-history-entry.nx-result-found{background:#22c55e14}.nx-history-entry.nx-result-fled{background:#eab30814}.nx-history-entry.nx-result-nothing{background:#64748b14}.nx-history-biome{font-weight:600;min-width:5rem}.nx-history-result{flex:1 1}.nx-history-time{color:var(--color-text-secondary);font-size:.8rem}.nx-market-count{color:var(--color-text-secondary);font-size:.875rem;margin-right:auto}.nx-market-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding:.75rem 0}.nx-pagination-info{color:var(--color-text-secondary);font-size:.875rem}.nx-compare-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.nx-compare-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.nx-compare-card .nx-compare-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.nx-compare-card .nx-compare-name{font-weight:600}.nx-compare-body{display:flex;flex-direction:column;font-size:.9rem;gap:.35rem}.nx-compare-body div{display:flex;justify-content:space-between}@media (max-width:600px){.nx-compare-grid{grid-template-columns:1fr}}.nx-capture-celebration{inset:0;pointer-events:none;position:fixed;z-index:100}.nx-celebration-particle{animation:nxParticleBurst .8s ease-out forwards;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;width:8px}.nx-celebration-particle:first-child{--nx-angle:0deg;--nx-dist:80px;background:#a855f7}.nx-celebration-particle:nth-child(2){--nx-angle:45deg;--nx-dist:90px;background:#3b82f6}.nx-celebration-particle:nth-child(3){--nx-angle:90deg;--nx-dist:75px;background:#22c55e}.nx-celebration-particle:nth-child(4){--nx-angle:135deg;--nx-dist:85px;background:#ec4899}.nx-celebration-particle:nth-child(5){--nx-angle:180deg;--nx-dist:80px;background:#f97316}.nx-celebration-particle:nth-child(6){--nx-angle:225deg;--nx-dist:90px;background:#06b6d4}.nx-celebration-particle:nth-child(7){--nx-angle:270deg;--nx-dist:75px;background:#eab308}.nx-celebration-particle:nth-child(8){--nx-angle:315deg;--nx-dist:85px;background:#8b5cf6}.nx-exploration-progress{font-feature-settings:"tnum";align-items:center;border:3px solid #8b5cf626;border-radius:50%;color:var(--color-brand-primary);display:inline-flex;font-size:.65rem;font-variant-numeric:tabular-nums;font-weight:700;height:36px;justify-content:center;position:relative;width:36px}.nx-exploration-progress:before{border-color:#a855f7 #a855f7 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;content:"";inset:-3px;pointer-events:none;position:absolute;transform:rotate(-90deg);transform:rotate(calc(var(--progress, 0)*3.6deg - 90deg))}.nx-icon-dna{background:linear-gradient(135deg,#a855f7,#6366f1);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M2 15c6.667-6 13.333 0 20-6M9 22c1.798-1.998 2.518-3.995 2.807-5.993M15 2c-1.798 1.998-2.518 3.995-2.807 5.993'/%3E%3Cpath d='M2 9c6.667 6 13.333 0 20 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M2 15c6.667-6 13.333 0 20-6M9 22c1.798-1.998 2.518-3.995 2.807-5.993M15 2c-1.798 1.998-2.518 3.995-2.807 5.993'/%3E%3Cpath d='M2 9c6.667 6 13.333 0 20 6'/%3E%3C/svg%3E") center/contain no-repeat}.nx-icon-credits{background:linear-gradient(135deg,#eab308,#f59e0b);-webkit-clip-path:circle(45%);clip-path:circle(45%)}.nx-icon-energy{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-clip-path:polygon(50% 0,100% 35%,70% 35%,90% 100%,20% 55%,50% 55%,30% 0);clip-path:polygon(50% 0,100% 35%,70% 35%,90% 100%,20% 55%,50% 55%,30% 0)}.nx-icon-paw{background:linear-gradient(135deg,#a8a29e,#78716c);-webkit-clip-path:polygon(50% 100%,20% 70%,10% 40%,30% 30%,40% 50%,50% 30%,60% 50%,70% 30%,90% 40%,80% 70%);clip-path:polygon(50% 100%,20% 70%,10% 40%,30% 30%,40% 50%,50% 30%,60% 50%,70% 30%,90% 40%,80% 70%)}.nx-icon-tree{background:linear-gradient(180deg,#22c55e,#166534);-webkit-clip-path:polygon(50% 0,15% 45%,30% 45%,10% 75%,35% 75%,25% 100%,75% 100%,65% 75%,90% 75%,70% 45%,85% 45%);clip-path:polygon(50% 0,15% 45%,30% 45%,10% 75%,35% 75%,25% 100%,75% 100%,65% 75%,90% 75%,70% 45%,85% 45%)}.nx-icon-sword{background:linear-gradient(135deg,#94a3b8,#cbd5e1);-webkit-clip-path:polygon(50% 0,60% 60%,80% 80%,50% 65%,20% 80%,40% 60%);clip-path:polygon(50% 0,60% 60%,80% 80%,50% 65%,20% 80%,40% 60%)}.nx-icon-shield{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-clip-path:polygon(50% 100%,5% 35%,5% 5%,50% 15%,95% 5%,95% 35%);clip-path:polygon(50% 100%,5% 35%,5% 5%,50% 15%,95% 5%,95% 35%)}.nx-icon-shop{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-clip-path:polygon(5% 35%,5% 100%,95% 100%,95% 35%,75% 35%,75% 0,25% 0,25% 35%);clip-path:polygon(5% 35%,5% 100%,95% 100%,95% 35%,75% 35%,75% 0,25% 0,25% 35%)}.nx-icon-egg{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.nx-icon-book{background:linear-gradient(135deg,#6366f1,#4f46e5);-webkit-clip-path:polygon(10% 0,10% 100%,50% 85%,90% 100%,90% 0,50% 15%);clip-path:polygon(10% 0,10% 100%,50% 85%,90% 100%,90% 0,50% 15%)}.nx-icon-sparkle{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.nx-icon-trophy{background:linear-gradient(135deg,#eab308,#ca8a04);-webkit-clip-path:polygon(20% 0,80% 0,90% 30%,70% 50%,65% 75%,35% 75%,30% 50%,10% 30%);clip-path:polygon(20% 0,80% 0,90% 30%,70% 50%,65% 75%,35% 75%,30% 50%,10% 30%)}.nx-icon-gem{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-clip-path:polygon(50% 100%,0 35%,25% 0,75% 0,100% 35%);clip-path:polygon(50% 100%,0 35%,25% 0,75% 0,100% 35%)}.nx-icon-water{background:linear-gradient(135deg,#06b6d4,#0284c7);border-radius:0 50% 50% 50%;transform:rotate(45deg)}.nx-icon-rock{background:linear-gradient(135deg,#a8a29e,#78716c);-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,90% 80%,50% 100%,10% 80%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,90% 80%,50% 100%,10% 80%,0 30%)}.nx-icon-element{background:linear-gradient(135deg,#f97316,#dc2626);-webkit-clip-path:polygon(50% 0,80% 30%,100% 60%,80% 100%,50% 80%,20% 100%,0 60%,20% 30%);clip-path:polygon(50% 0,80% 30%,100% 60%,80% 100%,50% 80%,20% 100%,0 60%,20% 30%)}.nx-icon-alien{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-clip-path:polygon(50% 0,80% 20%,90% 50%,75% 80%,60% 100%,40% 100%,25% 80%,10% 50%,20% 20%);clip-path:polygon(50% 0,80% 20%,90% 50%,75% 80%,60% 100%,40% 100%,25% 80%,10% 50%,20% 20%)}.nx-icon-ancient{background:linear-gradient(135deg,#eab308,#a16207);-webkit-clip-path:polygon(50% 0,100% 100%,80% 100%,50% 40%,20% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,80% 100%,50% 40%,20% 100%,0 100%)}.nx-icon-hybrid{background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.nx-icon-secret{background:linear-gradient(135deg,#6366f1,#312e81);border-radius:50%}.nx-icon-plant{background:linear-gradient(135deg,#22c55e,#15803d);-webkit-clip-path:polygon(50% 0,80% 25%,100% 60%,70% 90%,50% 100%,30% 90%,0 60%,20% 25%);clip-path:polygon(50% 0,80% 25%,100% 60%,70% 90%,50% 100%,30% 90%,0 60%,20% 25%)}.nx-icon-mountain{background:linear-gradient(135deg,#78716c,#57534e);-webkit-clip-path:polygon(50% 0,100% 100%,70% 100%,55% 50%,45% 50%,30% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,70% 100%,55% 50%,45% 50%,30% 100%,0 100%)}.nx-icon-leaf{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-clip-path:polygon(50% 0,90% 30%,100% 70%,60% 100%,40% 90%,10% 60%);clip-path:polygon(50% 0,90% 30%,100% 70%,60% 100%,40% 90%,10% 60%)}.nx-icon-hourglass{background:linear-gradient(135deg,#eab308,#d97706);-webkit-clip-path:polygon(15% 0,85% 0,85% 15%,55% 50%,85% 85%,85% 100%,15% 100%,15% 85%,45% 50%,15% 15%);clip-path:polygon(15% 0,85% 0,85% 15%,55% 50%,85% 85%,85% 100%,15% 100%,15% 85%,45% 50%,15% 15%)}.nx-icon-wind{background:linear-gradient(135deg,#94a3b8,#64748b);-webkit-clip-path:polygon(0 30%,60% 30%,80% 10%,80% 30%,100% 30%,100% 40%,80% 40%,80% 60%,60% 40%,0 40%);clip-path:polygon(0 30%,60% 30%,80% 10%,80% 30%,100% 30%,100% 40%,80% 40%,80% 60%,60% 40%,0 40%)}.nx-icon-question{background:var(--text-secondary);-webkit-clip-path:polygon(30% 0,70% 0,70% 10%,55% 30%,55% 50%,45% 50%,45% 30%,55% 20%,55% 10%,30% 10%,30% 0);clip-path:polygon(30% 0,70% 0,70% 10%,55% 30%,55% 50%,45% 50%,45% 30%,55% 20%,55% 10%,30% 10%,30% 0)}@keyframes nxStarTwinkle{0%{opacity:.4}to{opacity:.8}}@keyframes nxDnaFloat{0%{opacity:.4;transform:translateY(0)}to{opacity:.7;transform:translateY(-15px)}}@keyframes nxSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes nxSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes nxCardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes nxLegendaryGlow{0%,to{box-shadow:0 0 15px #a855f74d}50%{box-shadow:0 0 25px #a855f780,0 0 40px #a855f733}}@keyframes nxParticleBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--nx-angle))*var(--nx-dist)),calc(sin(var(--nx-angle))*var(--nx-dist))) scale(0)}}@keyframes nxCaptureFlash{0%{background-color:#a855f71a;box-shadow:0 0 0 0 #a855f799}30%{background-color:#a855f70d;box-shadow:0 0 30px 10px #a855f74d}to{background-color:initial;box-shadow:0 0 0 0 #0000}}@keyframes nxEggWobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes nxHeaderScanLine{0%{left:-100%}to{left:200%}}@keyframes nxBreathingGlow{0%,to{box-shadow:0 0 0 #22c55e00}50%{box-shadow:0 0 12px #22c55e26,inset 0 0 8px #22c55e0d}}@keyframes nxShimmerSweep{0%{left:-100%}50%{left:150%}to{left:150%}}@keyframes nxBreedingPulse{0%,to{background-color:initial;box-shadow:inset 0 0 0 #f59e0b00}50%{background-color:#f59e0b08;box-shadow:inset 0 0 20px #f59e0b14,0 0 15px #f59e0b1a}}@keyframes nxVictoryFlash{0%{background-color:initial;box-shadow:0 0 0 #eab30800}20%{background-color:#eab30814;box-shadow:0 0 40px #eab30866}to{background-color:initial;box-shadow:0 0 0 #eab30800}}@keyframes nxDefeatDim{0%{filter:brightness(1);opacity:1}30%{box-shadow:inset 0 0 30px #ef444433;filter:brightness(.7) saturate(.5)}to{filter:brightness(.9) saturate(.85);opacity:.85}}@keyframes nxTabSlide{0%{opacity:0;width:0}to{opacity:1;width:80%}}@keyframes nxChampionAura{0%,to{box-shadow:0 0 10px #a855f71a}50%{box-shadow:0 0 25px #a855f74d,0 0 50px #a855f71a}}@keyframes nxPriceTagShine{0%{left:-80%}40%{left:150%}to{left:150%}}@keyframes nxCheckGlow{0%,to{box-shadow:0 0 4px #22c55e4d}50%{box-shadow:0 0 10px #22c55e99}}@media (max-width:768px){.nexus-core .nx-header{align-items:flex-start;flex-direction:column}.nx-header-right{width:100%}.nx-header-right,.nx-tabs{justify-content:flex-start}.nx-tab{font-size:.875rem;padding:.5rem .75rem}.nx-cores-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.nx-biomes-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.nx-champions-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.nx-detail-info{grid-template-columns:1fr}}@media (max-width:600px){.nexus-core{padding:.75rem}.nx-tab-content{padding:1.25rem}.nx-cores-grid{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.nx-biomes-grid,.nx-champions-grid,.nx-market-grid{grid-template-columns:1fr 1fr}.nx-library-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.nx-breeding-slots{grid-template-columns:1fr}.nx-stat-box{font-size:.8rem;padding:.4rem .6rem}.nx-breed-pair,.nx-header-right{gap:.5rem}.nx-breed-slot{height:70px;width:85px}}@media (max-width:480px){.nexus-core{padding:.5rem}.nx-tab-content{padding:1rem}.nx-cores-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.nx-biomes-grid,.nx-breeding-slots,.nx-champions-grid,.nx-market-grid{grid-template-columns:1fr}.nx-library-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.nx-stat-box{font-size:.8rem;padding:.35rem .5rem}.nx-active-core-bar{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.nx-tab{font-size:.8rem;padding:.4rem .6rem}.nx-listing-price{font-size:1rem;padding:.2rem .5rem}}@media (prefers-reduced-motion:reduce){.nexus-core .nx-header:after,.nexus-core .nx-notification,.nexus-core:after,.nexus-core:before,.nx-active-core-bar,.nx-battle-result.nx-defeat,.nx-battle-result.nx-victory,.nx-biome-card,.nx-breeding-progress,.nx-breeding-slot.nx-active .nx-core-icon,.nx-breeding-slot.nx-active .nx-section-icon,.nx-celebration-particle,.nx-champion-card,.nx-champion-card:nth-child(2),.nx-champion-card:nth-child(3),.nx-champion-card:nth-child(4),.nx-champion-card:nth-child(n+4),.nx-core-card,.nx-core-card.nx-rarity-legendary,.nx-core-card.nx-rarity-legendary:after,.nx-core-card.nx-shiny:before,.nx-explore-result.nx-capture-success,.nx-library-entry,.nx-library-entry.nx-discovered[data-complete=true]:after,.nx-listing-card,.nx-listing-card.nx-rarity-legendary:after,.nx-listing-price:after,.nx-skeleton,.nx-tab.nx-active:after{animation:none!important}.nx-biome-card,.nx-breed-core-btn,.nx-breed-slot,.nx-champion-card,.nx-core-card,.nx-core-card:before,.nx-detail-info>div,.nx-library-entry,.nx-listing-card,.nx-price-input input,.nx-train-option{transition:none!important}.nx-biome-card:hover,.nx-champion-card:hover,.nx-core-card:hover,.nx-library-entry:hover,.nx-listing-card:hover{transform:none}.nx-core-card.nx-rarity-legendary{box-shadow:0 0 15px #a855f74d}.nx-battle-result.nx-defeat{filter:brightness(.9) saturate(.85);opacity:.85}}.cyborg-reactor{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:1rem;position:relative;width:100%}@media (min-width:1920px){.cyborg-reactor{max-width:min(1600px,98vw)}}@media (min-width:2560px){.cyborg-reactor{max-width:min(2000px,98vw)}}.cyborg-reactor:before{animation:crStarTwinkle 8s ease-in-out infinite alternate;background:radial-gradient(1px 1px at 10% 15%,#f9731680,#0000),radial-gradient(1.5px 1.5px at 25% 40%,#ef444466,#0000),radial-gradient(1px 1px at 40% 20%,#fb923c80,#0000),radial-gradient(1px 1px at 55% 65%,#f973164d,#0000),radial-gradient(1.5px 1.5px at 70% 35%,#ef444480,#0000),radial-gradient(1px 1px at 85% 80%,#fb923c66,#0000),radial-gradient(1px 1px at 15% 75%,#f9731666,#0000),radial-gradient(1.5px 1.5px at 30% 90%,#ef44444d,#0000),radial-gradient(1px 1px at 50% 50%,#fb923c4d,#0000),radial-gradient(1px 1px at 65% 10%,#f9731680,#0000),radial-gradient(1.5px 1.5px at 80% 55%,#ef444466,#0000),radial-gradient(1px 1px at 95% 30%,#fb923c4d,#0000),radial-gradient(1px 1px at 5% 45%,#f973164d,#0000),radial-gradient(1.5px 1.5px at 20% 60%,#ef444466,#0000),radial-gradient(1px 1px at 35% 5%,#fb923c80,#0000),radial-gradient(1px 1px at 48% 85%,#f9731666,#0000),radial-gradient(1.5px 1.5px at 62% 45%,#ef44444d,#0000),radial-gradient(1px 1px at 77% 70%,#fb923c66,#0000),radial-gradient(1px 1px at 90% 15%,#f9731680,#0000),radial-gradient(1.5px 1.5px at 8% 95%,#ef44444d,#0000);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.cyborg-reactor>*{position:relative;z-index:1}.cyborg-reactor .cr-loading{color:var(--color-text-secondary);padding:4rem;text-align:center}.cr-skeleton{animation:crSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--color-ui-border) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:6px}.cr-skeleton-card{height:200px}.cr-skeleton-line{height:14px;margin-bottom:8px}.cr-skeleton-line.short{width:60%}.cr-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:280px 1fr 280px}@media (max-width:1000px){.cr-skeleton-grid{grid-template-columns:1fr 1fr}}@media (max-width:700px){.cr-skeleton-grid{grid-template-columns:1fr}}.cyborg-reactor .cr-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cyborg-reactor .cr-header h1{align-items:center;display:flex;gap:.5rem;margin:0}.cyborg-reactor .cr-header p{color:var(--color-text-secondary);margin:.25rem 0 0}.cr-header-icon{display:inline-block;height:28px;width:28px}.cyborg-reactor .cr-notification{animation:crSlideIn .3s ease-out;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.cyborg-reactor .cr-notification.cr-error{background:#ef444433;border:1px solid var(--color-danger);color:var(--color-text-error)}.cyborg-reactor .cr-notification.cr-success{background:#22c55e33;border:1px solid var(--color-success);color:var(--color-success)}.cr-access-denied,.cr-activate-card{margin:2rem auto;max-width:500px;padding:3rem;text-align:center}.cr-big-icon{display:block;height:64px;margin:0 auto 1rem;width:64px}.cr-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:280px 1fr 280px;position:relative}.cr-content:after{animation:crReactorBreath 4s ease-in-out infinite;background:radial-gradient(circle,#f973161f 0,#ef44440f 40%,#0000 70%);border-radius:50%;content:"";height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:0}@media (max-width:1000px){.cr-content{grid-template-columns:1fr 1fr}}@media (max-width:700px){.cr-content{grid-template-columns:1fr}}.cr-stats-panel{overflow:hidden;position:relative}.cr-stats-panel:before{animation:crScanLine 3s linear infinite;background:linear-gradient(90deg,#0000,#f9731666 30%,#f97316b3 50%,#f9731666 70%,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.cr-level-info,.cr-stats-panel h3{margin-bottom:1rem}.cr-level-info span{display:block;font-size:.875rem}.cr-exp-label{color:var(--color-text-secondary);font-size:.75rem}.cr-stat-bars{margin-bottom:1rem}.cr-stat-bar{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.cr-stat-bar>span:first-child{width:30px}.cr-stat-bar>span:last-child{text-align:right;width:60px}.cr-combat-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;text-align:center}.cr-combat-stats .cr-label{color:var(--color-text-secondary);display:block;font-size:.7rem;text-transform:uppercase}.cr-combat-stats .cr-value{color:var(--color-brand-primary);font-size:1.25rem;font-weight:700}.cr-stat-icon{display:inline-block;height:16px;vertical-align:middle;width:16px}.cr-currencies{display:flex;font-weight:600;justify-content:space-around;margin-bottom:1rem}.cr-currencies .cr-currency-icon{display:inline-block;height:16px;margin-right:4px;vertical-align:middle;width:16px}.cr-currencies span{transition:color .2s ease}.cr-currencies .cr-value-changed{animation:crValuePop .35s ease-out;color:var(--color-brand-accent)}.cr-stat-actions{display:flex;gap:.5rem}.cr-stat-actions button{flex:1 1}.cr-stats-panel{transition:transform .2s ease,box-shadow .2s ease}.cr-stats-panel:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.cr-stats-panel.cr-repairing{animation:crRepairPulse 1.2s ease-in-out infinite}.cr-stats-panel.cr-danger{animation:crDangerPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef44440f,#0000);border:1px solid #ef444480}.cr-stats-panel.cr-danger .cr-stat-bar:first-child>span:last-child{animation:crValuePop 1.5s ease-in-out infinite;color:var(--color-danger);font-weight:700}.cr-exploration-panel{animation:crGridPulse 3s ease-in-out infinite;border:1px solid #f973164d;grid-column:2;overflow:hidden;position:relative}.cr-exploration-panel:before{animation:crHexFloat 6s ease-in-out infinite alternate;background:radial-gradient(2px 2px at 15% 25%,#f9731633,#0000),radial-gradient(2px 2px at 35% 70%,#06b6d426,#0000),radial-gradient(2px 2px at 60% 15%,#f9731626,#0000),radial-gradient(2px 2px at 80% 55%,#06b6d433,#0000),radial-gradient(2px 2px at 45% 90%,#f973161f,#0000),radial-gradient(2px 2px at 90% 30%,#06b6d426,#0000),radial-gradient(1.5px 1.5px at 25% 50%,#f973162e,#0000),radial-gradient(1.5px 1.5px at 70% 80%,#06b6d41f,#0000);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.cr-exploration-panel>*{position:relative;z-index:1}.cr-position{color:var(--color-text-secondary);margin-bottom:1rem;text-align:center;transition:color .2s ease}.cr-movement-controls{align-items:center;flex-direction:column}.cr-movement-controls,.cr-movement-controls .cr-horizontal{display:flex;gap:.5rem}.cr-movement-controls button{width:80px}.cr-movement-controls button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.cr-position.cr-moved{animation:crPositionFlash .4s ease-out}.cr-exploration-progress{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:.25rem}.cr-tile-info{align-items:center;animation:crSlideIn .3s ease-out;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem;text-align:center}.cr-run-away{margin-left:.5rem}.cr-exploration-actions{display:flex;justify-content:center;margin-top:1rem}.cr-card-entrance{animation:crCardEntrance .4s ease-out backwards}.cr-exploration-panel.cr-card-entrance{animation-delay:.05s}.cr-battle-panel.cr-card-entrance{animation-delay:.1s}.cr-records-panel.cr-card-entrance{animation-delay:.15s}@keyframes crCardEntrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cr-tile-info.cr-loot{animation:crLootGlow .6s ease-out,crSlideIn .3s ease-out}.cr-battle-panel h3{margin-bottom:.5rem}.cr-battle-panel>p{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1rem}.cr-battle-options{display:flex;flex-direction:column;gap:.5rem}.cr-battle-options button{align-items:center;display:flex;gap:.4rem;justify-content:center}.cr-battle-options button .cr-btn-icon{height:16px;width:16px}.cr-warning{align-items:center;color:var(--color-warning);display:flex;font-size:.875rem;gap:.3rem;margin-top:1rem}.cr-warning .cr-warn-icon{height:16px;width:16px}.cr-records{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.cr-records>div{background:var(--color-ui-surface);border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.cr-records .cr-win{color:var(--color-success);font-weight:700}.cr-records .cr-loss{color:var(--color-danger);font-weight:700}.cr-battle-result{text-align:center}.cr-battle-result .cr-rewards{background:#22c55e1a;border-radius:8px;margin:1rem 0;padding:1rem}.cr-battle-result .cr-rewards p{color:var(--color-success);font-weight:600;margin:.25rem 0}.cr-stat-comparison{background:var(--color-ui-surface);border-radius:8px;margin:1rem 0;padding:.75rem;text-align:left}.cr-comparison-title{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.cr-comparison-row{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin:.25rem 0}.cr-comp-label{min-width:60px}.cr-comp-bars{align-items:center;display:flex;gap:.5rem}.cr-cost-preview{color:var(--color-text-secondary);font-size:.75rem;margin-right:.5rem}.cr-onboarding p{margin-bottom:1rem}.cr-onboarding button{margin-top:.5rem}.cr-stat-row{cursor:help}.cr-session-timer{color:var(--color-text-secondary);font-size:.8rem;font-weight:400}.cr-battle-result.cr-victory{position:relative}.cr-battle-result.cr-victory:after{animation:crVictoryBurst .8s ease-out forwards;height:0;transform:translate(-50%,-50%);width:0}.cr-battle-result.cr-victory:after,.cr-battle-result.cr-victory:before{border-radius:50%;content:"";left:50%;pointer-events:none;position:absolute;top:50%}.cr-battle-result.cr-victory:before{animation:crVictoryConfetti 1.2s ease-out .4s forwards;height:8px;opacity:0;width:8px}.cr-battle-result.cr-victory .cr-rewards{animation:crSlideIn .4s ease-out .2s backwards;background:#22c55e26;border:1px solid #22c55e4d}.cr-battle-result.cr-defeat{animation:crDefeatShake .5s ease-out;position:relative}.cr-battle-result.cr-defeat:after{animation:crDefeatDim 1s ease-out forwards;background:#ef444414;border-radius:8px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute}.cr-battle-flash{animation:crBattleFlash .5s ease-out}.cr-upgrades-modal{max-height:400px;overflow-y:auto}.cr-upgrade-slot{margin-bottom:1.5rem}.cr-upgrade-slot h4{align-items:center;display:flex;gap:.4rem;margin-bottom:.5rem;text-transform:capitalize}.cr-upgrade-slot h4 .cr-slot-icon{height:18px;width:18px}.cr-tiers{display:flex;flex-direction:column;gap:.5rem}.cr-tier{align-items:center;animation:crTierSlideIn .3s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--tier-index, 0)*.08s);background:var(--color-ui-surface);border-left:3px solid var(--color-ui-border);border-radius:6px;display:flex;gap:.75rem;padding:.5rem .5rem .5rem .75rem;transition:border-color .3s ease,box-shadow .3s ease}.cr-tier.cr-owned{border-left-color:var(--color-success);border-right:1px solid var(--color-success)}.cr-tier[data-tier="1"]{border-left-color:#6b7280}.cr-tier[data-tier="2"]{border-left-color:#22c55e}.cr-tier[data-tier="3"]{border-left-color:#3b82f6}.cr-tier[data-tier="4"]{border-left-color:#a855f7}.cr-tier[data-tier="5"]{border-left-color:#eab308;overflow:hidden;position:relative}.cr-tier[data-tier="5"]:after{animation:crTierShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#eab3081a,#eab30826,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.cr-tier.cr-just-purchased{animation:crUpgradeInstall .6s ease-out,crTierSlideIn .3s ease-out backwards}.cr-tier .cr-name{flex:1 1}.cr-tier .cr-bonus{color:var(--color-brand-primary);font-weight:600}.cr-chips-display{align-items:center;color:var(--color-brand-accent);display:flex;font-weight:600;gap:.3rem;justify-content:flex-end;margin-top:1rem;text-align:right}.cr-chips-display .cr-currency-icon{height:16px;width:16px}.cr-repair-modal{text-align:center}.cr-repair-input{margin:1rem 0}.cr-repair-input input{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);font-size:1.25rem;padding:.5rem;text-align:center;width:100px}.cr-modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.cr-icon-robot{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-clip-path:polygon(20% 0,80% 0,90% 15%,90% 60%,80% 80%,70% 100%,30% 100%,20% 80%,10% 60%,10% 15%);clip-path:polygon(20% 0,80% 0,90% 15%,90% 60%,80% 80%,70% 100%,30% 100%,20% 80%,10% 60%,10% 15%)}.cr-icon-hex{background:linear-gradient(135deg,#f97316,#dc2626);-webkit-clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.cr-icon-diamond{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.cr-icon-sword{background:linear-gradient(135deg,#94a3b8,#cbd5e1);-webkit-clip-path:polygon(50% 0,60% 60%,80% 80%,50% 65%,20% 80%,40% 60%);clip-path:polygon(50% 0,60% 60%,80% 80%,50% 65%,20% 80%,40% 60%)}.cr-icon-skull{background:linear-gradient(135deg,#ef4444,#b91c1c);-webkit-clip-path:polygon(50% 0,85% 15%,95% 50%,85% 75%,65% 100%,35% 100%,15% 75%,5% 50%,15% 15%);clip-path:polygon(50% 0,85% 15%,95% 50%,85% 75%,65% 100%,35% 100%,15% 75%,5% 50%,15% 15%)}.cr-icon-warning{background:linear-gradient(135deg,#eab308,#ca8a04);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.cr-icon-victory{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.cr-icon-focus{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%}.cr-icon-power{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(50% 0,100% 35%,70% 35%,90% 100%,20% 55%,50% 55%,30% 0);clip-path:polygon(50% 0,100% 35%,70% 35%,90% 100%,20% 55%,50% 55%,30% 0)}.cr-icon-agility{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.cr-icon-units{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.cr-icon-chips{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}@keyframes crStarTwinkle{0%{opacity:.3}to{opacity:.7}}@keyframes crSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes crSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes crBattleFlash{0%{box-shadow:0 0 0 0 #f9731699}50%{box-shadow:0 0 30px 10px #f973164d}to{box-shadow:0 0 0 0 #0000}}@keyframes crTierSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes crRepairPulse{0%,to{box-shadow:0 0 5px #22c55e4d}50%{box-shadow:0 0 15px #22c55e80}}@keyframes crUpgradeInstall{0%{transform:scale(1)}50%{box-shadow:0 0 20px #06b6d466;transform:scale(1.05)}to{transform:scale(1)}}@keyframes crGridPulse{0%,to{border-color:#f973164d}50%{border-color:#f9731699}}@keyframes crDangerPulse{0%,to{border-color:#ef444466;box-shadow:inset 0 0 8px #ef44440d,0 0 5px #ef444426}50%{border-color:#ef4444cc;box-shadow:inset 0 0 15px #ef44441a,0 0 12px #ef44444d}}@keyframes crReactorBreath{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes crPositionFlash{0%{color:var(--color-brand-primary);text-shadow:0 0 8px #f9731680}to{color:var(--color-text-secondary);text-shadow:none}}@keyframes crVictoryBurst{0%{box-shadow:0 0 0 0 #22c55e99,0 0 0 0 #eab3084d;height:0;opacity:1;width:0}60%{box-shadow:0 0 40px 10px #22c55e4d,0 0 60px 20px #eab30826;height:200px;opacity:.6;width:200px}to{box-shadow:0 0 0 0 #0000,0 0 0 0 #0000;height:300px;opacity:0;width:300px}}@keyframes crVictoryConfetti{0%{box-shadow:0 0 0 0 #22c55ecc,0 -30px 0 -5px #eab30899,-25px 15px 0 -5px #06b6d480,25px -15px 0 -5px #f9731680,20px 25px 0 -5px #22c55e66,-20px -20px 0 -5px #eab30866;opacity:0;transform:translate(-50%,-50%) scale(0)}30%{box-shadow:-15px -40px 0 0 #22c55e80,20px -35px 0 0 #eab30866,-35px 10px 0 0 #06b6d466,30px 5px 0 0 #f9731666,25px 35px 0 0 #22c55e4d,-30px -25px 0 0 #eab3084d;opacity:1;transform:translate(-50%,-50%) scale(1)}to{box-shadow:-25px -60px 0 2px #0000,35px -55px 0 2px #0000,-55px 15px 0 2px #0000,50px 10px 0 2px #0000,40px 50px 0 2px #0000,-50px -40px 0 2px #0000;opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes crDefeatShake{0%{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-2px)}90%{transform:translateX(1px)}to{transform:translateX(0)}}@keyframes crDefeatDim{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes crLootGlow{0%{filter:brightness(1);text-shadow:0 0 0 #0000}30%{filter:brightness(1.2);text-shadow:0 0 12px #eab30899,0 0 20px #eab3084d}to{filter:brightness(1);text-shadow:0 0 0 #0000}}@keyframes crTierShimmer{0%{left:-100%}50%{left:150%}to{left:150%}}@keyframes crScanLine{0%{opacity:0;top:-2px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:calc(100% + 2px)}}@keyframes crHexFloat{0%{opacity:.4;transform:translateY(0) scale(1)}50%{opacity:.7}to{opacity:.4;transform:translateY(-8px) scale(1.05)}}@keyframes crValuePop{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width:768px){.cr-content{grid-template-columns:1fr 1fr}.cr-battle-panel,.cr-exploration-panel,.cr-records-panel{grid-column:auto}.cr-combat-stats{gap:.3rem;grid-template-columns:repeat(3,1fr)}.cr-movement-controls button{font-size:.9rem;width:70px}.cr-records{grid-template-columns:1fr 1fr}.cr-content:after{height:250px;width:250px}}@media (max-width:480px){.cyborg-reactor{padding:.5rem}.cr-content{gap:.75rem;grid-template-columns:1fr}.cr-exploration-panel{grid-column:auto}.cr-combat-stats{gap:.25rem;grid-template-columns:repeat(3,1fr)}.cr-movement-controls button{font-size:.85rem;width:65px}.cr-records{grid-template-columns:1fr}.cr-content:after{display:none}.cr-header{align-items:flex-start;flex-direction:column;gap:.5rem}.cr-skeleton-grid{grid-template-columns:1fr}}@media (max-width:600px){.cyborg-reactor{padding:.5rem}.cr-content{gap:.5rem;grid-template-columns:1fr}.cr-movement-controls .cr-horizontal{flex-wrap:wrap;justify-content:center}.cr-movement-controls button{width:72px}.cr-exploration-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.cr-battle-flash,.cr-battle-result.cr-defeat,.cr-battle-result.cr-defeat:after,.cr-battle-result.cr-victory .cr-rewards,.cr-battle-result.cr-victory:after,.cr-battle-result.cr-victory:before,.cr-content:after,.cr-currencies .cr-value-changed,.cr-exploration-panel,.cr-exploration-panel:before,.cr-position.cr-moved,.cr-skeleton,.cr-stats-panel.cr-danger,.cr-stats-panel.cr-danger .cr-stat-bar:first-child>span:last-child,.cr-stats-panel.cr-repairing,.cr-stats-panel:before,.cr-tier,.cr-tier.cr-just-purchased,.cr-tier[data-tier="5"]:after,.cr-tile-info,.cr-tile-info.cr-loot,.cyborg-reactor .cr-notification,.cyborg-reactor:before{animation:none!important}}.survival-protocol{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:1rem;position:relative;width:100%}@media (min-width:1920px){.survival-protocol{max-width:min(1600px,98vw)}}@media (min-width:2560px){.survival-protocol{max-width:min(2000px,98vw)}}.survival-protocol:before{animation:spDustDrift 10s ease-in-out infinite alternate;background:radial-gradient(1.5px 1.5px at 10% 20%,#78716c80,#0000),radial-gradient(1px 1px at 25% 60%,#a8a29e4d,#0000),radial-gradient(2px 2px at 40% 35%,#78716c66,#0000),radial-gradient(1px 1px at 55% 80%,#a8a29e4d,#0000),radial-gradient(1.5px 1.5px at 70% 15%,#78716c66,#0000),radial-gradient(1px 1px at 85% 50%,#a8a29e4d,#0000),radial-gradient(2px 2px at 15% 90%,#78716c4d,#0000),radial-gradient(1px 1px at 30% 45%,#a8a29e66,#0000),radial-gradient(1.5px 1.5px at 50% 10%,#78716c80,#0000),radial-gradient(1px 1px at 65% 70%,#a8a29e4d,#0000),radial-gradient(2px 2px at 80% 30%,#78716c66,#0000),radial-gradient(1px 1px at 95% 85%,#a8a29e4d,#0000),radial-gradient(1.5px 1.5px at 5% 55%,#78716c4d,#0000),radial-gradient(1px 1px at 20% 5%,#a8a29e66,#0000),radial-gradient(2px 2px at 45% 95%,#78716c4d,#0000),radial-gradient(1px 1px at 60% 40%,#a8a29e66,#0000),radial-gradient(1.5px 1.5px at 75% 65%,#78716c4d,#0000),radial-gradient(1px 1px at 90% 10%,#a8a29e80,#0000),radial-gradient(2px 2px at 35% 75%,#78716c4d,#0000),radial-gradient(1px 1px at 8% 40%,#a8a29e66,#0000);inset:0}.survival-protocol:after,.survival-protocol:before{content:"";pointer-events:none;position:absolute;z-index:0}.survival-protocol:after{animation:spCampfireFlicker 3s ease-in-out infinite alternate;background:radial-gradient(ellipse at 50% 100%,#f59e0b1f 0,#ea580c0f 40%,#0000 70%);bottom:0;height:120px;left:50%;transform:translateX(-50%);width:300px}.survival-protocol>*{position:relative;z-index:1}.survival-protocol .sp-loading{color:var(--color-text-secondary);padding:4rem;text-align:center}.sp-skeleton{animation:spSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--color-ui-border) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:6px}.sp-skeleton-card{height:200px}.sp-skeleton-line{height:14px;margin-bottom:8px}.sp-skeleton-line.short{width:60%}.sp-skeleton-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:1rem}.survival-protocol .sp-header{align-items:center;animation:spHeatHaze 6s ease-in-out infinite;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.survival-protocol .sp-header h1{align-items:center;display:flex;gap:.5rem;margin:0;position:relative}.survival-protocol .sp-header p{color:var(--color-text-secondary);margin:.25rem 0 0}.sp-header-icon{display:inline-block;height:28px;width:28px}.sp-header:after{animation:spHeaderScan 4s linear infinite;background:linear-gradient(90deg,#0000,#f59e0b4d 30%,#f59e0b99 50%,#f59e0b4d 70%,#0000);bottom:0;content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0}@keyframes spHeaderScan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.survival-protocol .sp-notification{animation:spSlideIn .3s ease-out;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.survival-protocol .sp-notification.sp-error{background:#ef444433;border:1px solid var(--color-danger);color:var(--color-text-error)}.survival-protocol .sp-notification.sp-success{background:#22c55e33;border:1px solid var(--color-success);color:var(--color-success)}.sp-access-denied,.sp-activate-card{margin:2rem auto;max-width:500px;padding:3rem;text-align:center}.sp-big-icon{display:block;height:64px;margin:0 auto 1rem;width:64px}.sp-activate-card .sp-warning{align-items:center;color:var(--color-warning);display:flex;gap:.3rem;justify-content:center;margin:1rem 0}.sp-activate-card .sp-warn-icon{height:16px;width:16px}.sp-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:300px 1fr 280px}@media (max-width:1000px){.sp-content{grid-template-columns:1fr 1fr}}@media (max-width:700px){.sp-content{grid-template-columns:1fr}}.sp-status-panel{grid-row:span 1;transition:filter .5s ease,border-color .3s ease}.sp-status-panel.sp-dead{background:#ef44440d;border:2px solid var(--color-danger);filter:grayscale(.4);overflow:hidden;position:relative}.sp-status-panel.sp-dead .sp-status-icon{animation:spSkullPulse 1.5s ease-in-out infinite}@keyframes spSkullPulse{0%,to{filter:drop-shadow(0 0 4px rgba(239,68,68,.6));opacity:1}50%{filter:drop-shadow(0 0 12px rgba(239,68,68,.9));opacity:.9}}.sp-status-panel.sp-dead:before{animation:spScreenCrack .6s ease-out forwards;background:radial-gradient(ellipse at center,#0000 30%,#7f1d1d40 70%,#450a0a80 100%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.sp-status-panel.sp-new-life{animation:spNewLife .6s ease-out}.sp-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.sp-status-header h3{align-items:center;display:flex;gap:.4rem;margin:0}.sp-status-header .sp-status-icon{height:20px;width:20px}.sp-death-screen{animation:spDeathFade .5s ease-out;padding:1rem;position:relative;text-align:center;z-index:3}.sp-death-screen p{margin:.5rem 0}.sp-persist-note{color:var(--color-success);font-size:.875rem}.sp-level-info{margin-bottom:1rem}.sp-level-info span{display:block;font-size:.875rem}.sp-stat-bars{margin-bottom:1rem}.sp-stat-bar{align-items:center;border:2px solid #0000;border-radius:6px;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem;padding:2px;transition:border-color .3s ease,box-shadow .3s ease}.sp-stat-bar>span:first-child{width:50px}.sp-stat-bar>span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;width:50px}.sp-stat-bar.sp-ap-low{animation:spApUrgent 2s ease-in-out infinite;border-color:#f59e0b99}.sp-stat-bar.sp-ap-critical{animation:spApCritical .8s ease-in-out infinite;border-color:#ef4444cc}.sp-stat-bar.sp-ap-critical>span:last-child{color:var(--color-danger);font-weight:700;text-shadow:0 0 6px #ef444499}.sp-stat-bar.sp-energy-low{animation:spApUrgent 2s ease-in-out infinite;border-color:#f59e0b99}.sp-stat-bar.sp-energy-low>span:last-child{color:var(--color-warning);font-weight:700}.sp-combat-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;text-align:center}.sp-combat-stats .sp-label{color:var(--color-text-secondary);display:block;font-size:.7rem;text-transform:uppercase}.sp-combat-stats .sp-value{color:var(--color-danger);font-size:1.5rem;font-weight:700}.sp-currencies{display:flex;font-weight:600;justify-content:space-around;margin-bottom:1rem}.sp-currencies .sp-currency-icon{display:inline-block;height:16px;margin-right:4px;vertical-align:middle;width:16px}.sp-actions{display:flex;flex-direction:column;gap:.5rem}.sp-actions button{align-items:center;display:flex;gap:.4rem;justify-content:center;width:100%}.sp-actions button .sp-btn-icon{height:16px;width:16px}.sp-seeds-panel{grid-column:2}.sp-seeds-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.sp-seeds-header button{align-items:center;display:flex;gap:.3rem}.sp-seeds-header .sp-btn-icon{height:16px;width:16px}.sp-seeds-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sp-seed-item{align-items:center;animation:spCardEntrance .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:var(--color-ui-surface);border:2px solid var(--color-ui-border);border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;text-align:center;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}.sp-seed-item:hover{transform:translateY(-2px)}.sp-seed-item.sp-usable{border-color:var(--color-success)}.sp-seed-item.sp-locked{opacity:.6}.sp-seed-item .sp-seed-icon{display:inline-block;height:24px;width:24px}.sp-seed-item .sp-name{font-size:.8rem;font-weight:600}.sp-seed-item .sp-count{color:var(--color-brand-primary);font-size:1.25rem;font-weight:700}.sp-seed-item .sp-effect{color:var(--color-success);font-size:.7rem}.sp-seed-item .sp-req{color:var(--color-danger);font-size:.65rem}.sp-seed-item.sp-just-used{animation:spSeedBurst .4s ease-out}.sp-seed-item[data-seed=red]{border-color:#ef444480;box-shadow:inset 0 0 12px #ef444414,0 0 6px #ef44441a}.sp-seed-item[data-seed=green]{border-color:#22c55e80;box-shadow:inset 0 0 12px #22c55e0f}.sp-seed-item[data-seed=orange]{border-color:#f9731680;box-shadow:inset 0 0 12px #f9731614}.sp-seed-item[data-seed=blue]{border-color:#3b82f699;box-shadow:0 0 10px #3b82f626,inset 0 0 15px #3b82f614}.sp-seed-item[data-seed=crystal]{background:linear-gradient(135deg,var(--color-ui-surface) 0,#06b6d40a 100%);border-color:#06b6d499;box-shadow:0 0 8px #06b6d41f;overflow:hidden;position:relative}.sp-seed-item[data-seed=crystal]:after{animation:spCrystalShimmer 3s ease-in-out infinite;background:linear-gradient(105deg,#0000 35%,#06b6d426 45%,#06b6d440 50%,#06b6d426 55%,#0000 65%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.sp-seed-item[data-seed=black]{background:linear-gradient(135deg,var(--color-ui-surface) 0,#37415114 100%);border-color:#374151b3;box-shadow:0 0 12px #0003,inset 0 0 10px #8b5cf60f}.sp-seed-item[data-seed=white]{border-color:#e5e7eb99;box-shadow:0 0 10px #e5e7eb26,inset 0 0 12px #ffffff0f}.sp-seed-item .sp-seed-req{padding-top:4px;position:relative;width:100%}.sp-seed-item .sp-seed-req:before{background:var(--color-ui-border);border-radius:2px;content:"";display:block;height:3px;margin-bottom:3px;width:100%}.sp-seed-item .sp-seed-req:after{background:linear-gradient(90deg,var(--color-danger),var(--color-warning));border-radius:2px;content:"";display:block;height:3px;left:0;position:absolute;top:4px;transition:width .4s ease;width:0;width:calc(var(--knowledge-progress, 0)*100%)}.sp-seed-farm{display:block;font-size:.7rem;margin-top:2px}.sp-seed-farm,.sp-session-timer{color:var(--color-text-secondary)}.sp-session-timer{font-size:.75rem;margin-left:.5rem}.sp-blue-seed-goal{color:var(--color-brand-primary);font-size:.8rem;margin:.5rem 0 0}.sp-synergies-info{background:var(--color-ui-surface);border-radius:8px;font-size:.875rem;margin-top:1rem;padding:.75rem}.sp-synergies-info p{margin:.25rem 0}.sp-stat-comparison{background:var(--color-ui-surface);border-radius:8px;font-size:.875rem;margin:1rem 0;padding:.75rem;text-align:left}.sp-comparison-title{font-weight:600;margin-bottom:.5rem}.sp-comparison-row{align-items:center;display:flex;gap:.5rem;margin:.25rem 0}.sp-vs{color:var(--color-text-secondary);font-weight:600}.sp-onboarding p{margin-bottom:1rem}.sp-onboarding button{margin-top:.5rem}.sp-milestone-toast{animation:spMilestonePop .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#eab30833,#ca8a0426);border:1px solid #eab30880;border-radius:12px;box-shadow:0 4px 20px #0000004d;font-size:1.1rem;font-weight:700;left:50%;padding:1rem 1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:var(--z-index-toast)}.sp-new-life-btn{animation:spNewLifeGlow 2s ease-in-out infinite alternate}@keyframes spNewLifeGlow{0%{box-shadow:0 0 8px #22c55e66}to{box-shadow:0 0 16px #22c55e99}}.sp-records{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.sp-records>div{animation:spCardEntrance .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:var(--color-ui-surface);border-radius:6px;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem;transition:transform .2s ease,box-shadow .2s ease}.sp-records>div:hover{box-shadow:-2px 0 0 var(--color-brand-primary);transform:translateX(3px)}.sp-records .sp-win{color:var(--color-success);font-weight:700}.sp-records .sp-loss{color:var(--color-danger);font-weight:700}.sp-records .sp-best{color:var(--color-brand-accent);font-weight:700;position:relative}.sp-records .sp-best:after{animation:spBestShimmer 3s ease-in-out infinite;background:linear-gradient(105deg,#0000 30%,#eab30840 45%,#eab30866 50%,#eab30840 55%,#0000 70%);border-radius:3px;content:"";inset:-2px -6px;pointer-events:none;position:absolute}.sp-records .sp-streak-active{color:var(--color-warning)!important;font-weight:700;position:relative}.sp-records .sp-streak-active:after{animation:spStreakFlame 1s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#f97316,#ef4444);background-size:200% 100%;border-radius:2px;bottom:-3px;content:"";filter:blur(.5px);height:4px;left:0;position:absolute;right:0}.sp-milestone-badge{align-items:center;animation:spMilestonePop .5s cubic-bezier(.34,1.56,.64,1) backwards;border-radius:12px;display:inline-flex;font-size:.65rem;font-weight:700;gap:.25rem;justify-content:center;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase}.sp-milestone-badge.sp-milestone-10{background:linear-gradient(135deg,#a8a29e33,#78716c26);border:1px solid #a8a29e4d;color:#a8a29e}.sp-milestone-badge.sp-milestone-25{background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid #22c55e4d;color:#22c55e}.sp-milestone-badge.sp-milestone-50{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:1px solid #3b82f64d;color:#3b82f6}.sp-milestone-badge.sp-milestone-100{background:linear-gradient(135deg,#eab30833,#ca8a0426);border:1px solid #eab30866;box-shadow:0 0 8px #eab30826;color:#eab308}.sp-battle-result{animation:spModalSlideIn .35s ease-out;text-align:center}@keyframes spModalSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-battle-result .sp-revived{align-items:center;animation:spReviveGlow 1.2s ease-out,spReviveBurst .6s ease-out;color:var(--color-brand-primary);display:flex;font-weight:600;gap:.3rem;justify-content:center;margin:.5rem 0}.sp-battle-result .sp-revived .sp-revive-icon{animation:spReviveIconPulse .5s ease-out 2;height:18px;width:18px}@keyframes spReviveBurst{0%{filter:brightness(1.5);transform:scale(1.1)}to{filter:brightness(1);transform:scale(1)}}@keyframes spReviveIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.sp-battle-result.sp-hit{animation:spBattleHit .3s ease-out}.sp-battle-result.sp-victory{position:relative}.sp-battle-result.sp-victory:before{animation:spVictoryRing .8s ease-out forwards;border:3px solid #22c55e99;border-radius:50%;content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.sp-battle-result .sp-rewards{background:#22c55e1a;border-radius:8px;margin:1rem 0;padding:1rem}.sp-battle-result .sp-rewards p{color:var(--color-success);font-weight:600;margin:.25rem 0}.sp-battle-result .sp-seed-drop{align-items:center;color:var(--color-brand-accent)!important;display:flex;gap:.3rem;justify-content:center}.sp-battle-result .sp-seed-drop .sp-drop-icon{height:16px;width:16px}.sp-battle-result .sp-death-message{color:var(--color-danger);margin:1rem 0}.sp-seed-shop{max-height:400px;overflow-y:auto}.sp-shop-item{grid-gap:.5rem;align-items:center;background:var(--color-ui-surface);border:2px solid #0000;border-radius:8px;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;margin-bottom:.5rem;padding:.75rem;transition:border-color .2s,transform .15s ease,box-shadow .2s ease}.sp-shop-item:hover{border-color:var(--color-ui-border);transform:translateY(-1px)}.sp-shop-item.sp-selected{border-color:var(--color-success);box-shadow:0 0 8px #22c55e26}.sp-shop-item:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.sp-shop-item .sp-seed-icon{height:24px;width:24px}.sp-shop-item .sp-effect{color:var(--color-text-secondary);font-size:.75rem;grid-column:2}.sp-shop-item .sp-price{align-items:center;color:var(--color-success);display:flex;font-weight:600;gap:.2rem}.sp-shop-item .sp-price .sp-currency-icon{height:14px;width:14px}.sp-buy-section{background:var(--color-ui-surface);border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.sp-buy-input{margin-bottom:.5rem}.sp-buy-input input{background:var(--color-ui-background);border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);padding:.5rem;text-align:center;width:80px}.sp-cash-display{align-items:center;color:var(--color-success);display:flex;font-weight:600;gap:.3rem;justify-content:flex-end;margin-top:1rem;text-align:right}.sp-cash-display .sp-currency-icon{height:16px;width:16px}.sp-icon-skull{background:linear-gradient(135deg,#ef4444,#b91c1c);-webkit-clip-path:polygon(50% 0,85% 15%,95% 50%,85% 75%,65% 100%,35% 100%,15% 75%,5% 50%,15% 15%);clip-path:polygon(50% 0,85% 15%,95% 50%,85% 75%,65% 100%,35% 100%,15% 75%,5% 50%,15% 15%)}.sp-icon-heart{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(50% 85%,15% 55%,0 30%,5% 10%,25% 0,50% 15%,75% 0,95% 10%,100% 30%,85% 55%);clip-path:polygon(50% 85%,15% 55%,0 30%,5% 10%,25% 0,50% 15%,75% 0,95% 10%,100% 30%,85% 55%)}.sp-icon-sword{background:linear-gradient(135deg,#94a3b8,#cbd5e1);-webkit-clip-path:polygon(50% 0,60% 60%,80% 80%,50% 65%,20% 80%,40% 60%);clip-path:polygon(50% 0,60% 60%,80% 80%,50% 65%,20% 80%,40% 60%)}.sp-icon-sleep{background:linear-gradient(135deg,#6366f1,#4f46e5);-webkit-clip-path:polygon(0 40%,50% 0,100% 40%,80% 40%,80% 100%,20% 100%,20% 40%);clip-path:polygon(0 40%,50% 0,100% 40%,80% 40%,80% 100%,20% 100%,20% 40%)}.sp-icon-cart{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-clip-path:polygon(5% 0,15% 0,20% 60%,80% 60%,85% 20%,95% 20%,88% 75%,15% 75%,12% 80%,5% 80%);clip-path:polygon(5% 0,15% 0,20% 60%,80% 60%,85% 20%,95% 20%,88% 75%,15% 75%,12% 80%,5% 80%)}.sp-icon-cash{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(10% 20%,90% 20%,90% 80%,10% 80%);clip-path:polygon(10% 20%,90% 20%,90% 80%,10% 80%)}.sp-icon-brain{background:linear-gradient(135deg,#ec4899,#be185d);-webkit-clip-path:polygon(50% 0,80% 10%,95% 35%,90% 65%,70% 80%,50% 100%,30% 80%,10% 65%,5% 35%,20% 10%);clip-path:polygon(50% 0,80% 10%,95% 35%,90% 65%,70% 80%,50% 100%,30% 80%,10% 65%,5% 35%,20% 10%)}.sp-icon-warning{background:linear-gradient(135deg,#eab308,#ca8a04);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.sp-icon-revive{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%}.sp-icon-seed-red{background:#ef4444}.sp-icon-seed-green,.sp-icon-seed-red{border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.sp-icon-seed-green{background:#22c55e}.sp-icon-seed-orange{background:#f97316}.sp-icon-seed-blue,.sp-icon-seed-orange{border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.sp-icon-seed-blue{background:#3b82f6}.sp-icon-seed-white{background:#e5e7eb}.sp-icon-seed-black,.sp-icon-seed-white{border-radius:50% 50% 50% 50%/60% 60% 40% 40%}.sp-icon-seed-black{background:#374151}.sp-icon-seed-crystal{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}@keyframes spDustDrift{0%{opacity:.3;transform:translateX(0)}to{opacity:.5;transform:translateX(-5px)}}@keyframes spSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spCardEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spDeathFade{0%{filter:grayscale(0);opacity:0}50%{filter:grayscale(.5);opacity:.6}to{filter:grayscale(.3);opacity:1}}@keyframes spReviveGlow{0%{box-shadow:0 0 0 0 #3b82f680}50%{box-shadow:0 0 25px 8px #3b82f64d}to{box-shadow:0 0 0 0 #0000}}@keyframes spSeedBurst{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes spBattleHit{0%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}to{transform:translateX(0)}}@keyframes spNewLife{0%{filter:brightness(2);opacity:0;transform:scale(.8)}to{filter:brightness(1);opacity:1;transform:scale(1)}}@keyframes spScreenCrack{0%{background:radial-gradient(ellipse at center,#ef444466 0,#7f1d1d99 50%,#450a0acc 100%);opacity:0}30%{background:radial-gradient(ellipse at center,#ef44444d 0,#7f1d1d66 60%,#450a0a99 100%);opacity:1}to{background:radial-gradient(ellipse at center,#0000 30%,#7f1d1d40 70%,#450a0a80 100%);opacity:1}}@keyframes spApUrgent{0%,to{border-color:#f59e0b4d;box-shadow:none}50%{border-color:#f59e0bcc;box-shadow:0 0 8px #f59e0b26}}@keyframes spApCritical{0%,to{border-color:#ef444466;box-shadow:none}50%{border-color:#ef4444e6;box-shadow:0 0 12px #ef444433}}@keyframes spStreakFlame{0%{background-position:0 0;filter:blur(.5px);opacity:.8}50%{background-position:100% 0;filter:blur(1px);opacity:1}to{background-position:200% 0;filter:blur(.5px);opacity:.8}}@keyframes spBestShimmer{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(100%)}}@keyframes spCrystalShimmer{0%{transform:translateX(-150%)}40%{transform:translateX(150%)}to{transform:translateX(150%)}}@keyframes spMilestonePop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes spVictoryRing{0%{border-width:3px;opacity:1;transform:translate(-50%,-50%) scale(0)}70%{opacity:.6}to{border-width:1px;opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes spCampfireFlicker{0%{opacity:.6;transform:translateX(-50%) scaleY(1)}30%{opacity:.8;transform:translateX(-50%) scaleY(1.05)}60%{opacity:.5;transform:translateX(-50%) scaleY(.95)}to{opacity:.7;transform:translateX(-50%) scaleY(1.02)}}@keyframes spHeatHaze{0%,to{filter:none}25%{filter:blur(.2px)}50%{filter:none}75%{filter:blur(.15px)}}@media (max-width:768px){.sp-content{grid-template-columns:1fr 1fr}.sp-seeds-panel{order:-1}.sp-records-panel,.sp-seeds-panel{grid-column:1/-1}.sp-seeds-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:600px){.survival-protocol{padding:.75rem}.sp-content{gap:.5rem;grid-template-columns:1fr}.sp-seeds-header{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.survival-protocol{padding:.5rem}.sp-content{gap:.75rem}.sp-seeds-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.sp-records{grid-template-columns:1fr}.sp-combat-stats .sp-value,.sp-header h1{font-size:1.25rem}.survival-protocol:after{height:80px;width:200px}}@media (prefers-reduced-motion:reduce){.sp-battle-result,.sp-battle-result .sp-revived,.sp-battle-result .sp-revived .sp-revive-icon,.sp-battle-result.sp-hit,.sp-battle-result.sp-victory:before,.sp-death-screen,.sp-header:after,.sp-milestone-badge,.sp-new-life-btn,.sp-records .sp-best:after,.sp-records .sp-streak-active:after,.sp-records>div,.sp-seed-item,.sp-seed-item.sp-just-used,.sp-seed-item[data-seed=crystal]:after,.sp-skeleton,.sp-stat-bar.sp-ap-critical,.sp-stat-bar.sp-ap-low,.sp-stat-bar.sp-energy-low,.sp-status-panel.sp-dead .sp-status-icon,.sp-status-panel.sp-dead:before,.sp-status-panel.sp-new-life,.survival-protocol .sp-header,.survival-protocol .sp-notification,.survival-protocol:after,.survival-protocol:before{animation:none!important}.sp-records>div:hover,.sp-seed-item:hover,.sp-shop-item:hover{transform:none!important}}.mercenary-board{padding:20px}.mercenary-board-header{margin-bottom:28px}.mercenary-board-header h2{color:var(--color-text-primary);font-size:2em;margin:0 0 8px}.mercenary-board-header p{color:var(--color-text-secondary);margin:0}.active-mercenaries-section{background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;margin-bottom:28px;padding:20px}.active-mercenaries-section h3{color:var(--color-success);margin:0 0 14px}.active-mercenaries-list{display:flex;flex-wrap:wrap;gap:14px}.active-mercenary-card{background:#0000004d;border:1px solid #22c55e40;border-radius:6px;min-width:200px;padding:14px;transition:transform .2s}.active-mercenary-card:hover{transform:translateY(-2px)}.merc-name{color:var(--color-success);font-weight:700;margin-bottom:4px}.merc-buff-details{color:var(--color-text-primary);font-size:.9em;margin-bottom:4px}.merc-time{color:var(--color-text-secondary);font-size:.85em}.mercenary-grid{display:flex;flex-direction:column;gap:28px}.mercenary-tier{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:20px}.tier-header{border-bottom:2px solid #ffffff14;font-size:1.4em;margin:0 0 18px;padding-bottom:10px}.mercenary-tier.rarity-bronze .tier-header{color:#cd7f32}.mercenary-tier.rarity-silver .tier-header{color:silver}.mercenary-tier.rarity-gold .tier-header{color:gold}.mercenary-tier.rarity-platinum .tier-header{color:#e5e4e2}.mercenary-tier.rarity-diamond .tier-header{color:#b9f2ff}.mercenary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mercenary-card{background:#ffffff0a;border:1px solid #ffffff14;overflow:hidden;position:relative;transition:transform .2s,box-shadow .3s}.mercenary-card:hover{transform:translateY(-4px)}.mercenary-card.active{background:#22c55e0d;border-color:var(--color-success)}.mercenary-card.locked{opacity:.6;position:relative}.mercenary-card.locked:before{background:#0000004d;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.seasonal-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:16px;box-shadow:0 2px 8px #0000004d;color:#1a1a2e;display:flex;font-size:.8em;font-weight:700;gap:5px;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}.badge-icon{font-size:1em}.badge-text{letter-spacing:.5px;text-transform:uppercase}.badge-timer{background:#0003;border-radius:8px;font-family:Courier New,monospace;font-size:.9em;padding:2px 6px}.mercenary-portrait{align-items:center;background:#0000004d;border-radius:6px 6px 0 0;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.mercenary-portrait img{height:100%;object-fit:cover;width:100%}.locked-overlay{font-size:3em;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.mercenary-info{padding:16px}.mercenary-info h4{color:var(--color-text-primary);font-size:1.2em;margin:0 0 8px}.mercenary-specialization{color:var(--color-brand-secondary);font-size:.9em;font-weight:700;margin:4px 0}.mercenary-description{color:var(--color-text-secondary);font-size:.85em;line-height:1.5;margin:10px 0}.mercenary-buff{align-items:center;background:#22c55e14;border-radius:6px;color:var(--color-success);display:flex;font-size:.9em;font-weight:700;gap:6px;margin:10px 0;padding:10px 12px}.buff-icon{font-size:1.2em}.mercenary-rating{align-items:center;display:flex;gap:10px;margin:12px 0}.rating-bar-container{background:#0006;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.rating-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;height:100%;transition:width .6s ease}.rating-text{color:var(--color-brand-accent);font-size:.8em;font-weight:600;white-space:nowrap}.mercenary-locked{background:rgba(var(--color-brand-primary-rgb),.08);border:1px solid rgba(var(--color-brand-primary-rgb),.2);border-radius:6px;margin:14px 0;padding:14px;text-align:center}.locked-requirement{color:var(--color-danger)}.locked-requirement strong{display:block;font-size:1em;margin-bottom:6px}.locked-requirement p{color:var(--color-text-error);font-size:.85em;margin:0}.mercenary-costs{background:#0003;border-radius:6px;margin:14px 0;padding:10px 12px}.cost-item{color:var(--color-text-primary);font-size:.9em;justify-content:space-between;margin:4px 0}.cost-item span{font-weight:600}.hire-card-button{margin-top:8px;padding:10px;transition:filter .2s;width:100%}.hire-card-button.active-contract{cursor:default;opacity:.6}.hire-modal-content{color:var(--color-text-primary)}.hire-duration-selector{display:flex;flex-direction:column;gap:8px;margin:16px 0}.hire-duration-selector label{font-size:.9em}.duration-select{background:#0006;border:1px solid #ffffff26;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:1em;padding:10px 12px;transition:border-color .2s;width:100%}.duration-select:hover{border-color:#ffffff4d}.duration-select:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.hire-cost{background:#22c55e14;border-radius:6px;color:var(--color-success);font-size:1.2em;margin:20px 0;padding:14px;text-align:center}.hire-button{background:var(--color-success);border:none;border-radius:6px;color:var(--color-ui-background);cursor:pointer;font-size:1.1em;font-weight:700;padding:14px;transition:filter .2s;width:100%}.hire-button:hover:not(:disabled){filter:brightness(1.1)}.hire-button:disabled{cursor:not-allowed;opacity:.5}.mercenary-board-error{padding:40px;text-align:center}.mercenary-board-error .error-icon{color:var(--color-danger);font-size:2.5em;margin-bottom:12px}.mercenary-board-error p{color:var(--color-text-primary);margin-bottom:16px}.merc-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%);height:1em;width:1em}.merc-icon-timer,.merc-icon-warning{display:inline-block;vertical-align:middle}.merc-icon-timer{border:2px solid;border-radius:50%;height:.9em;position:relative;width:.9em}.merc-icon-timer:before{height:35%;top:15%;transform:translateX(-50%);width:2px}.merc-icon-timer:after,.merc-icon-timer:before{background:currentColor;content:"";left:50%;position:absolute}.merc-icon-timer:after{height:2px;top:50%;transform:rotate(45deg);transform-origin:left center;width:25%}.merc-icon-lock{-webkit-clip-path:polygon(25% 45%,25% 25%,30% 10%,50% 0,70% 10%,75% 25%,75% 45%,100% 45%,100% 100%,0 100%,0 45%);clip-path:polygon(25% 45%,25% 25%,30% 10%,50% 0,70% 10%,75% 25%,75% 45%,100% 45%,100% 100%,0 100%,0 45%);height:.85em;width:.85em}.merc-icon-lock,.merc-icon-person{background:linear-gradient(135deg,#6b7280,#9ca3af);display:inline-block;vertical-align:middle}.merc-icon-person{-webkit-clip-path:polygon(50% 0,65% 5%,70% 20%,65% 35%,55% 40%,75% 50%,85% 65%,80% 100%,20% 100%,15% 65%,25% 50%,45% 40%,35% 35%,30% 20%,35% 5%);clip-path:polygon(50% 0,65% 5%,70% 20%,65% 35%,55% 40%,75% 50%,85% 65%,80% 100%,20% 100%,15% 65%,25% 50%,45% 40%,35% 35%,30% 20%,35% 5%);height:1em;width:1em}.merc-icon-accuracy{border:2px solid #22c55e;border:2px solid var(--color-success,#22c55e);border-radius:50%;display:inline-block;height:.9em;position:relative;vertical-align:middle;width:.9em}.merc-icon-accuracy:before{background:#22c55e;background:var(--color-success,#22c55e);border-radius:50%;content:"";height:40%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40%}.merc-icon-evasion{background:#60a5fa;-webkit-clip-path:polygon(20% 100%,0 60%,40% 30%,30% 0,70% 40%,100% 20%,80% 70%);clip-path:polygon(20% 100%,0 60%,40% 30%,30% 0,70% 40%,100% 20%,80% 70%)}.merc-icon-attack,.merc-icon-evasion{display:inline-block;height:.9em;vertical-align:middle;width:.9em}.merc-icon-attack{background:#ef4444;-webkit-clip-path:polygon(45% 0,55% 0,55% 55%,70% 60%,70% 68%,55% 63%,55% 80%,62% 95%,50% 100%,38% 95%,45% 80%,45% 63%,30% 68%,30% 60%,45% 55%);clip-path:polygon(45% 0,55% 0,55% 55%,70% 60%,70% 68%,55% 63%,55% 80%,62% 95%,50% 100%,38% 95%,45% 80%,45% 63%,30% 68%,30% 60%,45% 55%)}.merc-icon-defense{background:#3b82f6;-webkit-clip-path:polygon(50% 0,100% 25%,90% 80%,50% 100%,10% 80%,0 25%);clip-path:polygon(50% 0,100% 25%,90% 80%,50% 100%,10% 80%,0 25%)}.merc-icon-defense,.merc-icon-speed{display:inline-block;height:.9em;vertical-align:middle;width:.9em}.merc-icon-speed{background:#fbbf24;-webkit-clip-path:polygon(30% 0,70% 0,55% 40%,80% 40%,25% 100%,40% 55%,15% 55%);clip-path:polygon(30% 0,70% 0,55% 40%,80% 40%,25% 100%,40% 55%,15% 55%)}.merc-icon-crit{background:#f97316;-webkit-clip-path:polygon(50% 0,65% 30%,100% 35%,75% 60%,82% 100%,50% 78%,18% 100%,25% 60%,0 35%,35% 30%);clip-path:polygon(50% 0,65% 30%,100% 35%,75% 60%,82% 100%,50% 78%,18% 100%,25% 60%,0 35%,35% 30%)}.merc-icon-crit,.merc-icon-loot{display:inline-block;height:.9em;vertical-align:middle;width:.9em}.merc-icon-loot{background:#a855f7;-webkit-clip-path:polygon(15% 25%,85% 25%,95% 35%,95% 100%,5% 100%,5% 35%);clip-path:polygon(15% 25%,85% 25%,95% 35%,95% 100%,5% 100%,5% 35%)}.merc-icon-repair{background:#6b7280;-webkit-clip-path:polygon(40% 0,60% 0,60% 30%,85% 30%,85% 50%,60% 50%,60% 100%,40% 100%,40% 50%,15% 50%,15% 30%,40% 30%);clip-path:polygon(40% 0,60% 0,60% 30%,85% 30%,85% 50%,60% 50%,60% 100%,40% 100%,40% 50%,15% 50%,15% 30%,40% 30%)}.merc-icon-health,.merc-icon-repair{display:inline-block;height:.9em;vertical-align:middle;width:.9em}.merc-icon-health{background:#ef4444;-webkit-clip-path:polygon(50% 20%,65% 0,100% 0,100% 40%,50% 100%,0 40%,0 0,35% 0);clip-path:polygon(50% 20%,65% 0,100% 0,100% 40%,50% 100%,0 40%,0 0,35% 0)}.hire-button:focus-visible,.hire-card-button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.active-mercenary-card,.mercenary-board .skeleton-card,.mercenary-card{animation:none!important}.active-mercenary-card:hover,.mercenary-card:hover{transform:none}.rating-bar-fill{transition:none}}@media (max-width:768px){.mercenary-cards{grid-template-columns:1fr}.active-mercenaries-list{flex-direction:column}.active-mercenary-card{min-width:auto}.tier-header{font-size:1.2em}}@media (max-width:480px){.mercenary-board{padding:12px}.mercenary-board-header h2{font-size:1.5em}.mercenary-portrait{height:150px}}.library{padding:20px}.library-header{margin-bottom:28px}.library-header h2{color:var(--color-text-primary);font-size:2em;margin:0 0 8px}.library-header p{color:var(--color-text-secondary);margin:0}.mainframe-search{margin-bottom:28px}.mainframe-terminal{align-items:center;background:#00000080;border:2px solid var(--color-success);border-radius:6px;box-shadow:0 0 12px #22c55e40,inset 0 0 20px #22c55e08;display:flex;font-family:Courier New,monospace;padding:14px 16px;transition:box-shadow .3s ease}.mainframe-terminal:focus-within{box-shadow:0 0 20px #22c55e59,inset 0 0 30px #22c55e0d}.terminal-prompt{color:var(--color-success);font-weight:700;margin-right:10px;-webkit-user-select:none;user-select:none}.mainframe-input{background:#0000;border:none;color:var(--color-success);flex:1 1;font-family:Courier New,monospace;font-size:1em;outline:none}.mainframe-input::placeholder{color:#22c55e59}.terminal-cursor{animation:blink 1s infinite;color:var(--color-success);margin-left:4px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.library-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.library-filter,.library-sort{align-items:center;display:flex;gap:8px}.library-filter label,.library-sort label{color:var(--color-text-secondary);font-size:.85em;white-space:nowrap}.library-select{background:#0006;border:1px solid #ffffff26;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:.85em;padding:8px 12px;transition:border-color .2s}.library-select:hover{border-color:#ffffff4d}.library-select:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.collection-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.collection-card{background:#ffffff0a;border:1px solid #ffffff14;display:flex;flex-direction:column;transition:transform .2s,box-shadow .3s}.collection-card:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-4px)}.collection-card.complete{background:#22c55e0a;border-color:#22c55e66}.collection-header{border-bottom:1px solid #ffffff14;margin-bottom:14px;padding-bottom:10px}.collection-header h3{color:var(--color-text-primary);font-size:1.2em;margin:0}.collection-progress{color:var(--color-success);font-size:.85em;font-weight:700}.collection-description{color:var(--color-text-secondary);font-size:.9em;line-height:1.5;margin:0 0 14px}.collection-buff{background:#22c55e1a;border-radius:6px;color:var(--color-success);font-size:.9em;font-weight:700;margin-bottom:14px;padding:10px 12px}.shards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:16px}.shard-card{align-items:center;aspect-ratio:1;border:2px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:140px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .3s}.shard-card:hover{transform:scale(1.06)}.shard-card.unlocked{background:#00ff000f;border-color:var(--color-success)}.shard-card.locked{background:#00000059;opacity:.75}.shard-card.locked:hover{border-color:#ffffff4d;opacity:.9}.shard-card.rarity-common{border-color:#94a3b8}.shard-card.rarity-common.unlocked{box-shadow:0 0 10px #94a3b84d}.shard-card.rarity-uncommon{border-color:#22c55e}.shard-card.rarity-uncommon.unlocked{box-shadow:0 0 12px #22c55e59}.shard-card.rarity-rare{border-color:#3b82f6}.shard-card.rarity-rare.unlocked{box-shadow:0 0 14px #3b82f666}.shard-card.rarity-epic{border-color:#a855f7}.shard-card.rarity-epic.unlocked{box-shadow:0 0 16px #a855f773}.shard-card.rarity-legendary{border-color:#f59e0b}.shard-card.rarity-legendary.unlocked{box-shadow:0 0 20px #f59e0b80}.shard-locked,.shard-unlocked{padding:10px;text-align:center;width:100%}.shard-icon{font-size:2.2em;margin-bottom:6px}.shard-card.unlocked .shard-icon{color:var(--color-success)}.shard-card.locked .shard-icon{color:var(--color-text-tertiary);font-size:2em}.shard-title{color:var(--color-text-primary);font-size:.8em;margin-bottom:4px;word-break:break-word}.shard-buff{color:var(--color-success);font-size:.7em;margin-top:4px}.shard-rarity-label{color:var(--color-text-tertiary);font-size:.65em;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.collection-progress-bar{background:#0000004d;border-radius:3px;height:6px;margin-top:auto;overflow:hidden;width:100%}.collection-progress-bar .progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;height:100%;transition:width .6s ease}.rarity-label{border-radius:4px;font-weight:600;padding:2px 8px}.rarity-label.rarity-common{color:#94a3b8}.rarity-label.rarity-uncommon{color:#22c55e}.rarity-label.rarity-rare{color:#3b82f6}.rarity-label.rarity-epic{color:#a855f7}.rarity-label.rarity-legendary{color:#f59e0b}.unlock-modal-content{color:var(--color-text-primary)}.unlock-cost{align-items:center;background:#f59e0b14;border-radius:6px;display:flex;font-size:1.1em;gap:8px;margin:20px 0;padding:14px}.confirm-unlock-button{background:#4ade80;border:none;border-radius:6px;color:var(--color-ui-background);cursor:pointer;font-size:1.1em;font-weight:700;margin-top:16px;padding:14px;transition:filter .2s;width:100%}.confirm-unlock-button:hover:not(:disabled){filter:brightness(1.1)}.confirm-unlock-button:disabled{cursor:not-allowed;opacity:.5}.library-error-state{padding:40px;text-align:center}.library-error-state .error-icon{color:var(--color-danger);font-size:2.5em;margin-bottom:12px}.library-error-state p{color:var(--color-text-primary);margin-bottom:16px}.library-section-tabs{border-bottom:2px solid #ffffff14;display:flex;gap:10px;margin-bottom:20px}.section-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:1em;padding:12px 20px;transition:all .2s}.section-tab.active,.section-tab:hover{color:var(--color-text-primary)}.section-tab.active{border-bottom-color:var(--color-danger)}.trophy-case-section{padding:20px 0}.trophy-summary{margin-bottom:30px}.summary-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:20px}.summary-stat{flex:1 1;text-align:center}.summary-stat .stat-value{color:var(--color-text-primary);font-size:2em;font-weight:700;margin-bottom:4px}.summary-stat .stat-label{color:var(--color-text-secondary);font-size:.85em}.summary-breakdown{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.breakdown-section{background:#0000004d;border-radius:6px;padding:14px}.breakdown-section h4{color:var(--color-text-primary);font-size:1em;margin:0 0 14px}.breakdown-items{display:flex;flex-direction:column;gap:6px}.breakdown-item{border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:6px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-label{font-weight:500}.breakdown-value{color:var(--color-text-primary);font-weight:700}.trophy-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.trophy-card{background:#ffffff0a;border:1px solid #ffffff14;transition:transform .2s,box-shadow .2s}.trophy-card:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-4px)}.trophy-header{align-items:flex-start;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:14px}.trophy-target-info h3{color:var(--color-danger);font-size:1.2em;margin:0 0 6px}.trophy-meta{color:var(--color-text-secondary);display:flex;font-size:.85em;gap:10px}.trophy-level{font-weight:500}.trophy-title{color:var(--color-text-tertiary)}.trophy-rarity-badge{border-radius:4px;color:var(--color-ui-background);font-size:.8em;font-weight:700;padding:5px 10px}.trophy-stats{display:flex;gap:20px;margin-bottom:14px}.trophy-stat{display:flex;flex-direction:column}.trophy-stat .stat-label{color:var(--color-text-secondary);font-size:.8em;margin-bottom:3px}.trophy-stat .stat-value{color:var(--color-text-primary);font-size:1.4em;font-weight:700}.trophy-history{border-top:1px solid #ffffff14;margin-top:14px;padding-top:14px}.history-label{color:var(--color-text-secondary);font-size:.85em;margin-bottom:8px}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:.85em;justify-content:space-between;padding:6px 8px}.history-type{color:var(--color-text-primary);font-weight:500}.history-date{color:var(--color-text-tertiary);font-size:.8em}.history-rarity{font-size:.8em;font-weight:500}.history-more{font-size:.8em;font-style:italic;padding:6px}.history-more,.trophy-empty{color:var(--color-text-tertiary);text-align:center}.trophy-empty{font-size:1em;grid-column:1/-1;padding:48px 20px}.library-stats{background:#ffffff08;border-radius:6px;display:flex;gap:30px;margin-bottom:28px;padding:14px}.library .stat-item{display:flex;flex-direction:column;gap:4px}.library .stat-label{color:var(--color-text-secondary);font-size:.85em}.library .stat-value{color:var(--color-text-primary);font-size:1.4em;font-weight:700}.library-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.library-card{background:#ffffff0a;border:1px solid #ffffff14;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.library-card:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-4px)}.library-card.unlocked{background:#22c55e0a;border-color:#22c55e66}.library-card.locked{opacity:.8}.library-card.rarity-common{border-left:4px solid #94a3b8}.library-card.rarity-uncommon{border-left:4px solid #22c55e}.library-card.rarity-rare{border-left:4px solid #3b82f6}.library-card.rarity-epic{border-left:4px solid #a855f7}.library-card.rarity-legendary{border-left:4px solid #f59e0b}.library-card-header{align-items:start;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.library-card-header h3{color:var(--color-text-primary);flex:1 1;font-size:1.1em;margin:0}.library-category-badge{background:#6496ff33;border-radius:4px;color:var(--color-brand-primary);font-size:.75em;padding:3px 8px;white-space:nowrap}.library-card-content{flex:1 1;margin-bottom:14px}.library-preview{color:var(--color-text-secondary);line-height:1.6;margin:0}.library-price{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.price-item{background:#f59e0b26;border-radius:4px;color:var(--color-brand-accent);font-size:.85em;font-weight:700;padding:5px 10px}.library-card-footer{border-top:1px solid #ffffff14;margin-top:auto;padding-top:14px}.unlocked-badge{color:var(--color-success);font-weight:700;padding:10px;text-align:center}.unlock-button{background:var(--color-success);border:none;border-radius:6px;color:var(--color-ui-background);cursor:pointer;font-weight:700;padding:10px;transition:filter .2s;width:100%}.unlock-button:hover{filter:brightness(1.1)}.unlock-price{background:#ffc80014;border-radius:6px;margin:20px 0;padding:14px}.unlock-price .price-item{margin-top:10px}.lib-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%);height:1em;width:1em}.lib-icon-book,.lib-icon-warning{display:inline-block;vertical-align:middle}.lib-icon-book{background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-clip-path:polygon(10% 0,90% 0,95% 5%,95% 100%,5% 100%,5% 5%,10% 5%,10% 95%,90% 95%,90% 5%);clip-path:polygon(10% 0,90% 0,95% 5%,95% 100%,5% 100%,5% 5%,10% 5%,10% 95%,90% 95%,90% 5%);height:1.1em;width:1.1em}.lib-icon-check{background:#22c55e;background:var(--color-success,#22c55e);-webkit-clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);display:inline-block;height:.9em;vertical-align:middle;width:.9em}.confirm-unlock-button:focus-visible,.section-tab:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.collection-card,.library .skeleton-card,.shard-card,.terminal-cursor{animation:none!important}.collection-card:hover,.shard-card:hover{transform:none}.collection-progress-bar .progress-fill{transition:none}}@media (max-width:768px){.collection-grid{grid-template-columns:1fr}.shards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.library-grid,.trophy-grid{grid-template-columns:1fr}}@media (max-width:480px){.library{padding:12px}.library-header h2{font-size:1.5em}.mainframe-terminal{font-size:.9em;padding:10px 12px}.shard-card{min-height:100px}}.bulletin-board{background:#ffffff08;border:1px solid #ffffff14;color:var(--color-text-primary);padding:16px}.bulletin-board-header{border-bottom:2px solid #ffffff14;margin-bottom:16px;padding-bottom:12px}.bulletin-board-header h3{color:var(--color-text-primary);font-size:1.1em;margin:0 0 4px}.bulletin-date{color:var(--color-text-secondary);font-size:.85em;margin:0}.bulletin-content{color:var(--color-text-primary)}.scrolling-ticker{background:#00000040;border-radius:6px;margin-bottom:14px;overflow:hidden;padding:10px;position:relative;white-space:nowrap}.ticker-content{animation:scroll 30s linear infinite;display:inline-block;white-space:nowrap}.ticker-content:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-item{display:inline-block;margin-right:24px}.resource-name,.ticker-item{color:var(--color-text-primary)}.resource-name{font-weight:700;margin-right:8px}.resource-rarity{color:var(--color-brand-accent);font-size:.9em;margin-right:8px}.resource-value{color:var(--color-success);font-weight:700}.ticker-separator{color:var(--color-text-tertiary);margin:0 10px;opacity:.5}.bulletin-footer{border-top:1px solid #ffffff14;color:var(--color-text-tertiary);font-size:.8em;margin-top:14px;padding-top:14px;text-align:center}.bulletin-loading{color:var(--color-text-secondary);padding:20px;text-align:center}.bulletin-error{color:var(--color-danger);padding:20px;text-align:center}.bulletin-empty{color:var(--color-text-secondary);padding:24px;text-align:center}.bulletin-empty .empty-icon{font-size:2em;margin-bottom:8px;opacity:.4}.bulletin-board .retry-button{margin-top:10px}.bulletin-icon-chart{background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-clip-path:polygon(0 100%,0 70%,25% 50%,50% 65%,75% 30%,100% 45%,100% 100%);clip-path:polygon(0 100%,0 70%,25% 50%,50% 65%,75% 30%,100% 45%,100% 100%);display:inline-block;height:1.1em;vertical-align:middle;width:1.1em}@media (prefers-reduced-motion:reduce){.ticker-content{animation:none!important}}@media (max-width:480px){.bulletin-board{padding:12px}}.broker-header h3{color:var(--color-text-primary);font-size:1.1em;margin:0 0 4px}.broker-header p{color:var(--color-text-secondary);font-size:.85em;margin:0 0 14px}.star-meter-section{background:#0000004d;border-radius:6px;margin-bottom:16px;padding:14px}.star-meter-section .star-meter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.star-meter-section .star-meter-label{color:var(--color-text-primary);font-weight:700}.star-meter-section .star-meter-stars{font-size:1.4em;font-weight:700;letter-spacing:2px}.star-meter-section .infamy-score{color:var(--color-text-secondary);font-size:.85em;margin-bottom:10px}.reduce-heat-button{background:var(--color-danger);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-weight:700;padding:10px;transition:background .2s,filter .2s;width:100%}.reduce-heat-button:hover:not(:disabled){filter:brightness(1.15)}.reduce-heat-button:disabled{cursor:not-allowed;opacity:.5}.talk-to-broker-button{background:var(--color-brand-primary);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-weight:700;padding:12px;transition:background .2s,filter .2s;width:100%}.talk-to-broker-button:hover{filter:brightness(1.15)}.broker-modal-content{color:var(--color-text-primary)}.broker-intro{background:rgba(var(--color-brand-primary-rgb),.1);border-left:3px solid var(--color-brand-primary);border-radius:4px;font-style:italic;line-height:1.5;margin-bottom:20px;padding:14px}.rumor-mill-section{margin-bottom:24px}.rumor-mill-section h3{color:var(--color-text-primary);margin-bottom:12px}.rumor-terminal{background:#00000080;border:2px solid var(--color-brand-secondary);border-radius:6px;font-family:Courier New,monospace;margin-bottom:12px;max-height:400px;min-height:180px;overflow-y:auto;padding:16px}.rumor-entry{border-bottom:1px solid #00ff0026;margin-bottom:14px;padding-bottom:14px}.rumor-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.rumor-source{color:var(--color-brand-secondary);font-size:.85em;font-weight:700;margin-bottom:4px}.rumor-text{color:var(--color-text-primary);line-height:1.6}.rumor-empty{color:var(--color-text-tertiary);font-style:italic;padding:32px 16px;text-align:center}.rumor-empty .empty-icon{font-size:2em;margin-bottom:8px;opacity:.4}.rumor-loading{color:var(--color-text-tertiary);padding:32px;text-align:center}.refresh-rumors-button{background:var(--color-brand-primary);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-weight:700;padding:10px;transition:background .2s,filter .2s;width:100%}.refresh-rumors-button:hover:not(:disabled){filter:brightness(1.15)}.refresh-rumors-button:disabled{cursor:not-allowed;opacity:.5}.heat-reduction-section{border-top:1px solid #ffffff1a;padding-top:20px}.heat-reduction-section h3{color:var(--color-text-primary);margin-bottom:14px}.heat-info{margin-bottom:14px}.heat-info p{color:var(--color-text-primary);margin:6px 0}.reduce-heat-modal-button{background:var(--color-danger);border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-weight:700;padding:12px;transition:background .2s,filter .2s;width:100%}.reduce-heat-modal-button:hover:not(:disabled){filter:brightness(1.15)}.reduce-heat-modal-button:disabled{cursor:not-allowed;opacity:.5}.broker-modal .broker-modal-content{overflow:hidden;position:relative}.broker-modal .broker-modal-content:before{animation:pl-scan-line 4s linear infinite;background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.broker-intro p{animation:pl-hologram-flicker 6s ease-in-out infinite}.rumor-terminal:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0005 0,#00ff0005 4px);border-radius:6px;content:"";inset:0;pointer-events:none;position:absolute}.rumor-terminal{position:relative}.broker-widget:hover{animation:pl-glow-pulse 2s ease-in-out infinite}.reduce-heat-button:focus-visible,.reduce-heat-modal-button:focus-visible,.refresh-rumors-button:focus-visible,.talk-to-broker-button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.broker-intro p,.broker-modal .broker-modal-content:before,.broker-widget:hover{animation:none!important}}@media (max-width:480px){.rumor-terminal{font-size:.9em;min-height:120px;padding:12px}}.star-meter-widget .star-meter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.star-meter-widget .star-meter-label{color:var(--color-text-primary);font-size:.9em;font-weight:700}.star-meter-widget .star-meter-stars{font-size:1.4em;font-weight:700;letter-spacing:3px;text-shadow:0 0 6px currentColor}.infamy-bar-container{background:#0006;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.infamy-bar-fill{border-radius:3px;height:100%;transition:width .6s ease,background-color .3s ease}.star-meter-widget .infamy-score{color:var(--color-text-secondary);font-size:.8em;margin-bottom:0;text-align:center}.infamy-value{color:var(--color-text-primary);font-weight:600}.five-star-warning{background:#dc262626;border:1px solid var(--color-danger);border-radius:4px;color:var(--color-danger);font-size:.8em;font-weight:700;letter-spacing:1px;margin-top:10px;padding:8px;text-align:center;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.five-star-warning{animation:none!important}.infamy-bar-fill{transition:none}}.political-header{margin-bottom:14px}.dominant-faction{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.dominant-faction-icon{filter:drop-shadow(0 0 4px currentColor);font-size:2.2em}.dominant-faction-info{flex:1 1}.dominant-label{color:var(--color-text-tertiary);font-size:.7em;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.dominant-name{font-size:1.1em;font-weight:700}.faction-influence-ticker{display:flex;flex-direction:column;gap:10px}.influence-item{display:flex;flex-direction:column;gap:4px}.influence-bar-wrapper{background:#0006;border-radius:6px;height:12px;overflow:hidden;width:100%}.influence-bar{border-radius:6px;height:100%;transition:width .6s ease}.influence-label{align-items:center;display:flex;font-size:.8em;justify-content:space-between}.influence-label span:first-child{font-weight:600}.influence-value{align-items:center;color:var(--color-text-secondary);display:inline-flex;gap:4px}.trend-arrow{font-size:.9em;font-weight:700}.trend-arrow.trend-up{color:#4ade80}.trend-arrow.trend-down{color:#ef4444}@media (prefers-reduced-motion:reduce){.influence-bar{transition:none}}@media (max-width:480px){.dominant-faction{gap:8px;padding:8px}.dominant-faction-icon{font-size:1.6em}}.story-progress-widget{background:#1e1e28d9}.story-progress-bar,.story-progress-header{margin-bottom:12px}.story-quests-list{display:flex;flex-direction:column;gap:6px}.story-quest-item{align-items:center;background:#0000004d;border-radius:4px;display:flex;font-size:.8rem;gap:8px;padding:8px 10px;transition:background .2s ease}.story-quest-item:hover{background:#00000073}.story-quest-item.completed{opacity:.65}.quest-check{color:var(--color-text-tertiary);font-weight:700;text-align:center;width:1rem}.story-quest-item.completed .quest-check{color:var(--color-success)}.quest-title{color:var(--color-text-secondary);flex:1 1}.story-quest-item.completed .quest-title{color:var(--color-text-tertiary);text-decoration:line-through}.story-quest-more{color:var(--color-text-tertiary);font-size:.75rem;font-style:italic;padding:4px;text-align:center}@media (prefers-reduced-motion:reduce){.story-quest-item{animation:none!important}.story-quest-item:hover{background:#0000004d}}@keyframes pilotLoungeFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes animateBar{0%{width:0}}@keyframes pulse-border{0%,to{border-color:var(--color-danger);box-shadow:0 0 6px #ef444466}50%{border-color:#0000;box-shadow:0 0 2px #ef44441a}}@keyframes float-particles{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:.1;transform:translateY(-20px) scale(1.1)}}@keyframes pl-twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes pl-scan-line{0%{top:-2px}to{top:100%}}@keyframes pl-hologram-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.3}94%{opacity:1}96%{opacity:.6}97%{opacity:1}}@keyframes pl-glow-pulse{0%,to{box-shadow:0 0 8px #8b5cf633}50%{box-shadow:0 0 20px #8b5cf666}}@keyframes pl-slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pl-slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pl-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pl-celebration-burst{0%{opacity:1;transform:scale(0)}50%{opacity:.8;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}@keyframes pl-celebration-ring{0%{border-width:4px;opacity:1;transform:scale(.5)}to{border-width:1px;opacity:0;transform:scale(2)}}@keyframes pl-neon-glow{0%,to{text-shadow:0 0 4px currentColor,0 0 10px currentColor}50%{text-shadow:0 0 8px currentColor,0 0 20px currentColor,0 0 30px currentColor}}@keyframes pl-data-stream{0%{background-position:0 0}to{background-position:0 100%}}.fade-in{animation:pilotLoungeFadeIn .4s ease-out both}.animate-bar{animation:animateBar .8s ease-out both}.pulse-border{animation:pulse-border 1.5s ease-in-out infinite}.pl-slide-in-left{animation:pl-slide-in-left .5s ease-out both}.pl-slide-in-right{animation:pl-slide-in-right .5s ease-out both}.pl-scale-in{animation:pl-scale-in .4s ease-out both}.pilot-lounge .skeleton-bar,.pilot-lounge .skeleton-card,.pilot-lounge .skeleton-row{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:4px}.pilot-lounge .skeleton-row{height:14px;margin-bottom:10px}.pilot-lounge .skeleton-bar{height:8px;margin-bottom:12px}.pilot-lounge .skeleton-card{border-radius:8px;min-height:200px}.skeleton-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-list{display:flex;flex-direction:column;gap:8px}.skeleton-list .skeleton-row{border-radius:6px;height:36px}.skeleton-widget{display:flex;flex-direction:column;gap:10px}.sidebar-widget{background:#00000080;border:1px solid #ffffff14;border-left:3px solid;border-radius:8px;margin-bottom:16px;padding:16px;transition:border-color .3s ease,box-shadow .3s ease}.sidebar-widget:hover{box-shadow:0 2px 12px #0000004d}.sidebar-widget h4{color:var(--color-text-primary);font-size:.9em;letter-spacing:1px;margin:0;text-transform:uppercase}.pilot-lounge .empty-state{color:var(--color-text-secondary);grid-column:1/-1;padding:48px 24px;text-align:center}.pilot-lounge .empty-state .empty-icon{font-size:3em;margin-bottom:12px;opacity:.5}.pilot-lounge .empty-state h3{color:var(--color-text-primary);font-size:1.2em;margin:0 0 8px}.pilot-lounge .empty-state p{color:var(--color-text-tertiary);margin:0}.error-icon{color:var(--color-danger);font-size:2.5em;margin-bottom:12px}.pilot-lounge{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);color:var(--color-text-secondary);min-height:100vh;overflow:hidden;padding:var(--spacing-xl);position:relative}.pilot-lounge:before{animation:pl-twinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 10% 15%,#fff9,#0000),radial-gradient(1px 1px at 25% 35%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 40% 10%,#b9f2ffb3,#0000),radial-gradient(1px 1px at 55% 45%,#fff6,#0000),radial-gradient(1px 1px at 70% 20%,#fff9,#0000),radial-gradient(1.5px 1.5px at 85% 55%,#8b5cf699,#0000),radial-gradient(1px 1px at 15% 65%,#ffffff80,#0000),radial-gradient(1px 1px at 30% 80%,#fff6,#0000),radial-gradient(1.5px 1.5px at 50% 70%,#3b82f680,#0000),radial-gradient(1px 1px at 65% 85%,#fff9,#0000),radial-gradient(1px 1px at 80% 40%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 95% 75%,#f59e0b80,#0000),radial-gradient(1px 1px at 5% 90%,#ffffff80,#0000),radial-gradient(1px 1px at 20% 50%,#fff6,#0000),radial-gradient(1.5px 1.5px at 35% 25%,#22c55e80,#0000),radial-gradient(1px 1px at 48% 55%,#ffffff80,#0000),radial-gradient(1px 1px at 62% 12%,#fff9,#0000),radial-gradient(1px 1px at 78% 68%,#fff6,#0000),radial-gradient(1.5px 1.5px at 90% 30%,#8b5cf680,#0000),radial-gradient(1px 1px at 8% 42%,#ffffff80,#0000),radial-gradient(1px 1px at 43% 92%,#fff6,#0000),radial-gradient(1.5px 1.5px at 58% 8%,#3b82f699,#0000),radial-gradient(1px 1px at 72% 52%,#ffffff80,#0000),radial-gradient(1px 1px at 88% 88%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 3% 28%,#f59e0b66,#0000),radial-gradient(1px 1px at 18% 72%,#ffffff80,#0000),radial-gradient(1px 1px at 33% 48%,#fff6,#0000),radial-gradient(1.5px 1.5px at 52% 32%,#22c55e66,#0000),radial-gradient(1px 1px at 67% 78%,#ffffff80,#0000),radial-gradient(1px 1px at 82% 18%,#fff9,#0000),radial-gradient(1.5px 1.5px at 97% 62%,#b9f2ff80,#0000),radial-gradient(1px 1px at 12% 5%,#fff6,#0000),radial-gradient(1px 1px at 27% 58%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 45% 85%,#8b5cf666,#0000),radial-gradient(1px 1px at 60% 38%,#ffffff80,#0000),radial-gradient(1px 1px at 75% 95%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 92% 48%,#3b82f666,#0000),radial-gradient(1px 1px at 7% 75%,#ffffff80,#0000),radial-gradient(1px 1px at 22% 22%,#fff6,#0000),radial-gradient(1.5px 1.5px at 38% 62%,#f59e0b4d,#0000);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.pilot-lounge>*{position:relative;z-index:1}.pilot-lounge-header{margin-bottom:32px;text-align:center}.pilot-lounge-header h1{animation:pl-neon-glow 3s ease-in-out infinite;color:var(--color-text-primary);font-size:2.5em;margin:0;text-shadow:2px 2px 4px #00000080}.pilot-lounge-header p{color:var(--color-text-secondary);font-size:1.1em;margin-top:8px}.pilot-lounge-content{display:flex;gap:24px;margin:0 auto;max-width:1600px}.pilot-lounge-main{animation:pl-slide-in-left .6s ease-out;flex:1 1;min-width:0}.pilot-lounge-sidebar{animation:pl-slide-in-right .6s ease-out;flex-shrink:0;gap:0;width:300px}.pilot-lounge .tabs,.pilot-lounge-sidebar,.pilot-lounge-tabs{display:flex;flex-direction:column}.pilot-lounge .tabs .tabs-header,.pilot-lounge-tabs .tabs-header{flex-shrink:0;margin-bottom:0}.pilot-lounge .tabs .tabs-content,.pilot-lounge-tabs .tabs-content{flex:1 1;min-height:0;padding-top:20px}.pilot-lounge-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:20px}.pilot-lounge-bar{display:flex;gap:20px;height:600px}.bar-chat-section{flex:1 1;min-width:0;overflow:hidden;position:relative}.bar-atmosphere{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.atmosphere-particles{animation:float-particles 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#8b5cf60f 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f60f 0,#0000 50%),radial-gradient(circle at 50% 50%,#10b9810a 0,#0000 60%);inset:0;position:absolute}.bar-pilot-list-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:16px;width:250px}.pilot-list-header{align-items:center;border-bottom:1px solid var(--color-ui-border);color:var(--color-text-primary);display:flex;font-size:1em;font-weight:700;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.online-count-badge{background:#22c55e26;border-radius:12px;color:#4ade80;font-size:.8em;font-weight:600;letter-spacing:.3px;padding:2px 10px}.pl-icon-star{background:#fbbf24;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.pl-icon-columns,.pl-icon-star{display:inline-block;height:.9em;margin-right:4px;vertical-align:middle;width:.9em}.pl-icon-columns{background:#3b82f6;-webkit-clip-path:polygon(0 0,100% 0,100% 10%,0 10%,15% 10%,15% 90%,0 90%,0 100%,100% 100%,100% 90%,85% 90%,85% 10%,60% 10%,60% 90%,40% 90%,40% 10%);clip-path:polygon(0 0,100% 0,100% 10%,0 10%,15% 10%,15% 90%,0 90%,0 100%,100% 100%,100% 90%,85% 90%,85% 10%,60% 10%,60% 90%,40% 90%,40% 10%)}.pl-icon-book{background:#f59e0b;-webkit-clip-path:polygon(10% 0,90% 0,95% 5%,95% 100%,5% 100%,5% 5%);clip-path:polygon(10% 0,90% 0,95% 5%,95% 100%,5% 100%,5% 5%)}.pl-icon-book,.pl-icon-eye{display:inline-block;height:.9em;margin-right:4px;vertical-align:middle;width:.9em}.pl-icon-eye{background:#8b5cf6;-webkit-clip-path:polygon(0 50%,20% 25%,50% 15%,80% 25%,100% 50%,80% 75%,50% 85%,20% 75%);clip-path:polygon(0 50%,20% 25%,50% 15%,80% 25%,100% 50%,80% 75%,50% 85%,20% 75%)}.pl-icon-pin{background:#10b981;-webkit-clip-path:polygon(50% 100%,35% 55%,15% 35%,20% 10%,50% 0,80% 10%,85% 35%,65% 55%);clip-path:polygon(50% 100%,35% 55%,15% 35%,20% 10%,50% 0,80% 10%,85% 35%,65% 55%);display:inline-block;height:.9em;margin-right:4px;vertical-align:middle;width:.9em}.pl-icon-faction-swords{background:#3b82f6;-webkit-clip-path:polygon(45% 0,55% 0,55% 55%,70% 60%,70% 68%,55% 63%,55% 80%,62% 95%,50% 100%,38% 95%,45% 80%,45% 63%,30% 68%,30% 60%,45% 55%);clip-path:polygon(45% 0,55% 0,55% 55%,70% 60%,70% 68%,55% 63%,55% 80%,62% 95%,50% 100%,38% 95%,45% 80%,45% 63%,30% 68%,30% 60%,45% 55%)}.pl-icon-faction-moon,.pl-icon-faction-swords{display:inline-block;height:1em;vertical-align:middle;width:1em}.pl-icon-faction-moon{background:#8b5cf6;-webkit-clip-path:polygon(40% 0,55% 5%,70% 15%,80% 30%,85% 50%,80% 70%,70% 85%,55% 95%,40% 100%,50% 85%,55% 70%,58% 50%,55% 30%,50% 15%);clip-path:polygon(40% 0,55% 5%,70% 15%,80% 30%,85% 50%,80% 70%,70% 85%,55% 95%,40% 100%,50% 85%,55% 70%,58% 50%,55% 30%,50% 15%)}.pl-icon-faction-gear{border:2px solid #10b981;border-radius:50%}.pl-icon-faction-fire,.pl-icon-faction-gear{display:inline-block;height:1em;vertical-align:middle;width:1em}.pl-icon-faction-fire{background:#ef4444;-webkit-clip-path:polygon(50% 0,65% 25%,80% 15%,75% 45%,90% 50%,70% 75%,80% 100%,50% 85%,20% 100%,30% 75%,10% 50%,25% 45%,20% 15%,35% 25%);clip-path:polygon(50% 0,65% 25%,80% 15%,75% 45%,90% 50%,70% 75%,80% 100%,50% 85%,20% 100%,30% 75%,10% 50%,25% 45%,20% 15%,35% 25%)}.pl-celebration-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-index-modal-backdrop)}.pl-celebration-burst{animation:pl-celebration-burst .8s ease-out forwards;border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.pl-celebration-burst.burst-1{background:radial-gradient(circle,#8b5cf666,#0000 70%)}.pl-celebration-burst.burst-2{animation-delay:.1s;background:radial-gradient(circle,#3b82f64d,#0000 70%)}.pl-celebration-burst.burst-3{animation-delay:.2s;background:radial-gradient(circle,#f59e0b4d,#0000 70%)}.pl-celebration-ring{animation:pl-celebration-ring .6s ease-out forwards;border:3px solid #22c55e99;border-radius:50%;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.pl-celebration-ring:nth-child(2){animation-delay:.15s;border-color:#8b5cf680}.pl-celebration-ring:nth-child(3){animation-delay:.3s;border-color:#f59e0b66}@media (max-width:1200px){.pilot-lounge-content{flex-direction:column}.pilot-lounge-sidebar{flex-direction:row;flex-wrap:wrap;gap:16px;width:100%}.pilot-lounge-sidebar>*{flex:1 1 280px}.pilot-lounge-bar{flex-direction:column;height:auto}.bar-pilot-list-section{max-height:300px;width:100%}}@media (max-width:768px){.pilot-lounge{padding:var(--spacing-md)}.pilot-lounge-header h1{font-size:1.8em}.pilot-lounge-tabs{padding:12px}.pilot-lounge-sidebar>*{flex:1 1 100%}.skeleton-grid{grid-template-columns:1fr}}@media (max-width:480px){.pilot-lounge{padding:var(--spacing-sm)}.pilot-lounge-header h1{font-size:1.4em}.pilot-lounge-header p{font-size:.9em}.pilot-lounge-tabs{padding:8px}.sidebar-widget{padding:12px}}@media (prefers-reduced-motion:reduce){.animate-bar,.atmosphere-particles,.fade-in,.pilot-lounge-header h1,.pilot-lounge:before,.pl-celebration-burst,.pl-celebration-ring,.pl-scale-in,.pl-slide-in-left,.pl-slide-in-right,.pulse-border,.skeleton-bar,.skeleton-card,.skeleton-row{animation:none!important}.pilot-lounge-header h1{text-shadow:2px 2px 4px #00000080}.pilot-lounge-main,.pilot-lounge-sidebar{animation:none!important}}.collections-page{margin:0 auto;max-width:920px;min-height:100vh;overflow:hidden;padding:1.25rem 1rem 2rem;position:relative}.collections-error,.collections-loading{padding:2rem;text-align:center}.col-starfield{inset:0;pointer-events:none;position:fixed;z-index:0}.col-star{animation:colStarTwinkle 3s ease-in-out infinite;animation:colStarTwinkle var(--star-dur,3s) ease-in-out infinite;background:#8b5cf680;border-radius:50%;height:2px;position:absolute;width:2px}.col-star:nth-child(3n){background:#3b82f666;height:1px;width:1px}.col-star:nth-child(5n){background:#ec489959;height:3px;width:3px}.col-star:nth-child(7n){background:#f59e0b4d}@keyframes colStarTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.col-particles{inset:0;pointer-events:none;position:fixed;z-index:0}.col-particle{animation:colParticleFloat 14s linear infinite;animation:colParticleFloat var(--particle-dur,14s) linear infinite;background:#8b5cf640;border-radius:50%;bottom:-10px;height:4px;position:absolute;width:4px}.col-particle:nth-child(3n){background:#3b82f633;height:3px;width:3px}.col-particle:nth-child(4n){background:#f59e0b33;height:5px;width:5px}.col-particle:nth-child(5n){background:#22c55e26;height:3px;width:3px}@keyframes colParticleFloat{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh) translateX(30px)}}.collections-header{margin-bottom:1.5rem;position:relative;z-index:1}.collections-title{-webkit-text-fill-color:#0000;animation:colHeaderGradient 4s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#22c55e,#8b5cf6);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;font-size:1.6rem;font-weight:700;margin:0 0 .25rem}@keyframes colHeaderGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.collections-subtitle{font-size:.92rem;margin:0;opacity:.75}.collections-score-card{margin-bottom:1.5rem;overflow:hidden;padding:1rem 1.25rem;position:relative;z-index:1}.collections-score-card:after{background:radial-gradient(circle,#8b5cf60f 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.collections-score-row{align-items:center;display:flex;justify-content:space-between}.collections-score-label{align-items:center;display:flex;font-weight:600;gap:.4rem}.collections-score-value{font-feature-settings:"tnum";animation:colScorePop .6s ease-out;font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:700}@keyframes colScorePop{0%{opacity:.5;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.collections-bonus{animation:colBonusGlow 2.5s ease-in-out infinite;color:#22c55e;color:var(--color-success,#22c55e);font-size:.9rem;margin-top:.5rem}.collections-score-leaderboard-link{font-size:.88rem;margin-top:.75rem}.collections-score-leaderboard-link a{color:#8b5cf6f2;text-decoration:none}.collections-score-leaderboard-link a:hover{text-decoration:underline}.collections-grand-banner{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.collections-grand-banner.grand-claimed{background:#22c55e1f;border:1px solid #22c55e59;color:var(--color-text-primary)}.collections-grand-banner.grand-available{background:#8b5cf61f;border:1px solid #8b5cf659;color:var(--color-text-primary)}.collections-grand-icon{background:linear-gradient(135deg,#f59e0b,#eab308);-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,85% 70%,50% 100%,15% 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,85% 70%,50% 100%,15% 70%,0 30%);display:inline-block;flex-shrink:0;height:28px;width:28px}.collections-recent-section{margin-bottom:1.25rem}.collections-recent-section h3{color:var(--color-text-secondary);font-size:1rem;margin:0 0 .5rem}.collections-recent-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.collections-recent-list li{align-items:center;background:#8b5cf61a;border-radius:8px;display:flex;font-size:.88rem;gap:.5rem;padding:.35rem .75rem}.collections-recent-list .recent-category{font-weight:500}.collections-recent-list .recent-percent{color:#22c55e;color:var(--color-success,#22c55e)}.collections-recent-list .recent-date{color:var(--color-text-secondary);opacity:.9}.col-celebration-grand .col-celebration-subtext{font-size:.95rem;margin-top:.25rem;opacity:.9}@keyframes colBonusGlow{0%,to{opacity:.85}50%{opacity:1;text-shadow:0 0 10px #22c55e66}}.collections-claim-error{animation:colErrorSlide .3s ease-out;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;color:var(--color-danger,#ef4444);font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem;position:relative;z-index:1}@keyframes colErrorSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.collections-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;position:relative;z-index:1}.collections-tab{background:#0f0f1999;border:1px solid #8b5cf659;border-radius:8px;color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:background .2s,color .2s,border-color .2s}.collections-tab:hover{background:#8b5cf626;color:#e0e0e0}.collections-tab.active{background:#8b5cf640;border-color:#8b5cf699;color:#fff}.collections-sort-filter{align-items:center;display:flex;flex-wrap:wrap;font-size:.88rem;gap:.5rem 1rem;margin-bottom:.75rem}.collections-sort-filter label{margin-right:.25rem}.collections-sort-filter select{background:#0f0f19cc;border:1px solid #8b5cf64d;border-radius:6px;color:inherit;padding:.35rem .6rem}.collections-detail-warning{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:.9rem;margin-bottom:.75rem}.collections-lore-panel h2{margin-bottom:1rem;margin-top:0}.collections-lore-sets{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.collections-lore-set-card{background:#8b5cf614;border:1px solid #8b5cf640;border-radius:8px;min-width:140px;padding:.75rem 1rem}.collections-lore-set-card h3{font-size:1rem;margin:0 0 .35rem}.col-lore-complete{color:#22c55e;color:var(--color-success,#22c55e);font-size:.85rem;margin-left:.5rem}.collections-lore-list{margin-top:1rem}.collections-sets-panel h2{margin-bottom:1rem;margin-top:0}.collections-sets-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.collections-set-card{align-items:flex-start;background:#0f0f1999;border:1px solid #8b5cf64d;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:.75rem 1rem;text-align:left;transition:background .2s,border-color .2s}.collections-set-card.selected,.collections-set-card:hover{background:#8b5cf626;border-color:#8b5cf680}.collections-set-name{font-weight:600;margin-bottom:.25rem}.collections-set-desc{font-size:.88rem;opacity:.85}.collections-set-detail{margin-top:1.25rem;padding:1rem}.collections-set-detail h3{margin-top:0}.collections-set-items{list-style:none;margin:.5rem 0;padding-left:0}.collections-set-items li{padding:.25rem 0}.collections-set-bonuses{font-size:.9rem;margin-top:1rem}.collections-set-bonuses h4{font-size:.95rem;margin:0 0 .5rem}.collections-item-modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}.collections-item-modal{background:#1a1a2e;background:var(--color-card-bg,#1a1a2e);border:1px solid #8b5cf666;border-radius:12px;max-height:85vh;max-width:480px;overflow-y:auto;padding:1.25rem;width:100%}.collections-item-modal h2{font-size:1.2rem;margin-bottom:1rem;margin-top:0}.collections-lore-content{font-size:.95rem;line-height:1.5;margin-bottom:1rem;white-space:pre-wrap}.collections-item-modal-meta p{font-size:.9rem;margin:.5rem 0}.col-lore-read-badge{color:#22c55e;color:var(--color-success,#22c55e);font-size:.85rem;margin-left:.5rem}.collections-categories-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));margin-bottom:1.5rem;position:relative;z-index:1}.collections-category-card{animation:colCardEntrance .4s ease-out backwards;cursor:pointer;outline:none;overflow:hidden;padding:.9rem;position:relative;transition:box-shadow .2s,border-color .2s,transform .2s}.collections-category-card:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.collections-category-card:first-child{animation-delay:0s}.collections-category-card:nth-child(2){animation-delay:.04s}.collections-category-card:nth-child(3){animation-delay:.08s}.collections-category-card:nth-child(4){animation-delay:.12s}.collections-category-card:nth-child(5){animation-delay:.16s}.collections-category-card:nth-child(6){animation-delay:.2s}.collections-category-card:nth-child(7){animation-delay:.24s}.collections-category-card:nth-child(8){animation-delay:.28s}.collections-category-card:nth-child(9){animation-delay:.32s}.collections-category-card:nth-child(10){animation-delay:.36s}@keyframes colCardEntrance{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.collections-category-card:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 4px 16px #3b82f61f,0 0 0 1px #3b82f6;box-shadow:0 4px 16px #3b82f61f,0 0 0 1px var(--color-primary,#3b82f6);transform:translateY(-3px)}.collections-category-card.selected{animation:colSelectedPulse 2.5s ease-in-out infinite;border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}@keyframes colSelectedPulse{0%,to{box-shadow:0 0 0 1px #3b82f6;box-shadow:0 0 0 1px var(--color-primary,#3b82f6)}50%{box-shadow:0 0 16px #3b82f640,0 0 0 1px #3b82f6;box-shadow:0 0 16px #3b82f640,0 0 0 1px var(--color-primary,#3b82f6)}}.collections-category-card:before{background:linear-gradient(90deg,#0000,#3b82f60f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .4s ease;width:100%}.collections-category-card:hover:before{left:100%}.collections-category-icon{display:block;font-size:1.5rem;margin-bottom:.2rem}.collections-category-card:hover .collections-category-icon{animation:colIconBounce .4s ease-out}@keyframes colIconBounce{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.95)}to{transform:scale(1)}}.collections-category-name{display:block;font-size:.92rem;font-weight:600}.collections-category-progress{margin:.4rem 0 .15rem;position:relative}.collections-category-stats{font-feature-settings:"tnum";display:block;font-size:.8rem;font-variant-numeric:tabular-nums;opacity:.8}.collections-next-milestone{display:block;font-size:.72rem;line-height:1.3;margin-top:.25rem;opacity:.6}.collections-complete-badge{animation:colCompleteGlow 3s ease-in-out infinite;background:#22c55e14;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;color:var(--color-success,#22c55e);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-top:.3rem;padding:.1rem .5rem;text-transform:uppercase}@keyframes colCompleteGlow{0%,to{box-shadow:0 0 0 #22c55e00}50%{box-shadow:0 0 8px #22c55e4d}}.collections-category-card[data-complete=true]{background:linear-gradient(135deg,#22c55e0a,#0000);border-color:#22c55e;border-color:var(--color-success,#22c55e)}.collections-category-card[data-complete=true]:after{border-radius:inherit;box-shadow:inset 0 0 20px #22c55e14;content:"";inset:0;pointer-events:none;position:absolute}[class*=col-icon-]{display:inline-block;height:1.2em;vertical-align:middle;width:1.2em}.col-icon-mechs:before{content:"\1F916"}.col-icon-weapons:before{content:"\1F52B"}.col-icon-armor:before{content:"\1F6E1"}.col-icon-cores:before{content:"\1F48E"}.col-icon-modules:before{content:"\1F529"}.col-icon-blueprints:before{content:"\1F4DC"}.col-icon-cosmetics:before{content:"\1F3A8"}.col-icon-badges:before{content:"\1F3C5"}.col-icon-titles:before{content:"\1F3F7"}.col-icon-lore:before{content:"\1F4DA"}.col-icon-default:before{content:"\1F4E6"}.col-icon-check:before{content:"\2713"}.col-icon-uncollected:before{content:"\25CB"}.col-icon-star:before{content:"\2B50"}[class*=col-icon-]:before{font-family:inherit;font-style:normal}.collections-detail-card{animation:colDetailSlideIn .4s ease-out;margin-bottom:1.5rem;overflow:hidden;padding:1.25rem;position:relative;z-index:1}.collections-detail-card:before{animation:colDetailScan 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes colDetailSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes colDetailScan{0%{top:0}to{top:100%}}.collections-detail-header{align-items:center;display:flex;justify-content:space-between}.collections-detail-header h2{font-size:1.2rem;margin:0 0 .25rem}.col-detail-loading{font-size:.85rem;opacity:.6}.collections-detail-error{color:#ef4444;color:var(--color-danger,#ef4444)}.collections-detail-stats{font-feature-settings:"tnum";font-size:.88rem;font-variant-numeric:tabular-nums;margin-bottom:.75rem;opacity:.8}.collections-item-list{list-style:none;margin:0 0 1rem;padding:0}.collections-item{align-items:center;animation:colItemEntrance .3s ease-out backwards;border-radius:4px;display:flex;gap:.5rem;padding:.4rem .5rem;transition:background-color .15s,transform .15s}.collections-item:first-child{animation-delay:0s}.collections-item:nth-child(2){animation-delay:.03s}.collections-item:nth-child(3){animation-delay:.06s}.collections-item:nth-child(4){animation-delay:.09s}.collections-item:nth-child(5){animation-delay:.12s}.collections-item:nth-child(6){animation-delay:.15s}.collections-item:nth-child(7){animation-delay:.18s}.collections-item:nth-child(8){animation-delay:.21s}.collections-item:nth-child(9){animation-delay:.24s}.collections-item:nth-child(10){animation-delay:.27s}@keyframes colItemEntrance{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.collections-item:hover{background:#3b82f60a;transform:translateX(3px)}.collections-item .item-icon{flex-shrink:0;width:1.25em}.collections-item.collected .item-icon{animation:colCheckPop .4s ease-out}@keyframes colCheckPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.collections-item.collected{color:#22c55e;color:var(--color-success,#22c55e)}.collections-item.uncollected{opacity:.5}.item-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-rarity-badge{border-radius:3px;flex-shrink:0;font-size:.68rem;font-weight:600;letter-spacing:.3px;padding:.1rem .4rem;text-transform:uppercase}.item-rarity-badge[data-rarity=uncommon]{background:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.item-rarity-badge[data-rarity=rare]{background:#2196f31a;border:1px solid #2196f333;color:#2196f3}.item-rarity-badge[data-rarity=epic]{background:#9c27b01a;border:1px solid #9c27b033;color:#9c27b0}.item-rarity-badge[data-rarity=legendary]{animation:colLegendaryShimmer 2.5s ease-in-out infinite;background:#ff98001a;border:1px solid #ff980033;color:#ff9800}@keyframes colLegendaryShimmer{0%,to{box-shadow:none}50%{box-shadow:0 0 6px #ff980040}}.item-rarity-badge[data-rarity=mythic]{animation:colMythicGlow 2s ease-in-out infinite;background:#f443361a;border:1px solid #f4433633;color:#f44336}@keyframes colMythicGlow{0%,to{box-shadow:none;text-shadow:none}50%{box-shadow:0 0 8px #f443364d;text-shadow:0 0 4px #f443364d}}.collections-item[data-rarity=legendary]{border-left:2px solid #ff98004d}.collections-item[data-rarity=mythic]{border-left:2px solid #f443364d}.collections-item[data-rarity=epic]{border-left:2px solid #9c27b026}.item-new-badge{animation:colNewPulse 1.5s ease-in-out infinite;background:#f59e0b1f;border-radius:3px;color:#f59e0b;flex-shrink:0;font-size:.65rem;font-weight:700;padding:.05rem .35rem;text-transform:uppercase}@keyframes colNewPulse{0%,to{opacity:.8}50%{opacity:1}}.collections-empty-items{font-style:italic;opacity:.5;padding:1rem 0}.collections-milestones{border-top:1px solid #8b5cf61a;padding-top:.75rem}.collections-milestones h3{font-size:1rem;margin:0 0 .5rem}.collections-milestone-row{align-items:center;border-radius:4px;display:flex;gap:.75rem;justify-content:space-between;padding:.5rem .4rem;transition:background-color .15s}.collections-milestone-row:hover{background:#3b82f608}.milestone-info{display:flex;flex-direction:column;gap:.15rem}.milestone-percent{font-size:.95rem;font-weight:700}.milestone-status{font-size:.8rem;opacity:.7}.milestone-reward-preview{font-size:.75rem;opacity:.55}.collections-milestone-row.claimed .milestone-percent,.collections-milestone-row.claimed .milestone-status{color:#22c55e;color:var(--color-success,#22c55e)}.collections-milestone-row.available{background:#22c55e0a}.collections-milestone-row.available .milestone-status{color:#22c55e;color:var(--color-success,#22c55e);font-weight:600}.collections-milestone-row.available button{animation:colMilestoneReady 1.5s ease-in-out infinite}@keyframes colMilestoneReady{0%,to{box-shadow:0 0 0 #22c55e00}50%{box-shadow:0 0 10px #22c55e40}}.collections-milestone-row.locked{opacity:.5}.collections-milestone-row button:not(:disabled){overflow:hidden;position:relative}.collections-milestone-row button:not(:disabled):after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.collections-milestone-row button:not(:disabled):hover:after{height:200%;width:200%}.col-celebration{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:100}.col-celebration-ring{animation:colCelebrationExpand 1.2s ease-out forwards;border:3px solid #22c55e;border:3px solid var(--color-success,#22c55e);border-radius:50%;height:60px;position:absolute;width:60px}@keyframes colCelebrationExpand{0%{height:60px;opacity:1;width:60px}to{border-width:1px;height:400px;opacity:0;width:400px}}.col-celebration-flash{animation:colCelebrationFlash .6s ease-out forwards;background:radial-gradient(circle at center,#22c55e33,#0000 60%);height:100%;position:absolute;width:100%}@keyframes colCelebrationFlash{0%{opacity:1}to{opacity:0}}.col-celebration-text{animation:colCelebrationTextPop .5s ease-out;color:#22c55e;color:var(--color-success,#22c55e);font-size:1.3rem;font-weight:700;text-shadow:0 0 15px #22c55e80;z-index:2}@keyframes colCelebrationTextPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.col-confetti{animation:colConfettiFall 1s ease-out forwards;animation:colConfettiFall var(--confetti-dur,1s) ease-out forwards;background:#f59e0b;background:var(--confetti-color,#f59e0b);border-radius:1px;height:6px;position:absolute;top:45%;width:6px}.col-confetti:nth-child(2n){border-radius:2px;height:8px;width:4px}.col-confetti:nth-child(3n){height:4px;width:8px}@keyframes colConfettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(120px) rotate(1turn) scale(.3)}}.col-skeleton{animation:colSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf60d 25%,#8b5cf61a 50%,#8b5cf60d 75%);background-size:200% 100%;border-radius:8px}@keyframes colSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.col-skeleton-card{height:130px}.col-skeleton-score{height:64px;margin-bottom:1.5rem}.collections-actions{margin-top:1rem;position:relative;z-index:1}.collections-category-progress .progress-bar-fill:after{animation:colProgressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes colProgressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.collections-categories-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.col-particle:nth-child(n+9),.col-star:nth-child(n+26){display:none}.collections-score-card{padding:.75rem 1rem}}@media (max-width:480px){.collections-page{padding:.75rem}.collections-categories-grid{gap:.5rem;grid-template-columns:1fr 1fr}.col-particle:nth-child(n+6),.col-star:nth-child(n+16){display:none}.collections-category-card{padding:.65rem}.collections-next-milestone{display:none}.collections-title{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.col-celebration,.col-particles,.col-starfield{display:none!important}.collections-title{-webkit-text-fill-color:unset;animation:none!important;background:none;color:inherit}.collections-category-card{animation:none!important;transition:none!important}.collections-category-card:before{display:none}.collections-bonus,.collections-category-card.selected{animation:none!important}.collections-item-list .collections-item{animation:none!important;transition:none!important}.collections-detail-card,.collections-item.collected .item-icon{animation:none!important}.collections-detail-card:before{display:none}.col-skeleton,.collections-category-card:hover .collections-category-icon,.collections-claim-error,.collections-complete-badge,.collections-milestone-row.available button,.collections-score-value,.item-new-badge,.item-rarity-badge{animation:none!important}.collections-category-progress .progress-bar-fill:after{display:none}}.hall-of-fame{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:2rem;width:100%}@media (min-width:1920px){.hall-of-fame{max-width:min(1600px,98vw)}}@media (min-width:2560px){.hall-of-fame{max-width:min(2000px,98vw)}}.hall-of-fame .header{margin-bottom:2rem;position:relative;text-align:center}.header-glow{animation:header-glow-pulse 4s ease-in-out infinite;background:radial-gradient(ellipse,#ffd7001f 0,#0000 70%);height:120px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:300px}@keyframes header-glow-pulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.15)}}.hall-of-fame .header h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:2.5rem;gap:.75rem;justify-content:center;margin-bottom:.5rem;position:relative;z-index:1}.hall-of-fame .header-icon{animation:header-star-spin 6s linear infinite;background:linear-gradient(135deg,gold,#ff8c00);display:inline-block;filter:drop-shadow(0 0 8px rgba(255,215,0,.4));height:36px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center/contain no-repeat;width:36px}@keyframes header-star-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(1turn) scale(1)}}.hall-of-fame .header p{color:var(--color-text-secondary);margin-bottom:1rem;position:relative;z-index:1}.player-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000004d;display:flex;flex-shrink:0;justify-content:center;position:relative}.avatar-sm{font-size:.7rem}.avatar-md{font-size:.8rem;height:40px;width:40px}.avatar-lg{box-shadow:0 4px 16px #0006;font-size:1rem;height:56px;width:56px}.avatar-initials{color:#ffffffe6;font-weight:700;letter-spacing:1px;text-shadow:0 1px 3px #0000004d;-webkit-user-select:none;user-select:none}.category-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.categories-loading{color:var(--color-text-secondary);padding:1rem}.categories-error{background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--color-danger,#ef4444);gap:.75rem}.cat-tab,.categories-error{align-items:center;display:flex;padding:.75rem 1.5rem}.cat-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;gap:.5rem;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.cat-tab:before{background:linear-gradient(135deg,#0000 40%,#ffffff08);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.cat-tab:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.cat-tab:hover:before{opacity:1}.cat-tab:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.cat-tab.active{background:rgba(var(--color-brand-primary-rgb),.2);border-color:var(--color-brand-primary);box-shadow:0 0 12px rgba(var(--color-brand-primary-rgb),.15);color:var(--color-brand-primary)}.cat-tab.active:after{animation:tab-underline-grow .3s ease-out forwards;background:var(--color-brand-primary);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:20%;position:absolute;right:20%}@keyframes tab-underline-grow{0%{left:50%;opacity:0;right:50%}to{left:20%;opacity:1;right:20%}}.cat-icon{display:inline-block;flex-shrink:0;height:18px;width:18px}.cat-icon-level{background:linear-gradient(135deg,gold,#ff8c00);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.27 5.82 22 7 14.14 2 9.27l6.91-1.01z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-wealth{background:linear-gradient(135deg,gold,#22c55e);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm0-4h-2V7h2v8z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm0-4h-2V7h2v8z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-battles,.cat-icon-pvp{background:linear-gradient(135deg,#ef4444,#f97316);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5H5l4 10h2L6.92 5zM11 5h2l4 10h-2L11 5zM6 17v2h12v-2H6z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.92 5H5l4 10h2L6.92 5zM11 5h2l4 10h-2L11 5zM6 17v2h12v-2H6z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-tournaments{background:linear-gradient(135deg,gold,#f59e0b);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-combat{background:linear-gradient(135deg,#8b5cf6,#ec4899);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3 4 14h7l-2 7 9-11h-7l2-7z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3 4 14h7l-2 7 9-11h-7l2-7z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-crafting{background:linear-gradient(135deg,#f59e0b,#d97706);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m22.7 19-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-mining{background:linear-gradient(135deg,#6b7280,#9ca3af);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m2 22 10-10L22 2l-5 5-1-1-5 5 1 1L2 22z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m2 22 10-10L22 2l-5 5-1-1-5 5 1 1L2 22z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-cores{background:linear-gradient(135deg,#06b6d4,#8b5cf6);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3-8c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-reputation{background:linear-gradient(135deg,#10b981,#059669);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.68C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-wanted{display:inline-block;height:1.2em;position:relative;width:1.2em}.cat-icon-wanted:before{border:2px solid;border-radius:50%;content:"";inset:10%;position:absolute}.cat-icon-wanted:after{background:currentColor;border-radius:50%;content:"";height:35%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35%}.cat-icon-collections{background:linear-gradient(135deg,#8b5cf6,#a78bfa);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4 2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 16V4c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2zm-11-4 2.03 2.71L16 11l4 5H8l3-4zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-lore{background:linear-gradient(135deg,#a78bfa,#c4b5fd);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z'/%3E%3C/svg%3E") center/contain no-repeat}.cat-icon-large{display:inline-block;flex-shrink:0;height:40px;width:40px}.cat-name{font-weight:500}.period-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.period-tabs{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:.25rem;padding:.25rem;position:relative}.period-slider{background:rgba(var(--color-brand-primary-rgb),.15);border:1px solid rgba(var(--color-brand-primary-rgb),.4);border-radius:8px;height:calc(100% - .5rem);pointer-events:none;position:absolute;top:.25rem;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:0}.period-tab{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1.25rem;position:relative;transition:color .2s;z-index:1}.period-tab:hover{color:var(--color-text-primary)}.period-tab.active{background:#0000;border-color:#0000;color:var(--color-brand-primary)}.period-tab:focus-visible{border-radius:6px;outline:2px solid var(--color-brand-primary);outline-offset:1px}.reset-timer{align-items:center;animation:timer-pulse 3s ease-in-out infinite;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.4rem;padding:.35rem .75rem}.timer-icon{background:var(--color-text-secondary);display:inline-block;height:14px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E") center/contain no-repeat;width:14px}@keyframes timer-pulse{0%,to{opacity:.7}50%{opacity:1}}.period-badge{background:rgba(var(--color-brand-primary-rgb),.15);border:1px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:4px;color:var(--color-brand-primary);display:inline-block;font-size:.75rem;margin-left:.5rem;padding:.15rem .5rem}.controls-row{gap:1rem;justify-content:space-between;margin-bottom:2rem}.controls-row,.my-rank-banner{align-items:center;display:flex;flex-wrap:wrap}.my-rank-banner{background:rgba(var(--color-brand-primary-rgb),.1);border:1px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:8px;color:var(--color-brand-primary);font-size:.95rem;gap:.75rem;padding:.75rem 1.25rem}.my-rank-banner strong{color:var(--color-text-primary);font-size:1.1rem}.rank-percentile{background:#ffd70026;border:1px solid #ffd7004d;border-radius:4px;color:gold;font-size:.75rem;padding:.1rem .4rem}.rank-change{border-radius:4px;font-size:.8rem;font-weight:700;padding:.1rem .35rem}.rank-up{animation:rank-change-flash .6s ease-out;background:#22c55e1f;color:#22c55e}.rank-down{background:#ef44441f;color:#ef4444}@keyframes rank-change-flash{0%{opacity:0;transform:scale(1.3)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.jump-btn{background:rgba(var(--color-brand-primary-rgb),.2);border:1px solid rgba(var(--color-brand-primary-rgb),.4);border-radius:6px;color:var(--color-brand-primary);cursor:pointer;font-size:.8rem;margin-left:.5rem;padding:.25rem .75rem;transition:all .2s}.jump-btn:hover{background:rgba(var(--color-brand-primary-rgb),.3);transform:translateY(-1px)}.jump-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.search-bar{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.5rem;min-width:200px;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s}.search-bar:focus-within{border-color:rgba(var(--color-brand-primary-rgb),.4);box-shadow:0 0 8px rgba(var(--color-brand-primary-rgb),.1)}.search-bar.search-no-results{border-color:#ef444466;box-shadow:0 0 8px #ef44441a}.search-icon{background:var(--color-text-secondary);display:inline-block;flex-shrink:0;height:16px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 0 0 1.48-5.34c-.47-2.78-2.79-5-5.59-5.34a6.505 6.505 0 0 0-7.27 7.27c.34 2.8 2.56 5.12 5.34 5.59a6.5 6.5 0 0 0 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.5;width:16px}.search-input{background:#0000;border:none;font-size:.9rem;outline:none}.search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.search-input:disabled{cursor:not-allowed;opacity:.4}.search-spinner{animation:search-spin .6s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top:2px solid var(--color-brand-primary);display:inline-block;flex-shrink:0;height:16px;width:16px}@keyframes search-spin{to{transform:rotate(1turn)}}.search-clear{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 .25rem;transition:color .2s}.search-clear:hover{color:var(--color-text-primary)}.search-clear:focus-visible{border-radius:2px;outline:2px solid var(--color-brand-primary);outline-offset:2px}.rank-celebration{align-items:center;animation:celebration-enter .5s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffd70033,#ff8c0026);border:2px solid #ffd70080;border-radius:12px;box-shadow:0 8px 32px #ffd70033,0 0 60px #ffd7001a;color:gold;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;left:50%;padding:1rem 2rem;position:fixed;top:2rem;transform:translateX(-50%);z-index:var(--z-index-toast)}.celebration-icon{animation:celebration-icon-bounce .8s ease-out;background:linear-gradient(135deg,gold,#ff8c00);height:28px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;width:28px}@keyframes celebration-enter{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes celebration-icon-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.3) rotate(-10deg)}70%{transform:scale(.95) rotate(5deg)}}.compare-hint{animation:hint-slide-in .3s ease-out;background:rgba(var(--color-brand-primary-rgb),.08);border:1px solid rgba(var(--color-brand-primary-rgb),.2);border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:1rem;padding:.5rem 1rem}.compare-cancel{background:none;border:none;color:var(--color-brand-primary);cursor:pointer;font-size:inherit;text-decoration:underline}@keyframes hint-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.leaderboard-card{margin-bottom:2rem}.leaderboard-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.leaderboard-header h2{color:var(--color-text-primary);margin:0 0 .25rem}.leaderboard-header p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.total-badge{background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;color:var(--color-text-secondary);font-size:.8rem;margin-left:auto;padding:.2rem .5rem}.share-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s;width:32px}.share-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.share-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.share-icon{background:var(--color-text-secondary);display:inline-block;height:16px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E%3C/svg%3E") center/contain no-repeat;width:16px}.error-state{color:#ef4444;color:var(--color-danger,#ef4444)}.error-icon{background:#ef4444;background:var(--color-danger,#ef4444);height:48px;margin:0 auto 1rem;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.5;width:48px}.search-error{background:#ef44440f;border-radius:4px;color:#ef4444;color:var(--color-danger,#ef4444);margin-bottom:.5rem}.rank-error-banner,.search-error{font-size:.85rem;padding:.5rem 1rem}.rank-error-banner{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;color:var(--color-text-secondary)}.retry-btn{background:rgba(var(--color-brand-primary-rgb),.2);border:1px solid rgba(var(--color-brand-primary-rgb),.4);color:var(--color-brand-primary);font-size:.85rem;margin-left:.5rem;margin-top:.5rem;padding:.35rem .9rem;transition:all .2s}.retry-btn:hover{background:rgba(var(--color-brand-primary-rgb),.3)}.empty-icon{background:var(--color-text-secondary);height:48px;margin:0 auto 1rem;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.3;width:48px}.leaderboard-list{gap:1.5rem}.crown-icon{animation:crown-float 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#fa0);display:inline-block;filter:drop-shadow(0 0 8px rgba(255,215,0,.7));height:32px;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 16 3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-1h14v1z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 16 3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-1h14v1z'/%3E%3C/svg%3E") center/contain no-repeat;width:32px}@keyframes crown-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.sparkle-burst{height:0;left:50%;pointer-events:none;position:absolute;top:0;width:0}.sparkle-dot{animation:sparkle-fly .8s ease-out forwards;background:gold;border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}.sparkle-dot:first-child{--sx:-15px;--sy:-20px}.sparkle-dot:nth-child(2){--sx:15px;--sy:-18px}.sparkle-dot:nth-child(3){--sx:-10px;--sy:-25px}.sparkle-dot:nth-child(4){--sx:12px;--sy:-22px}.rank-sparkle-2 .sparkle-dot{background:silver}.rank-sparkle-3 .sparkle-dot{background:#cd7f32}@keyframes sparkle-fly{0%{opacity:0;transform:translate(0) scale(0)}30%{opacity:1;transform:translate(calc(var(--sx)*.5),calc(var(--sy)*.5)) scale(1.2)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0)}}.rank-medal{border-radius:50%;display:inline-block;height:32px;position:relative;width:32px}.rank-medal.gold{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 0 16px #ffd70080,0 0 30px #ffd70033}.rank-medal.gold:after{align-items:center;color:#1a1a2e;content:"1";display:flex;font-size:14px;font-weight:800;inset:0;justify-content:center;position:absolute}.rank-medal.silver{background:linear-gradient(135deg,silver,grey);box-shadow:0 0 12px #c0c0c04d}.rank-medal.silver:after{align-items:center;color:#1a1a2e;content:"2";display:flex;font-size:14px;font-weight:800;inset:0;justify-content:center;position:absolute}.rank-medal.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);box-shadow:0 0 12px #cd7f324d}.rank-medal.bronze:after{align-items:center;color:#fff;content:"3";display:flex;font-size:14px;font-weight:800;inset:0;justify-content:center;position:absolute}.rank-number{color:var(--color-text-secondary);font-size:1rem;font-weight:700}.podium-area{background:linear-gradient(180deg,#0000004d,#0000001a);border-radius:16px;margin-bottom:2rem;min-height:320px;overflow:hidden;padding:2rem 0 0;position:relative}.starfield-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:0}.podium-stage{align-items:flex-end;display:flex;gap:1.5rem;justify-content:center;position:relative;z-index:1}.podium-col{align-items:center;display:flex;flex-direction:column;opacity:0;transform:translateY(40px)}.podium-col.slide-up{animation:podium-col-rise .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes podium-col-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.podium-card{align-items:center;border-radius:12px 12px 4px 4px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-width:170px;padding:1.25rem;position:relative;transition:transform .25s,box-shadow .25s}.podium-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-6px)}.podium-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.podium-card.compare-selected{box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.3);outline:2px solid var(--color-brand-primary);outline-offset:-2px}.podium-card.place-1{animation:champion-glow 3s ease-in-out 1s infinite;background:linear-gradient(180deg,#ffd7002e,#ffd7000a);border:2px solid #ffd70066;border-bottom:none;box-shadow:0 0 30px #ffd70026,inset 0 0 20px #ffd7000d}@keyframes champion-glow{0%,to{box-shadow:0 0 30px #ffd70026,inset 0 0 20px #ffd7000d}50%{box-shadow:0 0 50px #ffd7004d,inset 0 0 30px #ffd7001a}}.podium-card.place-2{animation:silver-glow 4s ease-in-out 1.5s infinite;background:linear-gradient(180deg,#c0c0c026,#c0c0c008);border:2px solid #c0c0c059;border-bottom:none}@keyframes silver-glow{0%,to{box-shadow:0 0 15px #c0c0c01a}50%{box-shadow:0 0 30px #c0c0c033,inset 0 0 15px #c0c0c00d}}.podium-card.place-3{animation:bronze-glow 4s ease-in-out 2s infinite;background:linear-gradient(180deg,#cd7f3226,#cd7f3208);border:2px solid #cd7f3259;border-bottom:none}@keyframes bronze-glow{0%,to{box-shadow:0 0 12px #cd7f321a}50%{box-shadow:0 0 25px #cd7f3233,inset 0 0 12px #cd7f320d}}.podium-card:before{background:linear-gradient(180deg,#0000,#ffffff05 50%,#0000);background-size:100% 4px;content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.podium-name{color:var(--color-text-primary);font-weight:600;gap:.5rem;text-align:center}.podium-name,.podium-value{align-items:center;display:flex}.podium-value{flex-direction:column;gap:.25rem;margin-top:.25rem}.pedestal{align-items:flex-start;border-radius:0 0 8px 8px;display:flex;justify-content:center;padding-top:.5rem;position:relative;width:100%}.pedestal-rank{font-size:1.8rem;font-weight:900;letter-spacing:-1px;opacity:.15}.pedestal-1{background:linear-gradient(180deg,#ffd70040,#ffd70014);border:2px solid #ffd7004d;border-top:none;color:gold;height:90px}.pedestal-2{background:linear-gradient(180deg,#c0c0c033,#c0c0c00f);border:2px solid #c0c0c040;border-top:none;color:silver;height:60px}.pedestal-3{background:linear-gradient(180deg,#cd7f3233,#cd7f320f);border:2px solid #cd7f3240;border-top:none;color:#cd7f32;height:40px}.podium-stage .podium-col:first-child{order:1}.podium-stage .podium-col:nth-child(2){order:0}.podium-stage .podium-col:nth-child(3){order:2}.podium-skeleton-area{min-height:280px}.podium-skeleton-area .podium-col{opacity:1;transform:none}.podium-skeleton-area .podium-card{border-color:#0000;cursor:default}.podium-skeleton-area .pedestal{border-color:#0000}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-entry{grid-gap:.75rem;align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:50px 36px 1fr auto;opacity:0;overflow:hidden;padding:.85rem 1rem;position:relative;transform:translateX(-10px);transition:all .25s cubic-bezier(.4,0,.2,1)}.ranking-entry:after{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease-out;width:50%}.ranking-entry:hover:after{left:150%}.ranking-entry.fade-in{animation:row-fade-in .35s ease-out forwards}@keyframes row-fade-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.ranking-entry:hover{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 4px 16px #0003}.ranking-entry.fade-in:hover,.ranking-entry:hover{transform:translateX(3px) translateY(-1px)}.ranking-entry:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-1px}.ranking-entry.compare-selected{background:rgba(var(--color-brand-primary-rgb),.06);border-color:rgba(var(--color-brand-primary-rgb),.5);box-shadow:0 0 12px rgba(var(--color-brand-primary-rgb),.2)}.ranking-entry.top-three{background:#ffffff0d}.ranking-entry.top-ten{border-left:2px solid #ffd70026}.ranking-entry.my-rank-row{background:rgba(var(--color-brand-primary-rgb),.1);border-color:rgba(var(--color-brand-primary-rgb),.4);border-left:3px solid var(--color-brand-primary);box-shadow:0 0 12px rgba(var(--color-brand-primary-rgb),.15)}.avatar-col{justify-content:center}.avatar-col,.name-col{align-items:center;display:flex}.name-col{gap:.75rem;min-width:0}.name-col .name{color:var(--color-text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis}.name-col .name,.value-col{white-space:nowrap}.main-value{font-feature-settings:"tnum";color:var(--color-text-primary);display:block;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:600}.sub-value{font-feature-settings:"tnum";color:var(--color-text-secondary);display:block;font-size:.85rem;font-variant-numeric:tabular-nums;margin-top:.15rem}.load-more-area{padding:1.5rem 0 .5rem;text-align:center}.load-more-btn{background:rgba(var(--color-brand-primary-rgb),.1);border:1px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:8px;color:var(--color-brand-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 2rem;transition:all .25s}.load-more-btn:hover:not(:disabled){background:rgba(var(--color-brand-primary-rgb),.2);box-shadow:0 4px 12px rgba(var(--color-brand-primary-rgb),.15);transform:translateY(-1px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6}.load-more-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.load-more-spinner{animation:search-spin .6s linear infinite;border:2px solid rgba(var(--color-brand-primary-rgb),.2);border-radius:50%;border-top-color:var(--color-brand-primary);display:inline-block;height:18px;vertical-align:middle;width:18px}.leaderboard-skeleton{display:flex;flex-direction:column;gap:.5rem}.skeleton-row{grid-gap:.75rem;align-items:center;border-radius:8px;display:grid;gap:.75rem;grid-template-columns:50px 36px 1fr auto;height:52px;padding:.85rem 1rem}.shimmer-inner{background:#ffffff0f;border-radius:4px}.skel-avatar,.skel-rank{border-radius:50%;height:32px;width:32px}.skel-name{height:14px;width:70%}.skel-value{height:14px;width:60px}.skel-podium-avatar{border-radius:50%;height:48px;margin:0 auto;width:48px}.skel-podium-name{height:12px;margin:.5rem auto 0;width:80%}.skel-podium-value{height:10px;margin:.25rem auto 0;width:50%}.shimmer{animation:shimmer-slide 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2a3e 25%,#ffffff14 50%,#2a2a3e 75%);background:linear-gradient(90deg,var(--color-ui-border,#2a2a3e) 25%,#ffffff14 50%,var(--color-ui-border,#2a2a3e) 75%);background-size:200% 100%}@keyframes shimmer-slide{0%{background-position:200% 0}to{background-position:-200% 0}}.compare-overlay{align-items:center;animation:overlay-fade-in .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.compare-modal{animation:modal-slide-up .3s cubic-bezier(.34,1.56,.64,1);background:#1a1a2e;background:var(--color-ui-bg,#1a1a2e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 16px 48px #0006;padding:2rem;position:relative;width:min(420px,90vw)}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.compare-close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;line-height:1;padding:.25rem;right:.75rem;top:.75rem}.compare-close:hover{color:var(--color-text-primary)}.compare-close:focus-visible{border-radius:4px;outline:2px solid var(--color-brand-primary)}.compare-title{color:var(--color-text-primary);font-size:1.2rem;margin:0 0 1.5rem}.compare-header-row{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.compare-player{align-items:center;display:flex;flex-direction:column;gap:.4rem}.compare-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.compare-rank{color:var(--color-text-secondary);font-size:.8rem}.compare-vs{color:var(--color-brand-primary);font-size:1.1rem;font-weight:900;text-shadow:0 0 12px rgba(var(--color-brand-primary-rgb),.3)}.compare-stats{gap:.75rem}.compare-stat-row{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:70px 1fr 70px}.compare-val{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600}.compare-val:first-child{text-align:right}.compare-val:last-child{text-align:left}.compare-winner{color:var(--color-text-primary)}.compare-bar-area{display:flex;flex-direction:column;gap:.15rem}.compare-label{color:var(--color-text-secondary);font-size:.7rem;text-align:center}.compare-bars{background:#ffffff0d;border-radius:4px;display:flex;flex-direction:column;gap:2px;padding:2px}.compare-bar{border-radius:3px;height:8px;min-width:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.bar-a{background:linear-gradient(90deg,var(--color-brand-primary),rgba(var(--color-brand-primary-rgb),.5))}.bar-b{background:linear-gradient(90deg,#f59e0b,#f59e0b80)}@media (prefers-reduced-motion:reduce){.celebration-icon,.compare-hint,.compare-modal,.compare-overlay,.crown-icon,.header-glow,.header-icon,.load-more-spinner,.podium-col,.podium-col.slide-up,.rank-celebration,.rank-change,.ranking-entry,.ranking-entry.fade-in,.reset-timer,.search-spinner,.shimmer,.sparkle-dot{animation:none!important;transition:none!important}.podium-col,.podium-col.slide-up,.ranking-entry,.ranking-entry.fade-in{opacity:1;transform:none}.ranking-entry:after{display:none}.podium-card.place-1,.podium-card.place-2,.podium-card.place-3{animation:none!important}.shimmer{background:#2a2a3e;background:var(--color-ui-border,#2a2a3e)}.period-slider{transition:none}}@media (max-width:768px){.hall-of-fame{padding:1rem}.hall-of-fame .header h1{font-size:1.8rem}.podium-stage{align-items:center;flex-direction:column;gap:.75rem}.podium-col{max-width:280px;width:100%}.podium-stage .podium-col:first-child,.podium-stage .podium-col:nth-child(2),.podium-stage .podium-col:nth-child(3){order:0}.pedestal{height:30px}.podium-card{min-width:0;min-width:auto}.ranking-entry{gap:.5rem;grid-template-columns:40px 30px 1fr}.value-col{grid-column:1/-1;margin-top:.25rem;text-align:left}.category-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.cat-tab{flex-shrink:0}.controls-row{align-items:stretch;flex-direction:column}.search-bar{min-width:0;min-width:auto}.period-row{flex-direction:column}.period-tabs{width:100%}.period-tab{flex:1 1;font-size:.8rem;padding:.5rem;text-align:center}.compare-modal{padding:1.5rem}}.rank-trend{align-items:center;background:#00000026;border-radius:6px;display:inline-flex;gap:.35rem;padding:2px 8px 2px 4px}.rank-trend svg{display:block}.trend-label{font-size:.7rem;font-weight:600;letter-spacing:.03em}@media (max-width:480px){.hall-of-fame{padding:.75rem}.hall-of-fame .header h1{font-size:1.5rem}.cat-tab{font-size:.8rem;padding:.5rem 1rem}.cat-name{display:none}.cat-icon{height:22px;width:22px}.podium-card{padding:.75rem}.crown-icon{height:24px;width:24px}.avatar-lg{font-size:.85rem;height:44px;width:44px}.ranking-entry{grid-template-columns:36px 28px 1fr;padding:.6rem .75rem}.avatar-sm{font-size:.6rem;height:28px;width:28px}.my-rank-banner{font-size:.85rem;padding:.5rem .75rem}.rank-celebration{font-size:.9rem;padding:.75rem 1.25rem}.rank-trend{display:none}}.partnership-registry{animation:pageEntry .6s cubic-bezier(.22,1,.36,1);box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);padding:2rem;width:100%}@media (min-width:1920px){.partnership-registry{max-width:min(1600px,98vw)}}@media (min-width:2560px){.partnership-registry{max-width:min(2000px,98vw)}}.partnership-registry .header{margin-bottom:2rem;text-align:center}.partnership-registry .header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:2.5rem;margin-bottom:.5rem}.partnership-registry .header p{color:var(--color-text-secondary);margin-bottom:1rem}.partnership-header-icon{display:inline-block;height:3rem;position:relative;width:3rem}.partnership-header-icon:after,.partnership-header-icon:before{border:3px solid var(--color-brand-primary);border-radius:50%;content:"";height:1.5rem;position:absolute;width:1.5rem}.partnership-header-icon:before{left:0;top:.25rem}.partnership-header-icon:after{bottom:.25rem;right:0}.partnership-icon-marriage{display:inline-block;height:1.5rem;position:relative;width:1.5rem}.partnership-icon-marriage:after,.partnership-icon-marriage:before{border:2px solid var(--color-brand-primary);border-radius:50%;content:"";height:.75rem;position:absolute;width:.75rem}.partnership-icon-marriage:before{left:0;top:0}.partnership-icon-marriage:after{left:.5rem;top:.25rem}.partnership-icon-alliance{background:linear-gradient(135deg,#0000 40%,var(--color-brand-primary) 40%,var(--color-brand-primary) 60%,#0000 60%);display:inline-block;height:1.5rem;position:relative;width:1.5rem}.partnership-icon-alliance:after,.partnership-icon-alliance:before{background:var(--color-brand-primary);border-radius:2px;content:"";height:.5rem;position:absolute;width:.5rem}.partnership-icon-alliance:before{left:0;top:0;transform:rotate(45deg)}.partnership-icon-alliance:after{bottom:0;right:0;transform:rotate(45deg)}.partnership-icon-blood-oath{display:inline-block;height:1.5rem;position:relative;width:1.5rem}.partnership-icon-blood-oath:after,.partnership-icon-blood-oath:before{background:var(--color-danger);content:"";height:100%;left:50%;position:absolute;top:0;width:2px}.partnership-icon-blood-oath:before{transform:translateX(-50%) rotate(45deg)}.partnership-icon-blood-oath:after{transform:translateX(-50%) rotate(-45deg)}.bonus-icon-xp{background:linear-gradient(0deg,#0000 45%,var(--color-warning) 45%,var(--color-warning) 55%,#0000 55%),linear-gradient(90deg,#0000 45%,var(--color-warning) 45%,var(--color-warning) 55%,#0000 55%);display:inline-block;height:1.2rem;position:relative;width:1.2rem}.bonus-icon-xp:after,.bonus-icon-xp:before{background:linear-gradient(45deg,#0000 45%,var(--color-warning) 45%,var(--color-warning) 55%,#0000 55%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.bonus-icon-xp:after{transform:rotate(90deg)}.bonus-icon-luck{background:var(--color-success);display:inline-block;height:1.2rem;position:relative;transform:rotate(45deg);width:1.2rem}.bonus-icon-luck:after,.bonus-icon-luck:before{background:var(--color-success);content:"";height:.6rem;position:absolute;width:.6rem}.bonus-icon-luck:before{left:.3rem;top:-.3rem}.bonus-icon-luck:after{bottom:-.3rem;right:.3rem}.bonus-icon-telepathy{display:inline-block;height:1.2rem;position:relative;width:1.2rem}.bonus-icon-telepathy:after,.bonus-icon-telepathy:before{border-bottom:2px solid #0000;border-left:2px solid var(--color-info);border-radius:50%;border-right:2px solid var(--color-info);border-top:2px solid #0000;content:"";height:100%;position:absolute;width:100%}.bonus-icon-telepathy:before{transform:scale(.6)}.bonus-icon-telepathy:after{transform:scale(1)}.bonus-icon-dual-attack{display:inline-block;height:1.2rem;position:relative;width:1.2rem}.bonus-icon-dual-attack:after,.bonus-icon-dual-attack:before{border-left:.3rem solid #0000;border-right:.3rem solid #0000;border-top:.8rem solid var(--color-warning);content:"";height:0;position:absolute;width:0}.bonus-icon-dual-attack:before{left:0;top:.2rem}.bonus-icon-dual-attack:after{right:0;top:.2rem}.bonus-icon-locked{display:inline-block;height:1.2rem;position:relative;width:1.2rem}.bonus-icon-locked:before{border:2px solid #ffffff4d;border-bottom:none;border-radius:.4rem .4rem 0 0;height:.5rem;top:0;width:.8rem}.bonus-icon-locked:after,.bonus-icon-locked:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.bonus-icon-locked:after{background:#ffffff4d;border-radius:2px;bottom:0;height:.6rem;width:.9rem}.anniversary-icon{background:linear-gradient(0deg,#0000 45%,var(--color-brand-primary) 45%,var(--color-brand-primary) 55%,#0000 55%),linear-gradient(90deg,#0000 45%,var(--color-brand-primary) 45%,var(--color-brand-primary) 55%,#0000 55%);display:inline-block;height:1.2rem;position:relative;width:1.2rem}.anniversary-icon:after,.anniversary-icon:before{background:linear-gradient(45deg,#0000 45%,var(--color-brand-primary) 45%,var(--color-brand-primary) 55%,#0000 55%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.anniversary-icon:after{transform:rotate(90deg)}.proposal-incoming-icon{background:var(--color-brand-primary);border-radius:2px;display:inline-block;height:1.5rem;position:relative;width:1.5rem}.proposal-incoming-icon:before{border-left:.75rem solid #0000;border-right:.75rem solid #0000;border-top:.5rem solid var(--color-brand-secondary);content:"";height:0;left:0;position:absolute;top:0;width:0}.proposal-pending-icon{display:inline-block;height:1.5rem;position:relative;width:1.5rem}.proposal-pending-icon:after,.proposal-pending-icon:before{background:var(--color-warning);content:"";height:.3rem;left:0;position:absolute;width:100%}.proposal-pending-icon:before{top:0}.proposal-pending-icon:after{bottom:0}.rules-icon{background:#ffffff1a;height:1.5rem}.rules-icon:before{background:var(--color-brand-primary);border-radius:2px 2px 0 0;height:.2rem;left:50%;top:0;transform:translateX(-50%);width:.6rem}.rules-icon:after{border-bottom:2px solid #ffffff4d;border-top:2px solid #ffffff4d;content:"";height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.notification{animation:partnershipSlideIn .4s cubic-bezier(.22,1,.36,1)}@keyframes partnershipSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification.error{color:var(--color-danger)}.active-partnership{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .1s backwards;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.1);margin-bottom:2rem;padding:1.5rem}@keyframes cardEntry{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.partnership-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.type-icon{font-size:3rem}.partnership-header h2{color:var(--color-text-primary);margin:0}.type-name{color:var(--color-text-secondary);font-size:.9rem}.partner-info{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.partner-name{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;transition:color .3s}.partner-name:hover{color:var(--color-brand-primary)}.partnership-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.stat{border:1px solid #ffffff0d;transition:all .3s cubic-bezier(.22,1,.36,1)}.stat:hover{border-color:rgba(var(--color-brand-primary-rgb),.3);box-shadow:0 4px 12px rgba(var(--color-brand-primary-rgb),.15);transform:translateY(-2px)}.bonuses-section{margin-bottom:1.5rem}.bonuses-section h4{color:var(--color-text-primary);margin-bottom:1rem}.bonuses-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.bonus{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.5rem;padding:.75rem;transition:all .3s cubic-bezier(.22,1,.36,1)}.bonus:first-child{animation-delay:0s}.bonus:nth-child(2){animation-delay:.05s}.bonus:nth-child(3){animation-delay:.1s}.bonus:nth-child(4){animation-delay:.15s}.bonus:nth-child(5){animation-delay:.2s}.bonus:nth-child(6){animation-delay:.25s}.bonus.unlocked{background:#22c55e1a;border-color:#22c55e4d;box-shadow:0 0 15px #22c55e33}.bonus.unlocked:hover{box-shadow:0 0 20px #22c55e4d;transform:translateY(-2px)}.bonus.locked{filter:grayscale(100%);opacity:.4}.bonus.locked:hover{opacity:.5}.bonus-icon{font-size:1.2rem}.bonus-name{color:var(--color-text-primary);flex:1 1;font-size:.9rem}.bonus-req{color:var(--color-text-secondary);font-size:.85rem}.pending-proposal{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .2s backwards;background:rgba(var(--color-brand-primary-rgb),.05);border:1px solid rgba(var(--color-brand-primary-rgb),.2);border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.pending-proposal h3{color:var(--color-text-primary);margin-bottom:1rem}.pending-proposal p{color:var(--color-text-secondary);margin-bottom:1.5rem}.proposal-actions{gap:1rem;justify-content:center}.proposals-section{margin-bottom:2rem}.proposals-section h3{color:var(--color-text-primary);margin-bottom:1rem}.proposal-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem;transition:all .3s cubic-bezier(.22,1,.36,1)}.proposal-card:hover{background:#ffffff14;border-color:rgba(var(--color-brand-primary-rgb),.3);box-shadow:0 4px 16px rgba(var(--color-brand-primary-rgb),.15);transform:translateX(4px)}.proposal-info{align-items:center;display:flex;gap:1rem}.proposal-info strong{color:var(--color-text-primary);transition:color .3s}.proposal-card:hover .proposal-info strong{color:var(--color-brand-primary)}.proposal-actions{display:flex;gap:.5rem}.search-section{margin-bottom:2rem}.search-section h3{color:var(--color-text-primary);margin-bottom:.5rem}.search-section>p{color:var(--color-text-secondary);margin-bottom:1.5rem}.type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.type-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);cursor:pointer;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.22,1,.36,1)}.type-btn:hover{background:#ffffff1a;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.type-btn.active{background:rgba(var(--color-brand-primary-rgb),.2);border-color:var(--color-brand-primary);box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.4);color:var(--color-brand-primary)}.type-btn.active:hover{box-shadow:0 0 25px rgba(var(--color-brand-primary-rgb),.5)}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:all .3s cubic-bezier(.22,1,.36,1);width:100%}.search-input:focus{background:#ffffff14;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.2);outline:none}.search-input::placeholder{color:var(--color-info)}.search-results{display:flex;flex-direction:column;gap:.5rem}.search-result{align-items:center;animation:resultEntry .4s cubic-bezier(.22,1,.36,1) backwards;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s cubic-bezier(.22,1,.36,1)}@keyframes resultEntry{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.search-result:first-child{animation-delay:0s}.search-result:nth-child(2){animation-delay:.05s}.search-result:nth-child(3){animation-delay:.1s}.search-result:nth-child(4){animation-delay:.15s}.search-result:nth-child(5){animation-delay:.2s}.search-result:hover{background:#ffffff14;border-color:rgba(var(--color-brand-primary-rgb),.3);box-shadow:0 4px 16px rgba(var(--color-brand-primary-rgb),.15);transform:translateX(4px)}.search-result span{color:var(--color-text-primary);font-weight:500}.search-error{background:#ff00001a;border:1px solid #f003;border-radius:8px;color:var(--color-danger);margin-top:.5rem;padding:.75rem;text-align:center}.partnership-registry .info-card{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .3s backwards;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:2rem;padding:1.5rem}.partnership-registry .info-card h3{align-items:center;color:var(--color-text-primary);display:flex;gap:.5rem;margin-bottom:1rem}.partnership-registry .info-card ul{list-style:none;margin:0;padding:0}.partnership-registry .info-card li{border-bottom:1px solid #ffffff0d;color:var(--color-text-secondary);padding:.5rem 0;transition:color .3s}.skeleton-cards{display:flex;flex-direction:column}.partnership-registry .skeleton-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem}.skeleton-bar{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);margin-bottom:.75rem}.partnership-registry .loading{animation:partnershipPulse 2s infinite;padding:3rem}.partnership-registry .loading,.search-loading{color:var(--color-text-secondary);text-align:center}.search-loading{animation:partnershipPulse 1.5s infinite;font-size:.85rem;padding:.75rem}@keyframes partnershipPulse{0%,to{opacity:.5}50%{opacity:1}}.bond-strength{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.bond-strength-label{color:var(--color-text-secondary);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.bond-strength-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.bond-strength-fill{background:linear-gradient(90deg,#ec4899,#f472b6,#fb7185,#ec4899);background-size:200% 100%;border-radius:4px;height:100%;position:relative;transition:width .8s cubic-bezier(.22,1,.36,1)}@keyframes bondShimmer{0%{background-position:0 0}to{background-position:200% 0}}.bond-strength-fill{animation:bondShimmer 3s linear infinite}.bond-strength-fill:after{background:#fff;border-radius:2px;box-shadow:0 0 8px #ec4899cc;content:"";height:14px;position:absolute;right:0;top:-3px;width:4px}.bond-milestones{display:flex;justify-content:space-between;margin-top:.5rem;position:relative}.bond-milestone{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.65rem;transition:color .3s}.bond-milestone.achieved{color:#ec4899}.bond-milestone-dot{background:#fff3;border-radius:50%;height:8px;margin-bottom:.25rem;transition:all .3s;width:8px}.bond-milestone.achieved .bond-milestone-dot{background:#ec4899;box-shadow:0 0 8px #ec489980}@keyframes celebrateFloat{0%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}to{opacity:0;transform:translateY(-60px) rotate(180deg) scale(0)}}.anniversary-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.anniversary-particle{animation:celebrateFloat 2s ease-out infinite;border-radius:50%;height:6px;position:absolute;width:6px}.anniversary-particle:nth-child(odd){background:#ec4899;box-shadow:0 0 4px #ec4899}.anniversary-particle:nth-child(2n){background:#fbbf24;box-shadow:0 0 4px #fbbf24}@keyframes partnershipAmbient{0%,to{border-color:#ec489933;box-shadow:0 0 20px #ec489926,0 0 40px rgba(var(--color-brand-primary-rgb),.05)}50%{border-color:#ec489959;box-shadow:0 0 40px #ec489940,0 0 60px rgba(var(--color-brand-primary-rgb),.1)}}.active-partnership{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .1s backwards,partnershipAmbient 4s ease-in-out infinite;border:1px solid #ec489933;overflow:hidden;position:relative}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.active-partnership .type-icon{animation:heartbeat 2s ease-in-out infinite}.partner-name{position:relative}.partner-name:after{background:linear-gradient(90deg,#ec4899,var(--color-brand-primary));border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.22,1,.36,1);width:0}.partner-name:hover:after{width:100%}.partnership-stats .stat{overflow:hidden}.partnership-stats .stat:before{background:radial-gradient(circle,#ec489914 0,#0000 60%);content:"";height:300%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:-100%;transition:opacity .3s;width:300%}.partnership-stats .stat:hover:before{opacity:1}.partnership-stats .stat .value{transition:transform .3s,text-shadow .3s}.partnership-stats .stat:hover .value{text-shadow:0 0 12px #ec489980;transform:scale(1.15)}.bonus-progress-wrap{margin-top:.25rem;width:100%}.bonus-progress-bar{background:#ffffff1a;border-radius:2px;height:3px;overflow:hidden;width:100%}.bonus-progress-fill{background:linear-gradient(90deg,#22c55e80,#22c55e);border-radius:2px;height:100%;transition:width .5s ease-out}.bonus.unlocked .bonus-progress-bar{background:#22c55e33}.bonus.unlocked .bonus-progress-fill{background:#22c55e;box-shadow:0 0 6px #22c55e66}@keyframes proposalPulse{0%,to{border-color:rgba(var(--color-brand-primary-rgb),.3)}50%{border-color:rgba(var(--color-brand-primary-rgb),.6);box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.2)}}.pending-proposal.incoming{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .2s backwards,proposalPulse 2s ease-in-out infinite;border-color:rgba(var(--color-brand-primary-rgb),.3)}@keyframes pendingDots{0%,20%{opacity:.3}50%{opacity:1}80%,to{opacity:.3}}.pending-proposal.outgoing:after{animation:pendingDots 1.5s ease-in-out infinite;color:var(--color-text-secondary);content:"...";display:block;font-size:2rem;letter-spacing:.5rem;margin-top:.5rem}@keyframes searchFocusGlow{0%,to{box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.2)}50%{box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.4),0 0 20px rgba(var(--color-brand-primary-rgb),.15)}}.search-input:focus{animation:searchFocusGlow 2s ease-in-out infinite}@keyframes typeActive{0%,to{box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.4)}50%{box-shadow:0 0 30px rgba(var(--color-brand-primary-rgb),.6),0 0 50px rgba(var(--color-brand-primary-rgb),.2)}}.type-btn.active{animation:typeActive 2s ease-in-out infinite}.partnership-header .badge-warning{animation:anniversaryGlow 1.5s ease-in-out infinite}@keyframes bonusEntry{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bonus{animation:bonusEntry .4s cubic-bezier(.22,1,.36,1) backwards}.partnership-registry .info-card li:before{background:linear-gradient(135deg,#ec4899,var(--color-brand-primary));border-radius:50%;content:"";display:inline-block;height:.5rem;margin-right:.75rem;transition:transform .3s,box-shadow .3s;vertical-align:middle;width:.5rem}.partnership-registry .info-card li:hover:before{box-shadow:0 0 8px #ec489980;transform:scale(1.4)}.partnership-registry .info-card li{transition:color .3s,padding-left .3s}.partnership-registry .info-card li:hover{padding-left:.5rem}.active-partnership>button[class*=danger]{overflow:hidden;position:relative}.active-partnership>button[class*=danger]:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:none;width:100%}.active-partnership>button[class*=danger]:hover:before{animation:cardHoverShimmer .6s ease-out forwards}.search-results:empty:before{color:var(--color-text-secondary);content:"Start typing to search for pilots...";display:block;font-style:italic;padding:1rem;text-align:center}@keyframes headerShimmerPartnership{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.partnership-registry .header h1{animation:headerShimmerPartnership 3s ease-in-out infinite}.bond-connection{align-items:center;background:radial-gradient(ellipse at center,#ec48990f 0,#0000 70%);border:1px solid #ec489914;border-radius:16px;display:flex;gap:0;justify-content:center;margin-bottom:1.5rem;overflow:hidden;padding:2rem 1rem;position:relative}.bond-connection:before{animation:connectionAmbientPulse 4s ease-in-out infinite;background:radial-gradient(circle,#ec48991f 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes connectionAmbientPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.bond-node{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;position:relative;z-index:2}.bond-node .node-ring{animation:nodeRingSpin 8s linear infinite;border:3px solid #ec489980;border-radius:50%;height:64px;left:50%;position:absolute;top:50%;transform:translate(-50%,calc(-50% - .5rem));width:64px}.bond-node.right .node-ring{animation:nodeRingSpinReverse 8s linear infinite}@keyframes nodeRingSpin{0%{border-color:#ec489980;transform:translate(-50%,calc(-50% - .5rem)) rotate(0deg)}25%{border-color:#f472b699}50%{border-color:#fb718580;transform:translate(-50%,calc(-50% - .5rem)) rotate(180deg)}75%{border-color:#f472b699}to{border-color:#ec489980;transform:translate(-50%,calc(-50% - .5rem)) rotate(1turn)}}@keyframes nodeRingSpinReverse{0%{border-color:#ec489980;transform:translate(-50%,calc(-50% - .5rem)) rotate(0deg)}to{border-color:#ec489980;transform:translate(-50%,calc(-50% - .5rem)) rotate(-1turn)}}.bond-node .node-core{animation:corePulse 3s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,#f472b666,#ec489933);border:2px solid #ec489999;border-radius:50%;box-shadow:0 0 15px #ec48994d,inset 0 0 15px #ec489926;height:48px;width:48px}@keyframes corePulse{0%,to{box-shadow:0 0 15px #ec48994d,inset 0 0 15px #ec489926;transform:scale(1)}50%{box-shadow:0 0 25px #ec489980,inset 0 0 20px #ec489940;transform:scale(1.05)}}.bond-node .node-label{color:var(--color-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.bond-beam-container{flex:1 1;height:48px;max-width:300px;min-width:100px;position:relative;z-index:1}.bond-beam{background:linear-gradient(90deg,#ec489933,#f472b699,#fb718599,#f472b699,#ec489933);border-radius:2px;height:4px;left:0;right:0}.bond-beam,.bond-beam-glow{position:absolute;top:50%;transform:translateY(-50%);transition:opacity .5s}.bond-beam-glow{animation:beamGlowPulse 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ec489926,#f472b640,#ec489926,#0000);border-radius:10px;filter:blur(6px);height:20px;left:-5%;right:-5%}@keyframes beamGlowPulse{0%,to{opacity:.6}50%{opacity:1}}.beam-particle{animation:beamParticleTravel 4s linear infinite;background:#f472b6;border-radius:50%;box-shadow:0 0 8px #f472b6cc,0 0 16px #ec489966;height:6px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}@keyframes beamParticleTravel{0%{left:0;opacity:0;transform:translateY(-50%) scale(.5)}10%{opacity:1;transform:translateY(-50%) scale(1)}90%{opacity:1;transform:translateY(-50%) scale(1)}to{left:100%;opacity:0;transform:translateY(-50%) scale(.5)}}.beam-particle:nth-child(2){animation-duration:3.5s}.beam-particle:nth-child(3){animation-duration:4.5s}.beam-particle:nth-child(4){animation-duration:3.8s}.beam-particle:nth-child(5){animation-duration:4.2s}.partnership-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.p-particle{animation:particleDrift linear infinite;border-radius:50%;bottom:-10px;opacity:0;position:absolute}.p-particle.spark{background:#ec489980;box-shadow:0 0 4px #ec48994d}.p-particle.heart-shape{background:#0000;border-radius:0;box-shadow:none}.p-particle.heart-shape:before{background:#f472b699;box-shadow:0 0 6px #ec489966;-webkit-clip-path:path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z");clip-path:path("M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z");content:"";height:100%;left:0;position:absolute;top:0;transform:scale(.5);transform-origin:center;width:100%}@keyframes particleDrift{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:.6}50%{opacity:.3}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh) translateX(30px) rotate(1turn)}}.p-particle:nth-child(3n+1){animation-name:particleDriftAlt}@keyframes particleDriftAlt{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:.5}50%{opacity:.4;transform:translateY(-50vh) translateX(-20px) rotate(180deg)}to{opacity:0;transform:translateY(-100vh) translateX(-40px) rotate(1turn)}}.active-partnership.ptype-marriage{border-color:#ec489940}.active-partnership.ptype-marriage .bond-beam{background:linear-gradient(90deg,#ec489933,#f472b6b3,#ec489933)}.active-partnership.ptype-marriage .node-core{background:radial-gradient(circle at 35% 35%,#f472b666,#ec489933);border-color:#ec489999}.active-partnership.ptype-alliance{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .1s backwards,allianceAmbient 4s ease-in-out infinite;border-color:#3b82f640}@keyframes allianceAmbient{0%,to{border-color:#3b82f633;box-shadow:0 0 20px #3b82f626,0 0 40px #3b82f60d}50%{border-color:#3b82f659;box-shadow:0 0 40px #3b82f640,0 0 60px #3b82f61a}}.active-partnership.ptype-alliance .bond-beam{background:linear-gradient(90deg,#3b82f633,#60a5fab3,#3b82f633)}.active-partnership.ptype-alliance .bond-beam-glow{background:linear-gradient(90deg,#0000,#3b82f626,#60a5fa40,#3b82f626,#0000)}.active-partnership.ptype-alliance .node-core{background:radial-gradient(circle at 35% 35%,#60a5fa66,#3b82f633);border-color:#3b82f699;box-shadow:0 0 15px #3b82f64d,inset 0 0 15px #3b82f626}.active-partnership.ptype-alliance .node-ring{border-color:#3b82f680}.active-partnership.ptype-alliance .beam-particle{background:#60a5fa;box-shadow:0 0 8px #60a5facc,0 0 16px #3b82f666}.active-partnership.ptype-alliance .bond-strength-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#3b82f6);background-size:200% 100%}.active-partnership.ptype-alliance .bond-strength-fill:after{box-shadow:0 0 8px #3b82f6cc}.active-partnership.ptype-alliance .bond-milestone.achieved{color:#3b82f6}.active-partnership.ptype-alliance .bond-milestone.achieved .bond-milestone-dot{background:#3b82f6;box-shadow:0 0 8px #3b82f680}.active-partnership.ptype-alliance .bond-connection:before{background:radial-gradient(circle,#3b82f61f 0,#0000 70%)}.active-partnership.ptype-blood-oath{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .1s backwards,bloodOathAmbient 4s ease-in-out infinite;border-color:#dc262640}@keyframes bloodOathAmbient{0%,to{border-color:#dc262633;box-shadow:0 0 20px #dc262626,0 0 40px #dc26260d}50%{border-color:#dc262659;box-shadow:0 0 40px #dc262640,0 0 60px #dc26261a}}.active-partnership.ptype-blood-oath .bond-beam{background:linear-gradient(90deg,#dc262633,#f87171b3,#dc262633)}.active-partnership.ptype-blood-oath .bond-beam-glow{background:linear-gradient(90deg,#0000,#dc262626,#f8717140,#dc262626,#0000)}.active-partnership.ptype-blood-oath .node-core{background:radial-gradient(circle at 35% 35%,#f8717166,#dc262633);border-color:#dc262699;box-shadow:0 0 15px #dc26264d,inset 0 0 15px #dc262626}.active-partnership.ptype-blood-oath .node-ring{border-color:#dc262680}.active-partnership.ptype-blood-oath .beam-particle{background:#f87171;box-shadow:0 0 8px #f87171cc,0 0 16px #dc262666}.active-partnership.ptype-blood-oath .bond-strength-fill{background:linear-gradient(90deg,#dc2626,#f87171,#fca5a5,#dc2626);background-size:200% 100%}.active-partnership.ptype-blood-oath .bond-strength-fill:after{box-shadow:0 0 8px #dc2626cc}.active-partnership.ptype-blood-oath .bond-milestone.achieved{color:#dc2626}.active-partnership.ptype-blood-oath .bond-milestone.achieved .bond-milestone-dot{background:#dc2626;box-shadow:0 0 8px #dc262680}.active-partnership.ptype-blood-oath .bond-connection:before{background:radial-gradient(circle,#dc26261f 0,#0000 70%)}.active-partnership.bond-level-dim .bond-connection{background:radial-gradient(ellipse at center,#ffffff05 0,#0000 70%)}.active-partnership.bond-level-dim .node-core{animation:corePulse 5s ease-in-out infinite}.active-partnership.bond-level-dim .bond-beam{height:2px}.active-partnership.bond-level-dim .bond-beam-glow{filter:blur(4px);height:8px}.active-partnership.bond-level-dim .beam-particle{height:4px;width:4px}.active-partnership.bond-level-moderate .bond-beam{height:3px}.active-partnership.bond-level-moderate .bond-beam-glow{height:14px}.active-partnership.bond-level-bright .bond-beam{height:5px}.active-partnership.bond-level-bright .bond-beam-glow{filter:blur(8px);height:24px}.active-partnership.bond-level-bright .beam-particle{height:8px;width:8px}.active-partnership.bond-level-bright .node-ring{border-width:4px}.active-partnership.bond-level-bright .node-core{height:52px;width:52px}.active-partnership.bond-level-radiant .bond-beam{box-shadow:0 0 10px #ec489966;height:6px}.active-partnership.bond-level-radiant .bond-beam-glow{filter:blur(10px);height:32px}.active-partnership.bond-level-radiant .beam-particle{box-shadow:0 0 12px #f472b6,0 0 24px #ec489999;height:10px;width:10px}.active-partnership.bond-level-radiant .node-ring{border-width:4px;box-shadow:0 0 20px #ec489966}.active-partnership.bond-level-radiant .node-core{box-shadow:0 0 25px #ec489980,inset 0 0 20px #ec48994d;height:56px;width:56px}.active-partnership.bond-level-radiant .bond-connection{background:radial-gradient(ellipse at center,#ec48991a 0,#0000 70%)}.active-partnership.bond-level-radiant .bond-connection:after{animation:radiantShimmer 5s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ec48990f 0,#0000 40%),radial-gradient(circle at 80% 70%,#f472b60f 0,#0000 40%),radial-gradient(circle at 50% 50%,#fb71850a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes radiantShimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes incomingHeartbeat{0%,to{box-shadow:0 0 15px rgba(var(--color-brand-primary-rgb),.15);transform:scale(1)}10%{box-shadow:0 0 25px rgba(var(--color-brand-primary-rgb),.3);transform:scale(1.02)}20%{box-shadow:0 0 15px rgba(var(--color-brand-primary-rgb),.15);transform:scale(1)}30%{box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.25);transform:scale(1.015)}40%{transform:scale(1)}}.pending-proposal.incoming{animation:cardEntry .6s cubic-bezier(.22,1,.36,1) .2s backwards,incomingHeartbeat 2s ease-in-out .6s infinite}@keyframes bonusUnlockFlash{0%{box-shadow:0 0 15px #22c55e33}50%{box-shadow:0 0 30px #fbbf2480,0 0 60px #fbbf2433}to{box-shadow:0 0 15px #22c55e33}}.bonus.unlocked{animation:bonusEntry .4s cubic-bezier(.22,1,.36,1) backwards,bonusUnlockFlash 3s ease-in-out infinite}.bonus.unlocked:has(.bonus-icon-xp){border-color:#eab3084d;box-shadow:0 0 15px #eab30826}.bonus.unlocked:has(.bonus-icon-luck){border-color:#22c55e4d;box-shadow:0 0 15px #22c55e26}.bonus.unlocked:has(.bonus-icon-telepathy){border-color:#3b82f64d;box-shadow:0 0 15px #3b82f626}.bonus.unlocked:has(.bonus-icon-dual-attack){border-color:#eab3084d;box-shadow:0 0 15px #eab30826}.proposal-card{overflow:hidden;position:relative}.proposal-card:before{background:linear-gradient(90deg,#0000,rgba(var(--color-brand-primary-rgb),.05),#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.proposal-card:hover:before{animation:proposalCardShimmer .8s ease-out forwards}@keyframes proposalCardShimmer{0%{left:-100%}to{left:200%}}.partnership-registry{position:relative}.partnership-registry>:not(.partnership-particles){position:relative;z-index:1}.bond-connection.empty-bond{filter:grayscale(.6);opacity:.5}.bond-connection.empty-bond .node-core{background:radial-gradient(circle,#374151,#1f2937);box-shadow:0 0 10px #6b72804d}.bond-connection.empty-bond .node-ring{animation:emptyRingSpin 10s linear infinite;border-color:#6b72804d}@keyframes emptyRingSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.bond-connection.empty-bond .bond-beam.empty{background:repeating-linear-gradient(90deg,#6b728033,#6b728033 8px,#0000 0,#0000 16px);height:2px;opacity:1}.empty-bond-text{background:var(--color-bg-primary);border-radius:4px;color:var(--color-text-tertiary);font-size:.75rem;left:50%;letter-spacing:.05em;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.empty-node .node-core{background:radial-gradient(circle,#374151,#111827)!important}.active-partnership{transition:box-shadow .6s ease,border-color .6s ease,background .6s ease}.bond-connection .bond-beam{transition:opacity .8s ease,height .4s ease,background .6s ease}.bond-connection .node-core{transition:background .6s ease,box-shadow .6s ease,transform .3s ease}.bond-connection .bond-beam-glow{transition:opacity .8s ease,box-shadow .6s ease}.bond-strength-fill{transition:width .8s cubic-bezier(.4,0,.2,1)}.bonus.unlocked{transition:box-shadow .4s ease,border-color .4s ease,background .4s ease}.bonus.locked{transition:opacity .4s ease}.partner-info{position:relative}.partner-status-dot{border-radius:50%;display:inline-block;height:8px;margin-right:.4rem;transition:background .3s ease,box-shadow .3s ease;vertical-align:middle;width:8px}.partner-status-dot.online{animation:statusPulse 2s ease-in-out infinite;background:#22c55e;background:var(--color-success,#22c55e);box-shadow:0 0 6px #22c55e80}.partner-status-dot.offline{background:#6b7280;background:var(--color-text-tertiary,#6b7280);box-shadow:none}.partnership-stats .stat{cursor:default;position:relative}.partnership-stats .stat:after{background:var(--color-bg-tertiary);border-radius:4px;bottom:-28px;color:var(--color-text-tertiary);content:attr(data-hint);font-size:.7rem;left:50%;opacity:0;padding:.2rem .5rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:5}.partnership-stats .stat:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes proposalSentPulse{0%{box-shadow:0 0 0 0 #22c55e66}50%{box-shadow:0 0 0 12px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.search-result button:active{animation:proposalSentPulse .6s ease-out}.notification{animation:notifSlideIn .3s ease-out}.daily-challenge{animation:challengeSlideIn .4s ease-out;background:linear-gradient(135deg,#f59e0b14,#fbbf240a);border:1px solid #f59e0b26;border-radius:8px;margin-top:1.25rem;padding:1rem}@keyframes challengeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.challenge-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.challenge-header h4{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.challenge-title{color:#fbbf24;font-size:1rem;font-weight:600;margin:0}.challenge-desc{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 .75rem}.challenge-progress-bar{background:#6b728033;border-radius:2px;height:4px;overflow:hidden}.challenge-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;height:100%;transition:width .6s ease;width:0}.challenge-icon{align-items:center;background:#f59e0b26;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.challenge-icon:before{content:"";height:20px;width:20px}.challenge-icon-battle:before{background:currentColor;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);color:#f59e0b}.challenge-icon-temple:before{background:currentColor;-webkit-clip-path:polygon(50% 0,100% 40%,80% 40%,80% 100%,20% 100%,20% 40%,0 40%);clip-path:polygon(50% 0,100% 40%,80% 40%,80% 100%,20% 100%,20% 40%,0 40%);color:#f59e0b}.challenge-icon-gift:before{background:currentColor;-webkit-clip-path:polygon(10% 35%,10% 100%,90% 100%,90% 35%,100% 35%,100% 20%,55% 20%,55% 0,45% 0,45% 20%,0 20%,0 35%);clip-path:polygon(10% 35%,10% 100%,90% 100%,90% 35%,100% 35%,100% 20%,55% 20%,55% 0,45% 0,45% 20%,0 20%,0 35%);color:#f59e0b}.challenge-icon-explore:before{background:currentColor;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#f59e0b}.challenge-icon-mine:before{background:currentColor;-webkit-clip-path:polygon(30% 0,70% 0,85% 50%,70% 100%,30% 100%,15% 50%);clip-path:polygon(30% 0,70% 0,85% 50%,70% 100%,30% 100%,15% 50%);color:#f59e0b}.challenge-icon-trade:before{background:currentColor;border-radius:50%;color:#f59e0b;height:18px;width:18px}.challenge-icon-crystal:before{background:currentColor;-webkit-clip-path:polygon(50% 0,80% 30%,80% 70%,50% 100%,20% 70%,20% 30%);clip-path:polygon(50% 0,80% 30%,80% 70%,50% 100%,20% 70%,20% 30%);color:#f59e0b}.partner-actions{display:flex;gap:.5rem;margin-top:.5rem}.gift-btn-icon{background:currentColor;-webkit-clip-path:polygon(10% 35%,10% 100%,90% 100%,90% 35%,100% 35%,100% 20%,55% 20%,55% 0,45% 0,45% 20%,0 20%,0 35%);clip-path:polygon(10% 35%,10% 100%,90% 100%,90% 35%,100% 35%,100% 20%,55% 20%,55% 0,45% 0,45% 20%,0 20%,0 35%);display:inline-block;height:14px;margin-right:.3rem;vertical-align:middle;width:14px}.gift-panel{animation:giftPanelIn .3s ease-out;background:#ec48990f;border:1px solid #ec489926;border-radius:8px;margin-top:.75rem;padding:1rem}@keyframes giftPanelIn{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.gift-panel h4{color:#ec4899;margin:0 0 .25rem}.gift-desc{color:var(--color-text-tertiary);font-size:.8rem;margin:0 0 .75rem}.gift-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.gift-option{align-items:center;background:#ec489908;border:1px solid #ec489926;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:column;gap:.3rem;padding:.75rem .5rem;transition:all .2s ease}.gift-option:hover{background:#ec48991a;border-color:#ec489966;box-shadow:0 4px 12px #ec489926;transform:translateY(-2px)}.gift-option:active{transform:translateY(0)}.gift-option:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.4);opacity:.45;pointer-events:none;transform:none}.gift-item-icon{align-items:center;background:#ec489926;border-radius:6px;display:flex;height:28px;justify-content:center;position:relative;width:28px}.gift-bouquet:before{background:#ec4899;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:16px;width:16px}.gift-crystal:before{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(50% 0,85% 25%,85% 75%,50% 100%,15% 75%,15% 25%);clip-path:polygon(50% 0,85% 25%,85% 75%,50% 100%,15% 75%,15% 25%);content:"";height:16px;width:16px}.gift-component:before{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-clip-path:polygon(30% 0,70% 0,80% 20%,100% 30%,100% 70%,80% 80%,70% 100%,30% 100%,20% 80%,0 70%,0 30%,20% 20%);clip-path:polygon(30% 0,70% 0,80% 20%,100% 30%,100% 70%,80% 80%,70% 100%,30% 100%,20% 80%,0 70%,0 30%,20% 20%);content:"";height:16px;width:16px}.gift-name{font-size:.8rem;font-weight:600}.gift-cost{color:var(--color-text-tertiary);font-size:.7rem}.gift-message-input{background:#0003;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:.85rem;height:60px;padding:.5rem;resize:none;width:100%}.gift-message-input:focus{border-color:#ec489966;outline:none}.bonus{position:relative}.bonus-preview-tooltip{animation:tooltipFadeIn .2s ease-out;background:var(--color-bg-secondary);border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0006;left:50%;padding:.75rem;pointer-events:none;position:absolute;transform:translateX(-50%);width:220px;z-index:10}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.bonus-preview-tooltip:after{border:6px solid #0000;border-top:6px solid var(--color-bg-secondary);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip-title{color:var(--color-text-primary);font-size:.85rem;font-weight:700;margin-bottom:.25rem}.tooltip-stat{background:#22c55e26;border-radius:4px;color:var(--color-success);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.4rem;padding:.15rem .5rem}.tooltip-detail{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.compat-score{align-items:center;display:flex;gap:.4rem;min-width:90px}.compat-bar{background:#6b728033;border-radius:2px;height:4px;overflow:hidden;width:40px}.compat-fill{border-radius:2px;height:100%;transition:width .4s ease}.compat-label{font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.synergy-hint-icon{background:linear-gradient(135deg,#ec4899,#ef4444)}.synergy-hint-partner{background:#ec48990d;border-left:3px solid #ec489966;border-radius:4px;color:#f472b6;font-size:.8rem;margin:.25rem 0;padding:.3rem .5rem}@media (max-width:768px){.partnership-registry{padding:1rem}.partnership-registry .header h1{font-size:2rem}.bonuses-grid,.partnership-stats{grid-template-columns:1fr}.proposal-card{align-items:flex-start;flex-direction:column;gap:1rem}.proposal-actions{justify-content:stretch;width:100%}.proposal-actions button{flex:1 1}.type-selector{justify-content:center}.type-btn{flex:1 1 auto;min-width:120px}.gift-options{grid-template-columns:repeat(3,1fr)}.bond-connection{padding:1.5rem .75rem}.bond-node .node-core{height:40px;width:40px}.bond-node .node-ring{height:52px;width:52px}.bond-beam-container{min-width:60px}}@media (max-width:480px){.partnership-registry{padding:.75rem}.partnership-registry .header h1{font-size:1.75rem}.active-partnership{padding:1rem}.partnership-header{flex-direction:column;text-align:center}.partnership-stats{gap:.5rem}.stat{padding:.75rem}.bonuses-grid{gap:.5rem}.type-btn{font-size:.9rem;padding:.5rem 1rem}.search-input{font-size:.9rem;padding:.5rem}.gift-options{grid-template-columns:1fr}.proposal-card{padding:.75rem}.partnership-registry .info-card{padding:1rem}.bond-connection{flex-direction:column;gap:.5rem;padding:1rem .5rem}.bond-beam-container{height:60px;margin:-1rem 0;max-width:none;min-width:0;min-width:auto;transform:rotate(90deg);width:80%}.bond-node .node-core{height:36px;width:36px}.bond-node .node-ring{height:46px;width:46px}}.challenge-complete-btn{margin-top:.5rem}.challenge-progress-bar.completed .challenge-progress-fill{background:linear-gradient(90deg,#22c55e,#3b82f6,#8b5cf6);transition:width .8s ease-out}.challenge-complete-celebration{align-items:center;animation:celebrationPop .6s ease-out;background:linear-gradient(135deg,#22c55e26,#3b82f626);border:1px solid #22c55e4d;border-radius:.5rem;color:#22c55e;display:flex;font-weight:700;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem}.celebration-icon{animation:celebrationSpin 1s linear;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:20px;width:20px}@keyframes celebrationPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes celebrationSpin{0%{transform:rotate(0deg) scale(0)}50%{transform:rotate(180deg) scale(1.3)}to{transform:rotate(1turn) scale(1)}}.bond-streak{animation:streakSlideIn .4s ease-out;background:linear-gradient(135deg,#fb923c14,#f59e0b0a);border:1px solid #fb923c26;border-radius:8px;margin-top:1.25rem;padding:1rem}.bond-streak-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.bond-streak-header h4{color:var(--color-text-primary);font-size:.95rem;margin:0}.streak-flame-icon{animation:flameFlicker 1.5s ease-in-out infinite alternate;background:linear-gradient(180deg,#fbbf24,#f97316,#ef4444);-webkit-clip-path:polygon(50% 0,65% 25%,80% 15%,75% 45%,95% 40%,70% 70%,80% 100%,50% 80%,20% 100%,30% 70%,5% 40%,25% 45%,20% 15%,35% 25%);clip-path:polygon(50% 0,65% 25%,80% 15%,75% 45%,95% 40%,70% 70%,80% 100%,50% 80%,20% 100%,30% 70%,5% 40%,25% 45%,20% 15%,35% 25%);display:inline-block;height:20px;width:20px}@keyframes flameFlicker{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.08) scaleX(.96)}to{transform:scaleY(.95) scaleX(1.04)}}.bond-streak-stats{display:flex;gap:1rem;margin-bottom:.75rem}.streak-stat{align-items:center;background:#00000026;border-radius:6px;display:flex;flex-direction:column;min-width:60px;padding:.4rem .75rem}.streak-stat.bonus-active{background:#fb923c26;border:1px solid #fb923c4d}.streak-value{color:#fb923c;font-size:1.1rem;font-weight:700;text-shadow:0 0 8px #fb923c4d}.streak-stat.bonus-active .streak-value{color:#fbbf24}.streak-label{color:var(--color-text-tertiary);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.streak-milestone-progress{margin-bottom:.5rem}.streak-progress-label{color:var(--color-text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.3rem}.streak-progress-bar{background:#6b728033;border-radius:3px;height:6px;overflow:hidden}.streak-progress-fill{background:linear-gradient(90deg,#fb923c,#fbbf24);border-radius:3px;height:100%;transition:width .6s ease}.streak-hint{color:var(--color-text-tertiary);font-size:.7rem;font-style:italic;margin:.25rem 0 0}.anniversary-claim-section{animation:anniversaryGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fbbf241f,#f59e0b0f);border:1px solid #fbbf2440;border-radius:8px;margin-top:1.25rem;padding:1rem}@keyframes anniversaryGlow{0%{box-shadow:0 0 8px #fbbf241a}to{box-shadow:0 0 16px #fbbf2440}}.anniversary-claim-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.anniversary-claim-header h4{color:#fbbf24;font-size:1rem;margin:0}.anniversary-claim-header p{color:var(--color-text-secondary);font-size:.8rem;margin:.15rem 0 0}.anniversary-claim-btn{animation:goldPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;box-shadow:0 0 12px #fbbf244d;color:#1a1a2e!important;font-weight:700!important}@keyframes goldPulse{0%,to{box-shadow:0 0 12px #fbbf244d}50%{box-shadow:0 0 20px #fbbf2480}}.anniversary-claimed{align-items:center;background:linear-gradient(135deg,#22c55e26,#3b82f61a);border:1px solid #22c55e4d;border-radius:.5rem;color:#22c55e;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.5rem 1rem}.partnership-history-section{margin-top:1.25rem}.history-toggle-btn{align-items:center;background:#00000026;border:1px solid #ffffff0f;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:background .2s ease;width:100%}.history-toggle-btn:hover{background:#00000040}.history-toggle-btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-accent,#3b82f6);outline-offset:2px}.hist-icon-header{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%);display:inline-block;height:16px;width:16px}.history-chevron{border-bottom:2px solid var(--color-text-secondary);border-right:2px solid var(--color-text-secondary);display:inline-block;height:10px;margin-left:auto;transform:rotate(45deg);transition:transform .2s ease;width:10px}.history-chevron.open{transform:rotate(-135deg)}.partnership-history{animation:historySlideIn .3s ease-out;padding:1rem 0 0}@keyframes historySlideIn{0%{max-height:0;opacity:0}to{max-height:600px;opacity:1}}.history-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.history-filter-btn{background:#00000026;border:1px solid #ffffff1a;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;font-size:.75rem;padding:.35rem .75rem;transition:all .2s ease}.history-filter-btn:hover{background:#ffffff0d}.history-filter-btn.active{background:#8b5cf633;border-color:#8b5cf666;color:#a78bfa}.history-filter-btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-accent,#3b82f6);outline-offset:2px}.history-empty,.history-loading{color:var(--color-text-tertiary);font-size:.85rem;padding:1.5rem;text-align:center}.history-timeline{padding-left:1.5rem;position:relative}.history-timeline:before{background:linear-gradient(180deg,#8b5cf64d,#8b5cf60d);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.history-event{animation:eventFadeIn .3s ease-out;padding:.5rem 0 .75rem .75rem;position:relative}@keyframes eventFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.history-event-line{background:#8b5cf633;height:2px;left:-1.5rem;position:absolute;top:.75rem;width:12px}.history-event-icon{align-items:center;border-radius:50%;display:flex;height:14px;justify-content:center;left:-2rem;position:absolute;top:.4rem;width:14px}.hist-icon-proposal{background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hist-icon-acceptance{background:linear-gradient(135deg,#22c55e,#4ade80);border-radius:0;-webkit-clip-path:polygon(25% 50%,45% 70%,75% 30%,85% 40%,45% 80%,15% 50%);clip-path:polygon(25% 50%,45% 70%,75% 30%,85% 40%,45% 80%,15% 50%)}.hist-icon-gift{background:linear-gradient(135deg,#f472b6,#ec4899);-webkit-clip-path:polygon(50% 15%,100% 0,85% 50%,100% 100%,50% 85%,0 100%,15% 50%,0 0);clip-path:polygon(50% 15%,100% 0,85% 50%,100% 100%,50% 85%,0 100%,15% 50%,0 0)}.hist-icon-challenge{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.hist-icon-anniversary,.hist-icon-challenge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.hist-icon-anniversary{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hist-icon-divorce{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%);clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%)}.history-event-content{display:flex;flex-direction:column;gap:.15rem}.history-event-label{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.history-event-details{color:var(--color-text-secondary);font-size:.75rem}.history-event-actor,.history-event-date{color:var(--color-text-tertiary);font-size:.65rem}.history-event-actor{font-style:italic}.history-load-more{margin-top:.75rem;width:100%}@media (prefers-reduced-motion:reduce){.anniversary-claim-btn,.anniversary-claim-section,.bond-streak,.history-event,.partner-status-dot.online,.partnership-history,.streak-flame-icon{animation:none!important}.partner-status-dot,.streak-progress-fill{transition:none!important}}.anniversary-claim-btn:focus-visible,.history-load-more:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-accent,#3b82f6);outline-offset:2px}.synergy-trigger-badge{align-items:center;animation:synergyTriggerPulse 1.5s ease-in-out infinite alternate;background:linear-gradient(90deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf64d;border-radius:999px;color:#a78bfa;display:inline-flex;font-size:.7rem;font-weight:700;gap:.3rem;letter-spacing:.06em;padding:.2rem .6rem;text-transform:uppercase}@keyframes synergyTriggerPulse{0%{box-shadow:0 0 4px #8b5cf633}to{box-shadow:0 0 12px #8b5cf680}}.bond-strength-label span:last-child,.bonus-req,.compat-label,.gift-cost,.stat .value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bonus-effect{color:var(--color-text-tertiary);display:none;font-size:.7rem}.bonus.unlocked .bonus-effect{display:block}.partner-name-link{color:inherit;text-decoration:none}.partner-name-link:hover .partner-name{color:var(--color-brand-primary)}.error-state{animation:cardEntry .6s cubic-bezier(.22,1,.36,1);padding:3rem 2rem}.partnership-registry .error-state .error-message{color:var(--color-danger);font-size:1rem;margin-bottom:1rem}.skeleton-stats-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.skeleton-stat-box{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:8px;height:60px}.skeleton-bond-viz{align-items:center;display:flex;gap:1rem;justify-content:center;padding:2rem!important}.skeleton-circle{flex-shrink:0}.skeleton-beam,.skeleton-circle{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%)}.skeleton-beam{background-size:200% 100%;border-radius:2px;flex:1 1;height:4px;max-width:200px}.skeleton-bonuses-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:.75rem}.skeleton-bonus{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%);background-size:200% 100%;border-radius:8px;height:44px}.challenge-complete-btn:focus-visible,.gift-option:focus-visible,.search-input:focus-visible,.type-btn:focus-visible{box-shadow:0 0 0 4px rgba(var(--color-brand-primary-rgb),.25);outline:2px solid var(--color-brand-primary);outline-offset:2px}.partner-actions button:focus-visible,.proposal-actions button:focus-visible,.search-result button:focus-visible{box-shadow:0 0 0 4px rgba(var(--color-brand-primary-rgb),.25);outline:2px solid var(--color-brand-primary);outline-offset:2px}.gift-message-input:focus-visible{outline:2px solid #ec489999;outline-offset:1px}@media (prefers-reduced-motion:reduce){.active-partnership,.active-partnership .type-icon,.active-partnership.bond-level-radiant .bond-connection:after,.anniversary-particle,.beam-particle,.bond-beam-glow,.bond-connection.empty-bond .node-ring,.bond-connection:before,.bond-node .node-core,.bond-node .node-ring,.bond-node.right .node-ring,.bond-strength-fill,.bonus,.bonus.unlocked,.celebration-icon,.challenge-complete-celebration,.daily-challenge,.gift-panel,.info-card,.notification,.p-particle,.partner-info .partner-name:after,.partnership-header .badge-warning,.partnership-registry,.partnership-registry .header h1,.partnership-registry .loading,.pending-proposal,.pending-proposal.incoming,.pending-proposal.outgoing:after,.search-input:focus,.search-result,.search-result button:active,.synergy-trigger-badge,.type-btn.active{animation:none!important;transition:none!important}.active-partnership,.bonus,.challenge-complete-celebration,.daily-challenge,.gift-panel,.info-card,.notification,.partnership-registry,.pending-proposal,.search-result{opacity:1!important;transform:none!important}.anniversary-particle,.beam-particle,.p-particle{display:none!important}.bond-beam-glow{animation:none!important}.skeleton-bar,.skeleton-beam,.skeleton-bonus,.skeleton-circle,.skeleton-stat-box{animation:none!important;background:#ffffff14!important}}.mail-center-container{animation:mailFadeInDown .5s ease-out;box-sizing:border-box;margin:0 auto;max-width:min(960px,96vw);padding:1.5rem;position:relative;width:100%}@media (min-width:1920px){.mail-center-container{max-width:min(1200px,98vw)}}@media (min-width:2560px){.mail-center-container{max-width:min(1600px,98vw)}}.mail-starfield{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.mail-star{animation:mailStarTwinkle 3s ease-in-out infinite alternate;background:#93c5fd99;border-radius:50%;height:2px;position:absolute;width:2px}.mail-star:nth-child(3n){background:#c4b5fd80;height:3px;width:3px}.mail-star:nth-child(5n){background:#fcd34d66;height:1px;width:1px}@keyframes mailStarTwinkle{0%{opacity:.2;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.mail-center-container:before{background:radial-gradient(ellipse at 20% 30%,#3b82f60f 0,#0000 60%),radial-gradient(ellipse at 80% 70%,#8b5cf60d 0,#0000 60%),radial-gradient(ellipse at 50% 50%,#1e40af0a 0,#0000 70%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.mail-center-container>*{position:relative;z-index:1}.mail-center-header{align-items:center;animation:mailFadeInDown .6s ease-out;display:flex;justify-content:space-between;margin-bottom:1.5rem}.mail-center-header h1{-webkit-text-fill-color:#0000;animation:mailHeaderShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#93c5fd,#a78bfa 50%,#c4b5fd);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-size:1.75rem;margin:0}@keyframes mailHeaderShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.mail-stats{align-items:center;display:flex;gap:.75rem}.mail-stats .unread-count{background:rgba(var(--color-brand-primary-rgb),.15);border:1px solid rgba(var(--color-brand-primary-rgb),.25);border-radius:20px;color:var(--color-text-secondary);font-size:.85rem;padding:.4rem .85rem;transition:all .3s ease}.mail-stats .unread-count.has-unread{animation:mailUnreadPulse 2s ease-in-out infinite;background:#ef444426;border-color:#ef44444d;color:#fca5a5}@keyframes mailUnreadPulse{0%,to{box-shadow:0 0 0 0 #ef444433}50%{box-shadow:0 0 8px 2px #ef444426}}.mail-compose-btn{flex-shrink:0}.mail-error{align-items:center;animation:mailFadeInDown .3s ease-out;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.mail-error .error-text{color:var(--color-danger);flex:1 1;font-size:.85rem}.mail-error .error-retry{background:#ef444433;border:1px solid #ef44444d;border-radius:4px;color:var(--color-danger);cursor:pointer;font-size:.8rem;padding:.25rem .6rem;transition:background .2s}.mail-error .error-retry:hover{background:#ef44444d}.mail-error .error-close{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:1.25rem;opacity:.7;padding:0 .25rem;transition:opacity .2s}.mail-error .error-close:hover{opacity:1}.mail-center-card{animation:mailCardFadeIn .7s ease-out .15s both;background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid var(--color-ui-border);border-radius:12px;overflow:hidden;position:relative}.mail-scan-line{animation:mailScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#93c5fd66 50%,#0000);height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}@keyframes mailScanLine{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.mail-tabs{border-bottom:1px solid var(--color-ui-border);display:flex;position:relative}.mail-tab{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex:1 1;font-size:1rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .25s ease}.mail-tab:hover{background:#ffffff0a;color:var(--color-text-primary)}.mail-tab:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.mail-tab.active{background:rgba(var(--color-brand-primary-rgb),.08);color:var(--color-brand-primary)}.mail-tab-indicator{background:var(--color-brand-primary);border-radius:2px 2px 0 0;bottom:0;height:2px;position:absolute;transition:left .3s ease,width .3s ease;width:50%}.mail-tab-indicator.inbox{left:0}.mail-tab-indicator.sent{left:50%}.tab-badge{animation:mailAttachBounce 2.5s ease-in-out infinite;background:var(--color-danger);border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.15rem .4rem;text-align:center}@keyframes mailAttachBounce{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.mail-category-filters{border-bottom:1px solid #ffffff0f;border-bottom:1px solid rgba(var(--color-ui-border-rgb,255,255,255),.06);display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1rem}.mail-cat-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1f;border:1px solid rgba(var(--color-ui-border-rgb,255,255,255),.12);border-radius:14px;color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;font-size:.78rem;gap:.3rem;padding:.3rem .65rem;transition:all .2s ease}.mail-cat-btn:hover{background:rgba(var(--color-brand-primary-rgb),.1);color:var(--color-text-secondary)}.mail-cat-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.mail-cat-btn.active{background:rgba(var(--color-brand-primary-rgb),.2);border-color:rgba(var(--color-brand-primary-rgb),.4);color:var(--color-brand-primary)}.mail-toolbar{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid rgba(var(--color-ui-border-rgb,255,255,255),.06);display:flex;gap:.75rem;padding:.75rem 1rem}.mail-search-wrap{align-items:center;display:flex;flex:1 1;position:relative}.mail-search{background:#00000026;border:1px solid var(--color-ui-border);border-radius:8px;color:var(--color-text-primary);font-size:.88rem;padding:.45rem .75rem .45rem 2rem;transition:border-color .2s;width:100%}.mail-search:focus{border-color:var(--color-brand-primary);outline:none}.mail-search-wrap .mail-icon-search{left:.6rem;position:absolute}.mail-search-clear{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1.1rem;padding:.1rem .3rem;position:absolute;right:.5rem}.mail-search-clear:hover{color:var(--color-text-primary)}.mail-bulk-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.bulk-count{color:var(--color-brand-primary);font-size:.8rem;font-weight:600}.bulk-deselect{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:.8rem;text-decoration:underline}.bulk-deselect:hover{color:var(--color-text-primary)}.mail-select-all-btn{background:none;border:1px solid #ffffff1f;border:1px solid rgba(var(--color-ui-border-rgb,255,255,255),.12);border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;font-size:.78rem;padding:.3rem .6rem;transition:all .2s}.mail-select-all-btn:hover{background:rgba(var(--color-brand-primary-rgb),.1);color:var(--color-text-secondary)}.mail-list{max-height:520px;overflow-y:auto}.mail-item{align-items:center;animation:mailItemEntrance .35s ease-out both;border-bottom:1px solid #ffffff0f;border-bottom:1px solid rgba(var(--color-ui-border-rgb,255,255,255),.06);border-left:3px solid #0000;cursor:pointer;display:flex;gap:.75rem;padding:.85rem 1rem;transition:all .2s ease}@keyframes mailItemEntrance{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.mail-item:hover{background:#ffffff0a;transform:translateX(3px)}.mail-item:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.mail-item.unread{background:rgba(var(--color-brand-primary-rgb),.04)}.mail-item.unread .mail-subject{color:var(--color-text-primary);font-weight:600}.mail-item.selected{background:rgba(var(--color-brand-primary-rgb),.08)}.mail-item.mail-rarity-admin{border-left-color:#f59e0b}.mail-item.mail-rarity-reward{border-left-color:#10b981}.mail-item.mail-rarity-epic{animation:mailItemEntrance .35s ease-out both,mailEpicGlow 3s ease-in-out infinite;border-left-color:#a855f7}.mail-item.mail-rarity-battle{border-left-color:#ef4444}@keyframes mailEpicGlow{0%,to{box-shadow:inset 0 0 0 0 #a855f700}50%{box-shadow:inset 0 0 12px -4px #a855f71f}}.mail-select-col{align-items:center;display:flex;flex-shrink:0}.mail-checkbox{accent-color:var(--color-brand-primary);cursor:pointer;height:16px;width:16px}.mail-status{flex-shrink:0;width:10px}.unread-dot{animation:mailUnreadDotPulse 2s ease-in-out infinite;background:var(--color-brand-primary);border-radius:50%;display:block;height:8px;width:8px}@keyframes mailUnreadDotPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--color-brand-primary-rgb),.4)}50%{box-shadow:0 0 6px 2px rgba(var(--color-brand-primary-rgb),.2)}}.mail-content-preview{flex:1 1;min-width:0}.mail-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.2rem}.mail-sender{align-items:center;color:var(--color-brand-primary);display:inline-flex;font-size:.85rem;font-weight:500;gap:.35rem}.mail-date{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.mail-subject{color:var(--color-text-secondary);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-badge{align-items:center;background:#22c55e26;border:1px solid #22c55e40;border-radius:4px;color:var(--color-success);display:inline-flex;font-size:.7rem;gap:.25rem;margin-top:.2rem;padding:.12rem .45rem}.attachment-badge.claimed{background:#6b728026;border-color:#6b728040;color:var(--color-text-tertiary)}.mail-delete-btn{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:1rem;opacity:.3;padding:.3rem;transition:all .2s ease}.mail-delete-btn:hover{background:#ef44441a;opacity:1}.mail-pagination{align-items:center;border-top:1px solid var(--color-ui-border);display:flex;gap:1rem;justify-content:center;padding:.85rem 1rem}.mail-page-info{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-size:.85rem;font-variant-numeric:tabular-nums}.mail-skeleton-list{padding:.5rem 0}.mail-skeleton-item{align-items:center;animation:mailSkeletonShimmer 1.5s ease-in-out infinite;display:flex;gap:1rem;padding:1rem 1.25rem}.mail-skel-dot{background:rgba(var(--color-brand-primary-rgb),.15);border-radius:50%;flex-shrink:0;height:10px;width:10px}.mail-skel-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.mail-skel-line{background:#ffffff0f;border-radius:4px;height:12px}.mail-skel-short{width:40%}.mail-skel-long{width:70%}@keyframes mailSkeletonShimmer{0%,to{opacity:.4}50%{opacity:.8}}.mail-empty{align-items:center;animation:mailFadeInDown .4s ease-out;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:3.5rem 2rem}.mail-empty p{font-size:.95rem;margin-top:.5rem}.mail-loading{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner{border:3px solid rgba(var(--color-brand-primary-rgb),.2);border-top-color:var(--color-brand-primary);height:32px;width:32px}.mail-detail-modal .modal-content{max-width:620px}.mail-detail-content{animation:mailModalSlideIn .3s ease-out;padding:1rem}@keyframes mailModalSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mail-detail-header{border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.85rem}.mail-detail-date,.mail-detail-from{display:flex;flex-direction:column}.mail-detail-date .label,.mail-detail-from .label{color:var(--color-text-tertiary);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.mail-detail-date .value,.mail-detail-from .value{color:var(--color-text-primary);font-size:.95rem}.mail-detail-body{background:#0003;border-radius:8px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.25rem;min-height:80px;padding:1rem;white-space:pre-wrap}.mail-detail-body .no-content{color:var(--color-text-tertiary);font-style:italic}.mail-attachment-section{background:#22c55e14;border:1px solid #22c55e2e;border-radius:8px;margin-bottom:1.25rem;overflow:hidden;padding:1rem;position:relative}.mail-attachment-section h4{align-items:center;color:var(--color-success);display:flex;font-size:.95rem;gap:.4rem;margin:0 0 .75rem}.attachment-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.attachment-item{align-items:center;background:#0003;border:1px solid #ffffff14;border:1px solid rgba(var(--color-ui-border-rgb,255,255,255),.08);border-radius:6px;color:var(--color-text-primary);display:inline-flex;font-size:.83rem;gap:.4rem;padding:.35rem .65rem;transition:all .2s ease}.attachment-item:hover{background:#0000004d;transform:translateY(-1px)}.attachment-item.att-claimed{opacity:.6}.att-icon{flex-shrink:0}.att-label{font-weight:500}.att-qty{font-feature-settings:"tnum";color:var(--color-success);font-variant-numeric:tabular-nums;font-weight:600}.att-check{margin-left:.15rem}.claim-btn{overflow:hidden;position:relative}.attachment-claimed-text{align-items:center;color:var(--color-success);display:inline-flex;font-size:.88rem;gap:.3rem}.claim-celebration{animation:mailClaimFlash .6s ease-out}.claim-celebration:after{animation:mailClaimRing 1s ease-out forwards;background:#22c55e33;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0}.claim-epic:after{background:#a855f740}.claim-legendary:after{background:#fcd34d4d}@keyframes mailClaimFlash{0%{background:#22c55e4d}to{background:#22c55e14}}@keyframes mailClaimRing{0%{height:0;opacity:1;transform:translate(-50%,-50%);width:0}to{height:300px;opacity:0;transform:translate(-50%,-50%);width:300px}}.claim-epic:before,.claim-legendary:before{animation:mailConfetti 1.5s ease-out forwards;background-image:radial-gradient(circle 2px,#a855f7 100%,#0000 0),radial-gradient(circle 2px,#c084fc 100%,#0000 0),radial-gradient(circle 1px,#e9d5ff 100%,#0000 0),radial-gradient(circle 2px,#a855f7 100%,#0000 0),radial-gradient(circle 1px,#c084fc 100%,#0000 0);background-position:10% 20%,30% 60%,50% 10%,70% 50%,90% 30%;background-size:8px 8px;content:"";inset:0;pointer-events:none;position:absolute}.claim-legendary:before{background-image:radial-gradient(circle 2px,#fcd34d 100%,#0000 0),radial-gradient(circle 2px,#fbbf24 100%,#0000 0),radial-gradient(circle 1px,#fef3c7 100%,#0000 0),radial-gradient(circle 2px,#f59e0b 100%,#0000 0),radial-gradient(circle 1px,#fcd34d 100%,#0000 0)}@keyframes mailConfetti{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.mail-detail-actions{display:flex;gap:.65rem;justify-content:flex-end}.delete-confirm-content{padding:1rem}.delete-confirm-content p{color:var(--color-text-secondary);line-height:1.5;margin:0 0 1.25rem}.delete-confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.mail-compose-form{gap:1rem;padding:.25rem 0}.compose-field,.mail-compose-form{display:flex;flex-direction:column}.compose-field{gap:.35rem}.compose-field label{color:var(--color-text-secondary);font-size:.88rem;font-weight:500}.compose-field input,.compose-field textarea{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:6px;border-radius:var(--border-radius-md,6px);color:var(--color-text-primary);font-family:inherit;font-size:1rem;padding:.5rem .75rem;transition:border-color .2s}.compose-field input:focus,.compose-field textarea:focus{border-color:var(--color-brand-primary);outline:none}.compose-field textarea{min-height:120px;resize:vertical}.compose-char-count{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right;transition:color .2s}.compose-char-count.char-yellow{color:#f59e0b}.compose-char-count.char-red{color:#ef4444;font-weight:600}.compose-recipient-wrap{display:flex;flex-direction:column;gap:.3rem}.compose-recipient-input.recipient-valid{border-color:#10b981;border-color:var(--color-success,#10b981)}.compose-recipient-input.recipient-invalid{border-color:#ef4444;border-color:var(--color-danger,#ef4444)}.recipient-status{font-size:.78rem;min-height:1.1rem}.recipient-spinner{animation:spin .8s linear infinite;border:2px solid rgba(var(--color-brand-primary-rgb),.2);border-radius:50%;border-top-color:var(--color-brand-primary);display:inline-block;height:12px;margin-right:.3rem;vertical-align:middle;width:12px}.recipient-found{align-items:center;color:#10b981;color:var(--color-success,#10b981);display:inline-flex;font-weight:500;gap:.25rem}.recipient-not-found{color:#ef4444;color:var(--color-danger,#ef4444);font-weight:500}.mail-compose-actions{border-top:1px solid var(--color-ui-border);display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem}.mail-cat-icon,.mail-icon-attach,.mail-icon-check,.mail-icon-delete,.mail-icon-empty,.mail-icon-header,.mail-icon-inbox,.mail-icon-search,.mail-icon-sent,.mail-icon-warning{display:inline-block;flex-shrink:0;height:14px;vertical-align:middle;width:14px}.mail-icon-header{background:#3b82f6;background:var(--color-brand-primary,#3b82f6);-webkit-clip-path:polygon(0 15%,50% 50%,100% 15%,100% 85%,0 85%);clip-path:polygon(0 15%,50% 50%,100% 15%,100% 85%,0 85%);height:20px;width:20px}.mail-icon-inbox{background:#3b82f6;background:var(--color-info,#3b82f6);-webkit-clip-path:polygon(10% 0,90% 0,100% 40%,100% 100%,0 100%,0 40%);clip-path:polygon(10% 0,90% 0,100% 40%,100% 100%,0 100%,0 40%)}.mail-icon-sent{-webkit-clip-path:polygon(0 50%,50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%);clip-path:polygon(0 50%,50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%)}.mail-icon-attach,.mail-icon-sent{background:#10b981;background:var(--color-success,#10b981)}.mail-icon-attach{-webkit-clip-path:polygon(40% 0,60% 0,60% 70%,80% 50%,50% 100%,20% 50%,40% 70%);clip-path:polygon(40% 0,60% 0,60% 70%,80% 50%,50% 100%,20% 50%,40% 70%);transform:rotate(180deg)}.mail-icon-delete{background:#ef4444;background:var(--color-danger,#ef4444);-webkit-clip-path:polygon(20% 10%,80% 10%,80% 20%,75% 100%,25% 100%,20% 20%);clip-path:polygon(20% 10%,80% 10%,80% 20%,75% 100%,25% 100%,20% 20%)}.mail-icon-warning{background:#f59e0b;-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.mail-icon-check{background:#10b981;background:var(--color-success,#10b981);-webkit-clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);height:12px;width:12px}.mail-icon-empty{animation:mailEmptyFloat 3s ease-in-out infinite;background:#ffffff40;background:var(--color-text-tertiary,#ffffff40);-webkit-clip-path:polygon(0 15%,50% 50%,100% 15%,100% 85%,0 85%);clip-path:polygon(0 15%,50% 50%,100% 15%,100% 85%,0 85%);height:48px;opacity:.5;width:48px}@keyframes mailEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mail-icon-search{-webkit-clip-path:circle(35% at 40% 40%);clip-path:circle(35% at 40% 40%);position:relative}.mail-icon-search,.mail-icon-search:after{background:#fff6;background:var(--color-text-tertiary,#fff6)}.mail-icon-search:after{bottom:1px;content:"";height:2px;position:absolute;right:1px;transform:rotate(45deg);width:5px}.mail-cat-icon{height:12px;width:12px}.mail-icon-system{background:#60a5fa;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mail-icon-admin{background:#f59e0b;-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.mail-icon-battle{background:#ef4444;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mail-icon-player{background:#10b981;-webkit-clip-path:circle(45% at 50% 50%);clip-path:circle(45% at 50% 50%)}.mail-icon-alliance{background:#8b5cf6;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.mail-icon-reward{background:#fbbf24;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mail-icon-credits{background:#10b981}.mail-icon-credits,.mail-icon-gold{-webkit-clip-path:circle(45% at 50% 50%);clip-path:circle(45% at 50% 50%);display:inline-block;height:14px;vertical-align:middle;width:14px}.mail-icon-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.mail-icon-component{background:#60a5fa;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.mail-icon-component,.mail-icon-resource{display:inline-block;height:14px;vertical-align:middle;width:14px}.mail-icon-resource{background:#a78bfa;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.mail-icon-item{background:#f472b6;-webkit-clip-path:polygon(10% 10%,90% 10%,90% 90%,10% 90%);clip-path:polygon(10% 10%,90% 10%,90% 90%,10% 90%);display:inline-block;height:14px;vertical-align:middle;width:14px}@keyframes mailFadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mailCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mail-center-card,.mail-center-container,.mail-center-header,.mail-detail-content,.mail-empty,.mail-item,.mail-skeleton-item{animation:none!important}.mail-item:hover{transform:none}.mail-starfield{display:none}.mail-scan-line{animation:none;display:none}.mail-center-container:before{display:none}.mail-icon-empty,.mail-stats .unread-count.has-unread,.tab-badge,.unread-dot{animation:none!important}.loading-spinner{animation:none;border-top-color:var(--color-brand-primary);opacity:.7}.claim-celebration,.claim-celebration:after,.claim-celebration:before{animation:none!important}}@media (max-width:768px){.mail-center-container{padding:1rem}.mail-center-header{flex-direction:column;gap:.75rem;text-align:center}.mail-stats{flex-wrap:wrap;justify-content:center}.mail-category-filters{gap:.35rem;padding:.6rem .75rem}.mail-toolbar{flex-direction:column;gap:.5rem}.mail-bulk-actions{justify-content:center}.mail-detail-header{flex-direction:column;gap:.5rem}}@media (max-width:600px){.mail-item{gap:.5rem;padding:.65rem .75rem}.mail-select-col{display:none}.mail-center-header h1{font-size:1.4rem}.mail-pagination{gap:.5rem}}@media (max-width:480px){.mail-center-container{padding:.75rem}.mail-center-header h1{font-size:1.25rem}.mail-stats{flex-direction:column;gap:.5rem}.mail-tab{font-size:.88rem;padding:.75rem .5rem}.mail-category-filters{gap:.25rem;padding:.5rem}.mail-cat-btn{font-size:.72rem;padding:.25rem .5rem}.mail-search{font-size:.82rem;padding:.4rem .6rem .4rem 1.8rem}.mail-item{gap:.4rem;padding:.55rem .6rem}.mail-sender{font-size:.8rem}.mail-subject{font-size:.85rem}.mail-date{font-size:.7rem}.mail-pagination{gap:.5rem;padding:.65rem .5rem}.mail-page-info{font-size:.78rem}.mail-detail-body,.mail-detail-content{padding:.75rem}}.vip-center-container{background:radial-gradient(ellipse 80% 50% at 50% 0,#ffd7000f 0,#0000 70%),radial-gradient(ellipse 60% 40% at 20% 80%,#cd7f320a 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 60%,#ffd70008 0,#0000 60%);box-sizing:border-box;margin:0 auto;max-width:min(1100px,96vw);overflow:hidden;padding:1.5rem;position:relative;width:100%}@media (min-width:1920px){.vip-center-container{max-width:min(1400px,98vw)}}@media (min-width:2560px){.vip-center-container{max-width:min(1800px,98vw)}}.vip-starfield{inset:0;pointer-events:none;position:absolute;z-index:0}.vip-star{animation:vipStarTwinkle 3s ease-in-out infinite;background:gold;border-radius:50%;height:2px;position:absolute;width:2px}.vip-star:first-child{animation-delay:0s;animation-duration:2.8s;left:12%;top:5%}.vip-star:nth-child(2){animation-delay:.4s;animation-duration:3.2s;left:45%;top:8%}.vip-star:nth-child(3){animation-delay:.8s;animation-duration:2.5s;left:78%;top:12%}.vip-star:nth-child(4){animation-delay:1.2s;animation-duration:3.6s;left:25%;top:18%}.vip-star:nth-child(5){animation-delay:.2s;animation-duration:2.9s;left:60%;top:22%}.vip-star:nth-child(6){animation-delay:1.6s;animation-duration:3.1s;left:90%;top:28%}.vip-star:nth-child(7){animation-delay:.6s;animation-duration:3.4s;left:8%;top:32%}.vip-star:nth-child(8){animation-delay:1s;animation-duration:2.6s;left:35%;top:38%}.vip-star:nth-child(9){animation-delay:1.4s;animation-duration:3.3s;left:70%;top:42%}.vip-star:nth-child(10){animation-delay:.3s;animation-duration:2.7s;left:15%;top:48%}.vip-star:nth-child(11){animation-delay:1.8s;animation-duration:3s;left:50%;top:52%}.vip-star:nth-child(12){animation-delay:.7s;animation-duration:3.5s;left:82%;top:55%}.vip-star:nth-child(13){animation-delay:1.1s;animation-duration:2.4s;left:20%;top:60%}.vip-star:nth-child(14){animation-delay:.5s;animation-duration:3.7s;left:55%;top:65%}.vip-star:nth-child(15){animation-delay:1.9s;animation-duration:2.8s;left:88%;top:70%}.vip-star:nth-child(16){animation-delay:.9s;animation-duration:3.2s;left:5%;top:75%}.vip-star:nth-child(17){animation-delay:1.3s;animation-duration:2.6s;left:40%;top:78%}.vip-star:nth-child(18){animation-delay:.1s;animation-duration:3.4s;left:65%;top:82%}.vip-star:nth-child(19){animation-delay:1.7s;animation-duration:2.9s;left:30%;top:86%}.vip-star:nth-child(20){animation-delay:.8s;animation-duration:3.1s;left:75%;top:90%}.vip-star:nth-child(21){animation-delay:2s;animation-duration:2.5s;left:95%;top:15%}.vip-star:nth-child(22){animation-delay:2.2s;animation-duration:3.3s;left:52%;top:35%}.vip-star:nth-child(23){animation-delay:2.4s;animation-duration:2.7s;left:3%;top:45%}.vip-star:nth-child(24){animation-delay:2.6s;animation-duration:3.6s;left:42%;top:58%}.vip-star:nth-child(25){animation-delay:2.8s;animation-duration:2.4s;left:10%;top:68%}.vip-star:nth-child(26){animation-delay:3s;animation-duration:3s;left:65%;top:3%}.vip-star:nth-child(27){animation-delay:3.2s;animation-duration:2.8s;left:48%;top:25%}.vip-star:nth-child(28){animation-delay:3.4s;animation-duration:3.5s;left:30%;top:50%}.vip-star:nth-child(29){animation-delay:3.6s;animation-duration:2.6s;left:58%;top:72%}.vip-star:nth-child(30){animation-delay:3.8s;animation-duration:3.2s;left:48%;top:88%}.vip-star:nth-child(odd){background:#ffd700b3;height:1.5px;width:1.5px}.vip-star:nth-child(3n){background:#ffd70080;box-shadow:0 0 4px #ffd70066;height:3px;width:3px}@keyframes vipStarTwinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}.vip-particles{inset:0;pointer-events:none;position:absolute;z-index:0}.vip-particle{animation:vipParticleFloat 12s ease-in-out infinite;background:radial-gradient(circle,#ffd70099,#0000);border-radius:50%;height:4px;position:absolute;width:4px}.vip-particle:first-child{animation-delay:0s;animation-duration:10s;left:10%}.vip-particle:nth-child(2){animation-delay:1.5s;animation-duration:13s;left:25%}.vip-particle:nth-child(3){animation-delay:3s;animation-duration:11s;left:40%}.vip-particle:nth-child(4){animation-delay:4.5s;animation-duration:14s;left:55%}.vip-particle:nth-child(5){animation-delay:2s;animation-duration:12s;left:70%}.vip-particle:nth-child(6){animation-delay:5s;animation-duration:10s;left:85%}.vip-particle:nth-child(7){animation-delay:6s;animation-duration:15s;left:33%}.vip-particle:nth-child(8){animation-delay:7s;animation-duration:11s;left:66%}.vip-particle:nth-child(odd){height:3px;width:3px}.vip-particle:nth-child(3n){background:radial-gradient(circle,#ffd70066,#0000);height:5px;width:5px}@keyframes vipParticleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-50px) translateX(30px)}}.vip-center-header{animation:vipFadeInDown .6s ease-out;margin-bottom:2rem;position:relative;text-align:center;z-index:1}.vip-center-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,gold,#fa0,gold);background-clip:text;-webkit-background-clip:text;display:inline-flex;font-size:2rem;font-weight:800;gap:.75rem;margin:0 0 .5rem}.vip-center-header p{color:var(--color-text-tertiary);font-size:.9rem;margin:0}.vip-header-scanline{animation:vipHeaderSweep 4s linear infinite;background:linear-gradient(90deg,#0000,gold,#0000);bottom:-4px;height:2px;left:0;position:absolute;width:100%}@keyframes vipFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes vipHeaderSweep{0%{opacity:0;transform:scaleX(0);transform-origin:left}50%{opacity:1;transform:scaleX(1);transform-origin:left}51%{transform-origin:right}to{opacity:0;transform:scaleX(0);transform-origin:right}}.vip-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;position:relative;z-index:1}.vip-error .error-text{color:var(--color-danger);flex:1 1}.vip-retry-btn{background:#ef444433;border:1px solid #ef444466;border-radius:6px;color:#fca5a5;cursor:pointer;font-size:.8rem;padding:.35rem .75rem;transition:background .2s}.vip-retry-btn:hover{background:#ef44444d}.vip-status-card{animation:vipCardFadeIn .5s ease-out;background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid #2a2a4e;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;z-index:1}.vip-status-card.vip-tier-1{border-color:#cd7f3266;box-shadow:0 0 20px #cd7f321a}.vip-status-card.vip-tier-2{border-color:#c0c0c066;box-shadow:0 0 20px #c0c0c01a}.vip-status-card.vip-tier-3{border-color:#ffd70066;box-shadow:0 0 20px #ffd70026}.vip-badge-large,.vip-status-content{align-items:center;display:flex;flex-direction:column}.vip-badge-large{border:2px solid;border-radius:16px;margin-bottom:1.25rem;padding:2rem 3rem;transition:transform .3s ease}.vip-badge-large:hover{transform:scale(1.02)}.vip-badge-large.vip-active-pulse{animation:vipActivePulse 3s ease-in-out infinite}.vip-badge-large .vip-badge-icon{align-items:center;display:flex;justify-content:center;margin-bottom:.5rem}.vip-badge-large .vip-tier-name{font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}@keyframes vipActivePulse{0%,to{box-shadow:0 0 10px #ffd7001a}50%{box-shadow:0 0 25px #ffd70040}}@keyframes vipCardFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.vip-subscription-info{display:flex;gap:2rem;margin-bottom:.75rem}.subscription-item{align-items:center;display:flex;flex-direction:column}.subscription-item .label{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.subscription-item .value{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:700}.subscription-item .value.active{color:#34d399}.subscription-item .value.inactive{color:var(--color-danger)}.subscription-item .value.streak{color:#fbbf24}.subscription-item .value.expiring-soon{animation:vipExpiryPulse 1.5s ease-in-out infinite;color:#ef4444}@keyframes vipExpiryPulse{0%,to{opacity:1}50%{opacity:.5}}.vip-expiry-warning{align-items:center;animation:vipExpiryPulse 2s ease-in-out infinite;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem}.vip-loyalty-badge{align-items:center;background:linear-gradient(135deg,#ffd70026,#ffaa001a);border:1px solid #ffd7004d;border-radius:20px;color:#fbbf24;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-top:.5rem;padding:.3rem .75rem}.vip-loyalty-next{color:var(--color-text-tertiary);font-size:.75rem;margin-top:.25rem}.non-vip-notice{text-align:center}.non-vip-notice p{color:var(--color-text-tertiary);margin:0}.vip-daily-reward-card{animation:vipCardFadeIn .6s ease-out .1s both;background:linear-gradient(135deg,#ffd7000d 0,var(--color-ui-surface) 100%);border:1px solid #ffd70040;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;padding:1.25rem;position:relative;z-index:1}.vip-daily-reward-card h3{align-items:center;color:var(--color-brand-accent);display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.vip-card-scanline{animation:vipCardScanline 5s linear infinite;background:linear-gradient(90deg,#0000,#ffd70080,#0000);height:1px;left:0;position:absolute;top:0;width:100%}@keyframes vipCardScanline{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.daily-reward-content{align-items:center;display:flex;gap:1.5rem}.reward-preview{display:flex;flex:1 1;gap:1rem}.reward-preview-item{background:#ffd70014;color:var(--color-text-primary);font-weight:600;padding:.4rem .75rem}.daily-countdown,.reward-preview-item{align-items:center;border-radius:8px;display:flex;font-size:.85rem;gap:.4rem}.daily-countdown{font-feature-settings:"tnum";background:#0000004d;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;padding:.5rem 1rem}.daily-countdown strong{color:var(--color-brand-accent)}.vip-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.25rem;transition:all .2s ease}.vip-btn:disabled{cursor:not-allowed;opacity:.5}.vip-btn-gold{background:linear-gradient(135deg,gold,#fa0);box-shadow:0 2px 10px #ffd7004d;color:#1a1a2e}.vip-btn-gold:hover:not(:disabled){box-shadow:0 4px 15px #ffd70066;transform:translateY(-1px)}.vip-btn-purchase{background:linear-gradient(135deg,#34d399,#10b981);color:#0d1117}.vip-btn-purchase:hover:not(:disabled){box-shadow:0 4px 12px #34d3994d;transform:translateY(-1px)}.vip-btn-renew{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.vip-btn-renew:hover:not(:disabled){box-shadow:0 4px 12px #60a5fa4d;transform:translateY(-1px)}.vip-btn-cancel{background:#ffffff14;border:1px solid #ffffff26;color:var(--color-text-secondary)}.vip-btn-cancel:hover:not(:disabled){background:#ffffff1f}.vip-btn-disabled{background:#ffffff0d;color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5}.vip-btn:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.vip-tier-section{margin-bottom:1.5rem;position:relative;z-index:1}.vip-tier-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .75rem}.vip-gold-balance{align-items:center;background:#ffd70014;border:1px solid #ffd70033;border-radius:20px;color:var(--color-text-secondary);display:inline-flex;font-size:.85rem;gap:.4rem;margin-bottom:1rem;padding:.35rem .75rem}.vip-gold-balance strong{color:#fbbf24}.vip-tier-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.vip-tier-card{animation:vipTierCardEntrance .5s ease-out both;background:linear-gradient(180deg,var(--color-ui-background),var(--color-ui-surface));border:1px solid #2a2a4e;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.vip-tier-card:first-child{animation-delay:.1s}.vip-tier-card:nth-child(2){animation-delay:.2s}.vip-tier-card:nth-child(3){animation-delay:.3s}.vip-tier-card:hover{box-shadow:0 8px 30px #ffd70026;box-shadow:0 8px 30px var(--tier-glow,#ffd70026);transform:translateY(-3px)}.vip-tier-card.vip-tier-1{border-color:#cd7f3259}.vip-tier-card.vip-tier-2{border-color:#c0c0c059}.vip-tier-card.vip-tier-3{border-color:#ffd70066}.vip-tier-card.current-tier{border-width:2px;box-shadow:0 0 20px #ffd70033;box-shadow:0 0 20px var(--tier-glow,#ffd70033)}@keyframes vipTierCardEntrance{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tier-card-scanline{animation:vipCardScanline 6s linear infinite;background:linear-gradient(90deg,#0000,gold,#0000);background:linear-gradient(90deg,#0000,var(--tier-color,gold),#0000);height:1px;left:0;position:absolute;top:0;width:100%}.best-value-badge,.current-tier-badge{font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:2px 32px;position:absolute;right:-28px;text-transform:uppercase;top:10px;transform:rotate(45deg);z-index:2}.best-value-badge{background:linear-gradient(135deg,gold,#fa0);color:#1a1a2e}.current-tier-badge{background:linear-gradient(135deg,#34d399,#10b981);color:#0d1117}.tier-card-header{margin-bottom:1rem;text-align:center}.tier-card-header h4{color:var(--color-text-primary);color:var(--tier-color,var(--color-text-primary));font-size:1.1rem;margin:.5rem 0 .25rem}.tier-cost{font-feature-settings:"tnum";align-items:baseline;color:var(--color-text-primary);display:flex;font-size:1.4rem;font-variant-numeric:tabular-nums;font-weight:800;gap:.25rem;justify-content:center}.tier-cost small{color:var(--color-text-tertiary);font-size:.75rem;font-weight:400}.tier-highlights{display:flex;flex:1 1;flex-direction:column;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0}.tier-highlights li{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.5rem}.tier-highlights .highlight-name{flex:1 1}.tier-highlights .highlight-value{font-feature-settings:"tnum";color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:700}.tier-card-action{margin-top:auto}.tier-card-action .vip-btn{justify-content:center;width:100%}.vip-benefits-section{margin-bottom:1.5rem;position:relative;z-index:1}.vip-benefits-section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .75rem}.benefits-list{display:flex;flex-direction:column;gap:.5rem}.benefit-item{animation:vipBenefitEntrance .4s ease-out both;background:#0003;border-radius:8px;padding:.65rem .85rem;transition:transform .2s ease,background .2s ease}.benefit-item:after{background:linear-gradient(90deg,#0000,#ffd7000a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.benefit-item:hover{background:#0000004d;transform:translateX(4px)}.benefit-item:hover:after{left:100%}@keyframes vipBenefitEntrance{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.benefit-item .benefit-icon{flex-shrink:0;font-size:1.25rem}.benefit-item .benefit-details{display:flex;flex:1 1;flex-direction:column}.benefit-item .benefit-name{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.benefit-item .benefit-desc{color:var(--color-text-tertiary);font-size:.75rem}.benefit-item .benefit-tier{font-size:.7rem;font-weight:600;white-space:nowrap}.vip-confirm-overlay{align-items:center;animation:vipOverlayFadeIn .25s ease-out;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}@keyframes vipOverlayFadeIn{0%{opacity:0}to{opacity:1}}.vip-confirm-modal{animation:vipConfirmFadeIn .3s ease-out;background:var(--color-ui-surface);border:1px solid #ffd7004d;border-radius:16px;max-width:400px;padding:2rem;text-align:center;width:90%}@keyframes vipConfirmFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.vip-confirm-modal h3{color:var(--color-text-primary);margin:0 0 1.25rem}.confirm-cost{color:#fbbf24;font-size:1.5rem;font-weight:800;gap:.5rem;margin-bottom:.5rem}.confirm-cost,.confirm-duration{align-items:center;display:flex;justify-content:center}.confirm-duration{color:var(--color-text-tertiary);font-size:.85rem;gap:.4rem;margin-bottom:.75rem}.confirm-balance{border-top:1px solid #ffffff14;color:var(--color-text-tertiary);font-size:.8rem;margin-bottom:1.25rem;padding:.5rem 0}.confirm-actions .vip-btn{justify-content:center;min-width:100px}.vip-celebration-overlay{align-items:center;animation:vipOverlayFadeIn .3s ease-out;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-popover)}.vip-celebration-modal{max-width:420px;padding:3rem 2rem;position:relative;text-align:center;width:90%}.vip-celebration-overlay .celebration-ring{animation:vipCelebrationRing 1.5s ease-out forwards;border:3px solid #ffd7004d;border-radius:50%;height:300px;left:50%;margin:-150px 0 0 -150px;position:absolute;top:50%;width:300px}@keyframes vipCelebrationRing{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.celebration-confetti{inset:0;overflow:hidden;pointer-events:none;position:absolute}.vip-celebration-overlay .confetti-piece{animation:vipConfetti 2s ease-out forwards;height:8px;left:50%;position:absolute;top:50%;width:8px}.vip-celebration-overlay .confetti-piece:nth-child(odd){background:gold;border-radius:0}.vip-celebration-overlay .confetti-piece:nth-child(2n){background:#fa0;border-radius:50%}.vip-celebration-overlay .confetti-piece:nth-child(3n){background:#cd7f32;height:10px;width:6px}.vip-celebration-overlay .confetti-piece:nth-child(4n){background:#fbbf24;height:6px;width:10px}.vip-celebration-overlay .confetti-piece:first-child{--angle:0deg;--dist:120px;animation-delay:0s}.vip-celebration-overlay .confetti-piece:nth-child(2){--angle:18deg;--dist:140px;animation-delay:.02s}.vip-celebration-overlay .confetti-piece:nth-child(3){--angle:36deg;--dist:100px;animation-delay:.04s}.vip-celebration-overlay .confetti-piece:nth-child(4){--angle:54deg;--dist:160px;animation-delay:.06s}.vip-celebration-overlay .confetti-piece:nth-child(5){--angle:72deg;--dist:110px;animation-delay:.08s}.vip-celebration-overlay .confetti-piece:nth-child(6){--angle:90deg;--dist:130px;animation-delay:.1s}.vip-celebration-overlay .confetti-piece:nth-child(7){--angle:108deg;--dist:150px;animation-delay:.12s}.vip-celebration-overlay .confetti-piece:nth-child(8){--angle:126deg;--dist:90px;animation-delay:.14s}.vip-celebration-overlay .confetti-piece:nth-child(9){--angle:144deg;--dist:170px;animation-delay:.16s}.vip-celebration-overlay .confetti-piece:nth-child(10){--angle:162deg;--dist:120px;animation-delay:.18s}.vip-celebration-overlay .confetti-piece:nth-child(11){--angle:180deg;--dist:140px;animation-delay:.2s}.vip-celebration-overlay .confetti-piece:nth-child(12){--angle:198deg;--dist:100px;animation-delay:.22s}.vip-celebration-overlay .confetti-piece:nth-child(13){--angle:216deg;--dist:155px;animation-delay:.24s}.vip-celebration-overlay .confetti-piece:nth-child(14){--angle:234deg;--dist:115px;animation-delay:.26s}.vip-celebration-overlay .confetti-piece:nth-child(15){--angle:252deg;--dist:135px;animation-delay:.28s}.vip-celebration-overlay .confetti-piece:nth-child(16){--angle:270deg;--dist:105px;animation-delay:.3s}.vip-celebration-overlay .confetti-piece:nth-child(17){--angle:288deg;--dist:145px;animation-delay:.32s}.vip-celebration-overlay .confetti-piece:nth-child(18){--angle:306deg;--dist:125px;animation-delay:.34s}.vip-celebration-overlay .confetti-piece:nth-child(19){--angle:324deg;--dist:160px;animation-delay:.36s}.vip-celebration-overlay .confetti-piece:nth-child(20){--angle:342deg;--dist:110px;animation-delay:.38s}@keyframes vipConfetti{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--angle))*var(--dist)),calc(sin(var(--angle))*var(--dist) + 80px)) rotate(2turn) scale(0)}}.celebration-content{position:relative;z-index:1}.celebration-crown{animation:vipCrownBounce .8s ease-out;display:inline-flex}@keyframes vipCrownBounce{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}.vip-celebration-modal h2{animation:vipTextGlow 2s ease-in-out infinite;color:gold;font-size:1.8rem;margin:1rem 0 .5rem}@keyframes vipTextGlow{0%,to{text-shadow:0 0 10px #ffd7004d}50%{text-shadow:0 0 25px #ffd70099}}.celebration-tier{font-size:1.3rem;font-weight:800;letter-spacing:.15em;margin:0 0 .5rem;text-transform:uppercase}.celebration-upgrade-from{color:var(--color-text-tertiary);font-size:.9rem;margin:0 0 1.5rem}.vip-celebration-modal .vip-btn{margin-top:1rem}.vip-skeleton-grid{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.vip-skeleton-card{background:linear-gradient(90deg,#ffffff08 25%,#ffd7000f 50%,#ffffff08 75%);background-size:200% 100%;border-radius:12px;height:120px}.vip-skeleton-benefit,.vip-skeleton-card{animation:vipSkeletonShimmer 1.5s linear infinite}.vip-skeleton-benefit{background:linear-gradient(90deg,#ffffff08 25%,#ffd7000a 50%,#ffffff08 75%);background-size:200% 100%;border-radius:8px;height:48px}@keyframes vipSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vip-icon-bolt,.vip-icon-coin,.vip-icon-credits,.vip-icon-crown,.vip-icon-energy,.vip-icon-gamepad,.vip-icon-gift,.vip-icon-mech,.vip-icon-research,.vip-icon-shield,.vip-icon-sparkle,.vip-icon-star,.vip-icon-target,.vip-icon-timer,.vip-icon-unlock,.vip-icon-upgrade,.vip-icon-warning,.vip-icon-wrench{display:inline-block;flex-shrink:0;height:1.2em;vertical-align:middle;width:1.2em}.vip-badge-large .vip-icon-crown,.vip-badge-large .vip-icon-gamepad{height:3rem;width:3rem}.celebration-crown .vip-icon-crown{height:4rem;width:4rem}.tier-card-header .vip-icon-crown{height:2rem;width:2rem}.vip-center-header .vip-icon-crown{height:1.6em;width:1.6em}.vip-icon-warning{background:#ef4444;-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.vip-icon-crown{background:linear-gradient(135deg,gold,#fa0);-webkit-clip-path:polygon(0 90%,0 40%,20% 55%,50% 10%,80% 55%,100% 40%,100% 90%);clip-path:polygon(0 90%,0 40%,20% 55%,50% 10%,80% 55%,100% 40%,100% 90%)}.vip-icon-gamepad{background:#6b7280;-webkit-clip-path:polygon(25% 20%,75% 20%,90% 40%,90% 70%,75% 85%,55% 85%,55% 70%,45% 70%,45% 85%,25% 85%,10% 70%,10% 40%);clip-path:polygon(25% 20%,75% 20%,90% 40%,90% 70%,75% 85%,55% 85%,55% 70%,45% 70%,45% 85%,25% 85%,10% 70%,10% 40%)}.vip-icon-gift{background:linear-gradient(135deg,gold,#ff8c00);-webkit-clip-path:polygon(10% 45%,45% 45%,45% 30%,30% 20%,40% 10%,50% 20%,60% 10%,70% 20%,55% 30%,55% 45%,90% 45%,90% 90%,10% 90%);clip-path:polygon(10% 45%,45% 45%,45% 30%,30% 20%,40% 10%,50% 20%,60% 10%,70% 20%,55% 30%,55% 45%,90% 45%,90% 90%,10% 90%)}.vip-icon-credits{background:linear-gradient(135deg,gold,#daa520);-webkit-clip-path:circle(42% at 50% 50%);clip-path:circle(42% at 50% 50%)}.vip-icon-credits:after{background:#00000040;-webkit-clip-path:polygon(30% 0,70% 0,70% 40%,90% 40%,50% 100%,10% 40%,30% 40%);clip-path:polygon(30% 0,70% 0,70% 40%,90% 40%,50% 100%,10% 40%,30% 40%);content:"";display:block;height:60%;margin:20% auto;width:40%}.vip-icon-energy{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(60% 0,25% 45%,45% 45%,35% 100%,75% 50%,55% 50%);clip-path:polygon(60% 0,25% 45%,45% 45%,35% 100%,75% 50%,55% 50%)}.vip-icon-target{background:radial-gradient(circle,#0000 15%,#ef4444 16%,#ef4444 25%,#0000 26%,#0000 35%,#ef4444 36%,#ef4444 44%,#0000 45%)}.vip-icon-target:after{background:linear-gradient(#ef4444,#ef4444) 50%/8% 100% no-repeat,linear-gradient(#ef4444,#ef4444) 50%/100% 8% no-repeat;content:"";display:block;height:100%;width:100%}.vip-icon-unlock{background:#10b981;-webkit-clip-path:polygon(25% 45%,25% 90%,75% 90%,75% 45%,65% 45%,65% 30%,60% 15%,50% 10%,40% 15%,35% 30%,35% 40%,25% 40%);clip-path:polygon(25% 45%,25% 90%,75% 90%,75% 45%,65% 45%,65% 30%,60% 15%,50% 10%,40% 15%,35% 30%,35% 40%,25% 40%)}.vip-icon-sparkle{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%);clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%)}.vip-icon-wrench{background:#94a3b8;-webkit-clip-path:polygon(15% 10%,30% 10%,40% 25%,60% 75%,75% 90%,85% 80%,70% 65%,50% 20%,40% 10%);clip-path:polygon(15% 10%,30% 10%,40% 25%,60% 75%,75% 90%,85% 80%,70% 65%,50% 20%,40% 10%)}.vip-icon-timer{background:radial-gradient(circle,#0000 40%,#60a5fa 41%,#60a5fa 48%,#0000 49%)}.vip-icon-timer:after{background:linear-gradient(#60a5fa,#60a5fa) 50% 50%/8% 35% no-repeat,linear-gradient(#60a5fa,#60a5fa) 50% 42%/25% 8% no-repeat;content:"";display:block;height:100%;width:100%}.vip-icon-research{background:#818cf8;-webkit-clip-path:polygon(40% 5%,60% 5%,60% 35%,75% 70%,80% 90%,20% 90%,25% 70%,40% 35%);clip-path:polygon(40% 5%,60% 5%,60% 35%,75% 70%,80% 90%,20% 90%,25% 70%,40% 35%)}.vip-icon-coin{background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-clip-path:circle(42% at 50% 50%);clip-path:circle(42% at 50% 50%)}.vip-icon-mech{background:linear-gradient(180deg,#60a5fa,#3b82f6);-webkit-clip-path:polygon(20% 15%,80% 15%,85% 25%,85% 75%,75% 90%,25% 90%,15% 75%,15% 25%);clip-path:polygon(20% 15%,80% 15%,85% 25%,85% 75%,75% 90%,25% 90%,15% 75%,15% 25%)}.vip-icon-bolt{background:#94a3b8;-webkit-clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.vip-icon-upgrade{background:linear-gradient(180deg,#34d399,#10b981);-webkit-clip-path:polygon(50% 5%,85% 45%,65% 45%,65% 95%,35% 95%,35% 45%,15% 45%);clip-path:polygon(50% 5%,85% 45%,65% 45%,65% 95%,35% 95%,35% 45%,15% 45%)}.vip-icon-star{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.vip-icon-shield{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-clip-path:polygon(50% 5%,90% 20%,85% 65%,50% 95%,15% 65%,10% 20%);clip-path:polygon(50% 5%,90% 20%,85% 65%,50% 95%,15% 65%,10% 20%)}.vip-daily-reward-card .vip-icon-gift{animation:vipGiftBounce 2.5s ease-in-out infinite}@keyframes vipGiftBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-4px) rotate(-3deg)}75%{transform:translateY(-2px) rotate(2deg)}}.vip-free-trial-card{animation:vipCardFadeIn .5s ease-out both;background:linear-gradient(135deg,#34d39914 0,var(--color-ui-surface) 100%);border:2px solid #34d39959;border-radius:12px;box-shadow:0 0 20px #34d3991a;margin-bottom:1.5rem;overflow:hidden;padding:1.25rem;position:relative;z-index:1}.free-trial-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.free-trial-info h3{align-items:center;color:#34d399;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .25rem}.free-trial-info p{color:var(--color-text-tertiary);font-size:.85rem;margin:0}.vip-auto-renew-row{align-items:center;background:#0003;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;padding:.75rem 1rem}.auto-renew-label{align-items:center;color:var(--color-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:.4rem}.vip-toggle-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex-shrink:0;height:28px;padding:2px;position:relative;transition:background .3s ease;width:56px}.vip-toggle-btn.toggle-on{background:linear-gradient(135deg,#34d399,#10b981)}.vip-toggle-btn.toggle-off{background:#ffffff1f}.vip-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;display:block;height:22px;transition:transform .3s ease;width:22px}.vip-toggle-btn.toggle-on .toggle-knob{transform:translateX(28px)}.vip-toggle-btn.toggle-off .toggle-knob{transform:translateX(0)}.toggle-label{font-size:.6rem;font-weight:700;pointer-events:none;position:absolute;text-transform:uppercase}.vip-toggle-btn.toggle-on .toggle-label{color:#0d1117;left:6px}.vip-toggle-btn.toggle-off .toggle-label{color:var(--color-text-tertiary);right:6px}.auto-renew-desc{color:var(--color-text-tertiary);flex:1 1;font-size:.75rem;min-width:180px}.vip-toggle-btn:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.vip-gift-section{animation:vipCardFadeIn .6s ease-out .15s both;background:linear-gradient(135deg,#ffaa000d,var(--color-ui-surface));border:1px solid #ffaa0040;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;position:relative;z-index:1}.vip-gift-section h3{align-items:center;color:var(--color-brand-accent);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .25rem}.section-desc{color:var(--color-text-tertiary);font-size:.8rem;margin:0 0 1rem}.gift-form{flex-direction:column}.gift-form,.gift-row{display:flex;gap:.75rem}.vip-input{background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;color:var(--color-text-primary);flex:1 1;font-size:.85rem;outline:none;padding:.55rem .75rem;transition:border-color .2s}.vip-input:focus{border-color:#ffd70080}.vip-input::placeholder{color:var(--color-text-tertiary)}.vip-select{background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:.85rem;min-width:180px;outline:none;padding:.55rem .75rem}.vip-select:focus{border-color:#ffd70080}.vip-select option{background:var(--color-ui-background);color:var(--color-text-primary)}.vip-referral-section{animation:vipCardFadeIn .6s ease-out .2s both;background:linear-gradient(135deg,#8b5cf60d,var(--color-ui-surface));border:1px solid #8b5cf640;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;position:relative;z-index:1}.vip-referral-section h3{align-items:center;color:#a78bfa;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .25rem}.referral-your-code{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.referral-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.referral-code-display{align-items:center;display:flex;gap:.5rem}.referral-code{background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:6px;color:#c4b5fd;font-family:monospace;font-size:1rem;font-weight:700;letter-spacing:.15em;padding:.4rem .85rem;-webkit-user-select:all;user-select:all}.vip-btn-small{font-size:.78rem;padding:.35rem .65rem}.referral-stats{align-items:center;background:#ffd70014;border-radius:6px;color:var(--color-text-secondary);display:inline-flex;font-size:.8rem;gap:.4rem;margin-bottom:.75rem;padding:.3rem .75rem}.referral-stats strong{color:#fbbf24}.referral-apply{margin-top:.5rem}.referral-apply-row{display:flex;gap:.5rem;margin-top:.4rem}.referral-apply-row .vip-input{font-family:monospace;letter-spacing:.1em;max-width:200px;text-transform:uppercase}.referral-applied{align-items:center;background:#34d39914;border:1px solid #34d39940;border-radius:6px;color:#34d399;display:inline-flex;font-size:.8rem;gap:.4rem;margin-top:.5rem;padding:.4rem .75rem}.vip-store-section{animation:vipCardFadeIn .6s ease-out .25s both;background:linear-gradient(135deg,#ffd7000a,var(--color-ui-surface));border:1px solid #ffd70033;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;position:relative;z-index:1}.vip-store-section h3{align-items:center;color:var(--color-brand-accent);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .25rem}.store-subsection{margin-top:1.25rem}.store-subsection h4{color:var(--color-text-primary);font-size:.9rem;margin:0 0 .5rem}.store-save-note{color:#34d399;font-size:.78rem;font-weight:600;margin:0 0 .75rem}.store-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.store-grid-wide{grid-template-columns:repeat(4,1fr)}.store-package-card{align-items:center;background:#00000040;border:1px solid #ffffff14;border-radius:10px;display:flex;flex-direction:column;gap:.4rem;padding:1rem .75rem;position:relative;transition:transform .2s ease,border-color .2s ease}.store-package-card:hover{border-color:#ffd7004d;transform:translateY(-2px)}.store-package-card.has-discount{border-color:#34d3994d}.store-package-header{align-items:center;display:flex;gap:.3rem}.package-gold-amount{font-feature-settings:"tnum";color:#fbbf24;font-size:1.3rem;font-variant-numeric:tabular-nums;font-weight:800}.package-bonus{background:#34d3991f;border-radius:4px;color:#34d399;font-size:.65rem;font-weight:700;padding:1px 5px}.package-label{color:var(--color-text-tertiary);font-size:.75rem}.package-price{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.package-months{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.package-discount-badge{background:linear-gradient(135deg,#34d399,#10b981);border-radius:4px;color:#0d1117;font-size:.6rem;font-weight:700;padding:1px 6px;position:absolute;right:6px;top:6px}.store-package-card .vip-btn{justify-content:center;margin-top:auto;width:100%}.vip-btn-paypal{background:linear-gradient(135deg,#0070ba,#003087);color:#fff;font-weight:700;letter-spacing:.02em}.vip-btn-paypal:hover:not(:disabled){box-shadow:0 4px 12px #0070ba4d;transform:translateY(-1px)}.store-package-card.buying{animation:vipPaypalPulse 1.5s ease-in-out infinite;border-color:#0070ba80;box-shadow:0 0 15px #0070ba26}@keyframes vipPaypalPulse{0%,to{box-shadow:0 0 10px #0070ba1a}50%{box-shadow:0 0 20px #0070ba40}}.bulk-tier-selector{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.bulk-tier-selector .referral-label{margin-right:.25rem}@media (prefers-reduced-motion:reduce){.benefit-item,.celebration-crown,.subscription-item .value.expiring-soon,.tier-card-scanline,.vip-badge-large.vip-active-pulse,.vip-card-scanline,.vip-celebration-modal h2,.vip-celebration-overlay .celebration-ring,.vip-celebration-overlay .confetti-piece,.vip-center-header,.vip-confirm-modal,.vip-confirm-overlay,.vip-daily-reward-card,.vip-daily-reward-card .vip-icon-gift,.vip-expiry-warning,.vip-free-trial-card,.vip-gift-section,.vip-header-scanline,.vip-particle,.vip-referral-section,.vip-skeleton-benefit,.vip-skeleton-card,.vip-star,.vip-status-card,.vip-store-section,.vip-tier-card{animation:none!important}.benefit-item:hover,.store-package-card:hover,.vip-badge-large:hover,.vip-btn:hover,.vip-tier-card:hover{transform:none}.store-package-card.buying{animation:none!important}.toggle-knob{transition:none}}@media (max-width:768px){.vip-tier-cards{grid-template-columns:1fr 1fr}.vip-tier-card:nth-child(3){grid-column:span 2;margin:0 auto;max-width:360px}.vip-subscription-info{flex-wrap:wrap;gap:1rem}.daily-reward-content{flex-direction:column;text-align:center}.reward-preview{flex-wrap:wrap;justify-content:center}.store-grid,.store-grid-wide{grid-template-columns:repeat(2,1fr)}.gift-row{flex-direction:column}.vip-select{min-width:0;min-width:auto}.free-trial-content{flex-direction:column;text-align:center}}@media (max-width:600px){.vip-center-container{padding:1rem}.vip-tier-cards{grid-template-columns:1fr}.vip-tier-card:nth-child(3){grid-column:span 1;max-width:none}.vip-subscription-info{flex-direction:column;gap:.5rem}.vip-badge-large{padding:1.5rem 2rem}.vip-badge-large .vip-tier-name{font-size:1.2rem}.confirm-actions{flex-direction:column}.confirm-actions .vip-btn{width:100%}.referral-your-code{align-items:flex-start}.referral-apply-row,.referral-your-code{flex-direction:column}.referral-apply-row .vip-input{max-width:none}.vip-auto-renew-row{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.vip-center-header h1{font-size:1.5rem}.tier-cost{font-size:1.1rem}.tier-card-header h4{font-size:.95rem}.vip-gold-balance{font-size:.8rem}.reward-preview-item{font-size:.8rem;padding:.3rem .5rem}.best-value-badge,.current-tier-badge{font-size:.55rem;padding:2px 28px;right:-30px}.store-grid,.store-grid-wide{grid-template-columns:1fr 1fr}.package-gold-amount{font-size:1.1rem}.package-price{font-size:.95rem}}.ach-detail-modal .modal-body{padding:0}.ach-modal-content{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.ach-modal-hero{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative}.ach-modal-hero.unlocked{border-color:#ffffff1a;border-color:var(--ach-rarity-color,#ffffff1a);box-shadow:inset 0 0 30px #0003,0 0 8px #fbbf2414}.ach-modal-hero.unlocked:after{background:linear-gradient(135deg,#0000 40%,#fbbf240a);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ach-modal-hero.locked{filter:saturate(.5);opacity:.7}.ach-modal-icon{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.ach-modal-hero-info{display:flex;flex-direction:column;gap:.4rem;min-width:0}.ach-modal-name{color:#f1f5f9;font-size:1.2rem;font-weight:700;letter-spacing:.02em;margin:0}.ach-modal-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.ach-modal-category,.ach-modal-difficulty,.ach-modal-rarity{background:#ffffff0a;border:1px solid;border-radius:4px;font-size:.72rem;font-weight:600;letter-spacing:.08em;opacity:.9;padding:2px 8px;text-transform:uppercase}.ach-modal-secret-tag{background:#fbbf241f;border:1px solid #fbbf244d;border-radius:4px;color:#fbbf24;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:2px 8px;text-transform:uppercase}.ach-modal-desc{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0}.ach-modal-progress-section{display:flex;flex-direction:column;gap:.3rem}.ach-modal-progress-header{color:#94a3b8;display:flex;font-size:.78rem;font-weight:500;justify-content:space-between}.ach-modal-progress-bar{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.ach-modal-progress-fill{background:linear-gradient(90deg,#3b82f6,#fbbf24cc);background:linear-gradient(90deg,var(--ach-cat-color,#3b82f6),#fbbf24cc);border-radius:4px;height:100%;transition:width .4s ease}.ach-modal-progress-pct{color:#64748b;font-size:.72rem;text-align:right}.ach-modal-unlock-info{align-items:center;background:#10b9810f;border:1px solid #10b98126;border-radius:6px;color:#10b981;display:flex;font-size:.82rem;font-weight:500;gap:.4rem;padding:.5rem .75rem}.ach-modal-claimed-tag{color:#94a3b8;font-weight:400}.ach-modal-rewards{display:flex;flex-direction:column;gap:.6rem}.ach-modal-rewards-title{color:#cbd5e1;font-size:.85rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.ach-modal-rewards-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.ach-modal-reward-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;display:flex;flex-direction:column;gap:.2rem;padding:.6rem .4rem}.ach-modal-reward-icon{height:24px;opacity:.8;width:24px}.ach-modal-reward-value{color:#f1f5f9;font-size:.9rem;font-weight:700}.ach-modal-reward-label{color:#64748b;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.ach-modal-footer{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.ach-modal-claim-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#1a1a2e;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:transform .15s,box-shadow .15s}.ach-modal-claim-btn:hover:not(:disabled){box-shadow:0 4px 12px #fbbf244d;transform:translateY(-1px)}.ach-modal-claim-btn:disabled{cursor:not-allowed;opacity:.6}.ach-modal-claim-btn.rarity-epic{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.ach-modal-claim-btn.rarity-legendary{animation:achModalClaimShimmer 2s ease infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#fbbf24);background-size:200% 100%}.ach-modal-details-btn{background:#0000;border:1px solid #ffffff26;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1.25rem;transition:color .15s,border-color .15s}.ach-modal-details-btn:hover{border-color:#ffffff4d;color:#f1f5f9}@keyframes achModalClaimShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:480px){.ach-modal-hero{flex-direction:column;text-align:center}.ach-modal-badges{justify-content:center}.ach-modal-rewards-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.ach-modal-claim-btn.rarity-legendary{animation:none}.ach-modal-progress-fill{transition:none}}.ach-container{box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);overflow:hidden;padding:1.5rem;position:relative;width:100%}@media (min-width:1920px){.ach-container{max-width:min(1600px,98vw)}}@media (min-width:2560px){.ach-container{max-width:min(2200px,98vw)}}.ach-starfield{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.ach-star{animation:achStarTwinkle 3s ease-in-out infinite;animation:achStarTwinkle var(--sd,3s) ease-in-out infinite;background:#fff;border-radius:50%;height:2px;height:var(--ss,2px);left:50%;left:var(--sx,50%);opacity:.3;position:absolute;top:50%;top:var(--sy,50%);width:2px;width:var(--ss,2px)}.ach-star:nth-child(3n){background:#fbbf24b3}.ach-star:nth-child(5n){background:#8b5cf699}.ach-star:nth-child(7n){background:#3b82f680}@keyframes achStarTwinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.ach-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.ach-particle{animation:achParticleFloat 8s ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);background:radial-gradient(circle,#fbbf2499,#fbbf241a);border-radius:50%;filter:blur(.5px);height:6px;left:50%;left:var(--x,50%);position:absolute;top:100%;width:6px}.ach-particle:nth-child(2n){animation-duration:10s;background:radial-gradient(circle,#8b5cf680,#8b5cf60d);height:4px;width:4px}.ach-particle:nth-child(3n){animation-duration:12s;background:radial-gradient(circle,#3b82f666,#3b82f60d);height:3px;width:3px}.ach-particle:nth-child(4n+1){animation-duration:9s;background:radial-gradient(circle,#ffd70080,#ffd7000d);height:5px;width:5px}@keyframes achParticleFloat{0%{opacity:0;transform:translateY(0) translateX(0) scale(0)}8%{opacity:1;transform:translateY(-8vh) translateX(5px) scale(1)}50%{opacity:.7;transform:translateY(-50vh) translateX(-8px) scale(.8)}90%{opacity:.2}to{opacity:0;transform:translateY(-105vh) translateX(3px) scale(.2)}}.ach-container:before{background:radial-gradient(ellipse,#fbbf240f 0,#fbbf2405 40%,#0000 70%);content:"";height:350px;left:50%;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%);width:600px;z-index:0}.ach-header{animation:achFadeInDown .5s ease-out;margin-bottom:1.5rem;overflow:hidden;position:relative;text-align:center;z-index:1}.ach-header:after{animation:achHeaderSweep 4s linear infinite;background:linear-gradient(90deg,#0000,#fbbf2480,#0000);bottom:0;content:"";height:1px;left:-100%;position:absolute;width:200%}@keyframes achHeaderSweep{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.ach-header h1{-webkit-text-fill-color:#0000;align-items:center;animation:achTitleShimmer 4s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b 30%,gold 60%,#fbbf24);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:inline-flex;font-size:2rem;gap:.5rem;margin:0 0 .5rem}.ach-header h1 .ach-icon-trophy{height:28px;width:28px}.ach-subtitle{color:#888;color:var(--color-text-tertiary,#888);font-size:1rem;margin:0}@keyframes achFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes achTitleShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ach-progress-card{animation:achFadeIn .6s ease-out .1s both;background:linear-gradient(135deg,#fbbf240f,#1a1a2e);background:linear-gradient(135deg,#fbbf240f 0,var(--color-ui-surface,#1a1a2e) 100%);border:1px solid #fbbf2426;margin-bottom:1.5rem;overflow:hidden;position:relative;z-index:1}.ach-progress-card:before{left:0;right:0}.ach-progress-card:after,.ach-progress-card:before{background:linear-gradient(90deg,#0000,#fbbf24,gold,#fbbf24,#0000);content:"";height:2px;position:absolute;top:0}.ach-progress-card:after{animation:achProgressScan 3s linear infinite;left:-100%;width:100%;z-index:2}@keyframes achProgressScan{0%{left:-100%}to{left:100%}}.ach-progress-content{align-items:center;display:flex;gap:1.5rem;padding:1.25rem}.ach-progress-stats{align-items:center;display:flex;flex-direction:column;min-width:90px}.ach-progress-count{color:#fbbf24;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:2.25rem;font-weight:800;line-height:1;text-shadow:0 0 20px #fbbf244d}.ach-progress-total{font-size:1rem;font-weight:400}.ach-progress-label,.ach-progress-total{color:#888;color:var(--color-text-tertiary,#888)}.ach-progress-label{font-size:.7rem;letter-spacing:.08em;margin-top:.25rem;text-transform:uppercase}.ach-progress-bar-wrap{flex:1 1}.ach-progress-bar{background:#00000059;border-radius:7px;box-shadow:inset 0 1px 3px #0006;height:14px;overflow:hidden;position:relative;width:100%}.ach-progress-fill{align-items:center;background:linear-gradient(90deg,#d97706,#f59e0b,#fbbf24,gold);border-radius:7px;box-shadow:0 0 12px #fbbf244d;display:flex;height:100%;justify-content:center;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1)}.ach-progress-fill:after{animation:achProgressShimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff40 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.ach-progress-text{color:var(--color-text-on-badge);font-size:.65rem;font-weight:700;position:relative;text-shadow:0 0 4px #ffffff4d;z-index:1}@keyframes achProgressShimmer{0%{left:-100%}to{left:200%}}@keyframes achFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ach-near-complete{animation:achFadeIn .5s ease-out .12s both;margin-bottom:1.25rem;position:relative;z-index:1}.ach-near-title{align-items:center;color:#fbbf24;display:flex;font-size:.85rem;font-weight:700;gap:.35rem;letter-spacing:.04em;margin:0 0 .5rem;text-transform:uppercase}.ach-near-title .ach-icon-bolt{height:14px;width:14px}.ach-near-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ach-near-card{animation:achNearPulse 3s ease-in-out infinite;background:#fbbf240a;border:1px solid #fbbf241f;border-radius:8px;display:flex;flex-direction:column;gap:.3rem;padding:.6rem .75rem}@keyframes achNearPulse{0%,to{border-color:#fbbf241f}50%{border-color:#fbbf2459;box-shadow:0 0 10px #fbbf240f}}.ach-near-name{color:#fff;color:var(--color-text-primary,#fff);font-size:.75rem;font-weight:600}.ach-near-bar{background:#0000004d;border-radius:2px;height:4px;overflow:hidden}.ach-near-fill{border-radius:2px;height:100%;transition:width .8s ease}.ach-near-pct{font-feature-settings:"tnum";color:#888;color:var(--color-text-tertiary,#888);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.65rem;font-variant-numeric:tabular-nums}.ach-claim-all-wrap{animation:achFadeIn .5s ease-out .15s both;justify-content:flex-end;margin-bottom:12px}.ach-claim-all-wrap,.ach-filters{display:flex;position:relative;z-index:1}.ach-filters{animation:achFadeIn .6s ease-out .2s both;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.ach-filter-btn{align-items:center;background:#0000004d;border:1px solid #ffffff14;border-radius:20px;color:#888;color:var(--color-text-tertiary,#888);cursor:pointer;display:flex;font-size:.8rem;gap:.3rem;overflow:hidden;padding:.4rem .85rem;position:relative;transition:all .25s ease}.ach-filter-btn:before{background:linear-gradient(135deg,#ffffff0d,#0000);border-radius:20px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.ach-filter-btn:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff;color:var(--color-text-primary,#fff);transform:translateY(-1px)}.ach-filter-btn:hover:before{opacity:1}.ach-filter-btn.active{background:#fbbf241f;border-color:#fbbf2466;box-shadow:0 0 8px #fbbf241a;color:#fbbf24}.ach-filter-btn.active:after{animation:achTabIndicator .3s ease-out;background:currentColor;border-radius:1px;bottom:0;content:"";height:2px;left:20%;position:absolute;right:20%}@keyframes achTabIndicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ach-filter-btn [class^=ach-icon-]{height:14px;width:14px}.ach-filter-badge{background:#fbbf24;border-radius:10px;color:var(--color-text-on-badge);font-size:.6rem;font-weight:800;line-height:1.4;margin-left:.15rem;padding:.05rem .35rem}.ach-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));position:relative;z-index:1}.ach-card{animation:achCardEntrance .45s ease-out both;animation-delay:0s;animation-delay:var(--stagger,0s);background:linear-gradient(145deg,#0f0f23,#1a1a2e);background:linear-gradient(145deg,var(--color-ui-background,#0f0f23) 0,var(--color-ui-surface,#1a1a2e) 100%);border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ach-card:before{background:#6b7280;background:var(--cat-color,#6b7280);height:3px;opacity:.5;right:0;top:0;transition:opacity .3s ease}.ach-card:after,.ach-card:before{content:"";left:0;position:absolute}.ach-card:after{animation:achCardScan 6s linear infinite;background:linear-gradient(180deg,#0000,hsla(0,0%,100%,.015) 48%,#ffffff0a 50%,hsla(0,0%,100%,.015) 52%,#0000);height:100%;pointer-events:none;top:-100%;width:100%;z-index:2}@keyframes achCardScan{0%{top:-100%}to{top:100%}}.ach-card:hover{border-color:#ffffff1f;border-color:var(--cat-color,#ffffff1f);box-shadow:0 8px 28px #00000059,0 0 20px #fbbf240f;transform:translateY(-4px)}.ach-card:hover:before{opacity:1}.ach-card.unlocked{background:linear-gradient(145deg,#0f0f23,#fbbf2408);background:linear-gradient(145deg,var(--color-ui-background,#0f0f23) 0,#fbbf2408 100%);border-color:#fbbf2426}.ach-card.unlocked:before{box-shadow:0 0 8px #fbbf244d;box-shadow:0 0 8px var(--cat-color,#fbbf244d);opacity:1}.ach-card.unlocked:hover{box-shadow:0 8px 24px #0000004d,0 0 20px #fbbf2414;box-shadow:var(--rarity-glow,0 8px 24px #0000004d),0 0 20px #fbbf2414}.ach-card.locked{filter:saturate(.6);opacity:.55}.ach-card.locked:hover{filter:saturate(.8);opacity:.8}.ach-card.claimed{opacity:.8}.ach-card.claimed:before{background:linear-gradient(90deg,#6b7280,#10b981cc);background:linear-gradient(90deg,var(--cat-color,#6b7280),#10b981cc)}.ach-card.near-complete{animation:achCardEntrance .45s ease-out both,achNearGlow 2.5s ease-in-out .5s infinite;filter:saturate(.8);opacity:.75}@keyframes achNearGlow{0%,to{border-color:#fbbf241a;box-shadow:0 0 0 #fbbf2400}50%{border-color:#fbbf244d;box-shadow:0 0 15px #fbbf2414}}@keyframes achCardEntrance{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ach-card-icon-wrap{align-items:center;background:#0000004d;border:1px solid #ffffff0f;border-radius:12px;display:flex;height:52px;justify-content:center;margin-bottom:.75rem;position:relative;transition:all .3s ease;width:52px}.ach-card:hover .ach-card-icon-wrap{border-color:#ffffff1f;box-shadow:0 0 12px #fbbf241a}.ach-card.unlocked .ach-card-icon-wrap{background:#fbbf2414;border-color:#fbbf2426}.ach-card-icon-wrap [class^=ach-icon-]{height:28px;width:28px}.ach-unlocked-badge{animation:achBadgePop .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #0f0f23;border:2px solid var(--color-ui-background,#0f0f23);border-radius:50%;box-shadow:0 0 8px #fbbf2466;height:18px;position:absolute;right:-5px;top:-5px;width:18px}.ach-unlocked-badge:after{border-bottom:2px solid #000;border-left:2px solid #000;content:"";height:5px;left:3px;position:absolute;top:3px;transform:rotate(-45deg);width:8px}@keyframes achBadgePop{0%{transform:scale(0) rotate(-45deg)}60%{transform:scale(1.2) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}.ach-card-content{display:flex;flex:1 1;flex-direction:column;gap:.35rem}.ach-card-name{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;font-weight:700;line-height:1.3;margin:0}.ach-card.unlocked .ach-card-name{color:#fef3c7}.ach-card-desc{color:#888;color:var(--color-text-tertiary,#888);font-size:.8rem;line-height:1.45;margin:0}.ach-card-category{align-items:center;display:inline-flex;font-size:.65rem;font-weight:700;gap:.25rem;letter-spacing:.06em;text-transform:uppercase}.ach-card-progress{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.ach-card-progress-bar{background:#00000059;border-radius:3px;box-shadow:inset 0 1px 2px #0000004d;flex:1 1;height:6px;overflow:hidden}.ach-card-progress-fill{border-radius:3px;height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.ach-card-progress-fill.pulsing{animation:achProgressPulse 2s ease-in-out infinite}@keyframes achProgressPulse{0%,to{filter:brightness(1)}50%{box-shadow:0 0 6px currentColor;filter:brightness(1.4)}}.ach-card-progress-fill:after{background:#ffffff4d;border-radius:0 3px 3px 0;content:"";height:100%;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;width:6px}.ach-card:hover .ach-card-progress-fill:after{opacity:1}.ach-card-progress-text{font-feature-settings:"tnum";color:#888;color:var(--color-text-tertiary,#888);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.7rem;font-variant-numeric:tabular-nums;white-space:nowrap}.ach-card-rewards{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ach-reward-tag{font-feature-settings:"tnum";align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:6px;color:#10b981;display:inline-flex;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:600;gap:.25rem;padding:.2rem .55rem;transition:all .2s ease}.ach-reward-tag:hover{background:#10b98126;box-shadow:0 0 6px #10b98126}.ach-reward-tag.gold{background:#fbbf241a;border-color:#fbbf2433;color:#fbbf24}.ach-reward-tag.gold:hover{background:#fbbf2426;box-shadow:0 0 6px #fbbf2426}.ach-reward-tag.salvage{background:#a855f726;color:var(--rarity-epic)}.ach-reward-tag.salvage:hover{background:#a855f733;box-shadow:0 0 6px #a855f726}.ach-reward-tag.title{background:#ec489926;color:#ec4899;font-style:italic}.ach-reward-tag.title:hover{background:#ec489933;box-shadow:0 0 6px #ec489926}.ach-reward-tag [class^=ach-icon-]{height:12px;width:12px}.ach-card-actions{align-items:center;display:flex;margin-top:.75rem}.ach-card-actions button{overflow:hidden;position:relative}.ach-card-actions button:after{animation:achClaimPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf244d,#f59e0b1a,#fbbf244d);border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;z-index:-1}.ach-card.unlocked:not(.claimed) .ach-card-actions button:after{opacity:1}@keyframes achClaimPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.ach-claimed-badge{color:#10b981;color:var(--color-success,#10b981);font-weight:600}.ach-claimed-badge,.ach-locked-badge{align-items:center;display:flex;font-size:.8rem;gap:.3rem}.ach-locked-badge{color:#888;color:var(--color-text-tertiary,#888)}.ach-claimed-badge [class^=ach-icon-],.ach-locked-badge [class^=ach-icon-]{height:14px;width:14px}.ach-rarity-tag{background:#00000080;border:1px solid #ffffff0f;border-radius:4px;font-size:.6rem;font-weight:800;letter-spacing:.06em;padding:.15rem .5rem;position:absolute;right:14px;text-transform:uppercase;top:14px;z-index:3}.ach-card.unlocked .ach-rarity-tag{animation:achRarityShimmer 3s ease-in-out infinite}@keyframes achRarityShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.ach-card.unlocked:not(.claimed){animation:achCardEntrance .45s ease-out both,achUnlockGlow 3s ease-in-out .5s infinite}@keyframes achUnlockGlow{0%,to{box-shadow:0 0 0 #fbbf2400}50%{box-shadow:0 0 20px #fbbf2414,0 0 40px #fbbf240a}}.ach-card.claiming{pointer-events:none}.ach-card.claim-flash.rarity-common:before{animation:achClaimFlash .4s ease-out forwards;background:#94a3b81f;border-radius:12px;content:""!important;inset:0;position:absolute;z-index:5}.ach-card.claim-flash.rarity-uncommon:before{background:#10b98126}.ach-card.claim-flash.rarity-rare:before,.ach-card.claim-flash.rarity-uncommon:before{animation:achClaimFlash .5s ease-out forwards;border-radius:12px;content:""!important;inset:0;position:absolute;z-index:5}.ach-card.claim-flash.rarity-rare:before{background:#3b82f626}.ach-card.claim-flash.rarity-rare:after{animation:achCelebrationBurst .6s ease-out forwards;background:#0000;border:3px solid #3b82f6;border-radius:50%;content:""!important;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:10}.ach-card.claim-flash.rarity-epic:before{animation:achClaimFlash .6s ease-out forwards;background:#8b5cf62e;border-radius:12px;content:""!important;inset:0;position:absolute;z-index:5}.ach-card.claim-flash.rarity-epic:after{animation:achCelebrationBurst .7s ease-out forwards;background:#0000;border:4px solid #8b5cf6;border-radius:50%;box-shadow:0 0 20px #8b5cf666;content:""!important;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:10}.ach-card.claim-flash.rarity-legendary{animation:achLegendaryPulse .8s ease-out forwards}.ach-card.claim-flash.rarity-legendary:before{animation:achLegendaryFlash .8s ease-out forwards;background:linear-gradient(135deg,#fbbf2433,#ffd70040,#fbbf2433);border-radius:14px;content:""!important;inset:-4px;position:absolute;z-index:5}.ach-card.claim-flash.rarity-legendary:after{animation:achLegendaryBurst .8s ease-out forwards;background:#0000;border:4px solid gold;border-radius:50%;box-shadow:0 0 30px #ffd70080,0 0 60px #fbbf244d;content:""!important;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:10}@keyframes achLegendaryPulse{0%{transform:scale(1)}20%{transform:scale(1.03)}40%{transform:scale(.98)}60%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes achLegendaryFlash{0%{opacity:1}30%{opacity:.8}to{opacity:0}}@keyframes achLegendaryBurst{0%{border-width:4px;height:10px;opacity:1;width:10px}50%{border-width:2px;height:200px;opacity:.8;width:200px}to{border-width:1px;height:400px;opacity:0;width:400px}}.ach-card.claim-flash:before{animation:achClaimFlash .5s ease-out forwards;background:#fbbf2426;border-radius:12px;content:""!important;inset:0;position:absolute;z-index:5}@keyframes achCelebrationBurst{0%{border-width:3px;height:10px;opacity:1;width:10px}to{border-width:1px;height:300px;opacity:0;width:300px}}@keyframes achClaimFlash{0%{opacity:1}to{opacity:0}}.ach-filter-btn:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.ach-card:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.ach-card-actions button:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.ach-error{animation:achErrorPulse 2s ease-in-out infinite;background:#ef444414;border:1px solid #ef444433;border-radius:12px;color:#ef4444;margin-bottom:1.5rem;padding:1.5rem;position:relative;text-align:center;z-index:1}@keyframes achErrorPulse{0%,to{border-color:#ef444433}50%{border-color:#ef444480;box-shadow:0 0 12px #ef44441a}}.ach-error-state{animation:achFadeIn .5s ease-out;padding:40px 20px;position:relative;text-align:center;z-index:1}.ach-error-state p{color:#ef4444;font-size:.9rem;margin-bottom:12px}.ach-empty{animation:achFadeIn .5s ease-out;color:#888;color:var(--color-text-tertiary,#888);padding:3rem;position:relative;text-align:center;z-index:1}.ach-empty p{font-size:.95rem;margin:0}.ach-empty-icon{display:block!important;height:64px!important;margin:0 auto 1rem!important;opacity:.25;width:64px!important}.ach-loading{position:relative;z-index:1}.ach-skeleton-header{animation:achSkeletonShimmer 1.5s ease-in-out infinite;background:#ffffff0d;border-radius:8px;height:36px;margin:0 auto 1.5rem;width:280px}.ach-skeleton-progress{animation:achSkeletonShimmer 1.5s ease-in-out .1s infinite;background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;height:68px;margin-bottom:1.5rem;width:100%}.ach-skeleton-filters{display:flex;gap:.5rem;margin-bottom:1.5rem}.ach-skeleton-filters:after,.ach-skeleton-filters:before{animation:achSkeletonShimmer 1.5s ease-in-out .2s infinite;background:#ffffff08;border-radius:20px;content:"";height:32px}.ach-skeleton-filters:before{width:60px}.ach-skeleton-filters:after{width:90px}.ach-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ach-skeleton-card{animation:achSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #ffffff0a;border-radius:12px;height:200px;overflow:hidden;position:relative}.ach-skeleton-card:before{background:#ffffff0f;content:"";height:3px;left:0;position:absolute;right:0;top:0}.ach-skeleton-card:after{background:#ffffff0a;border-radius:12px;content:"";height:48px;left:20px;position:absolute;top:20px;width:48px}@keyframes achSkeletonShimmer{0%,to{opacity:.35}50%{opacity:1}}.ach-icon-bolt,.ach-icon-check,.ach-icon-coins,.ach-icon-compass,.ach-icon-crown,.ach-icon-gem,.ach-icon-gift,.ach-icon-hammer,.ach-icon-lock,.ach-icon-medal,.ach-icon-people,.ach-icon-shield,.ach-icon-star,.ach-icon-sword,.ach-icon-target,.ach-icon-trophy,.ach-icon-wrench{display:inline-block;flex-shrink:0;height:16px;vertical-align:middle;width:16px}.ach-icon-trophy{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(15% 5%,85% 5%,80% 45%,72% 55%,72% 62%,82% 68%,82% 78%,60% 78%,60% 85%,75% 90%,75% 95%,25% 95%,25% 90%,40% 85%,40% 78%,18% 78%,18% 68%,28% 62%,28% 55%,20% 45%);clip-path:polygon(15% 5%,85% 5%,80% 45%,72% 55%,72% 62%,82% 68%,82% 78%,60% 78%,60% 85%,75% 90%,75% 95%,25% 95%,25% 90%,40% 85%,40% 78%,18% 78%,18% 68%,28% 62%,28% 55%,20% 45%)}.ach-icon-compass{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.ach-icon-sword{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(80% 2%,98% 2%,98% 20%,55% 50%,60% 55%,50% 65%,45% 60%,42% 63%,35% 56%,38% 53%,40% 45%);clip-path:polygon(80% 2%,98% 2%,98% 20%,55% 50%,60% 55%,50% 65%,45% 60%,42% 63%,35% 56%,38% 53%,40% 45%)}.ach-icon-hammer{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(20% 5%,80% 5%,85% 12%,80% 28%,58% 28%,55% 90%,45% 90%,42% 28%,20% 28%,15% 12%);clip-path:polygon(20% 5%,80% 5%,85% 12%,80% 28%,58% 28%,55% 90%,45% 90%,42% 28%,20% 28%,15% 12%)}.ach-icon-coins{background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-clip-path:polygon(35% 10%,65% 10%,80% 20%,85% 35%,80% 50%,75% 55%,85% 60%,90% 75%,85% 88%,65% 95%,35% 95%,15% 88%,10% 75%,15% 60%,25% 55%,20% 50%,15% 35%,20% 20%);clip-path:polygon(35% 10%,65% 10%,80% 20%,85% 35%,80% 50%,75% 55%,85% 60%,90% 75%,85% 88%,65% 95%,35% 95%,15% 88%,10% 75%,15% 60%,25% 55%,20% 50%,15% 35%,20% 20%)}.ach-icon-people{background:linear-gradient(135deg,#8b5cf6,var(--rarity-epic));-webkit-clip-path:polygon(28% 28%,28% 15%,32% 8%,38% 8%,42% 15%,42% 28%,48% 35%,58% 28%,58% 15%,62% 8%,68% 8%,72% 15%,72% 28%,80% 38%,85% 50%,85% 92%,15% 92%,15% 50%,20% 38%);clip-path:polygon(28% 28%,28% 15%,32% 8%,38% 8%,42% 15%,42% 28%,48% 35%,58% 28%,58% 15%,62% 8%,68% 8%,72% 15%,72% 28%,80% 38%,85% 50%,85% 92%,15% 92%,15% 50%,20% 38%)}.ach-icon-gem{background:linear-gradient(135deg,#ec4899,#db2777,#f472b6);-webkit-clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%);clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%)}.ach-icon-star{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ach-icon-check{background:linear-gradient(135deg,#10b981,#34d399);-webkit-clip-path:polygon(20% 48%,40% 72%,82% 22%,88% 28%,40% 82%,14% 54%);clip-path:polygon(20% 48%,40% 72%,82% 22%,88% 28%,40% 82%,14% 54%)}.ach-icon-lock{background:linear-gradient(135deg,#6b7280,#4b5563);-webkit-clip-path:polygon(30% 45%,30% 92%,70% 92%,70% 45%,65% 45%,65% 32%,60% 18%,55% 12%,45% 12%,40% 18%,35% 32%,35% 45%);clip-path:polygon(30% 45%,30% 92%,70% 92%,70% 45%,65% 45%,65% 32%,60% 18%,55% 12%,45% 12%,40% 18%,35% 32%,35% 45%)}.ach-icon-shield{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-clip-path:polygon(50% 5%,90% 20%,85% 65%,50% 95%,15% 65%,10% 20%);clip-path:polygon(50% 5%,90% 20%,85% 65%,50% 95%,15% 65%,10% 20%)}.ach-icon-bolt{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-clip-path:polygon(65% 0,30% 45%,50% 45%,35% 100%,70% 55%,50% 55%);clip-path:polygon(65% 0,30% 45%,50% 45%,35% 100%,70% 55%,50% 55%)}.ach-icon-crown{background:linear-gradient(135deg,gold,#f59e0b);-webkit-clip-path:polygon(5% 80%,15% 30%,30% 55%,50% 15%,70% 55%,85% 30%,95% 80%,85% 90%,15% 90%);clip-path:polygon(5% 80%,15% 30%,30% 55%,50% 15%,70% 55%,85% 30%,95% 80%,85% 90%,15% 90%)}.ach-icon-medal{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(35% 0,65% 0,70% 30%,85% 40%,80% 55%,70% 60%,72% 80%,65% 100%,55% 80%,50% 85%,45% 80%,35% 100%,28% 80%,30% 60%,20% 55%,15% 40%,30% 30%);clip-path:polygon(35% 0,65% 0,70% 30%,85% 40%,80% 55%,70% 60%,72% 80%,65% 100%,55% 80%,50% 85%,45% 80%,35% 100%,28% 80%,30% 60%,20% 55%,15% 40%,30% 30%)}.ach-icon-target{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:circle(45% at 50% 50%);clip-path:circle(45% at 50% 50%)}.ach-icon-wrench{background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-clip-path:polygon(25% 5%,40% 5%,45% 15%,45% 25%,55% 35%,85% 65%,95% 75%,90% 85%,85% 90%,75% 85%,45% 55%,35% 55%,25% 50%,15% 40%,15% 15%);clip-path:polygon(25% 5%,40% 5%,45% 15%,45% 25%,55% 35%,85% 65%,95% 75%,90% 85%,85% 90%,75% 85%,45% 55%,35% 55%,25% 50%,15% 40%,15% 15%)}.ach-icon-gift{background:linear-gradient(135deg,#fbbf24 50%,#f59e0b 0);-webkit-clip-path:polygon(42% 5%,58% 5%,58% 18%,85% 18%,90% 22%,90% 40%,58% 40%,58% 95%,42% 95%,42% 40%,10% 40%,10% 22%,15% 18%,42% 18%);clip-path:polygon(42% 5%,58% 5%,58% 18%,85% 18%,90% 22%,90% 40%,58% 40%,58% 95%,42% 95%,42% 40%,10% 40%,10% 22%,15% 18%,42% 18%)}@media (prefers-reduced-motion:reduce){.ach-particle,.ach-progress-fill:after,.ach-skeleton-card,.ach-skeleton-filters:after,.ach-skeleton-filters:before,.ach-skeleton-header,.ach-skeleton-progress,.ach-star{animation:none!important}.ach-particles,.ach-starfield{display:none}.ach-card{animation:none!important}.ach-card:after{animation:none}.ach-card.claiming,.ach-card.near-complete,.ach-card.unlocked:not(.claimed),.ach-claim-all-wrap,.ach-filters,.ach-header,.ach-header h1,.ach-near-card,.ach-near-complete,.ach-progress-card,.ach-unlocked-badge{animation:none!important}.ach-card.claiming{transition:none!important}.ach-card.claiming:after{animation:none!important}.ach-card.claim-flash,.ach-card.claim-flash.rarity-common,.ach-card.claim-flash.rarity-epic,.ach-card.claim-flash.rarity-legendary,.ach-card.claim-flash.rarity-rare,.ach-card.claim-flash.rarity-uncommon{animation:none!important;transition:none!important}.ach-card.claim-flash.rarity-common:before,.ach-card.claim-flash.rarity-epic:after,.ach-card.claim-flash.rarity-epic:before,.ach-card.claim-flash.rarity-legendary:after,.ach-card.claim-flash.rarity-legendary:before,.ach-card.claim-flash.rarity-rare:after,.ach-card.claim-flash.rarity-rare:before,.ach-card.claim-flash.rarity-uncommon:before,.ach-card.claim-flash:after,.ach-card.claim-flash:before,.ach-rarity-tag{animation:none!important}.ach-filter-btn.active:after{animation:none}.ach-card-actions button:after{animation:none!important}.ach-card:hover,.ach-filter-btn:hover{transform:none}.ach-card-progress-fill,.ach-progress-fill{transition:width .01s}.ach-card-progress-fill.pulsing,.ach-error,.ach-header:after,.ach-progress-card:after{animation:none!important}}@media (max-width:768px){.ach-particles,.ach-starfield{display:none}.ach-container{padding:1rem}.ach-header h1{font-size:1.5rem}.ach-header h1 .ach-icon-trophy{height:22px;width:22px}.ach-subtitle{font-size:.9rem}.ach-progress-content{flex-direction:column;gap:1rem;text-align:center}.ach-progress-count{font-size:1.75rem}.ach-grid,.ach-skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ach-near-grid{grid-template-columns:1fr}.ach-filters{justify-content:center}.ach-card{padding:1rem}.ach-card-icon-wrap{height:44px;width:44px}.ach-card-icon-wrap [class^=ach-icon-]{height:24px;width:24px}}@media (max-width:600px){.ach-container{padding:.75rem}.ach-grid,.ach-skeleton-grid{grid-template-columns:1fr}.ach-progress-bar{height:10px}.ach-card{padding:1rem}.ach-card-name{font-size:.95rem}.ach-card-desc{font-size:.78rem}}@media (max-width:480px){.ach-header h1{font-size:1.25rem}.ach-progress-count{font-size:1.5rem}.ach-progress-label{font-size:.65rem}.ach-filter-btn{font-size:.72rem;padding:.3rem .55rem}.ach-card-icon-wrap{height:40px;width:40px}.ach-card-icon-wrap [class^=ach-icon-]{height:20px;width:20px}.ach-reward-tag{font-size:.65rem;padding:.15rem .4rem}.ach-rarity-tag{font-size:.55rem;right:10px;top:10px}}.ach-search-sort-bar{flex-wrap:wrap;gap:.75rem;z-index:2}.ach-search-sort-bar,.ach-search-wrap{align-items:center;display:flex;position:relative}.ach-search-wrap{flex:1 1;min-width:200px}.ach-search-wrap .ach-icon-search{height:16px;left:10px;opacity:.5;pointer-events:none;position:absolute;width:16px}.ach-search-input{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;color:#e2e8f0;font-size:.85rem;outline:none;padding:.5rem 2rem;transition:border-color .15s;width:100%}.ach-search-input:focus{border-color:#fbbf244d}.ach-search-input::placeholder{color:#475569}.ach-search-clear{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;height:22px;justify-content:center;line-height:1;position:absolute;right:6px;width:22px}.ach-search-clear:hover{background:#ffffff26;color:#f1f5f9}.ach-sort-select{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.82rem;min-width:160px;outline:none;padding:.5rem .75rem}.ach-sort-select:focus{border-color:#fbbf244d}.ach-sort-select option{background:#1e293b;color:#e2e8f0}.ach-card.hidden-locked{border-style:dashed;filter:saturate(.2) brightness(.7);opacity:.5}.ach-card.hidden-locked:hover{filter:saturate(.3) brightness(.8);opacity:.65}.ach-card.hidden-locked .ach-card-name{color:#64748b;font-style:italic;letter-spacing:.15em}.ach-card.hidden-locked .ach-card-desc{color:#475569;font-style:italic}.ach-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.ach-card-difficulty{background:#ffffff0a;border:1px solid;border-radius:3px;font-size:.65rem;font-weight:600;letter-spacing:.06em;opacity:.85;padding:1px 6px;text-transform:uppercase}.ach-card-secret-badge{background:#fbbf241a;border:1px solid #fbbf2440;border-radius:3px;color:#fbbf24;font-size:.62rem;font-weight:700;letter-spacing:.1em;padding:1px 6px;text-transform:uppercase}.ach-milestone-tracker{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.ach-milestone-label{color:#94a3b8;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ach-milestone-dots{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem}.ach-milestone-dot{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-width:44px}.ach-milestone-num{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:50%;color:#64748b;display:flex;font-size:.75rem;font-weight:700;height:36px;justify-content:center;transition:border-color .3s,color .3s,background .3s;width:36px}.ach-milestone-dot.claimed .ach-milestone-num{background:#10b9811f;border-color:#10b981;color:#10b981}.ach-milestone-dot.claimable .ach-milestone-num{animation:achMilestonePulse 1.5s ease-in-out infinite;background:#fbbf241f;border-color:#fbbf24;color:#fbbf24}.ach-milestone-claim-btn{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:4px;color:#fbbf24;cursor:pointer;font-size:.62rem;font-weight:600;padding:2px 8px;transition:background .15s;white-space:nowrap}.ach-milestone-claim-btn:hover:not(:disabled){background:#fbbf2433}.ach-milestone-claim-btn:disabled{cursor:not-allowed;opacity:.5}.ach-milestone-next{color:#64748b;font-size:.72rem}@keyframes achMilestonePulse{0%,to{box-shadow:0 0 0 0 #fbbf2400}50%{box-shadow:0 0 8px 2px #fbbf2433}}.ach-icon-search{background:currentColor;-webkit-clip-path:polygon(42% 0,58% 0,70% 8%,78% 18%,82% 30%,82% 45%,78% 56%,72% 64%,80% 72%,95% 88%,88% 95%,72% 80%,64% 72%,56% 78%,45% 82%,30% 82%,18% 78%,8% 70%,0 58%,0 42%,8% 30%,18% 22%,30% 18%);clip-path:polygon(42% 0,58% 0,70% 8%,78% 18%,82% 30%,82% 45%,78% 56%,72% 64%,80% 72%,95% 88%,88% 95%,72% 80%,64% 72%,56% 78%,45% 82%,30% 82%,18% 78%,8% 70%,0 58%,0 42%,8% 30%,18% 22%,30% 18%);display:inline-block;height:16px;width:16px}.ach-icon-question{background:#ffffff14;border-radius:50%;display:inline-block;height:24px;position:relative;width:24px}.ach-icon-question:after{color:#475569;content:"?";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ach-icon-scroll{background:currentColor;-webkit-clip-path:polygon(15% 0,85% 0,100% 8%,100% 92%,85% 100%,15% 100%,0 92%,0 8%);clip-path:polygon(15% 0,85% 0,100% 8%,100% 92%,85% 100%,15% 100%,0 92%,0 8%);display:inline-block;height:16px;width:16px}.ach-recent-section{animation:achFadeIn .5s ease-out .14s both;margin-bottom:1.25rem;position:relative;z-index:1}.ach-recent-title{align-items:center;color:#10b981;display:flex;font-size:.85rem;font-weight:700;gap:.35rem;letter-spacing:.04em;margin:0 0 .5rem;text-transform:uppercase}.ach-recent-title .ach-icon-star{height:14px;width:14px}.ach-recent-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ach-recent-card{align-items:center;background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;cursor:pointer;display:flex;gap:.65rem;overflow:hidden;padding:.6rem .75rem;position:relative;transition:all .25s ease}.ach-recent-card:before{background:#10b981;background:var(--cat-color,#10b981);border-radius:3px 0 0 3px;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:3px}.ach-recent-card:hover{background:#10b98114;border-color:#10b98140;box-shadow:0 4px 12px #10b98114;transform:translateY(-2px)}.ach-recent-card.claimed{opacity:.7}.ach-recent-icon-wrap{align-items:center;background:#00000040;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.ach-recent-icon-wrap [class^=ach-icon-]{height:18px;width:18px}.ach-recent-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.ach-recent-name{color:#fff;color:var(--color-text-primary,#fff);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ach-recent-meta{align-items:center;display:flex;font-size:.68rem;gap:.5rem}.ach-recent-rarity{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ach-recent-time{color:#64748b;font-family:monospace;font-family:var(--font-family-mono,monospace)}.ach-recent-claimable{animation:achRecentGiftPulse 2s ease-in-out infinite;flex-shrink:0}.ach-recent-claimable .ach-icon-gift{height:18px;width:18px}@keyframes achRecentGiftPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.ach-card-unlock-pct{font-feature-settings:"tnum";align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:3px;color:#64748b;display:inline-flex;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.6rem;font-variant-numeric:tabular-nums;font-weight:500;gap:.2rem;opacity:.85;padding:1px 5px}.ach-card-unlock-pct .ach-icon-people{height:10px;width:10px}@media (max-width:768px){.ach-search-sort-bar{flex-direction:column}.ach-sort-select{min-width:0;min-width:auto;width:100%}.ach-milestone-dots{gap:.5rem}.ach-milestone-num{font-size:.65rem;height:30px;width:30px}.ach-recent-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ach-milestone-dot.claimable .ach-milestone-num{animation:none}.ach-recent-section{animation:none!important}.ach-recent-card:hover{transform:none}.ach-recent-claimable{animation:none!important}}.ach-detail-page{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px;padding:1.5rem 1rem}.ach-detail-back-btn{align-items:center;align-self:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.4rem;padding:.5rem 1rem;transition:color .15s,border-color .15s}.ach-detail-back-btn:hover{border-color:#ffffff40;color:#f1f5f9}.ach-icon-arrow-left{background:currentColor;-webkit-clip-path:polygon(40% 0,0 50%,40% 100%,50% 90%,20% 50%,50% 10%);clip-path:polygon(40% 0,0 50%,40% 100%,50% 90%,20% 50%,50% 10%);display:inline-block;height:12px;width:12px}.ach-detail-hero{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative}.ach-detail-hero.unlocked{border-color:#ffffff1a;border-color:var(--ach-rarity-color,#ffffff1a)}.ach-detail-hero.locked{filter:saturate(.6);opacity:.75}.ach-detail-hero-bg{background:radial-gradient(ellipse at 20% 50%,#3b82f60a 0,#0000 70%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ach-detail-hero.rarity-legendary .ach-detail-hero-bg{background:radial-gradient(ellipse at 20% 50%,#fbbf240f 0,#0000 70%)}.ach-detail-hero.rarity-epic .ach-detail-hero-bg{background:radial-gradient(ellipse at 20% 50%,#8b5cf60d 0,#0000 70%)}.ach-detail-hero-content{align-items:flex-start;display:flex;gap:1.25rem;position:relative;z-index:1}.ach-detail-hero-icon{background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;height:72px;width:72px}.ach-detail-hero-text{display:flex;flex-direction:column;gap:.5rem;min-width:0}.ach-detail-title{color:#f1f5f9;font-size:1.6rem;font-weight:800;letter-spacing:.01em;margin:0}.ach-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem}.ach-detail-tag{background:#ffffff08;border:1px solid;border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:2px 10px;text-transform:uppercase}.ach-detail-tag.secret{background:#fbbf2414;border-color:#fbbf244d;color:#fbbf24}.ach-detail-desc{color:#94a3b8;font-size:.95rem;line-height:1.6;margin:.25rem 0 0}.ach-detail-status{align-items:center;border-radius:6px;display:flex;font-size:.82rem;font-weight:500;gap:.4rem;margin-top:1rem;padding:.5rem .75rem;position:relative;z-index:1}.ach-detail-status.unlocked{background:#10b9810f;border:1px solid #10b98126;color:#10b981}.ach-detail-claimed-note{color:#94a3b8;font-weight:400}.ach-detail-section{display:flex;flex-direction:column;gap:.8rem}.ach-detail-section-title{border-bottom:1px solid #ffffff0f;color:#cbd5e1;font-size:.9rem;font-weight:700;letter-spacing:.06em;margin:0;padding-bottom:.4rem;text-transform:uppercase}.ach-detail-progress-wrap{display:flex;flex-direction:column;gap:.3rem}.ach-detail-progress-labels{color:#94a3b8;display:flex;font-size:.82rem;font-weight:500;justify-content:space-between}.ach-detail-progress-bar{background:#ffffff0f;border-radius:5px;height:10px;overflow:hidden}.ach-detail-progress-fill{border-radius:5px;height:100%;transition:width .5s ease}.ach-detail-progress-pct{color:#64748b;font-size:.78rem}.ach-detail-rewards-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.ach-detail-reward-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-direction:column;gap:.3rem;padding:1rem .5rem}.ach-detail-reward-icon{height:32px;opacity:.85;width:32px}.ach-detail-reward-value{color:#f1f5f9;font-size:1.1rem;font-weight:700}.ach-detail-reward-label{color:#64748b;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.ach-detail-claim-btn{align-self:flex-start;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#1a1a2e;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.6rem 1.5rem;transition:transform .15s,box-shadow .15s}.ach-detail-claim-btn:hover:not(:disabled){box-shadow:0 4px 14px #fbbf244d;transform:translateY(-1px)}.ach-detail-claim-btn:disabled{cursor:not-allowed;opacity:.6}.ach-detail-claim-btn.rarity-epic{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.ach-detail-claim-btn.rarity-legendary{animation:achDetailClaimShimmer 2s ease infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#fbbf24);background-size:200% 100%}.ach-detail-related-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ach-detail-related-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;padding:.8rem .5rem;text-align:center;transition:border-color .15s,background .15s}.ach-detail-related-card:hover{background:#ffffff0a;border-color:#ffffff26}.ach-detail-related-card.locked{opacity:.5}.ach-detail-related-icon{background:#ffffff0d;border-radius:6px;height:28px;width:28px}.ach-detail-related-name{color:#e2e8f0;font-size:.8rem;font-weight:600}.ach-detail-related-rarity{font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.ach-detail-related-check{background:#10b981;border-radius:50%;height:14px;width:14px}.ach-detail-skeleton{display:flex;flex-direction:column;gap:1rem}.ach-detail-skel-hero{background:#ffffff0a;border-radius:12px;height:180px}.ach-detail-skel-block,.ach-detail-skel-hero{animation:achDetailPulse 1.2s ease-in-out infinite}.ach-detail-skel-block{animation-delay:.2s;background:#ffffff08;border-radius:8px;height:80px}.ach-detail-skel-block.short{animation-delay:.4s;width:60%}.ach-detail-not-found{color:#94a3b8;padding:3rem 1rem;text-align:center}.ach-detail-not-found h2{color:#e2e8f0;margin-bottom:.5rem}.ach-rwd-credits{background:linear-gradient(135deg,#fbbf24 30%,#f59e0b);border-radius:50%}.ach-rwd-gold{background:linear-gradient(135deg,gold 30%,#f59e0b);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ach-rwd-salvage{background:linear-gradient(135deg,#3b82f6 30%,#06b6d4);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.ach-rwd-title{background:linear-gradient(135deg,#8b5cf6 30%,#ec4899);-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}@keyframes achDetailPulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes achDetailClaimShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:600px){.ach-detail-hero-content{align-items:center;flex-direction:column;text-align:center}.ach-detail-tags{justify-content:center}.ach-detail-title{font-size:1.3rem}.ach-detail-related-grid,.ach-detail-rewards-grid{grid-template-columns:repeat(2,1fr)}.ach-detail-claim-btn{align-self:center}}@media (prefers-reduced-motion:reduce){.ach-detail-skel-block,.ach-detail-skel-hero{animation:none;opacity:.5}.ach-detail-progress-fill{transition:none}.ach-detail-claim-btn.rarity-legendary{animation:none}}@keyframes repFillGrow{0%{max-width:0}to{max-width:100%}}@keyframes repShimmerSweep{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes repTierPulse{0%,to{box-shadow:0 0 6px #ffd70066}50%{box-shadow:0 0 14px #ffd700cc}}@keyframes repNextTierFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes repTierCelebrate{0%{filter:brightness(1);transform:scaleY(1)}30%{filter:brightness(1.6);transform:scaleY(1.15)}60%{filter:brightness(1.2);transform:scaleY(1.05)}to{filter:brightness(1);transform:scaleY(1)}}.reputation-bar-container{width:100%}.reputation-bar{background:linear-gradient(180deg,#ffffff14,#ffffff08 40%,#0000001a),#ffffff0f;border:1px solid #333;border-radius:10px;height:20px;overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.reputation-bar-container:hover .reputation-bar{border-color:#555;box-shadow:0 0 8px #ffffff0f}.reputation-fill{animation:repFillGrow .8s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.15s;background:gold;border-radius:10px;box-shadow:0 0 8px #ffd70059,inset 0 1px 0 #fff3;height:100%;max-width:100%;position:relative;transition:width .5s ease}.reputation-fill:after{animation:repShimmerSweep 3s ease-in-out infinite;animation-delay:1s;background:linear-gradient(90deg,#0000,#ffffff2e 40%,#ffffff47 50%,#ffffff2e 60%,#0000);border-radius:10px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:50%}.reputation-fill.tier-changed{animation:repFillGrow .8s cubic-bezier(.22,.61,.36,1) forwards,repTierCelebrate .6s ease-out .3s}.tier-markers{left:0;pointer-events:none;width:100%}.tier-marker,.tier-markers{height:100%;position:absolute;top:0}.tier-marker{background:#ffffff4d;cursor:default;pointer-events:auto;transform:translateX(-50%);transition:background .3s ease,box-shadow .3s ease,width .2s ease;width:3px}.tier-marker:hover{background:#ffffffb3;box-shadow:0 0 10px #ffffff4d;width:4px}.tier-marker.active{animation:repTierPulse 2s ease-in-out infinite;background:gold;box-shadow:0 0 10px #ffd70080;width:4px}.tier-marker.active:hover{animation:none;box-shadow:0 0 16px #ffd700e6}.reputation-next-tier{animation:repNextTierFadeIn .5s ease-out both;animation-delay:.6s;color:#888;font-size:.85rem;margin-top:.5rem;text-align:right;transition:color .3s ease}.reputation-bar-container:hover .reputation-next-tier{color:#aaa}@media (max-width:480px){.reputation-bar{height:14px}.reputation-next-tier{font-size:.75rem}.tier-marker{width:2px}.tier-marker.active{width:3px}}@media (prefers-reduced-motion:reduce){.reputation-fill,.reputation-fill.tier-changed,.reputation-fill:after,.reputation-next-tier,.tier-marker.active{animation:none!important}.reputation-bar,.reputation-fill,.tier-marker{transition-duration:.01ms!important}}@keyframes flbFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes flbShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes barGrow{0%{width:0}to{width:0;width:var(--bar-target-width,0)}}@keyframes flbCardSlideIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes flbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flbMedalShine{0%{background-position:-100%}to{background-position:200%}}@keyframes flbSkeletonPulse{0%,to{opacity:.35}50%{opacity:.65}}@keyframes flbSkeletonShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes flbBarGlow{0%,to{box-shadow:inset 0 0 6px #ffffff14}50%{box-shadow:inset 0 0 12px #ffffff2e}}@keyframes flbTabGlow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.faction-leaderboard{animation:flbFadeIn .45s ease-out both;padding:20px}.faction-leaderboard-header{margin-bottom:30px}.faction-leaderboard-header h2{-webkit-text-fill-color:#0000;animation:flbShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,var(--color-text-primary) 0,var(--color-text-primary) 35%,#fffffff2 50%,var(--color-text-primary) 65%,var(--color-text-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:var(--color-text-primary);font-size:2em;margin:0 0 10px}.faction-leaderboard-header p{color:var(--color-text-secondary);letter-spacing:.3px;margin:0}.global-standings{margin-bottom:40px}.global-standings h3{color:var(--color-text-primary);font-size:1.5em;margin-bottom:20px}.standings-bars{display:flex;flex-direction:column;gap:20px}.standing-bar-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:15px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.standing-bar-container:hover{border-color:#ffffff38;box-shadow:0 6px 20px #00000040,0 0 15px #ffffff0a;transform:translateY(-2px)}.standing-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.faction-name{font-size:1.1em;font-weight:700;transition:filter .2s ease,text-shadow .2s ease}.faction-name:hover{cursor:default;filter:brightness(1.35);text-shadow:0 0 8px currentColor}.influence-value{color:var(--color-text-primary);font-size:1.2em;font-weight:700;transition:transform .2s ease}.standing-bar-container:hover .influence-value{transform:scale(1.05)}.standing-bar-wrapper{background:#0000004d;height:30px;margin-bottom:10px;width:100%}.standing-bar,.standing-bar-wrapper{border-radius:4px;overflow:hidden;position:relative}.standing-bar{animation:barGrow .8s ease-out both;animation-delay:0s;animation-delay:calc(var(--bar-index, 0)*.12s);height:100%}.standing-bar:after{background:linear-gradient(180deg,#ffffff2e,#fff0);border-radius:4px 4px 0 0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.standing-bar-container:hover .standing-bar{animation:flbBarGlow 2s ease-in-out infinite;filter:brightness(1.1)}.standing-bar-stats{color:var(--color-text-secondary);display:flex;font-size:.9em;gap:15px}.standing-bar-stats span{border-radius:4px;cursor:default;padding:2px 4px;transition:color .2s ease,transform .15s ease}.standing-bar-stats span:hover{background:#ffffff0f;color:var(--color-text-primary);transform:translateY(-1px)}.faction-champions{margin-top:40px}.faction-champions h3{color:var(--color-text-primary);font-size:1.5em;margin-bottom:20px}.champions-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #ffffff1a;display:flex;gap:10px;margin-bottom:20px;overflow-x:auto}.champion-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:1em;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.champion-tab:hover{background:#ffffff08;color:var(--color-text-primary)}.champion-tab.active{border-bottom-color:initial;color:var(--color-text-primary)}.champion-tab.active:after{animation:flbTabGlow .3s ease-out both;background:currentColor;border-radius:2px;bottom:-2px;box-shadow:0 0 8px currentColor,0 0 16px currentColor;content:"";height:2px;left:10%;pointer-events:none;position:absolute;right:10%}.champions-list{display:flex;flex-direction:column;gap:15px}.champion-card{align-items:center;animation:flbCardSlideIn .35s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.08s);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:20px;padding:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.champions-list .champion-card:first-child{animation-delay:0s}.champions-list .champion-card:nth-child(2){animation-delay:.08s}.champions-list .champion-card:nth-child(3){animation-delay:.16s}.champions-list .champion-card:nth-child(4){animation-delay:.24s}.champions-list .champion-card:nth-child(5){animation-delay:.32s}.champions-list .champion-card:nth-child(6){animation-delay:.4s}.champions-list .champion-card:nth-child(7){animation-delay:.48s}.champions-list .champion-card:nth-child(8){animation-delay:.56s}.champions-list .champion-card:nth-child(9){animation-delay:.64s}.champions-list .champion-card:nth-child(10){animation-delay:.72s}.champion-card:hover{border-color:#fff3;box-shadow:0 8px 24px #0000004d,0 0 12px #ffffff0a;transform:translateY(-3px)}.champion-rank{color:var(--color-brand-accent);font-size:2em;font-weight:700;min-width:60px;text-align:center;transition:transform .2s ease}.champion-card:hover .champion-rank{transform:scale(1.08)}.champions-list .champion-card:first-child .champion-rank{animation:flbMedalShine 3s ease-in-out infinite;background:linear-gradient(145deg,gold,#b8860b);background-size:200% 100%;box-shadow:0 2px 8px #ffd70059,inset 0 1px 2px #ffffff4d}.champions-list .champion-card:first-child .champion-rank,.champions-list .champion-card:nth-child(2) .champion-rank{border-radius:50%;color:#1a1a2e;font-size:1.5em;height:52px;line-height:52px;text-shadow:0 1px 1px #ffffff4d;width:52px}.champions-list .champion-card:nth-child(2) .champion-rank{background:linear-gradient(145deg,#e0e0e0,#8a8a8a);box-shadow:0 2px 8px #c0c0c04d,inset 0 1px 2px #ffffff40}.champions-list .champion-card:nth-child(3) .champion-rank{background:linear-gradient(145deg,#cd7f32,#8b4513);border-radius:50%;box-shadow:0 2px 8px #cd7f324d,inset 0 1px 2px #fff3;color:#1a1a2e;font-size:1.5em;height:52px;line-height:52px;text-shadow:0 1px 1px #fff3;width:52px}.champion-info{flex:1 1;min-width:0}.champion-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.champion-header h4{color:var(--color-text-primary);font-size:1.2em;margin:0;transition:color .2s ease}.champion-card:hover .champion-header h4{color:var(--color-text-primary);color:var(--color-brand-accent,var(--color-text-primary))}.champion-stats{display:flex;flex-wrap:wrap;gap:20px}.champion-stat{display:flex;gap:8px;transition:transform .15s ease}.champion-stat:hover{transform:translateX(2px)}.champion-stat .stat-label{color:var(--color-text-secondary)}.champion-stat .stat-value{color:var(--color-text-primary);font-weight:700;transition:filter .2s ease,text-shadow .2s ease}.champion-stat:hover .stat-value{filter:brightness(1.2);text-shadow:0 0 6px currentColor}.champions-empty{animation:flbFloat 3s ease-in-out infinite;color:var(--color-text-tertiary);font-size:1.1em;padding:40px;text-align:center}.faction-leaderboard-error,.faction-leaderboard-loading{color:var(--color-text-primary);padding:40px;text-align:center}.faction-leaderboard-loading{align-items:stretch;display:flex;flex-direction:column;gap:24px;text-align:left}.faction-leaderboard-loading:before{background:#ffffff14;border-radius:6px;height:32px;width:55%}.faction-leaderboard-loading:after,.faction-leaderboard-loading:before{animation:flbSkeletonPulse 1.4s ease-in-out infinite;content:"";display:block}.faction-leaderboard-loading:after{animation-delay:.2s;background:#ffffff0d;border-radius:8px;height:120px;overflow:hidden;position:relative;width:100%}.faction-leaderboard-error{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;color:var(--color-danger);padding:48px 20px}.faction-leaderboard-error .retry-btn{background:#0000;border:1px solid gold;border-radius:6px;color:gold;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.6rem 1.5rem;transition:background .2s ease,box-shadow .2s ease}.faction-leaderboard-error .retry-btn:hover{background:#ffd70026;box-shadow:0 0 12px #ffd7004d}.faction-leaderboard-error .retry-btn:active{transform:scale(.97)}.flb-skeleton-line{animation:flbSkeletonPulse 1.4s ease-in-out infinite;background:#ffffff14;border-radius:4px;height:16px;overflow:hidden;position:relative}.flb-skeleton-line:after{animation:flbSkeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0f 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.flb-skeleton-bar{animation:flbSkeletonPulse 1.4s ease-in-out infinite;background:#ffffff0f;border-radius:4px;height:30px;overflow:hidden;position:relative}.flb-skeleton-bar:after{animation:flbSkeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0f 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.flb-skeleton-card{animation:flbSkeletonPulse 1.4s ease-in-out infinite;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:8px;height:80px;overflow:hidden;position:relative}.flb-skeleton-card:after{animation:flbSkeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff0a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.flb-skeleton-card:first-child{animation-delay:0s}.flb-skeleton-card:nth-child(2){animation-delay:.15s}.flb-skeleton-card:nth-child(3){animation-delay:.3s}.flb-skeleton-card:nth-child(4){animation-delay:.45s}.flb-skeleton-card:nth-child(5){animation-delay:.6s}.champion-badge{border-radius:4px;display:inline-block;font-size:.8em;font-weight:600;padding:2px 8px}.champion-badge.level-badge{background:#4a9eff26;border:1px solid #4a9eff4d;color:#4a9eff}.champion-badge.title-badge{background:#ffd7001a;border:1px solid #ffd70033;color:gold}.champion-tab:focus-visible,.retry-btn:focus-visible{outline:2px solid gold;outline-offset:2px}@media (max-width:768px){.faction-leaderboard{padding:16px}.faction-leaderboard-header h2{font-size:1.6em}.faction-champions h3,.global-standings h3{font-size:1.3em}.standings-bars{gap:16px}.standing-bar-container{padding:12px}.standing-bar-stats{flex-wrap:wrap;font-size:.85em;gap:8px 12px}.champions-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:4px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.champions-tabs::-webkit-scrollbar{display:none}.champion-tab{font-size:.9em;padding:10px 14px}.champion-card{gap:14px;padding:14px}.champion-rank{font-size:1.6em;min-width:48px}.champions-list .champion-card:first-child .champion-rank,.champions-list .champion-card:nth-child(2) .champion-rank,.champions-list .champion-card:nth-child(3) .champion-rank{font-size:1.3em;height:44px;line-height:44px;width:44px}.champion-stats{gap:12px}.champion-header h4{font-size:1.05em}}@media (max-width:480px){.faction-leaderboard{padding:12px}.faction-leaderboard-header{margin-bottom:20px}.faction-leaderboard-header h2{font-size:1.35em}.faction-leaderboard-header p{font-size:.9em}.global-standings{margin-bottom:28px}.faction-champions h3,.global-standings h3{font-size:1.15em;margin-bottom:14px}.standings-bars{gap:12px}.standing-bar-container{padding:10px}.standing-bar-header{align-items:flex-start;flex-direction:column;gap:4px}.faction-name,.influence-value{font-size:1em}.standing-bar-wrapper{height:22px}.standing-bar-stats{flex-wrap:wrap;font-size:.8em;gap:6px 10px}.faction-champions{margin-top:28px}.champions-tabs{gap:2px}.champion-tab{font-size:.82em;padding:8px 10px}.champions-list{gap:10px}.champion-card{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.champion-rank{align-self:flex-start;font-size:1.3em;min-width:0;min-width:auto}.champions-list .champion-card:first-child .champion-rank,.champions-list .champion-card:nth-child(2) .champion-rank,.champions-list .champion-card:nth-child(3) .champion-rank{font-size:1.15em;height:40px;line-height:40px;width:40px}.champion-header{align-items:flex-start;flex-direction:column;gap:6px}.champion-header h4{font-size:1em}.champion-stats{flex-direction:column;gap:6px}.champions-empty{font-size:1em;padding:28px 12px}}@media (prefers-reduced-motion:reduce){.champion-card,.champion-tab.active:after,.champions-empty,.champions-list .champion-card:first-child .champion-rank,.faction-leaderboard,.faction-leaderboard-header h2,.standing-bar{animation:none}.champion-card,.champion-rank,.champion-stat,.faction-name,.influence-value,.standing-bar,.standing-bar-container,.standing-bar-stats span{transition:none}}@keyframes factionHubEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes factionCardStagger{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes errorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cardHoverGlow{0%,to{opacity:0}50%{opacity:1}}@keyframes subtitleSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.faction-hub{animation:factionHubEntry .5s ease-out;margin:0 auto;max-width:1400px;padding:2rem}.faction-hub-header{background:linear-gradient(135deg,#ffd7000d,#0000 50%,#ffd70008);border:1px solid #ffd7001a;border-radius:12px;margin-bottom:3rem;padding:2rem 1rem;text-align:center}.faction-hub-header h1{-webkit-text-fill-color:#0000;animation:headerShimmer 6s linear infinite;background:linear-gradient(90deg,gold,#fff 50%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:gold;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 0 10px #ffd7004d}.faction-hub-header .subtitle{animation:subtitleSlide .6s ease-out .2s both;color:#888;font-size:1.1rem}.factions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.faction-card{animation:factionCardStagger .5s ease-out both;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #333;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.faction-card:first-child{animation-delay:.05s}.faction-card:nth-child(2){animation-delay:.1s}.faction-card:nth-child(3){animation-delay:.15s}.faction-card:nth-child(4){animation-delay:.2s}.faction-card:nth-child(5){animation-delay:.25s}.faction-card:before{background:radial-gradient(circle at 50% 0,#ffd7000f 0,#0000 60%);border-radius:12px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease;z-index:1}.faction-card:hover:before{opacity:1}.faction-card:hover{border-color:inherit;box-shadow:0 12px 40px #0009,0 0 20px #ffd70014;transform:translateY(-6px) scale(1.01)}.faction-card-header{align-items:center;border-bottom:1px solid #333;display:flex;gap:1rem;padding:1.5rem;position:relative;z-index:2}.faction-icon{font-size:3rem;line-height:1;transition:transform .3s ease}.faction-card:hover .faction-icon{transform:scale(1.1)}.faction-info h2{color:#fff;font-size:1.5rem;margin:0 0 .25rem;transition:color .3s ease}.faction-card:hover .faction-info h2{text-shadow:0 0 8px #fff3}.faction-motto{color:#888;font-size:.9rem;font-style:italic;margin:0}.faction-card-body{padding:1.5rem;position:relative;z-index:2}.faction-description{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.faction-stats{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;transition:border-color .3s ease}.faction-card:hover .faction-stats{border-color:#ffd70026}.stat{gap:.25rem}.faction-hub .stat-label{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.faction-hub .stat-value{color:gold;font-size:1.2rem;font-weight:700;transition:transform .2s ease}.faction-hub .faction-card:hover .stat-value{transform:scale(1.05)}.faction-reputation{margin-top:1rem}.reputation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.tier-badge{animation:tierBadgePulse 3s ease-in-out infinite;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;transition:transform .2s ease}.tier-badge:hover{transform:scale(1.05)}.reputation-value{color:gold;font-size:1rem;font-weight:700}.faction-card-footer{background:#0003;border-top:1px solid #333;padding:1rem 1.5rem;position:relative;z-index:2}.view-details-btn{background:#0000;border:2px solid;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease;width:100%}.view-details-btn:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-details-btn:hover:after{left:100%}.view-details-btn:hover{background:#ffffff14;letter-spacing:.5px;transform:translateX(5px)}.view-details-btn:active{transform:translateX(2px) scale(.98)}.faction-hub.error,.faction-hub.loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #333;border-top-color:gold;height:50px;width:50px}.faction-hub .error-message{align-items:center;animation:errorFloat 3s ease-in-out infinite;background:#8b000033;border:2px solid var(--color-danger);border-radius:8px;color:var(--color-danger);display:flex;gap:1rem;padding:1.5rem 2rem}.error-icon-css{align-items:center;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.error-icon-css:before{border-bottom:28px solid #ff6b6b;border-left:16px solid #0000;border-radius:3px;border-right:16px solid #0000;height:0;width:0}.error-icon-css:after{color:#1a1a1a;content:"!";font-size:14px;font-weight:900;left:50%;line-height:1;top:10px;transform:translateX(-50%)}.error-icon{font-size:2rem}.retry-btn{background:#0000;border:1px solid gold;border-radius:6px;color:gold;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.6rem 1.5rem;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.retry-btn:hover{background:#ffd70026;box-shadow:0 0 12px #ffd7004d}.retry-btn:active{transform:scale(.97)}.no-factions{animation:errorFloat 4s ease-in-out infinite;color:#888;font-size:1.2rem;padding:3rem;text-align:center}.faction-hub-leaderboard{border-top:1px solid #ffd7001a;margin-top:3rem;padding-top:2rem}.faction-detail .skeleton-card,.faction-hub .skeleton-card{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #333;border-radius:12px;overflow:hidden;padding:1.5rem}.faction-detail .skeleton-line,.faction-hub .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#222 25%,#2a2a2a 50%,#222 75%);background-size:200% 100%;border-radius:4px;height:14px;margin-bottom:.75rem}.skeleton-line.short{width:40%}.skeleton-line.medium{width:65%}.skeleton-line.long{width:90%}.skeleton-line.full{width:100%}.skeleton-line.thick{height:24px}.skeleton-line.bar{height:20px;margin-top:1rem;width:100%}.faction-emblem-css{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.faction-emblem-css:before{content:"";height:24px;position:absolute;width:24px}.faction-emblem-css.steel:before{background:#3b82f6;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.faction-emblem-css.shadow:before{background:#8b5cf6;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.faction-emblem-css.tech:before{background:#10b981;-webkit-clip-path:polygon(50% 0,63% 13%,100% 13%,87% 37%,100% 63%,63% 63%,50% 100%,37% 63%,0 63%,13% 37%,0 13%,37% 13%);clip-path:polygon(50% 0,63% 13%,100% 13%,87% 37%,100% 63%,63% 63%,50% 100%,37% 63%,0 63%,13% 37%,0 13%,37% 13%)}.faction-emblem-css.raiders:before{background:#ef4444;-webkit-clip-path:polygon(20% 0,35% 0,50% 40%,65% 0,80% 0,55% 55%,70% 100%,55% 100%,50% 65%,45% 100%,30% 100%,45% 55%);clip-path:polygon(20% 0,35% 0,50% 40%,65% 0,80% 0,55% 55%,70% 100%,55% 100%,50% 65%,45% 100%,30% 100%,45% 55%)}.faction-emblem-css.void:before{background:#6b21a8;-webkit-clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%)}.faction-card:focus-visible{outline:2px solid gold;outline-offset:2px}.retry-btn:focus-visible,.view-details-btn:focus-visible{outline:2px solid gold;outline-offset:2px}.faction-hub:before{animation:hubAmbientPulse 8s ease-in-out infinite;background:radial-gradient(circle,#ffd70008 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);width:600px;z-index:0}@keyframes hubAmbientPulse{0%,to{opacity:.5}50%{opacity:1}}.no-factions .empty-icon-css{border:2px dashed #555;border-radius:50%;display:block;height:48px;margin:0 auto 1rem;position:relative;width:48px}.no-factions .empty-icon-css:before{color:#666;content:"?";font-size:1.4rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.faction-card:nth-child(6){animation-delay:.5s}.faction-card:nth-child(7){animation-delay:.6s}.faction-card:nth-child(8){animation-delay:.7s}@media (prefers-reduced-motion:reduce){.faction-card,.faction-hub,.faction-hub-header h1,.faction-hub:before,.no-factions,.skeleton-card,.skeleton-line,.subtitle,.tier-badge{animation:none!important}.faction-card,.retry-btn,.tier-badge,.view-details-btn{transition-duration:.01ms!important}}@media (max-width:768px){.faction-hub{padding:1rem}.factions-grid{grid-template-columns:1fr}.faction-hub-header h1{font-size:2rem}.faction-stats{flex-direction:column;gap:1rem}.faction-hub-header{padding:1.5rem .75rem}}@media (max-width:480px){.faction-hub{padding:.75rem}.faction-hub-header h1{font-size:1.6rem}.faction-hub-header .subtitle{font-size:.95rem}.faction-card-body,.faction-card-header{padding:1rem}.faction-icon{font-size:2.5rem}}.compare-toggle{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#b0b0cc;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.compare-toggle:hover{background:#4a9eff14;border-color:#4a9eff66;color:#4a9eff}.compare-toggle.active{background:#4a9eff1f;border-color:#4a9eff99;box-shadow:0 0 12px #4a9eff26;color:#4a9eff}.faction-card.compare-selected{border-color:#4a9eff99!important;box-shadow:0 0 20px #4a9eff33}.compare-checkmark{align-items:center;animation:compareCheckPop .3s cubic-bezier(.34,1.56,.64,1);background:#4a9eff;border-radius:50%;box-shadow:0 2px 8px #4a9eff4d;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}@keyframes compareCheckPop{0%{transform:scale(0)}to{transform:scale(1)}}.compare-hint{animation:compareHintPulse 2s ease-in-out infinite;color:#888;font-size:.9rem;padding:16px;text-align:center}@keyframes compareHintPulse{0%,to{opacity:.6}50%{opacity:1}}.faction-compare-panel{animation:comparePanelEntry .5s cubic-bezier(.34,1.56,.64,1);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:24px;position:relative}@keyframes comparePanelEntry{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.compare-title{color:#e0e0e0;font-size:1.1rem;margin:0 0 20px;text-align:center}.compare-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:28px}.compare-close:hover{background:#ff646414;border-color:#ff646466;color:#ff6464}.compare-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.compare-column{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:20px;text-align:center;transition:border-color .3s ease}.compare-column .faction-emblem-css{height:40px;margin-bottom:10px;width:40px}.compare-column h4{font-size:1rem;margin:0 0 16px}.compare-stats{display:flex;flex-direction:column;gap:8px}.compare-stat{align-items:center;background:#ffffff05;border-radius:6px;display:flex;justify-content:space-between;padding:6px 10px;transition:background .2s}.compare-stat:hover{background:#ffffff0d}.compare-label{color:#888;font-size:.8rem}.compare-value{color:#e0e0e0;font-size:.9rem;font-weight:600}.faction-popularity{color:#888;font-size:.75rem;font-style:italic;margin-top:6px}.compare-value.compare-winner{color:#4caf50;text-shadow:0 0 6px #4caf504d}.compare-value.compare-loser{color:#888;opacity:.7}.faction-hub .compare-value,.faction-hub .influence-value,.faction-hub .reputation-value,.faction-hub .stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.faction-hub:after{animation:starfieldTwinkle 8s ease-in-out infinite alternate;background-image:radial-gradient(1px 1px at 10% 15%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 25% 35%,#fff6 50%,#0000 0),radial-gradient(1px 1px at 40% 10%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 55% 55%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 70% 25%,#fff6 50%,#0000 0),radial-gradient(1px 1px at 85% 45%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 15% 65%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 30% 80%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 50% 70%,#fff6 50%,#0000 0),radial-gradient(1px 1px at 65% 85%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 80% 60%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 95% 75%,#fff6 50%,#0000 0),radial-gradient(1.5px 1.5px at 5% 90%,#ffd70066 50%,#0000 0),radial-gradient(1.5px 1.5px at 20% 5%,#ffd7004d 50%,#0000 0),radial-gradient(1.5px 1.5px at 45% 40%,#ffd7004d 50%,#0000 0),radial-gradient(1.5px 1.5px at 75% 15%,#ffd70066 50%,#0000 0),radial-gradient(1px 1px at 90% 90%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 35% 50%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 60% 30%,#fff6 50%,#0000 0),radial-gradient(1px 1px at 8% 42%,#ffffff59 50%,#0000 0),radial-gradient(1px 1px at 22% 18%,#ffffff73 50%,#0000 0),radial-gradient(1px 1px at 48% 92%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 62% 8%,#fff6 50%,#0000 0),radial-gradient(1px 1px at 78% 52%,#ffffff59 50%,#0000 0),radial-gradient(1px 1px at 92% 38%,#ffffff73 50%,#0000 0),radial-gradient(1px 1px at 18% 72%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 38% 28%,#fff6 50%,#0000 0),radial-gradient(1px 1px at 58% 62%,#ffffff59 50%,#0000 0),radial-gradient(1px 1px at 82% 78%,#ffffff73 50%,#0000 0),radial-gradient(1.5px 1.5px at 52% 22%,#4a9eff4d 50%,#0000 0),radial-gradient(1.5px 1.5px at 88% 48%,#9370db4d 50%,#0000 0);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes starfieldTwinkle{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}.faction-card:after{background:linear-gradient(90deg,#0000,#ffd70026,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;top:-100%;transition:top .6s ease;width:100%;z-index:3}.faction-card:hover:after{top:100%}.compare-toggle-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#b0b0cc;cursor:pointer;font-size:.85rem;margin-top:1rem;padding:8px 18px;transition:all .3s ease}.compare-toggle-btn:hover{background:#4a9eff14;border-color:#4a9eff66;color:#4a9eff}.compare-toggle-btn.active{background:#4a9eff1f;border-color:#4a9eff99;box-shadow:0 0 12px #4a9eff26;color:#4a9eff}@media (max-width:480px){.compare-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.faction-hub:after{animation:none;opacity:.7}.faction-card:after{display:none}}@keyframes sectionEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardStagger{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes activeGlow{0%,to{box-shadow:0 0 8px #ffd7004d,inset 0 0 4px #ffd7000d}50%{box-shadow:0 0 18px #ffd70080,inset 0 0 8px #ffd7001a}}@keyframes progressFill{0%{width:0}}@keyframes progressGlow{0%,to{box-shadow:0 0 4px #ffd70066}50%{box-shadow:0 0 10px #ffd700b3}}@keyframes completionCelebrate{0%,to{box-shadow:0 0 6px #4caf5066}50%{box-shadow:0 0 16px #4caf50cc,0 0 24px #4caf504d}}@keyframes sweepRight{0%{left:-100%}to{left:100%}}@keyframes refreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes badgePulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.faction-missions{animation:sectionEntry .5s ease-out;display:flex;flex-direction:column;gap:2rem}.active-missions-section,.available-missions-section{animation:sectionEntry .5s ease-out both;background:#0000004d;border:1px solid #333;border-radius:8px;padding:2rem}.available-missions-section{animation-delay:.1s}.active-missions-section h3,.available-missions-section h3{animation:headerShimmer 3s ease-in-out infinite;color:gold;margin-bottom:1.5rem}.no-missions{animation:emptyFloat 3s ease-in-out infinite;color:#888;padding:2rem;text-align:center}.missions-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.mission-card{animation:cardStagger .4s ease-out both;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #333;border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.mission-card:first-child{animation-delay:.05s}.mission-card:nth-child(2){animation-delay:.1s}.mission-card:nth-child(3){animation-delay:.15s}.mission-card:nth-child(4){animation-delay:.2s}.mission-card:nth-child(5){animation-delay:.25s}.mission-card:nth-child(6){animation-delay:.3s}.mission-card:nth-child(7){animation-delay:.35s}.mission-card:nth-child(8){animation-delay:.4s}.mission-card:nth-child(9){animation-delay:.45s}.mission-card:nth-child(10){animation-delay:.5s}.mission-card.active{animation:cardStagger .4s ease-out both,activeGlow 2.5s ease-in-out infinite;border-color:gold}.mission-card.active:first-child{animation-delay:.05s,0s}.mission-card.active:nth-child(2){animation-delay:.1s,0s}.mission-card.active:nth-child(3){animation-delay:.15s,0s}.mission-card.active:nth-child(4){animation-delay:.2s,0s}.mission-card.active:nth-child(5){animation-delay:.25s,0s}.mission-card:hover{border-color:#555;box-shadow:0 8px 24px #0006,0 0 12px #ffd70014;transform:translateY(-3px)}.mission-card.active:hover{border-color:gold;box-shadow:0 8px 24px #0006,0 0 20px #ffd70059}.mission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.mission-header h4{color:#fff;font-size:1.2rem;margin:0;transition:color .2s}.mission-card:hover .mission-header h4{color:gold}.difficulty-badge{border-radius:12px;font-size:.8rem;font-weight:700;letter-spacing:.04em;padding:.25rem .75rem;text-transform:uppercase;transition:box-shadow .3s,transform .2s}.difficulty-badge.EASY{background:#4caf50;box-shadow:0 0 6px #4caf504d;color:#fff}.difficulty-badge.EASY:hover{box-shadow:0 0 14px #4caf5099;transform:scale(1.05)}.difficulty-badge.MEDIUM{background:#ff9800;box-shadow:0 0 6px #ff98004d;color:#fff}.difficulty-badge.MEDIUM:hover{box-shadow:0 0 14px #ff980099;transform:scale(1.05)}.difficulty-badge.HARD{background:#f44336;box-shadow:0 0 6px #f443364d;color:#fff}.difficulty-badge.HARD:hover{box-shadow:0 0 14px #f4433699;transform:scale(1.05)}.difficulty-badge.EXTREME{animation:badgePulse 2s ease-in-out infinite;background:#9c27b0;box-shadow:0 0 6px #9c27b04d;color:#fff}.difficulty-badge.EXTREME:hover{box-shadow:0 0 14px #9c27b099;transform:scale(1.05)}.mission-description{color:#ccc;line-height:1.6;margin-bottom:1rem}.mission-objectives,.objective{margin-bottom:1rem}.objective{transition:transform .2s}.objective:hover{transform:translateX(4px)}.objective-header{color:#ddd;display:flex;justify-content:space-between;margin-bottom:.5rem}.objective-progress{color:gold;font-weight:700}.objective.completed .objective-header{color:#4caf50}.objective.completed .objective-header:before{animation:checkPop .3s ease-out;background:#4caf50;border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:16px;margin-right:6px;position:relative;vertical-align:middle;width:16px}.objective.completed .objective-header:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;margin-left:-13px;margin-top:2px;position:absolute;transform:rotate(45deg);width:5px}.objective.completed .progress-fill{background:#4caf50}.faction-missions .progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.faction-missions .progress-fill{animation:progressFill .8s ease-out,progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffc107,gold);background-size:200% 100%;border-radius:4px;height:100%;position:relative;transition:width .6s ease-out}.progress-fill:after{animation:skeletonShimmer 2s linear infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);background-size:200% 100%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-bar.complete .progress-fill{animation:progressFill .8s ease-out,completionCelebrate 1.5s ease-in-out infinite;background:linear-gradient(90deg,#4caf50,#66bb6a,#4caf50)}.objective-preview{color:#aaa;font-size:.95rem;margin-bottom:.25rem}.mission-rewards{background:#ffd7000d;border:1px solid #ffd70014;border-radius:6px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem;transition:border-color .3s}.mission-card:hover .mission-rewards{border-color:#ffd70026}.rewards-label{color:gold}.reward-item{background:#ffd70033;border-radius:12px;color:gold;cursor:default;font-size:.9rem;padding:.25rem .75rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.reward-item:hover{background:#ffd7004d;box-shadow:0 2px 8px #ffd70033;transform:scale(1.1)}.mission-actions{display:flex;gap:1rem}.abandon-btn,.accept-btn,.complete-btn{border:2px solid;border-radius:6px;cursor:pointer;font-weight:700;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s}.abandon-btn:active,.accept-btn:active,.complete-btn:active{transform:scale(.95);transition:transform .08s}.accept-btn{background:#0000;color:#fff}.accept-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:none;width:100%}.accept-btn:hover{background:#ffffff1a;border-color:#888}.accept-btn:hover:before{animation:sweepRight .6s ease-out}.complete-btn{background:#4caf50;border-color:#4caf50;color:#fff;flex:1 1}.complete-btn:hover{background:#45a049;box-shadow:0 0 12px #4caf5066}.complete-btn.ready{animation:completePulse 1.5s ease-in-out infinite}.complete-btn.ready:hover{box-shadow:0 0 20px #4caf5099}.abandon-btn{background:#0000;border-color:#ff6b6b;color:#ff6b6b}.abandon-btn:hover{background:#ff6b6b1a;border-color:#ff8a8a;box-shadow:0 0 14px #ff6b6b4d}.abandon-btn:disabled,.accept-btn:disabled,.complete-btn:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.mission-type-icon{flex-shrink:0}.mission-icon-daily,.mission-type-icon{display:inline-block;height:20px;margin-right:6px;position:relative;vertical-align:middle;width:20px}.mission-icon-daily:before{background:radial-gradient(circle,gold,#ffa000);border-radius:50%;box-shadow:0 0 6px #ffd70080;content:"";height:12px;left:4px;position:absolute;top:4px;width:12px}.mission-icon-daily:after{animation:sunRotate 12s linear infinite;background:linear-gradient(gold,gold) no-repeat center 0 /2px 4px,linear-gradient(gold,gold) no-repeat center 100% /2px 4px,linear-gradient(gold,gold) no-repeat 0 /4px 2px,linear-gradient(gold,gold) no-repeat 100% /4px 2px;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.mission-icon-weekly{display:inline-block;height:20px;margin-right:6px;position:relative;vertical-align:middle;width:20px}.mission-icon-weekly:before{background:linear-gradient(#64b5f6,#64b5f6) no-repeat 4px 6px /3px 3px,linear-gradient(#64b5f6,#64b5f6) no-repeat 9px 6px /3px 3px,linear-gradient(#64b5f6,#64b5f6) no-repeat 4px 11px /3px 3px;border:2px solid #64b5f6;border-radius:2px;border-top:4px solid #64b5f6;box-sizing:border-box;content:"";height:14px;left:2px;position:absolute;top:3px;width:16px}.mission-icon-story{display:inline-block;height:20px;margin-right:6px;position:relative;vertical-align:middle;width:20px}.mission-icon-story:before{background:linear-gradient(135deg,#ce93d8,#ab47bc);border-left:3px solid #7b1fa2;border-radius:1px 4px 4px 1px;box-shadow:inset 0 0 0 1px #ffffff1a;content:"";height:16px;left:3px;position:absolute;top:2px;width:14px}.mission-icon-story:after{background:#ffffff80;box-shadow:0 3px 0 #fff6,0 6px 0 #ffffff4d;content:"";height:1.5px;left:9px;position:absolute;top:5px;width:6px}.mission-icon-repeatable{display:inline-block;height:20px;margin-right:6px;position:relative;vertical-align:middle;width:20px}.mission-icon-repeatable:before{border-color:#4fc3f7 #4fc3f7 #0000 #0000;border-radius:50%;border-style:solid;border-width:2.5px;left:3px;top:3px}.mission-icon-repeatable:after,.mission-icon-repeatable:before{box-sizing:border-box;content:"";height:14px;position:absolute;width:14px}.mission-icon-repeatable:after{border-color:#0000 #0000 #4fc3f7 #4fc3f7;border-radius:50%;border-style:solid;border-width:2.5px;bottom:3px;right:3px}.mission-icon-repeatable:hover:before{animation:refreshSpin 1s ease-in-out}.mission-skeleton{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #222;border-radius:8px;padding:1.5rem}.faction-missions .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 50%,#ffffff0a);background-size:200% 100%;border-radius:4px;height:14px;margin-bottom:.75rem}.skeleton-line.title{height:20px;margin-bottom:1rem;width:55%}.skeleton-line.desc{width:90%}.skeleton-line.desc-short{width:65%}.skeleton-line.progress{border-radius:4px;height:8px;width:100%}.skeleton-line.badge{border-radius:12px;display:inline-block;height:22px;width:70px}.skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.skeleton-actions{display:flex;gap:1rem;margin-top:1rem}.skeleton-btn{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 50%,#ffffff0a);background-size:200% 100%;border-radius:6px;flex:1 1;height:38px}.mission-skeleton:first-child{animation-delay:0s}.mission-skeleton:nth-child(2){animation-delay:.1s}.mission-skeleton:nth-child(3){animation-delay:.2s}.abandon-btn:focus-visible,.accept-btn:focus-visible,.complete-btn:focus-visible,.retry-btn:focus-visible{outline:2px solid gold;outline-offset:2px}.missions-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;padding:2rem;text-align:center}.missions-error .error-icon-css{align-items:center;display:inline-flex;height:36px;justify-content:center;margin-bottom:.75rem;position:relative;width:36px}.missions-error .error-icon-css:before{border-bottom:28px solid #ef4444;border-left:16px solid #0000;border-radius:3px;border-right:16px solid #0000;content:"";height:0;width:0}.missions-error .error-icon-css:after{color:#1a1a1a;content:"!";font-size:12px;font-weight:900;left:50%;position:absolute;top:10px;transform:translateX(-50%)}.missions-error .retry-btn{background:#0000;border:1px solid gold;border-radius:6px;color:gold;cursor:pointer;margin-top:1rem;padding:.5rem 1.2rem;transition:background .2s ease}.missions-error .retry-btn:hover{background:#ffd70026}.empty-missions{animation:emptyFloat 4s ease-in-out infinite;padding:1.5rem;text-align:center}.empty-scroll-icon{border:2px solid #555;border-radius:4px;display:inline-block;height:32px;margin-bottom:.5rem;position:relative;width:32px}.empty-scroll-icon:before{background:#555;box-shadow:0 6px 0 #555,0 12px 0 #555;content:"";height:2px;left:6px;position:absolute;right:6px;top:6px}.empty-missions p{color:#888;margin:0}@media (max-width:768px){.mission-header{align-items:flex-start;gap:.5rem}.mission-actions,.mission-header{flex-direction:column}.active-missions-section,.available-missions-section{padding:1.5rem}.mission-card{padding:1.25rem}.mission-rewards{gap:.5rem;padding:.75rem}}@media (max-width:480px){.faction-missions{gap:1rem}.active-missions-section,.available-missions-section{border-radius:6px;padding:1rem}.active-missions-section h3,.available-missions-section h3{font-size:1.1rem;margin-bottom:1rem}.missions-list{gap:1rem}.mission-card{border-radius:6px;padding:1rem}.mission-header h4{font-size:1rem}.difficulty-badge{font-size:.7rem;padding:.2rem .5rem}.mission-description{font-size:.9rem;line-height:1.5}.mission-rewards{gap:.4rem;padding:.5rem}.reward-item{font-size:.8rem;padding:.2rem .5rem}.mission-actions{gap:.5rem}.abandon-btn,.accept-btn,.complete-btn{font-size:.85rem;padding:.6rem 1rem}.objective-header{flex-wrap:wrap;font-size:.9rem;gap:.25rem}.skeleton-actions{flex-direction:column;gap:.5rem}.mission-card{animation-duration:.25s}.mission-card:hover{transform:translateY(-1px)}.mission-icon-daily,.mission-icon-repeatable,.mission-icon-story,.mission-icon-weekly{height:16px;width:16px}}@media (prefers-reduced-motion:reduce){.active-missions-section,.available-missions-section,.complete-btn.ready,.difficulty-badge.EXTREME,.faction-missions,.mission-card,.mission-card.active,.mission-icon-daily:after,.no-missions,.progress-fill{animation:none}.mission-card:hover{transform:none}.progress-fill{transition:width .3s}.accept-btn:before{display:none}}.reward-popup-overlay{align-items:center;animation:rewardOverlayIn .3s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}@keyframes rewardOverlayIn{0%{opacity:0}to{opacity:1}}.reward-popup{animation:rewardPopupEntry .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#0f3460 50%,#1a1a2e);border:2px solid #4caf5080;border-radius:16px;box-shadow:0 0 40px #4caf5026,0 0 80px #4caf500d;max-width:380px;overflow:hidden;padding:36px 40px;position:relative;text-align:center;width:90%}@keyframes rewardPopupEntry{0%{opacity:0;transform:scale(.3) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.reward-confetti{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.faction-missions .confetti-piece{animation:confettiFall 1.5s ease-out infinite;animation-delay:calc(var(--i)*.08s);height:8px;left:calc(var(--i)*6.67%);opacity:0;position:absolute;top:-10px;width:8px}.faction-missions .confetti-piece:nth-child(3n){background:#ff6b6b;border-radius:2px;transform:rotate(45deg)}.faction-missions .confetti-piece:nth-child(3n+1){background:gold;border-radius:50%;height:6px;width:6px}.faction-missions .confetti-piece:nth-child(3n+2){background:#4ecdc4;border-radius:1px;height:5px;width:10px}@keyframes confettiFall{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(350px) rotate(2turn)}}.reward-title{color:#4caf50;font-size:1.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 0 15px #4caf5080}.reward-mission-name{color:#b0b0cc;font-size:.95rem;font-style:italic;margin:0 0 20px}.reward-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.reward-popup .reward-item{align-items:center;animation:rewardItemEntry .4s ease-out forwards;animation-delay:calc(var(--delay) + .3s);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:10px;justify-content:center;opacity:0;padding:8px 16px}@keyframes rewardItemEntry{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.reward-type-icon{border-radius:50%;flex-shrink:0;height:20px;width:20px}.reward-type-icon.credits{background:linear-gradient(135deg,gold,#ff9500)}.reward-type-icon.reputation{background:linear-gradient(135deg,#ab47bc,#7b1fa2)}.reward-type-icon.item{background:linear-gradient(135deg,#4a9eff,#2979ff)}.reward-type-icon.xp{background:linear-gradient(135deg,#4caf50,#2e7d32)}.reward-type-icon.faction_tokens{background:linear-gradient(135deg,#ff7043,#e64a19)}.reward-amount{color:#4caf50;font-size:1.1rem;font-weight:700}.reward-label{color:#888;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.reward-dismiss{border:none;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 32px;transition:all .2s}.reward-dismiss:hover{filter:brightness(1.15);transform:translateY(-2px)}.unavailable-missions-section{margin-top:2rem;opacity:.7}.unavailable-missions-section h3{color:#888;font-size:1.1rem;margin-bottom:1rem}.mission-card.unavailable{background:#ffffff03;border-color:#ffffff0f;opacity:.6}.mission-card.unavailable:hover{opacity:.8}.mission-lock-reason{align-items:center;background:#ffa5000f;border:1px solid #ffa50026;border-radius:6px;color:#ff9800;display:flex;font-size:.85rem;gap:8px;margin-top:8px;padding:8px 12px}.lock-icon-css{border:2px solid;border-radius:50% 50% 4px 4px;flex-shrink:0;height:14px;position:relative;width:14px}.lock-icon-css:after{border:2px solid;border-bottom:none;border-radius:4px 4px 0 0;content:"";height:6px;left:1px;position:absolute;top:-6px;width:8px}.cooldown-timer{color:#ffa726;font-size:.8rem;font-weight:600;margin-left:auto}.mission-level-req{color:#888;font-size:.8rem;font-style:italic;margin-top:6px}@keyframes vendorPageEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vendorItemStagger{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes inventoryItemStagger{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes discountPulse{0%,to{box-shadow:0 0 6px #4caf504d;transform:scale(1)}50%{box-shadow:0 0 14px #4caf5080;transform:scale(1.04)}}@keyframes lockShake{0%,to{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}@keyframes outOfStockBadgePulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes purchaseSweep{0%{left:-100%}to{left:100%}}@keyframes priceGlow{0%,to{text-shadow:0 0 4px #4caf504d}50%{text-shadow:0 0 10px #4caf5099}}@keyframes lowStockPulse{0%,to{color:#ff6b6b}50%{color:#f33}}.faction-vendor{grid-gap:2rem;animation:vendorPageEntry .5s ease-out;display:grid;gap:2rem;grid-template-columns:300px 1fr;min-height:500px}.vendor-list{background:#0000004d;border:1px solid #333;border-radius:8px;overflow:hidden;padding:1.5rem;position:relative}.vendor-list:before{background:linear-gradient(90deg,#0000,#ffd70066,#0000);border-radius:8px 8px 0 0;content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.vendor-list h3{color:gold;font-size:1rem;margin-bottom:1rem}.locked-header{margin-top:2rem;padding-left:.25rem;position:relative}.locked-header:before{background:linear-gradient(90deg,#0000,#ff6b6b4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:-1rem}.vendor-item{animation:vendorItemStagger .4s ease-out backwards;background:#ffffff0d;border:2px solid #333;border-radius:6px;cursor:pointer;margin-bottom:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease,box-shadow .3s ease,transform .2s ease}.vendor-item:first-child{animation-delay:.05s}.vendor-item:nth-child(2){animation-delay:.1s}.vendor-item:nth-child(3){animation-delay:.15s}.vendor-item:nth-child(4){animation-delay:.2s}.vendor-item:nth-child(5){animation-delay:.25s}.vendor-item:nth-child(6){animation-delay:.3s}.vendor-item:nth-child(7){animation-delay:.35s}.vendor-item:nth-child(8){animation-delay:.4s}.vendor-item:nth-child(9){animation-delay:.45s}.vendor-item:nth-child(10){animation-delay:.5s}.vendor-item:hover:not(.locked){background:#ffffff1a;border-color:#555;box-shadow:0 4px 16px #0000004d,0 0 8px #ffd7001a;transform:translateX(4px)}.vendor-item:hover:not(.locked):after{animation:purchaseSweep .6s ease-out forwards;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.vendor-item.selected{animation:selectedPulse 2.5s ease-in-out infinite;background:#ffd7001a;border-color:gold;box-shadow:0 0 12px #ffd70040}.vendor-item.selected .vendor-name{color:gold;text-shadow:0 0 6px #ffd7004d}.vendor-item.locked{background:#3c3c3c33;border-color:#2a2a2a;cursor:not-allowed;filter:grayscale(.3);opacity:.5}.vendor-item.locked:hover{animation:lockShake .4s ease-in-out}.locked-icon-css{display:inline-block;flex-shrink:0;height:16px;margin-right:.5rem;position:relative;vertical-align:middle;width:16px}.locked-icon-css:after{background:#888;border-radius:2px;bottom:0;box-shadow:inset 0 -1px 2px #0000004d;content:"";height:10px;left:1px;position:absolute;width:14px}.locked-icon-css:before{border:2.5px solid #888;border-bottom:none;border-radius:6px 6px 0 0;box-sizing:border-box;content:"";height:8px;left:3px;position:absolute;top:0;width:10px}.vendor-item.locked .locked-icon-css:after{background:linear-gradient(180deg,#777,#555);box-shadow:inset 0 -1px 2px #0000004d,inset 0 0 0 4px #0000}.vendor-name{align-items:center;color:#fff;display:flex;font-weight:700;margin-bottom:.25rem;transition:color .3s,text-shadow .3s}.vendor-type{color:#888;font-size:.85rem;transition:color .3s}.vendor-item:hover:not(.locked) .vendor-type{color:#aaa}.vendor-req{color:#ff6b6b;font-size:.85rem;margin-top:.25rem}.vendor-icon-blackmarket,.vendor-icon-mission,.vendor-icon-repair,.vendor-icon-shop,.vendor-icon-upgrade{display:inline-block;flex-shrink:0;height:18px;margin-right:.5rem;position:relative;vertical-align:middle;width:18px}.vendor-icon-shop:before{background:linear-gradient(135deg,#4caf50,#66bb6a);-webkit-clip-path:polygon(10% 40%,0 40%,0 100%,100% 100%,100% 40%,90% 40%,90% 30%,70% 30%,70% 40%,30% 40%,30% 30%,10% 30%);clip-path:polygon(10% 40%,0 40%,0 100%,100% 100%,100% 40%,90% 40%,90% 30%,70% 30%,70% 40%,30% 40%,30% 30%,10% 30%);height:100%}.vendor-icon-shop:after,.vendor-icon-shop:before{content:"";left:0;position:absolute;top:0;width:100%}.vendor-icon-shop:after{background:linear-gradient(135deg,#388e3c,#4caf50);-webkit-clip-path:polygon(0 100%,10% 0,90% 0,100% 100%);clip-path:polygon(0 100%,10% 0,90% 0,100% 100%);height:40%}.vendor-icon-repair:before{background:linear-gradient(135deg,#2196f3,#42a5f5);-webkit-clip-path:polygon(15% 0,30% 0,30% 35%,60% 65%,95% 100%,80% 100%,45% 65%,15% 35%);clip-path:polygon(15% 0,30% 0,30% 35%,60% 65%,95% 100%,80% 100%,45% 65%,15% 35%)}.vendor-icon-repair:after,.vendor-icon-repair:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vendor-icon-repair:after{background:linear-gradient(135deg,#1976d2,#2196f3);-webkit-clip-path:polygon(70% 0,85% 0,85% 35%,55% 65%,20% 100%,5% 100%,40% 65%,70% 35%);clip-path:polygon(70% 0,85% 0,85% 35%,55% 65%,20% 100%,5% 100%,40% 65%,70% 35%)}.vendor-icon-upgrade:before{background:linear-gradient(135deg,#ff9800,#ffb74d);-webkit-clip-path:polygon(50% 0,100% 45%,75% 45%,75% 100%,25% 100%,25% 45%,0 45%);clip-path:polygon(50% 0,100% 45%,75% 45%,75% 100%,25% 100%,25% 45%,0 45%)}.vendor-icon-mission:before,.vendor-icon-upgrade:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vendor-icon-mission:before{background:linear-gradient(135deg,#9c27b0,#ba68c8);-webkit-clip-path:polygon(45% 0,55% 0,55% 40%,100% 40%,100% 55%,55% 55%,55% 100%,45% 100%,45% 55%,0 55%,0 40%,45% 40%);clip-path:polygon(45% 0,55% 0,55% 40%,100% 40%,100% 55%,55% 55%,55% 100%,45% 100%,45% 55%,0 55%,0 40%,45% 40%)}.vendor-icon-mission:after{background:#ce93d8;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.vendor-icon-blackmarket:before{background:linear-gradient(135deg,#f44336,#e57373);-webkit-clip-path:polygon(30% 0,70% 0,90% 20%,95% 50%,80% 75%,65% 80%,65% 100%,55% 100%,55% 85%,45% 85%,45% 100%,35% 100%,35% 80%,20% 75%,5% 50%,10% 20%);clip-path:polygon(30% 0,70% 0,90% 20%,95% 50%,80% 75%,65% 80%,65% 100%,55% 100%,55% 85%,45% 85%,45% 100%,35% 100%,35% 80%,20% 75%,5% 50%,10% 20%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.vendor-icon-blackmarket:after{background:#000c;border-radius:50%;box-shadow:10px 0 0 0 #000c;content:"";height:14%;left:28%;position:absolute;top:35%;width:16%}.vendor-inventory{background:#0000004d;border:1px solid #333;border-radius:8px;overflow:hidden;padding:2rem;position:relative}.vendor-inventory:before{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);border-radius:8px 8px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.loading-inventory,.no-vendor-selected{align-items:center;color:#888;display:flex;flex-direction:column;font-size:1.1rem;gap:1rem;height:100%;justify-content:center}.no-vendor-selected{animation:emptyFloat 3s ease-in-out infinite}.no-vendor-selected:before{border:3px dashed #444;border-radius:50%;content:"";display:block;height:48px;opacity:.4;width:48px}.loading-inventory:before{animation:spin .8s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:gold;content:"";display:block;height:40px;width:40px}.skeleton-item{border:2px solid #33333380;border-radius:8px;height:200px}.skeleton-item,.skeleton-vendor{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%);background-size:200% 100%}.skeleton-vendor{border:2px solid #3333334d;border-radius:6px;height:60px;margin-bottom:.75rem}.skeleton-vendor:nth-child(2){animation-delay:.15s}.skeleton-vendor:nth-child(3){animation-delay:.3s}.skeleton-vendor:nth-child(4){animation-delay:.45s}.faction-vendor .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:4px;height:14px;margin-bottom:.5rem}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.inventory-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;position:relative}.inventory-header:after{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.inventory-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffa000);-webkit-background-clip:text;background-clip:text;color:gold;margin:0}.discount-badge{animation:discountPulse 2s ease-in-out infinite;border-radius:20px;color:#fff;overflow:hidden;padding:.5rem 1rem;position:relative}.discount-badge:after{animation:purchaseSweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.restock-info{font-feature-settings:"tnum";background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;color:#888;font-size:.8rem;font-variant-numeric:tabular-nums;padding:.3rem .75rem}.inventory-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.item-card{animation:inventoryItemStagger .4s ease-out backwards;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #333;border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease,box-shadow .3s ease,transform .25s ease}.item-card:first-child{animation-delay:.05s}.item-card:nth-child(2){animation-delay:.1s}.item-card:nth-child(3){animation-delay:.12s}.item-card:nth-child(4){animation-delay:.16s}.item-card:nth-child(5){animation-delay:.2s}.item-card:nth-child(6){animation-delay:.24s}.item-card:nth-child(7){animation-delay:.28s}.item-card:nth-child(8){animation-delay:.32s}.item-card:nth-child(9){animation-delay:.36s}.item-card:nth-child(10){animation-delay:.4s}.item-card:nth-child(11){animation-delay:.44s}.item-card:nth-child(12){animation-delay:.48s}.item-card:hover{border-color:#555;box-shadow:0 8px 24px #0006,0 0 12px #ffd70014;transform:translateY(-4px)}.item-card:hover:after{animation:purchaseSweep .6s ease-out forwards;background:linear-gradient(90deg,#0000,#ffffff08,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.item-card.faction-color-red:hover{border-color:#f44336;box-shadow:0 8px 24px #0006,0 0 14px #f4433633}.item-card.faction-color-blue:hover{border-color:#2196f3;box-shadow:0 8px 24px #0006,0 0 14px #2196f333}.item-card.faction-color-green:hover{border-color:#4caf50;box-shadow:0 8px 24px #0006,0 0 14px #4caf5033}.item-card.faction-color-purple:hover{border-color:#9c27b0;box-shadow:0 8px 24px #0006,0 0 14px #9c27b033}.item-card.faction-color-orange:hover{border-color:#ff9800;box-shadow:0 8px 24px #0006,0 0 14px #ff980033}.item-card.faction-color-gold:hover{border-color:gold;box-shadow:0 8px 24px #0006,0 0 14px #ffd70040}.item-card.out-of-stock{filter:grayscale(.4);opacity:.45;pointer-events:none;position:relative}.item-card.out-of-stock:before{animation:outOfStockBadgePulse 2s ease-in-out infinite;background:#0009;border:2px solid #f4433666;border-radius:4px;color:#f44336b3;content:"OUT OF STOCK";font-size:.85rem;font-weight:900;left:50%;letter-spacing:2px;padding:.4rem 1rem;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%) rotate(-15deg);white-space:nowrap;z-index:2}.item-header{margin-bottom:1rem}.item-header h4{color:#fff;margin:0 0 .5rem;text-transform:capitalize;transition:color .3s}.item-card:hover .item-header h4{color:gold}.item-type{background:#ffd70033;border-radius:12px;color:gold;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.25rem .75rem;transition:all .3s}.item-type.type-weapon{background:#f4433626;border:1px solid #f4433640;color:#ef5350}.item-type.type-armor{background:#2196f326;border:1px solid #2196f340;color:#42a5f5}.item-type.type-component{background:#9c27b026;border:1px solid #9c27b040;color:#ba68c8}.item-type.type-consumable{background:#4caf5026;border:1px solid #4caf5040;color:#66bb6a}.item-type.type-material{background:#ff980026;border:1px solid #ff980040;color:#ffa726}.item-type.type-blueprint{background:#00bcd426;border:1px solid #00bcd440;color:#26c6da}.item-type.type-special{background:#ffd70026;border:1px solid #ffd70040;color:gold}.item-type.type-cosmetic{background:#e91e6326;border:1px solid #e91e6340;color:#ec407a}.item-price{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.original-price{color:#ff6b6b;font-size:.95rem;opacity:.8;position:relative;text-decoration:line-through}.original-price:after{background:#ff6b6b99;content:"";height:2px;left:-2px;position:absolute;right:-2px;top:50%;transform:rotate(-3deg)}.final-price{animation:priceGlow 2.5s ease-in-out infinite;color:#4caf50;font-size:1.3rem;font-weight:700}.stock-info{color:#888;font-size:.9rem;margin-bottom:1rem;transition:color .3s}.stock-info.low-stock{animation:lowStockPulse 1.5s ease-in-out infinite;color:#ff6b6b;font-weight:600}.stock-info.low-stock:before{animation:lowStockPulse 1s ease-in-out infinite;background:#ff6b6b;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;vertical-align:middle;width:8px}.purchase-btn{background:#0000;border:2px solid;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease,transform .15s ease;width:100%}.purchase-btn:hover:not(:disabled){background:#ffffff1a;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.purchase-btn:hover:not(:disabled):after{animation:purchaseSweep .5s ease-out forwards;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.purchase-btn:active:not(:disabled){box-shadow:none;transform:translateY(1px) scale(.98);transition:all .05s ease}.purchase-btn:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.5}.vendor-item:focus-visible{outline:2px solid gold;outline-offset:2px}.purchase-btn:focus-visible,.retry-btn:focus-visible{outline:2px solid gold;outline-offset:2px}.vendor-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;padding:2rem;text-align:center}.vendor-error .retry-btn{background:#0000;border:1px solid gold;border-radius:6px;color:gold;cursor:pointer;margin-top:1rem;padding:.5rem 1.2rem;transition:background .2s ease}.vendor-error .retry-btn:hover{background:#ffd70026}@media (max-width:968px){.faction-vendor{grid-template-columns:1fr}.vendor-list{order:2}.vendor-inventory{order:1}.inventory-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.faction-vendor{gap:1.25rem}.vendor-list{padding:1rem}.vendor-inventory{padding:1.25rem}.inventory-header{flex-direction:column;gap:.75rem;text-align:center}.inventory-header h2{font-size:1.25rem}.inventory-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.item-card{padding:1.25rem}.discount-badge{font-size:.85rem;padding:.4rem .75rem}.vendor-item.selected{animation:selectedPulse 3s ease-in-out infinite}}@media (max-width:480px){.faction-vendor{gap:1rem;min-height:400px}.vendor-list{padding:.75rem}.vendor-list h3{font-size:.9rem}.vendor-item{margin-bottom:.5rem;padding:.75rem}.vendor-name{font-size:.9rem}.vendor-type{font-size:.75rem}.vendor-inventory{padding:1rem}.inventory-header h2{font-size:1.1rem}.inventory-grid{gap:.75rem;grid-template-columns:1fr}.item-card{padding:1rem}.item-header h4{font-size:.95rem}.final-price{font-size:1.1rem}.purchase-btn{font-size:.9rem;padding:.6rem}.no-vendor-selected{font-size:.95rem;padding:2rem 1rem}.no-vendor-selected:before{height:36px;width:36px}.item-card:hover,.vendor-item:hover:not(.locked){transform:none}.skeleton-item{height:160px}}@media (prefers-reduced-motion:reduce){.discount-badge,.faction-vendor,.faction-vendor .skeleton-line,.final-price,.item-card,.loading-inventory:before,.no-vendor-selected,.skeleton-item,.skeleton-vendor,.stock-info.low-stock,.stock-info.low-stock:before,.vendor-item{animation:none}.item-card,.purchase-btn,.vendor-item{transition:opacity .2s,background .2s,border-color .2s}.vendor-item.selected{animation:none;border-color:gold;box-shadow:0 0 10px #ffd7004d}}.inspect-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#888;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:24px;justify-content:center;transition:all .2s;width:24px}.inspect-btn:hover{background:#4a9eff1a;border-color:#4a9eff80;color:#4a9eff}.item-compare-panel{animation:itemCompareEntry .4s cubic-bezier(.34,1.56,.64,1);background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-top:16px;padding:20px}@keyframes itemCompareEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.item-compare-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.item-compare-header h4{color:#e0e0e0;font-size:1rem;margin:0}.compare-close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .2s;width:24px}.compare-close-btn:hover{border-color:#ff646466;color:#ff6464}.item-compare-name{color:#e0e0e0;font-size:1.1rem;font-weight:600;margin-bottom:8px}.item-compare-type{margin-bottom:12px}.item-compare-desc{color:#888;font-size:.85rem;font-style:italic;line-height:1.5;margin:0 0 16px}.item-compare-stat{align-items:center;background:#ffffff05;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:4px;padding:6px 10px;transition:background .2s}.item-compare-stat:hover{background:#ffffff0d}.item-compare-stat .stat-name{color:#888;font-size:.8rem;text-transform:capitalize}.item-compare-stat .stat-value{font-feature-settings:"tnum";color:#4a9eff;font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600}.item-compare-stat .stat-value.stat-positive{color:#4caf50}.item-compare-stat .stat-value.stat-negative{color:#ef5350}.item-compare-total{align-items:center;background:#ffd7000a;border-radius:6px;border-top:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-top:6px;padding:8px 10px}.item-compare-total .stat-name{color:#aaa;font-size:.8rem;font-weight:600}.item-compare-total .stat-value.stat-total{font-feature-settings:"tnum";color:gold;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.item-compare-req{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.req-label{color:#888;font-size:.8rem;font-weight:600}.req-value{background:#ff95001a;border-radius:4px;color:#ff9500;font-size:.8rem;padding:2px 8px}.item-card.best-value{border-color:#4caf50;box-shadow:0 0 12px #4caf5026}.best-value-badge{background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid #4caf5066;border-radius:10px;color:#4caf50;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;padding:2px 10px;text-transform:uppercase}.purchase-history-panel{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;margin-top:1.5rem;padding:1rem}.purchase-history-panel h4{color:#888;font-size:.9rem;margin:0 0 .75rem}.purchase-history-list{display:flex;flex-direction:column;gap:6px}.purchase-history-item{align-items:center;background:#ffffff05;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;padding:6px 10px}.ph-name{color:#ccc;flex:1 1;text-transform:capitalize}.ph-price{color:#4caf50;font-weight:600;margin:0 12px}.ph-price,.ph-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ph-time{color:#666;font-size:.75rem}.confirm-modal{max-width:380px}.confirm-title{margin:0 0 12px}.confirm-message{color:#888;font-size:.9rem;margin:0 0 20px}.confirm-action-btn{background:#4a9eff26;border:1px solid #4a9eff80;color:#4a9eff;padding:8px 20px}.confirm-action-btn:hover{background:#4a9eff40;box-shadow:0 0 12px #4a9eff33}.confirm-action-btn.danger{background:#ef444426;border-color:#ef444480;color:#ef4444}.confirm-action-btn.danger:hover{background:#ef444440;box-shadow:0 0 12px #ef444433}@media (prefers-reduced-motion:reduce){.confirm-modal,.confirm-overlay{animation:none}}@keyframes factionDetailEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes headerAmbientGlow{0%,to{box-shadow:0 0 30px #ffd70014,inset 0 0 60px #ffd70008}50%{box-shadow:0 0 50px #ffd70024,inset 0 0 80px #ffd7000f}}@keyframes tabUnderlineGlow{0%,to{box-shadow:0 2px 8px #ffd70066}50%{box-shadow:0 2px 16px #ffd700b3}}@keyframes tierBadgePulse{0%,to{box-shadow:0 0 8px #ffd7004d,0 0 20px #ffd7001a}50%{box-shadow:0 0 16px #ffd70080,0 0 40px #ffd70033}}@keyframes benefitIconSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes zoneCardStagger{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes repValuePulse{0%,to{text-shadow:0 0 6px #ffd7004d}50%{text-shadow:0 0 14px #ffd70099}}@keyframes backArrowBounce{0%,to{transform:translateX(0)}50%{transform:translateX(-4px)}}.faction-detail{animation:factionDetailEntry .5s ease-out both;margin:0 auto;max-width:1200px;padding:2rem}.faction-header{animation:headerAmbientGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid;border-radius:12px;margin-bottom:2rem;overflow:hidden;position:relative}.faction-header:before{background:radial-gradient(ellipse at 30% 20%,#ffd7000f 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.back-btn{background:#00000080;border:none;color:gold;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;position:relative;transition:background .3s,box-shadow .3s,text-shadow .3s,letter-spacing .3s;width:100%;z-index:1}.back-btn:hover{background:#000000b3;box-shadow:inset 0 0 30px #ffd70014,0 2px 12px #ffd70026;letter-spacing:.03em;text-shadow:0 0 8px #ffd70080}.back-btn:hover:first-line{animation:backArrowBounce .6s ease-in-out}.back-btn:active{background:#000000d9;transform:scale(.98)}.faction-banner{padding:2rem;position:relative;z-index:1}.faction-title-section{align-items:center;display:flex;gap:1.5rem}.faction-icon-large{filter:drop-shadow(0 0 12px currentColor);font-size:5rem;transition:transform .4s ease,filter .4s ease}.faction-icon-large:hover{filter:drop-shadow(0 0 24px currentColor);transform:scale(1.1) rotate(-5deg)}.faction-banner h1{color:#fff;font-size:2.5rem;margin:0 0 .5rem;text-shadow:0 2px 12px #0009;transition:text-shadow .3s}.faction-banner h1:hover{text-shadow:0 0 20px #ffd7004d,0 2px 12px #0009}.faction-motto-large{color:#888;font-size:1.1rem;font-style:italic;margin:0;transition:color .3s}.faction-standing-section{background:#0000004d;border-top:1px solid #333;padding:2rem;position:relative;z-index:1}.standing-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tier-badge-large{animation:tierBadgePulse 3s ease-in-out infinite;border-radius:20px;color:#fff;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-shadow:0 1px 4px #00000080;text-transform:uppercase;transition:transform .3s,box-shadow .3s}.tier-badge-large:hover{box-shadow:0 0 24px #ffd70080,0 0 48px #ffd70033;transform:scale(1.08)}.rep-value-large{animation:repValuePulse 3s ease-in-out infinite;color:gold;font-size:1.5rem;font-weight:700}.faction-tabs{border-bottom:2px solid #333;display:flex;gap:1rem;margin-bottom:2rem;position:relative}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#888;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.tab-btn:after{background:gold;border-radius:2px;bottom:-3px;content:"";height:3px;left:50%;position:absolute;transition:width .3s ease,left .3s ease;width:0}.tab-btn:hover:after{left:20%;width:60%}.tab-btn.active{color:#fff;font-weight:700}.tab-btn.active:after{animation:tabUnderlineGlow 2s ease-in-out infinite;left:0;width:100%}.tab-btn:hover:not(.active){color:#ccc;text-shadow:0 0 6px #ffd70033;transform:translateY(-2px)}.tab-btn:active{transform:translateY(0)}.faction-content{min-height:400px}.overview-tab{display:flex;flex-direction:column;gap:2rem}.benefits-section,.lore-section,.stats-section{animation:sectionSlideUp .5s ease-out both;background:#0000004d;border:1px solid #333;border-radius:8px;padding:2rem;transition:border-color .3s,box-shadow .3s}.benefits-section:hover,.lore-section:hover,.stats-section:hover{border-color:#ffd70040;box-shadow:0 4px 24px #0000004d,0 0 20px #ffd7000a}.lore-section{animation-delay:.1s}.benefits-section{animation-delay:.25s}.stats-section{animation-delay:.4s}.benefits-section h3,.lore-section h2,.stats-section h3{color:gold;display:inline-block;margin-bottom:1rem;position:relative;text-shadow:0 0 8px #ffd70026}.benefits-section h3:after,.lore-section h2:after,.stats-section h3:after{background:linear-gradient(90deg,gold,#0000);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:40px}.lore-section{border-left:3px solid #ffd7004d}.lore-section p{color:#ccc;font-size:1.08rem;letter-spacing:.01em;line-height:2;max-width:80ch}.benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.benefit-item{align-items:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:6px;color:gold;display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}.benefit-item:before{background:linear-gradient(90deg,#0000,#ffd7000f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.benefit-item:hover:before{left:100%}.benefit-item:hover{background:#ffd70026;border-color:#ffd70080;box-shadow:0 6px 20px #ffd70026,0 0 12px #ffd70014;transform:translateY(-3px) scale(1.02)}.benefit-item:first-child{animation:sectionSlideUp .4s ease-out .3s both}.benefit-item:nth-child(2){animation:sectionSlideUp .4s ease-out .4s both}.benefit-item:nth-child(3){animation:sectionSlideUp .4s ease-out .5s both}.benefit-item:nth-child(4){animation:sectionSlideUp .4s ease-out .6s both}.benefit-icon{font-size:1.5rem}.benefit-icon-css{align-items:center;border-radius:50%;display:inline-flex;height:32px;justify-content:center;min-width:32px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:32px}.benefit-item:hover .benefit-icon-css{transform:scale(1.15)}.benefit-icon-discount{background:linear-gradient(135deg,gold,orange);box-shadow:0 0 8px #ffd7004d}.benefit-icon-discount:before{border:2.5px solid #0d0d0d;border-radius:50%;content:"";height:14px;position:absolute;width:14px}.benefit-icon-discount:after{background:#0d0d0d;border-radius:1px;content:"";height:10px;position:absolute;width:4px}.benefit-item:hover .benefit-icon-discount{box-shadow:0 0 16px #ffd70080}.benefit-icon-rewards{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 0 8px #ffa5004d}.benefit-icon-rewards:before{background:#0d0d0d;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:18px;position:absolute;width:18px}.benefit-item:hover .benefit-icon-rewards{box-shadow:0 0 16px #ffa50080}.benefit-icon-xp{background:linear-gradient(135deg,#7cb342,#33691e);box-shadow:0 0 8px #7cb3424d}.benefit-icon-xp:before{border-bottom:10px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;position:absolute;top:6px;width:0}.benefit-icon-xp:after{background:#fff;border-radius:1px;bottom:6px;content:"";height:8px;position:absolute;width:5px}.benefit-item:hover .benefit-icon-xp{box-shadow:0 0 16px #7cb34280}.benefit-icon-credits{background:linear-gradient(135deg,gold,#b8860b);box-shadow:0 0 8px #ffd7004d}.benefit-icon-credits:before{color:#0d0d0d;content:"$";font-size:16px;font-weight:900;line-height:1;position:absolute}.benefit-item:hover .benefit-icon-credits{box-shadow:0 0 16px #ffd70080}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-box{background:#ffd7000d;border:1px solid #333;border-radius:6px;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.stat-box:after{background:radial-gradient(circle at center,#ffd70014,#0000 70%);border-radius:6px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.stat-box:hover:after{opacity:1}.stat-box:hover{background:#ffd70014;border-color:#ffd70080;box-shadow:0 0 16px #ffd70026,0 4px 16px #0000004d;transform:scale(1.05)}.stat-box:first-child{animation:statCountUp .4s ease-out .45s both}.stat-box:nth-child(2){animation:statCountUp .4s ease-out .55s both}.stat-box:nth-child(3){animation:statCountUp .4s ease-out .65s both}.stat-box:nth-child(4){animation:statCountUp .4s ease-out .75s both}.stat-box .stat-label{color:#888;font-size:.85rem;margin-bottom:.5rem;position:relative;transition:color .3s;z-index:1}.stat-box:hover .stat-label{color:#aaa}.stat-box .stat-value{color:gold;font-size:2rem;position:relative;transition:transform .3s,text-shadow .3s;z-index:1}.stat-box:hover .stat-value{text-shadow:0 0 12px #ffd70066;transform:scale(1.1)}.territory-tab{animation:sectionSlideUp .4s ease-out both;padding:2rem}.territory-tab h3{color:gold;margin-bottom:.5rem;text-shadow:0 0 8px #ffd70026}.territory-intro{color:#888;font-size:.95rem;margin-bottom:1.5rem}.zone-list{margin-top:1rem}.zone-list h3{color:gold;margin-bottom:1rem}.zone-list ul.zone-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));list-style:none;padding:0}.zone-list .zone-card{align-items:center;background:#0000004d;border:2px solid;border-radius:8px;color:#ccc;display:flex;flex-wrap:wrap;gap:.5rem;overflow:hidden;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.zone-list .zone-card:before{background:inherit;border-color:inherit;content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;transition:opacity .3s,width .3s;width:4px}.zone-list .zone-card:hover{background:#00000073;box-shadow:0 8px 24px #0006,0 0 16px #ffd70014;transform:translateY(-4px) scale(1.02)}.zone-list .zone-card:hover:before{opacity:.9;width:5px}.zone-list .zone-card:first-child{animation:zoneCardStagger .35s ease-out .1s both}.zone-list .zone-card:nth-child(2){animation:zoneCardStagger .35s ease-out .18s both}.zone-list .zone-card:nth-child(3){animation:zoneCardStagger .35s ease-out .26s both}.zone-list .zone-card:nth-child(4){animation:zoneCardStagger .35s ease-out .34s both}.zone-list .zone-card:nth-child(5){animation:zoneCardStagger .35s ease-out .42s both}.zone-list .zone-card:nth-child(6){animation:zoneCardStagger .35s ease-out .5s both}.zone-list .zone-card:nth-child(7){animation:zoneCardStagger .35s ease-out .58s both}.zone-list .zone-card:nth-child(8){animation:zoneCardStagger .35s ease-out .66s both}.zone-list .zone-name{color:#fff;flex:1 1 100%;font-weight:700;transition:text-shadow .3s}.zone-list .zone-card:hover .zone-name{text-shadow:0 0 8px #fff3}.zone-list .zone-coords{color:#888;font-family:Courier New,monospace;font-size:.85rem}.zone-list .zone-status{background:#ffffff1a;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.2rem .5rem;text-transform:uppercase;transition:background .3s}.zone-list .zone-status.HELD{background:#7cb34226;color:#7cb342;text-shadow:0 0 4px #7cb3424d}.zone-list .no-zones{color:#888;font-style:italic;padding:1rem 0}.zone-list ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;padding:0}.zone-list li{background:#0000004d;border:1px solid #333;border-radius:4px;color:#ccc;padding:.75rem;transition:border-color .3s,background .3s}.zone-list li:hover{background:#00000073;border-color:#ffd7004d}.faction-detail.loading{align-items:center;color:#888;display:flex;justify-content:center;min-height:400px;position:relative}.faction-detail.loading:before{animation:tierBadgePulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffd70014 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;width:200px}.faction-detail .skeleton-line{animation:skeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:4px;height:16px}.faction-detail .skeleton-block{animation:skeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%);background-size:200% 100%;border-radius:8px;height:120px}.faction-detail .skeleton-circle{animation:skeletonShimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:50%;height:64px;width:64px}.back-btn:focus-visible,.tab-btn:focus-visible{outline:2px solid gold;outline-offset:2px}.faction-detail-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.faction-detail-error .error-icon-css{align-items:center;display:inline-flex;height:40px;justify-content:center;margin-bottom:1rem;position:relative;width:40px}.faction-detail-error .error-icon-css:before{border-bottom:32px solid #ef4444;border-left:18px solid #0000;border-radius:3px;border-right:18px solid #0000;content:"";height:0;width:0}.faction-detail-error .error-icon-css:after{color:#1a1a1a;content:"!";font-size:14px;font-weight:900;left:50%;position:absolute;top:12px;transform:translateX(-50%)}.faction-detail-error .retry-btn{background:#0000;border:1px solid gold;border-radius:6px;color:gold;cursor:pointer;margin-top:1rem;padding:.6rem 1.5rem;transition:background .2s ease,box-shadow .2s ease}.faction-detail-error .retry-btn:hover{background:#ffd70026;box-shadow:0 0 12px #ffd7004d}.faction-detail-error .retry-btn:focus-visible{outline:2px solid gold;outline-offset:2px}.no-benefits{color:#888;font-style:italic;padding:1rem 0}.empty-territory{padding:2rem;text-align:center}.territory-icon-css{border:2px dashed #555;border-radius:8px;display:inline-block;height:40px;margin-bottom:.75rem;position:relative;width:40px}.territory-icon-css:before{background:#0000;border:2px solid #666;border-radius:2px;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.territory-icon-css:after{background:#555;border-radius:50%;content:"";height:8px;left:8px;position:absolute;top:8px;width:8px}@media (prefers-reduced-motion:reduce){.benefit-item,.faction-banner,.faction-detail,.faction-header,.overview-tab,.skeleton-block,.skeleton-circle,.skeleton-line,.stat-box,.tab-btn,.zone-card{animation:none!important}.back-btn,.benefit-item,.stat-box,.tab-btn,.zone-card{transition-duration:.01ms!important}}@media (max-width:768px){.faction-detail{padding:1rem}.faction-title-section{flex-direction:column;text-align:center}.faction-banner h1{font-size:1.8rem}.faction-icon-large{font-size:3.5rem}.faction-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto;scrollbar-width:none}.faction-tabs::-webkit-scrollbar{display:none}.tab-btn{font-size:.9rem;padding:.75rem 1rem;white-space:nowrap}.benefits-grid,.stats-grid,.zone-list ul.zone-cards{grid-template-columns:1fr}.standing-info{flex-direction:column;gap:.75rem;text-align:center}.benefits-section,.lore-section,.stats-section{padding:1.25rem}.territory-tab{padding:1rem}.stat-box .stat-value{font-size:1.5rem}}@media (max-width:480px){.faction-detail{padding:.5rem}.faction-banner{padding:1rem}.faction-banner h1{font-size:1.4rem}.faction-icon-large{font-size:2.5rem}.faction-motto-large{font-size:.9rem}.faction-tabs{gap:0}.tab-btn{flex:1 1;font-size:.8rem;padding:.6rem .75rem;text-align:center}.tab-btn:after{display:none}.tab-btn.active{background:#ffd7001a;border-radius:6px 6px 0 0}.benefits-grid{gap:.75rem;grid-template-columns:1fr}.benefit-item{font-size:.9rem;padding:.75rem}.benefit-icon-css{height:26px;min-width:26px;width:26px}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-box{padding:.75rem .5rem}.stat-box .stat-value{font-size:1.3rem}.stat-box .stat-label{font-size:.75rem}.benefits-section,.lore-section,.stats-section{border-radius:6px;padding:1rem}.lore-section p{font-size:.95rem;line-height:1.8}.faction-standing-section{padding:1rem}.rep-value-large{font-size:1.2rem}.tier-badge-large{font-size:.8rem;padding:.35rem .75rem}.zone-list ul.zone-cards{gap:.75rem;grid-template-columns:1fr}.territory-tab,.zone-list .zone-card{padding:.75rem}.faction-header{border-radius:8px;margin-bottom:1rem}.overview-tab{gap:1rem}}.tier-up-overlay{align-items:center;animation:tierOverlayFadeIn .3s ease-out;background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}@keyframes tierOverlayFadeIn{0%{opacity:0}to{opacity:1}}.tier-up-modal{animation:tierModalEntry .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#1a1a2e);border:2px solid #ffd70080;border-radius:16px;box-shadow:0 0 60px #ffd70033,0 0 120px #ffd7001a,inset 0 1px 0 #ffffff0d;max-width:420px;overflow:hidden;padding:40px 48px;position:relative;text-align:center;width:90%}@keyframes tierModalEntry{0%{opacity:0;transform:scale(.5) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.tier-up-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.tier-up-particle{animation:tierParticleFloat 2s ease-out infinite;animation-delay:calc(var(--i)*.1s);background:gold;border-radius:50%;bottom:-10px;height:6px;left:calc(var(--i)*5%);opacity:0;position:absolute;width:6px}.tier-up-particle:nth-child(odd){background:gold;height:4px;width:4px}.tier-up-particle:nth-child(2n){background:#fff;height:3px;width:3px}.tier-up-particle:nth-child(3n){background:#ff9500;height:5px;width:5px}@keyframes tierParticleFloat{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(-300px) rotate(2turn)}}.tier-up-icon{margin-bottom:16px}.tier-up-icon .faction-emblem-css{animation:tierIconPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.5));height:64px;width:64px}@keyframes tierIconPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(255,215,0,.8));transform:scale(1.15)}}.tier-up-title{animation:tierTitleGlow 2s ease-in-out infinite;color:gold;font-size:1.8rem;font-weight:700;margin:0 0 20px;text-shadow:0 0 20px #ffd70080}@keyframes tierTitleGlow{0%,to{text-shadow:0 0 20px #ffd70080}50%{text-shadow:0 0 40px #ffd700cc,0 0 60px #ffd7004d}}.tier-up-tiers{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:16px;justify-content:center;margin-bottom:16px}.tier-old{opacity:.6;text-decoration:line-through}.tier-arrow{animation:tierArrowBounce 1s ease-in-out infinite;color:gold;font-size:1.5rem}@keyframes tierArrowBounce{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}.tier-new{animation:tierNewPulse 1.5s ease-in-out infinite;font-size:1.4rem;text-shadow:0 0 12px currentColor}@keyframes tierNewPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tier-up-message{color:#b0b0cc;font-size:.95rem;line-height:1.5;margin-bottom:24px}.tier-up-dismiss{border:none;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 32px;transition:all .2s}.tier-up-dismiss:hover{box-shadow:0 6px 20px #0006;filter:brightness(1.15);transform:translateY(-2px)}.tier-up-dismiss:active{transform:translateY(0)}.progress-section{animation:sectionEntry .5s ease-out .3s both;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:20px;padding:20px}.progress-to-next{margin-top:12px}.progress-bar-container{background:#ffffff0f;border-radius:12px;height:24px;position:relative}.progress-bar-fill{border-radius:12px;min-width:2%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-bar-text{color:#fff;font-size:.75rem;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 3px #00000080;top:50%;transform:translate(-50%,-50%);z-index:1}.progress-info{color:#b0b0cc;font-size:.85rem;margin-top:8px}.progress-info.max-tier{color:gold;font-weight:600}.active-missions-indicator{align-items:center;color:#888;display:flex;font-size:.85rem;gap:6px;margin-top:12px}.missions-count{color:#4a9eff;font-size:1.1rem;font-weight:700}.journey-section{animation:sectionEntry .5s ease-out .4s both;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:20px;padding:20px}.journey-milestones{display:flex;flex-direction:column;gap:10px;margin-top:12px}.milestone{align-items:center;animation:milestoneEntry .4s ease-out forwards;animation-delay:0s;animation-delay:var(--delay,0s);background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;display:flex;gap:12px;opacity:0;padding:10px 14px;transition:all .3s ease}@keyframes milestoneEntry{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.milestone.achieved{background:#4caf500d;border-color:#4caf5033}.milestone.achieved .milestone-icon{filter:brightness(1.5)}.milestone:hover{border-color:#ffffff1a;transform:translateX(4px)}.milestone-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.milestone-icon.mission-icon-css{background:linear-gradient(135deg,#4a9eff,#2979ff)}.milestone-icon.donate-icon-css{background:linear-gradient(135deg,gold,#ff9500)}.milestone-icon.rep-icon-css{background:linear-gradient(135deg,#ab47bc,#7b1fa2)}.milestone-icon.tier-icon-css{transition:background .3s ease}.milestone-text{color:#b0b0cc;font-size:.85rem}.milestone.achieved .milestone-text{color:#ddd}.milestone.tier-milestone:not(.achieved) .milestone-text{color:#555;font-style:italic}.milestone-content{display:flex;flex-direction:column;gap:2px}.milestone-date{color:#666;font-size:.75rem;font-style:italic}.milestone.achieved .milestone-date{color:#888}.milestone-icon.join-icon-css{background:linear-gradient(135deg,#4caf50,#2e7d32)}.recent-activity{border-top:1px solid #ffffff0f;margin-top:16px;padding-top:16px}.activity-title{color:#b0b0cc;font-size:.9rem;font-weight:600;margin:0 0 10px}.activity-entry{align-items:flex-start;animation:milestoneEntry .3s ease-out forwards;animation-delay:0s;animation-delay:var(--delay,0s);background:#ffffff05;border-left:2px solid #ffffff0f;border-radius:6px;display:flex;gap:10px;margin-bottom:6px;opacity:0;padding:8px 10px;transition:all .2s ease}.activity-entry:hover{background:#ffffff0a;border-left-color:#4a9eff4d}.activity-icon{border-radius:50%;flex-shrink:0;height:18px;margin-top:2px;width:18px}.activity-icon.mission-complete{background:linear-gradient(135deg,#4caf50,#2e7d32)}.activity-icon.donation{background:linear-gradient(135deg,gold,#ff9500)}.activity-icon.vendor-purchase{background:linear-gradient(135deg,#4a9eff,#2979ff)}.activity-icon.zone-capture{background:linear-gradient(135deg,#ab47bc,#7b1fa2)}.activity-icon.zone-defense{background:linear-gradient(135deg,#26a69a,#00897b)}.activity-icon.zone-loss{background:linear-gradient(135deg,#ef5350,#c62828)}.activity-icon.quest-complete{background:linear-gradient(135deg,#ff7043,#e64a19)}.activity-icon.admin-adjustment{background:linear-gradient(135deg,#78909c,#546e7a)}.activity-icon.betrayal{background:linear-gradient(135deg,#8e24aa,#4a148c)}.activity-icon.faction-war-win{background:linear-gradient(135deg,gold,#ff9500)}.activity-icon.faction-war-loss{background:linear-gradient(135deg,#ef5350,#c62828)}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.activity-text{color:#b0b0cc;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{align-items:center;display:flex;gap:8px}.activity-amount{font-size:.8rem;font-weight:600}.activity-amount.positive{color:#4caf50}.activity-amount.negative{color:#ef5350}.activity-time{color:#666;font-size:.75rem}.donation-section{animation:sectionEntry .5s ease-out .2s both;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:20px;padding:20px}.donation-info{color:#888;font-size:.85rem;line-height:1.5;margin:8px 0 16px}.donation-controls{display:flex;flex-direction:column;gap:12px}.donation-input-group{align-items:center;background:#0003;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:10px;padding:4px 12px;transition:border-color .3s ease}.donation-input-group:focus-within{border-color:#4a9eff66;box-shadow:0 0 12px #4a9eff1a}.credits-prefix{color:#888;font-size:.85rem;white-space:nowrap}.donation-input{background:#0000;border:none;color:#e0e0e0;flex:1 1;font-size:1.1rem;font-weight:600;min-width:0;outline:none;padding:8px 0}.donation-input::placeholder{color:#555;font-weight:400}.donation-input::-webkit-inner-spin-button,.donation-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.donation-quick-amounts{display:flex;flex-wrap:wrap;gap:8px}.quick-amount-btn{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;color:#b0b0cc;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.quick-amount-btn:hover{background:#ffffff0f;transform:translateY(-1px)}.quick-amount-btn.selected{background:#4a9eff1f;border-color:#4a9eff80;box-shadow:0 0 10px #4a9eff1a;color:#4a9eff}.donation-preview{align-items:center;animation:donationPreviewEntry .3s ease-out;background:#4caf500f;border:1px solid #4caf5026;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}@keyframes donationPreviewEntry{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.preview-label{color:#888;font-size:.85rem}.preview-value{color:#4caf50;font-size:1rem;text-shadow:0 0 8px #4caf504d}.donation-rounding-warn{color:#ff9800;display:block;font-size:.78rem;margin-top:4px;width:100%}.donate-btn{border:none;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:10px 24px;position:relative;transition:all .2s ease}.donate-btn:hover:not(:disabled){box-shadow:0 6px 20px #0006;filter:brightness(1.15);transform:translateY(-2px)}.donate-btn:active:not(:disabled){transform:translateY(0)}.donate-btn:disabled{cursor:not-allowed;opacity:.5}.donate-btn:after{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.donate-btn:hover:not(:disabled):after{left:100%}.donation-history{border-top:1px solid #ffffff0a;margin-top:12px;padding-top:12px}.donation-total{color:#888;font-size:.85rem}@media (max-width:480px){.tier-up-modal{padding:28px 24px}.tier-up-title{font-size:1.4rem}.tier-up-tiers{font-size:1rem;gap:10px}.progress-bar-container{height:20px}.milestone{padding:8px 10px}.milestone-text{font-size:.8rem}.donation-quick-amounts{flex-wrap:wrap}.quick-amount-btn{flex:1 1;min-width:60px}.donation-input{font-size:.95rem}}.quick-amount-btn{align-items:center;display:flex;flex-direction:column;gap:2px}.quick-amount-value{font-weight:600}.quick-amount-tier{font-size:.65rem;font-weight:700;letter-spacing:.03em}.zone-grid-visual{grid-gap:4px;background:#0000004d;border:1px solid #ffffff0f;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);margin-bottom:1.5rem;min-height:200px;padding:12px;position:relative}.zone-grid-visual:before{background:repeating-linear-gradient(90deg,#ffffff05,#ffffff05 1px,#0000 0,#0000 10%),repeating-linear-gradient(0deg,#ffffff05,#ffffff05 1px,#0000 0,#0000 10%);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute}.zone-grid-cell{align-items:center;background:#4a9eff26;background:rgba(var(--zone-color-rgb,74,158,255),.15);background:linear-gradient(135deg,color-mix(in srgb,#4a9eff 20%,#0000),color-mix(in srgb,#4a9eff 8%,#0000));background:linear-gradient(135deg,color-mix(in srgb,var(--zone-color,#4a9eff) 20%,#0000),color-mix(in srgb,var(--zone-color,#4a9eff) 8%,#0000));border:1px solid;border-radius:4px;cursor:default;display:flex;justify-content:center;min-height:32px;padding:4px;transition:all .2s ease}.zone-grid-cell:hover{box-shadow:0 0 12px #ffffff1a;transform:scale(1.1);z-index:2}.zone-cell-name{color:#ccc;font-size:.55rem;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.zone-grid-cell.contested{animation:contestedPulse 2s ease-in-out infinite}@keyframes contestedPulse{0%,to{box-shadow:0 0 4px #ff6b6b4d}50%{box-shadow:0 0 12px #ff6b6b99}}.zone-detail-cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.zone-card{background:#ffffff08;border:1px solid;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:10px 14px;transition:all .2s}.zone-card:hover{background:#ffffff0f;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.zone-grid-cell.contested{animation:none}.zone-card:hover,.zone-grid-cell:hover{transform:none}}.milestone-claim-btn{background:#0000;border:1px solid;border-radius:10px;color:#e0e0e0;cursor:pointer;flex-shrink:0;font-size:.7rem;font-weight:600;margin-left:auto;padding:3px 12px;transition:all .2s}.milestone-claim-btn:hover{background:#ffffff1a;transform:scale(1.05)}.milestone-claimed-badge{color:#4caf50;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:auto;text-transform:uppercase}.milestone.claimed{opacity:.7}.milestone.claimed .milestone-icon{box-shadow:0 0 8px #4caf5066}@media (prefers-reduced-motion:reduce){.milestone-claim-btn:hover{transform:none}}.activity-amount,.compare-value,.donation-total,.missions-count,.preview-value,.rep-value-large,.reputation-value,.stat-box .stat-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.almost-there-badge{animation:almostTherePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ffd70026,#ffa50026);border:1px solid #ffd70066;border-radius:12px;color:gold;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-top:8px;padding:4px 12px}@keyframes almostTherePulse{0%,to{box-shadow:0 0 8px #ffd70033;transform:scale(1)}50%{box-shadow:0 0 20px #ffd70080;transform:scale(1.05)}}.territory-link{border-bottom:1px dashed #4a9eff66;color:#4a9eff;text-decoration:none;transition:color .2s,border-color .2s}.territory-link:hover{border-bottom-color:#6bb5ff;color:#6bb5ff}.confirm-overlay{animation:confirmFadeIn .2s ease-out;background:#000c}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{animation:confirmEntry .3s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff26;border-radius:12px;max-width:420px;padding:28px 32px;text-align:center;width:90%}.confirm-title{color:#e0e0e0;margin:0 0 16px}.confirm-actions{gap:12px;justify-content:center;margin-top:20px}.confirm-cancel-btn{background:#0000;border:1px solid #ffffff26;border-radius:6px;color:#888;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .2s}.confirm-cancel-btn:hover{background:#ffffff0d;color:#ccc}.confirm-action-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 24px;transition:all .2s}.confirm-action-btn:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.15);transform:translateY(-1px)}.donate-confirm-details{display:flex;flex-direction:column;gap:10px;margin:16px 0;text-align:left}.donate-confirm-row{align-items:center;background:#ffffff08;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.donate-confirm-label{color:#888;font-size:.9rem}.donate-confirm-value{font-feature-settings:"tnum";color:#e0e0e0;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600}.donate-confirm-value.positive{color:#4caf50}.donate-confirm-warning{align-items:center;background:#ffa5000f;border:1px solid #ffa50026;border-radius:6px;color:#ff9800;display:flex;font-size:.8rem;gap:8px;padding:8px 12px}.warning-icon-css{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.warning-icon-css:before{border-bottom:14px solid #ff9800;border-left:8px solid #0000;border-radius:2px;border-right:8px solid #0000;content:"";height:0;width:0}.warning-icon-css:after{color:#1a1a2e;content:"!";font-size:8px;font-weight:900;position:absolute;top:4px}@media (prefers-reduced-motion:reduce){.tier-up-modal,.tier-up-overlay{animation:none}.tier-up-particle{animation:none;display:none}.milestone,.progress-bar-fill:after,.tier-arrow,.tier-new,.tier-up-icon .faction-emblem-css,.tier-up-title{animation:none}.milestone{opacity:1}.faction-detail .confetti-piece{animation:none;display:none}.reward-item,.reward-popup,.reward-popup-overlay{animation:none}.reward-item{opacity:1}.compare-check,.donation-preview,.faction-compare-panel,.item-compare-panel{animation:none}.activity-entry{animation:none;opacity:1}}.shield-indicator{--shield-color:#3b82f6;align-items:center;animation:shield-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid var(--shield-color);border-radius:6px;color:var(--shield-color);display:inline-flex;font-size:.875rem;gap:.5rem;padding:.375rem .75rem}@keyframes shield-pulse{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 15px #3b82f680}}.shield-indicator__icon{font-size:1.1em;line-height:1}.shield-indicator__label{font-weight:500;white-space:nowrap}.shield-indicator__timer{background:#0003;border-radius:4px;font-family:JetBrains Mono,Courier New,monospace;font-size:.85em;font-weight:600;padding:.125rem .375rem}.shield-indicator__strength{background:#0000004d;border-radius:2px;height:4px;overflow:hidden;width:40px}.shield-indicator__strength-fill{background:var(--shield-color);height:100%;transition:width .3s ease}.shield-indicator--small{font-size:.75rem;gap:.375rem;padding:.25rem .5rem}.shield-indicator--large{font-size:1rem;gap:.625rem;padding:.5rem 1rem}.shield-indicator--compact{gap:.25rem;padding:.25rem .5rem}.shield-indicator--compact .shield-indicator__label{display:none}.shield-indicator--overlay{background:#000000b3;border:2px solid var(--shield-color);padding:.5rem 1rem}.shield-indicator--badge{border-radius:4px;font-size:.75rem;gap:.25rem;padding:.125rem .375rem}.shield-indicator--badge .shield-indicator__timer{background:none;padding:0}.shield-indicator--war-cooldown{animation:war-cooldown-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef444433,#ef44441a)}@keyframes war-cooldown-pulse{0%,to{box-shadow:0 0 8px #ef444466}50%{box-shadow:0 0 20px #ef444499}}.shield-badge{align-items:center;display:inline-flex;gap:.25rem}.shield-overlay{position:relative}.shield-overlay__content{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:inherit;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;position:absolute;z-index:10}.shield-overlay__icon{font-size:2rem}.shield-overlay__text{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.shield-overlay--war-cooldown .shield-overlay__content{background:#ef444426;border:2px solid #ef444480}.war-cooldown-panel{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-tooltip)}.war-cooldown-panel__content{background:linear-gradient(145deg,#1e1e28f2,#14141efa);border:2px solid #ef4444;border-radius:16px;max-width:500px;padding:2.5rem;text-align:center}.war-cooldown-panel__icon{font-size:4rem;margin-bottom:1rem}.war-cooldown-panel__title{color:#ef4444;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.war-cooldown-panel__description{color:#a0aec0;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.war-cooldown-panel__timer{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1.25rem}.war-cooldown-panel__timer-value{color:#ef4444;font-family:monospace;font-size:2rem;font-weight:700}.war-cooldown-panel__close{background:#0000;border:1px solid #4a5568;border-radius:8px;color:#a0aec0;cursor:pointer;font-size:.875rem;padding:.75rem 2rem}.war-cooldown-panel__close:hover{background:#ffffff0d;color:#fff}.zone-cell .shield-indicator{margin-top:.5rem}.zone-cell.shielded{opacity:.8;position:relative}.zone-cell.shielded:hover{cursor:not-allowed}.zone-badges{display:flex;flex-wrap:wrap;gap:.25rem}.structure-card{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.structure-card.clickable{cursor:pointer}.structure-card.clickable:hover{background:#0000004d;border-color:#fff3;transform:translateX(4px)}.structure-card.damaged{border-color:#ef44444d}.card-left{flex-shrink:0}.structure-card .structure-icon{display:block;font-size:2rem}.card-center{flex:1 1;min-width:0}.structure-card .card-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.structure-name{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;font-weight:600}.health-section{align-items:center;display:flex;gap:8px;margin-bottom:4px}.health-bar-wrapper{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.health-bar-fill{border-radius:3px;transition:width .3s ease,background-color .3s ease}.health-text{font-size:.75rem;min-width:35px;text-align:right}.primary-stat{align-items:center;color:#888;color:var(--color-text-secondary,#888);display:flex;font-size:.8rem;gap:4px}.stat-icon{font-size:.9rem}.structure-card .stat-value{color:#fff;color:var(--color-text-primary,#fff);font-weight:600}.card-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.status-badge{animation:structureCardPulse 2s ease-in-out infinite;font-size:1rem}.status-badge.damaged{color:#ef4444}.status-badge.recharging{color:#3b82f6}@keyframes structureCardPulse{0%,to{opacity:1}50%{opacity:.5}}.action-hint{color:#888;color:var(--color-text-secondary,#888);font-size:1rem;opacity:0;transition:opacity .2s ease}.structure-card.clickable:hover .action-hint{opacity:1}.structure-card.compact{flex-direction:column;gap:4px;min-width:50px;padding:8px}.structure-card.compact .structure-icon{font-size:1.5rem}.structure-card.compact .level{color:#888;color:var(--color-text-secondary,#888);font-size:.65rem;font-weight:700}.mini-health-bar{background:#ffffff1a;border-radius:2px;height:3px;overflow:hidden;width:100%}.mini-health-bar .fill{border-radius:2px;height:100%;transition:width .3s ease}@media (max-width:480px){.structure-card{gap:10px;padding:10px}.structure-card .structure-icon{font-size:1.75rem}.structure-name{font-size:.85rem}.primary-stat{font-size:.75rem}}.defense-structure-manager{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border-radius:12px;min-width:400px;padding:20px}.defense-structure-manager.loading{align-items:center;color:#888;color:var(--color-text-secondary,#888);display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{border-top:3px solid var(--color-primary,#6366f1);margin-bottom:16px}.manager-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-info h3{font-size:1.25rem;margin:0 0 4px}.zone-name{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem}.defense-summary{grid-gap:12px;background:#0003;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;padding:16px}.summary-item{flex-direction:column;text-align:center}.summary-item .label{color:#888;color:var(--color-text-secondary,#888);font-size:.7rem;margin-bottom:4px;text-transform:uppercase}.summary-item .value{font-size:1.1rem;font-weight:700}.summary-item .value.attack{color:#ef4444}.summary-item .value.shield{color:#3b82f6}.summary-item .value.wall{color:#f59e0b}.summary-item .value.repair{color:#22c55e}.structure-count{display:flex;justify-content:center;margin-bottom:16px}.structure-grid{grid-gap:8px;background:#0000004d;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-bottom:24px;padding:16px}.grid-cell{background:#ffffff0d;border:2px solid #0000}.grid-cell.clickable{cursor:pointer}.grid-cell.clickable:hover{background:#ffffff1a;border-color:#fff3}.grid-cell.empty .add-icon{color:#ffffff4d;font-size:1.5rem}.grid-cell.empty:hover .add-icon{color:#fff9}.grid-cell.occupied{background:#ffffff14}.structure-icon{align-items:center;display:flex;flex-direction:column;gap:2px}.structure-icon .icon{font-size:1.5rem}.structure-icon .level{color:#888;color:var(--color-text-secondary,#888);font-size:.65rem;font-weight:700}.structure-icon .health-bar{background:#22c55e;border-radius:2px;bottom:4px;height:3px;left:4px;position:absolute;right:4px;transition:width .3s ease}.structure-list{margin-top:20px}.structure-list h4{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;margin:0 0 12px}.no-structures{color:#888;color:var(--color-text-secondary,#888);font-style:italic;padding:20px;text-align:center}.structures{display:flex;flex-direction:column;gap:8px}.build-modal{padding:16px 0}.position-info{color:#888;color:var(--color-text-secondary,#888);margin-bottom:16px;text-align:center}.structure-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.structure-option{align-items:center;background:#0003;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.structure-option:hover{background:#0000004d;border-color:#ffffff1a}.structure-option.selected{background:#6366f11a;border-color:#6366f1;border-color:var(--color-primary,#6366f1)}.option-icon{flex-shrink:0;font-size:2rem}.option-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.option-name{color:#fff;color:var(--color-text-primary,#fff);font-weight:600}.option-desc{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem}.option-cost{color:#fbbf24;font-size:.9rem;font-weight:600}.build-cost{background:#fbbf241a;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.cost-value{color:#fbbf24}.modal-actions{gap:12px}.upgrade-modal{padding:16px 0}.structure-details{margin-bottom:20px}.detail-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.structure-icon-large{font-size:3rem}.detail-header h4{color:#fff;color:var(--color-text-primary,#fff);margin:0 0 4px}.health-display{align-items:center;background:#0003;border-radius:6px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.health-display>span:first-child{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;width:60px}.health-bar-container{background:#ffffff1a;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg,#ef4444,#22c55e);border-radius:6px;height:100%;transition:width .3s ease}.health-display>span:last-child{color:#fff;color:var(--color-text-primary,#fff);font-weight:700;text-align:right;width:50px}.stats-display{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.stats-display .stat{background:#0003;border-radius:4px;color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;padding:8px 12px}@media (max-width:600px){.defense-structure-manager{min-width:auto;padding:16px}.defense-summary{grid-template-columns:repeat(2,1fr)}.structure-grid{gap:6px;padding:12px}.structure-icon .icon{font-size:1.25rem}}.zone-detail-panel{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;position:fixed;right:20px;top:80px;width:320px;z-index:100}.panel-header{background:#16213e;background:var(--color-ui-background-secondary,#16213e);border-bottom:1px solid #333;border-bottom:1px solid var(--color-border,#333);padding:16px}.header-info{align-items:center;display:flex;gap:12px}.zone-icon{font-size:2rem}.header-info h3{color:#fff;color:var(--color-text-primary,#fff);font-size:1.1rem;margin:0}.zone-coords{font-size:.8rem}.close-btn,.zone-coords{color:#888;color:var(--color-text-secondary,#888)}.close-btn{align-items:center;background:#ffffff1a;border-radius:6px;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#fff3;color:#fff;color:var(--color-text-primary,#fff)}.panel-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.no-zone{color:#888;color:var(--color-text-secondary,#888);font-style:italic;padding:40px 20px;text-align:center}.info-section{display:flex;flex-direction:column;gap:8px}.info-row{align-items:center;background:#0003;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.info-label{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem}.info-value{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem}.tier-value{color:#fbbf24;font-weight:700}.owner-value{align-items:center;display:flex;gap:4px}.shield-section{background:#3b82f614;border:1px solid #3b82f640;border-radius:8px;padding:12px}.shield-section h4{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;margin:0 0 12px}.shield-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.shield-warning{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:.8rem;font-style:italic;margin:0}.bonuses-section h4,.defense-section h4,.deployments-section h4,.shield-section h4,.timers-section h4{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:.9rem;gap:8px;margin:0 0 12px}.bonuses-list{display:flex;flex-direction:column;gap:6px}.bonus-item{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.bonus-name{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;text-transform:capitalize}.bonus-value{color:#22c55e;font-size:.9rem;font-weight:600}.timers-section{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;padding:12px}.timer-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.timer-row:not(:last-child){border-bottom:1px solid #ffffff1a}.timer-label{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem}.timer-value{color:#3b82f6;font-family:monospace;font-size:1rem}.deployments-list{display:flex;flex-direction:column;gap:8px}.deployment-item{align-items:center;background:#0003;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.deployment-info{display:flex;flex-direction:column;gap:2px}.deployment-name{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;font-weight:500}.deployment-power{color:#fbbf24;font-size:.8rem}.more-deployments{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;font-style:italic;margin:8px 0 0;text-align:center}.counter-attack-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:12px;padding:12px}.counter-attack-warning .warning-icon{flex-shrink:0;font-size:1.5rem}.counter-attack-warning strong{color:#ef4444;display:block;font-size:.9rem;margin-bottom:4px}.counter-attack-warning p{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;margin:0}.defense-section{background:#0003;border-radius:8px;padding:12px}.panel-actions{border-top:1px solid #333;border-top:1px solid var(--color-border,#333);display:flex;flex-direction:column;gap:8px;padding:16px}@media (max-width:768px){.zone-detail-panel{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:60vh;position:fixed;right:0;top:auto;width:100%}.panel-content,.panel-header{padding:12px 16px}.panel-actions{padding:12px 16px 24px}}.adjacent-zones-section{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.adjacent-zones-section h4{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;margin:0 0 12px}.adjacent-zones-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.adjacent-zone-item{align-items:center;background:#0003;border-left:3px solid #333;border-left:3px solid var(--color-border,#333);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.adjacent-zone-item.owned{background:#22c55e1a;border-left-color:#22c55e}.adjacent-zone-item.enemy{border-left-color:#ef4444}.adjacent-zone-item.neutral{border-left-color:#6b7280}.adjacent-zone-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.adjacent-zone-name{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;font-weight:500}.adjacent-zone-owner{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem}.adjacent-zone-tier{background:#fbbf2426;border-radius:4px;color:#fbbf24;flex-shrink:0;font-size:.8rem;font-weight:700;padding:2px 8px}.deployment-status-section{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:12px}.deployment-status-section.can-deploy{background:#22c55e1a;border:1px solid #22c55e4d}.deployment-status-section.cannot-deploy{background:#ef44441a;border:1px solid #ef44444d}.deployment-status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:32px;justify-content:center;width:32px}.deployment-status-section.can-deploy .deployment-status-icon{background:#22c55e33;color:#22c55e}.deployment-status-section.cannot-deploy .deployment-status-icon{background:#ef444433;color:#ef4444}.deployment-status-text{flex:1 1}.deployment-status-text strong{display:block;font-size:.9rem;margin-bottom:4px}.deployment-status-section.can-deploy .deployment-status-text strong{color:#4ade80}.deployment-status-section.cannot-deploy .deployment-status-text strong{color:#f87171}.deployment-status-text p{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;line-height:1.4;margin:0}.set-hq-button{background:linear-gradient(135deg,#fbbf24,#a855f7);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:8px;padding:10px 16px;transition:all .2s ease;width:100%}.set-hq-button:hover:not(:disabled){box-shadow:0 4px 15px #fbbf2466;transform:translateY(-1px)}.set-hq-button:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.5;transform:none}.hq-indicator{align-items:center;background:linear-gradient(135deg,#fbbf241a,#a855f71a);border:1px solid #fbbf244d;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-bottom:8px;padding:12px}.hq-indicator span:first-child{font-size:1.5rem}.hq-indicator span:last-child{color:#fbbf24;font-size:.9rem;font-weight:600}.adjacent-zones-loading{align-items:center;color:#888;color:var(--color-text-secondary,#888);display:flex;font-size:.85rem;justify-content:center;padding:20px}.structures-section{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.structures-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.structures-section .section-header h4{color:#fff;color:var(--color-text-primary,#fff);font-size:.9rem;margin:0}.manage-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:4px;color:#818cf8;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .2s ease}.manage-btn:hover{background:#6366f14d;border-color:#6366f180}.defense-bonus-summary{grid-gap:8px;background:#0003;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:10px}.defense-bonus-summary .defense-bonus-item{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.defense-bonus-summary .bonus-icon{font-size:1rem}.defense-bonus-summary .bonus-label{color:#888;color:var(--color-text-secondary,#888);font-size:.65rem;text-transform:uppercase}.defense-bonus-summary .bonus-value{font-size:.9rem;font-weight:700}.defense-bonus-summary .bonus-value.attack{color:#ef4444}.defense-bonus-summary .bonus-value.shield{color:#3b82f6}.defense-bonus-summary .bonus-value.wall{color:#f59e0b}.structures-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.structures-loading,.structures-section .no-structures{color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;padding:16px;text-align:center}.view-all-btn{background:#ffffff0d;border:1px dashed #fff3;border-radius:6px;color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;grid-column:span 4;padding:8px;transition:all .2s ease}.view-all-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff;color:var(--color-text-primary,#fff)}.build-first-btn{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:8px;color:#818cf8;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.build-first-btn:hover{background:linear-gradient(135deg,#6366f14d,#a855f74d);transform:translateY(-1px)}.battle-result-structures{background:#0003;border-radius:8px;margin-top:16px;padding:12px}.battle-result-structures h5{color:#fff;color:var(--color-text-primary,#fff);font-size:.85rem;margin:0 0 12px}.structure-effect-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:6px 0}.structure-effect-row:not(:last-child){border-bottom:1px solid #ffffff0d}.effect-label{align-items:center;color:#888;color:var(--color-text-secondary,#888);display:flex;gap:6px}.effect-value{font-weight:600}.effect-value.positive{color:#22c55e}.effect-value.negative{color:#ef4444}.effect-value.neutral{color:#3b82f6}.structure-damage-report{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-top:12px;padding:12px}.structure-damage-report h6{align-items:center;color:#f87171;display:flex;font-size:.8rem;gap:6px;margin:0 0 8px}.damage-list{display:flex;flex-direction:column;gap:6px}.damage-entry{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:.75rem;gap:8px;padding:4px 8px}.damage-entry .structure-type-icon{font-size:1rem}.damage-entry .structure-type-name{color:#888;color:var(--color-text-secondary,#888);flex:1 1}.damage-entry .damage-amount{color:#ef4444;font-weight:600}.damage-entry.destroyed{opacity:.7;text-decoration:line-through}.damage-entry.destroyed .destroyed-badge{color:#ef4444;font-size:.7rem;font-weight:700;text-decoration:none}@media (max-width:768px){.defense-bonus-summary{gap:6px;grid-template-columns:repeat(3,1fr);padding:8px}.defense-bonus-summary .bonus-icon{font-size:.9rem}.defense-bonus-summary .bonus-value{font-size:.8rem}.structures-list{grid-template-columns:repeat(2,1fr)}.view-all-btn{grid-column:span 2}}.practice-zone-info{background:#8b5cf614;border:1px dashed #8b5cf659;border-radius:8px;margin-bottom:12px;padding:10px 12px}.practice-zone-header{align-items:center;color:#c4b5fd;display:flex;font-size:.82rem;gap:6px;margin-bottom:6px}.practice-zone-header .ter-icon-practice{height:14px;width:14px}.practice-zone-details{color:#999;color:var(--color-text-secondary,#999);font-size:.75rem;list-style:none;margin:0;padding:0}.practice-zone-details li{padding:2px 0 2px 14px;position:relative}.practice-zone-details li:before{background:#8b5cf680;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.adjacency-legend{background:#1a1a2e;background:var(--color-ui-background,#1a1a2e);border:1px solid #333;border:1px solid var(--color-border,#333);border-radius:12px;margin-top:20px;padding:16px;width:280px}.legend-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.legend-header h4{color:#fff;color:var(--color-text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.toggle-lines{align-items:center;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;display:flex;font-size:.75rem;gap:6px}.toggle-lines input{cursor:pointer;height:14px;width:14px}.legend-stats{background:#0003;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.adjacency-legend .stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.adjacency-legend .stat-value{color:#fff;color:var(--color-text-primary,#fff);font-size:1.25rem;font-weight:700;line-height:1}.adjacency-legend .stat-label{color:#888;color:var(--color-text-secondary,#888);font-size:.7rem;margin-top:4px;text-transform:uppercase}.legend-section{margin-bottom:16px}.legend-section h5{color:#888;color:var(--color-text-secondary,#888);font-size:.8rem;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{border-radius:6px;gap:10px;padding:6px 8px;transition:background .2s ease}.legend-item:hover{background:#ffffff0d}.legend-indicator{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;width:28px}.legend-label{color:#fff;color:var(--color-text-primary,#fff)}.legend-items.connections .legend-item{padding:8px}.legend-line{border-bottom-width:3px;flex-shrink:0;height:0;width:40px}.legend-line.solid{border-bottom-style:solid}.legend-line.dashed{border-bottom-style:dashed}.legend-line.dotted{border-bottom-style:dotted}.legend-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;margin-bottom:12px;padding:10px 12px}.legend-info p{align-items:flex-start;color:#888;color:var(--color-text-secondary,#888);display:flex;font-size:.8rem;gap:8px;line-height:1.4;margin:0}.hq-status{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px}.hq-status.active{background:linear-gradient(135deg,#fbbf2426,#a855f726);border:1px solid #fbbf244d}.hq-status.inactive{background:#6b72801a;border:1px solid #6b728033}.hq-icon{flex-shrink:0;font-size:1.5rem}.hq-text{display:flex;flex-direction:column;gap:2px}.hq-text strong{color:#fff;color:var(--color-text-primary,#fff);font-size:.85rem}.hq-status.active .hq-text strong{color:#fbbf24}.hq-text span{color:#888;color:var(--color-text-secondary,#888);font-size:.75rem}.adjacency-legend.compact{border-radius:8px;display:inline-flex;padding:10px 16px;width:auto}.legend-summary{align-items:center;display:flex;gap:16px}.summary-item{align-items:center;color:#888;color:var(--color-text-secondary,#888);font-size:.85rem;gap:6px}.summary-item .dot{border-radius:50%;height:10px;width:10px}.summary-item.owned .dot{background:#22c55e}.summary-item.deployable .dot{background:#4ade80}.summary-item.hq{color:#fbbf24;font-weight:600}@media (max-width:768px){.adjacency-legend{margin-top:16px;padding:12px;width:100%}.legend-stats{padding:10px}.adjacency-legend .stat-value{font-size:1.1rem}.legend-item{padding:4px 6px}.legend-indicator{font-size:.8rem;height:24px;width:24px}.legend-label{font-size:.8rem}.adjacency-legend.compact{padding:8px 12px}.legend-summary{flex-wrap:wrap;gap:12px}.summary-item{font-size:.8rem}}.active-defense-panel{animation:adp-slide-in .35s ease-out;background:linear-gradient(135deg,#141928f2,#1e2337e6);border:1px solid #64b4ff33;border-radius:8px;margin-top:1rem;padding:.75rem;position:relative}@keyframes adp-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.adp-header{align-items:center;border-bottom:1px solid #64b4ff26;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.adp-header h5{color:#d0e0ff;font-size:.85rem;font-weight:600;letter-spacing:.03em;margin:0;text-transform:uppercase}.adp-empty,.adp-loading{color:#89b;font-size:.8rem;padding:1rem .5rem;text-align:center}.ter-icon-defense{background:linear-gradient(135deg,#60a5fa,#3b82f6);display:inline-block;flex-shrink:0;height:16px;mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);-webkit-mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:16px}.adp-action-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.adp-action-btn{align-items:center;background:#0f1423b3;border:1px solid #64b4ff26;border-radius:6px;color:#c0d0ee;cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;overflow:hidden;padding:.625rem .5rem;position:relative;transition:border-color .2s,background .2s,transform .1s,box-shadow .2s}.adp-action-btn:hover:not(.disabled){background:#19233cd9;border-color:#60a5fa;border-color:var(--action-color,#60a5fa);box-shadow:0 2px 8px #0000004d,inset 0 0 12px #64b4ff0d;transform:translateY(-1px)}.adp-action-btn:active:not(.disabled){transform:translateY(0)}.adp-action-btn.disabled{cursor:not-allowed;opacity:.45}.adp-action-btn.confirming:not(.disabled){border-color:#60a5fa;border-color:var(--action-color,#60a5fa);box-shadow:0 0 12px #64b4ff33}.adp-action-btn.flash.turret_barrage{animation:adp-flash-red 1.2s ease-out}.adp-action-btn.flash.shield_surge{animation:adp-flash-blue 1.2s ease-out}.adp-action-btn.flash.emergency_repair{animation:adp-flash-green 1.2s ease-out}.adp-action-btn.flash.deploy_trap{animation:adp-flash-amber 1.2s ease-out}@keyframes adp-flash-red{0%{background:#ef444466;box-shadow:0 0 20px #ef444480}to{background:#0f1423b3;box-shadow:none}}@keyframes adp-flash-blue{0%{background:#3b82f666;box-shadow:0 0 20px #3b82f680}to{background:#0f1423b3;box-shadow:none}}@keyframes adp-flash-green{0%{background:#22c55e66;box-shadow:0 0 20px #22c55e80}to{background:#0f1423b3;box-shadow:none}}@keyframes adp-flash-amber{0%{background:#f59e0b66;box-shadow:0 0 20px #f59e0b80}to{background:#0f1423b3;box-shadow:none}}.adp-action-icon{display:inline-block;flex-shrink:0;height:20px;width:20px}.adp-action-icon.ter-icon-turret{background:linear-gradient(135deg,#ef4444,#dc2626);mask:polygon(30% 0,70% 0,75% 40%,100% 45%,100% 55%,75% 60%,70% 100%,30% 100%,25% 60%,0 55%,0 45%,25% 40%);-webkit-mask:polygon(30% 0,70% 0,75% 40%,100% 45%,100% 55%,75% 60%,70% 100%,30% 100%,25% 60%,0 55%,0 45%,25% 40%)}.adp-action-icon.ter-icon-shield-surge{background:linear-gradient(135deg,#3b82f6,#2563eb);mask:polygon(50% 0,100% 20%,100% 65%,50% 100%,0 65%,0 20%);-webkit-mask:polygon(50% 0,100% 20%,100% 65%,50% 100%,0 65%,0 20%)}.adp-action-icon.ter-icon-repair{background:linear-gradient(135deg,#22c55e,#16a34a);mask:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);-webkit-mask:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.adp-action-icon.ter-icon-trap{background:linear-gradient(135deg,#f59e0b,#d97706);mask:polygon(50% 0,90% 25%,100% 70%,70% 100%,30% 100%,0 70%,10% 25%);-webkit-mask:polygon(50% 0,90% 25%,100% 70%,70% 100%,30% 100%,0 70%,10% 25%)}.adp-action-label{color:#d0e0ff;font-size:.7rem;font-weight:600;line-height:1.2;text-align:center}.adp-charges{display:flex;gap:3px;justify-content:center;margin-top:2px}.adp-charge-dot{border-radius:50%;height:6px;transition:background .3s,box-shadow .3s;width:6px}.adp-charge-dot.active{background:#60a5fa;background:var(--action-color,#60a5fa);box-shadow:0 0 4px #60a5fa80;box-shadow:0 0 4px var(--action-color,#60a5fa80)}.adp-charge-dot.spent{background:#505a6e66}.adp-cooldown-overlay{animation:adp-cooldown-sweep linear forwards;background:#00000080;inset:0;pointer-events:none;position:absolute}@keyframes adp-cooldown-sweep{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}}.adp-cooldown-timer{color:#fbbf24;font-size:.6rem;font-weight:700;position:absolute;right:4px;text-shadow:0 1px 2px #0009;top:4px}.adp-destroyed-label{bottom:4px;color:#ef4444;font-size:.55rem;font-weight:700;letter-spacing:.05em;position:absolute;text-transform:uppercase}.adp-confirm-overlay{align-items:center;animation:adp-confirm-fade-in .2s ease-out;background:#050a14d9;border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute;z-index:5}@keyframes adp-confirm-fade-in{0%{opacity:0}to{opacity:1}}.adp-confirm-box{padding:1rem;text-align:center}.adp-confirm-box p{color:#d0e0ff;font-size:.85rem;margin:0 0 .75rem}.adp-confirm-btns{display:flex;gap:.5rem;justify-content:center}@media (prefers-reduced-motion:reduce){.active-defense-panel,.adp-action-btn.flash.deploy_trap,.adp-action-btn.flash.emergency_repair,.adp-action-btn.flash.shield_surge,.adp-action-btn.flash.turret_barrage,.adp-confirm-overlay{animation:none}.adp-action-btn{transition:none}.adp-cooldown-overlay{animation:none;opacity:.5}}.territory-quest-widget{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#16213eeb;border:1px solid #8b5cf640;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #0006;max-width:280px;min-width:60px;overflow:hidden;position:fixed;right:20px;transition:max-width .3s ease,box-shadow .3s ease;z-index:90}.territory-quest-widget.open{box-shadow:0 8px 32px #8b5cf626;min-width:260px}.territory-quest-widget.collapsed{max-width:60px}.quest-widget-toggle{align-items:center;background:none;border:none;color:#c4b5fd;cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:10px 12px;transition:background .15s;width:100%}.quest-widget-toggle:hover{background:#8b5cf61a}.quest-widget-toggle .ter-icon-xp{flex-shrink:0;height:18px;width:18px}.quest-count-badge{background:#8b5cf64d;border-radius:10px;color:#e9d5ff;font-size:.7rem;font-weight:600;padding:1px 6px}.toggle-arrow{font-size:.6rem;margin-left:auto;opacity:.6}.collapsed .quest-count-badge,.collapsed .toggle-arrow{display:none}.quest-widget-body{animation:questWidgetSlideIn .25s ease-out;padding:0 12px 12px}.quest-widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.quest-widget-header h4{color:#e2e8f0;font-size:.78rem;font-weight:600;margin:0}.quest-list{display:flex;flex-direction:column;gap:8px}.quest-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;padding:8px 10px}.quest-item-header{margin-bottom:4px}.quest-name{color:#e2e8f0;font-size:.72rem;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-progress-text{color:#94a3b8;flex-shrink:0;font-size:.65rem;font-weight:600}.quest-reward-preview{align-items:center;color:#f59e0b;display:flex;font-size:.65rem;gap:4px;margin-top:4px}.quest-reward-preview .ter-icon-energy{height:10px;width:10px}.quest-view-all{color:#8b5cf6;cursor:pointer;font-size:.65rem;padding:6px 0 2px;text-align:center}.quest-view-all:hover{text-decoration:underline}@keyframes questWidgetSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.quest-widget-body,.territory-quest-widget{animation:none;transition:none}}.territory-map{padding:20px}.territory-map-header{margin-bottom:30px}.territory-map-header h2{color:var(--color-text-primary);font-size:2em;margin:0 0 10px}.territory-map-header p{color:var(--color-text-secondary);margin:0}.territory-grid{grid-gap:15px;display:grid;gap:15px;margin-bottom:30px}.zone-cell{background:#ffffff0d;border:2px solid;cursor:pointer;min-height:150px;padding:15px;transition:transform .2s,box-shadow .2s}.zone-cell:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.zone-cell.empty{background:#0000;border:none;cursor:default}.zone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.zone-header h4{color:var(--color-text-primary);font-size:1.1em;margin:0}.zone-owner{font-size:.9em;font-weight:700;margin-bottom:10px}.zone-timer{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:10px}.timer-label{color:var(--color-text-secondary);font-size:.85em;margin-bottom:5px}.timer-value{color:var(--color-text-primary);font-size:1.2em;margin-bottom:5px}.zone-counter-attacks{background:#ef444433;color:var(--color-danger);font-size:.85em;padding:5px 10px}.deployment-modal{padding:20px}.zone-info{background:#0000004d;border-radius:6px;margin-bottom:20px;padding:15px}.zone-info p{color:var(--color-text-primary);margin:5px 0}.formation-selector{margin-bottom:20px}.formation-selector label{color:var(--color-text-primary);display:block;font-weight:500;margin-bottom:8px}.formation-select{background:#00000080;border:1px solid #fff3;border-radius:4px;color:var(--color-text-primary);font-size:1em;padding:10px;width:100%}.formation-select option{background:var(--color-ui-background);color:var(--color-text-primary)}.deployment-preview{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;margin-bottom:20px;padding:15px}.deployment-preview p{color:#93c5fd;margin:5px 0}.deployment-preview .counter-attack-notice{color:var(--color-brand-accent);font-weight:700;margin-top:10px}.deployment-actions{margin-top:20px}.territory-map-error,.territory-map-loading{color:var(--color-text-primary);padding:40px;text-align:center}.territory-map-error{color:var(--color-danger)}.territory-header-actions{display:flex;gap:8px;margin-top:10px}.header-action-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.85em;padding:6px 14px;transition:all .2s}.header-action-btn:hover{background:#ffffff1f;color:var(--color-text-primary)}.header-action-btn.active{background:#3b82f633;border-color:#3b82f680;color:#93c5fd}.territory-layout--full{grid-template-columns:1fr!important}.territory-grid-container{position:relative}.zone-cell.zone-owned{border-color:#22c55e;box-shadow:0 0 15px #22c55e4d}.zone-cell.zone-headquarters{border-color:#fbbf24;box-shadow:0 0 20px #fbbf2466}.zone-cell.zone-deployable{border-color:#4ade80}.zone-cell.zone-deployable:hover{box-shadow:0 0 20px #4ade8066}.zone-cell.zone-not-deployable{cursor:not-allowed;filter:grayscale(30%);opacity:.5}.zone-cell.zone-not-deployable:hover{box-shadow:none;transform:none}.hq-badge{font-size:1rem;margin-right:4px}.deployment-indicator{border-radius:4px;font-size:.75rem;font-weight:500;margin-top:8px;padding:4px 8px;text-align:center}.deployment-indicator.can-deploy{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.deployment-indicator.cannot-deploy{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.zone-owner.owned{color:#22c55e;font-weight:600}.adjacency-overlay{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.adjacency-line{stroke:#ffffff26}.adjacency-line.owned-connection{stroke:#22c55e80}.adjacency-line.partial-connection{stroke:#4ade804d;stroke-width:2}.zone-details-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#888;color:var(--color-text-secondary,#888);cursor:pointer;font-size:.8rem;margin-top:8px;padding:6px 12px;width:100%}.zone-details-btn:hover{background:#ffffff26;color:#fff;color:var(--color-text-primary,#fff)}@keyframes contested-pulse{0%,to{border-color:#f59e0b99;box-shadow:0 0 10px #f59e0b33}50%{border-color:#ef4444cc;box-shadow:0 0 20px #ef444466}}.zone-cell.contested{animation:contested-pulse 2s ease-in-out infinite}@keyframes attack-pulse{0%,to{border-color:#ef444480;box-shadow:0 0 8px #ef444433}50%{border-color:#ef4444;box-shadow:0 0 25px #ef444499,inset 0 0 15px #ef44441a}}.zone-cell.under_attack{animation:attack-pulse 1.2s ease-in-out infinite}@keyframes owned-glow{0%,to{box-shadow:0 0 15px #22c55e4d,inset 0 0 5px #22c55e0d}50%{box-shadow:0 0 25px #22c55e80,inset 0 0 10px #22c55e1a}}.zone-cell.zone-owned{animation:owned-glow 3s ease-in-out infinite}@keyframes hq-glow{0%,to{box-shadow:0 0 20px #fbbf2466,inset 0 0 5px #fbbf240d}50%{box-shadow:0 0 35px #fbbf24b3,inset 0 0 15px #fbbf241a}}.zone-cell.zone-headquarters{animation:hq-glow 2.5s ease-in-out infinite}@keyframes shield-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.zone-shield-tooltip{position:relative}.zone-cell .zone-shield-tooltip:before{animation:shield-shimmer 3s linear infinite;background:linear-gradient(90deg,#0000,#3b82f626 50%,#0000);background-size:200% 100%;border-radius:6px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:0}.zone-structures-indicator{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.structure-dot{border:1px solid #ffffff4d;border-radius:50%;height:8px;width:8px}.structure-dot.TURRET{background:#ef4444}.structure-dot.SHIELD{background:#3b82f6}.structure-dot.REPAIR_STATION{background:#22c55e}.structure-dot.WALL{background:#f59e0b}.zone-power-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.zone-power-bar__fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;height:100%;transition:width .5s ease}@keyframes deploy-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.zone-cell.deploying{position:relative}.zone-cell.deploying:after{animation:deploy-ripple 1.5s ease-out infinite;border:2px solid #22c55e;border-radius:50%;content:"";height:40px;left:50%;margin:-20px 0 0 -20px;pointer-events:none;position:absolute;top:50%;width:40px}@keyframes deploy-success-flash{0%{background:#22c55e4d}to{background:#ffffff0d}}.zone-cell.deploy-success{animation:deploy-success-flash 1s ease-out}@keyframes deploy-fail-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.zone-cell.deploy-failed{animation:deploy-fail-shake .5s ease-in-out}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}.territory-map-loading{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr);padding:20px}.skeleton-zone{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#ffffff14;border:2px solid #ffffff1a;border-radius:8px;min-height:150px}.territory-stats-bar{align-items:center;background:#0006;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:0;margin-bottom:20px;overflow-x:auto;padding:12px 20px}.territory-map .stat-item{align-items:center;display:flex;flex-direction:column;min-width:70px;padding:0 16px}.territory-map .stat-value{color:var(--color-text-primary);font-size:1.3em;font-weight:700;line-height:1.2}.territory-map .stat-label{color:var(--color-text-secondary);font-size:.7em;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.stat-divider{background:#ffffff26;flex-shrink:0;height:30px;width:1px}.territory-map .stat-item.stat-reward .stat-value{color:#4ade80}.scheduled-attack-panel,.territory-battles-panel{background:#00000080;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:16px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.panel-header h3{color:var(--color-text-primary);font-size:1.2em;margin:0}.panel-close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.4em;line-height:1;padding:4px 8px}.panel-close-btn:hover{color:var(--color-text-primary)}.panel-loading{padding:20px}.panel-empty,.panel-loading{color:var(--color-text-secondary);text-align:center}.panel-empty{padding:30px 20px}.panel-empty-icon{font-size:2em;margin-bottom:8px}.panel-empty-hint{font-size:.85em;margin-top:4px;opacity:.7}.battles-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.battle-card{border:1px solid #ffffff1a!important;cursor:pointer;padding:12px!important;transition:border-color .2s,background .2s}.battle-card.selected,.battle-card:hover{background:#3b82f61a!important;border-color:#3b82f680!important}.battle-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.battle-zone-name{color:var(--color-text-primary);font-weight:600}.battle-card-forces{justify-content:space-between;padding:8px 0}.battle-card-forces,.force{align-items:center;display:flex}.force{flex:1 1;flex-direction:column}.force-label{color:var(--color-text-secondary);font-size:.75em;text-transform:uppercase}.force-count{font-size:1.1em;font-weight:700}.force.attackers .force-count{color:#ef4444}.force.defenders .force-count{color:#3b82f6}.force-vs{color:var(--color-text-secondary);font-size:.85em;font-weight:700;padding:0 12px}.battle-prep-timer{border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px}.prep-label{color:var(--color-text-secondary);font-size:.8em}.prep-time{color:#f59e0b;font-size:1.1em;font-weight:700;margin-left:8px}.battle-details-section{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.battle-details-section h4{color:var(--color-text-primary);margin:0 0 12px}.battle-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:12px}.info-item{gap:4px}.info-label{font-size:.75em}.info-value{font-weight:600}.info-value.winner{color:#4ade80}.battle-participants{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.participants-group h5{color:var(--color-text-secondary);font-size:.85em;margin:0 0 8px}.participant-row{color:var(--color-text-primary);display:flex;font-size:.85em;justify-content:space-between;padding:4px 0}.participant-power{color:#8b5cf6;font-weight:500}.join-battle-section{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.join-battle-section h5{color:var(--color-text-primary);margin:0 0 8px}.join-battle-section .formation-select{margin-bottom:10px}.zone-selector-row{margin-bottom:12px}.zone-selector-row label{color:var(--color-text-secondary);display:block;font-size:.85em;margin-bottom:6px}.scheduled-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.scheduled-card{padding:12px!important}.scheduled-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.scheduled-zone{color:var(--color-text-primary);font-weight:600}.scheduled-card-time{align-items:center;display:flex;justify-content:space-between}.scheduled-datetime{color:var(--color-text-primary);font-size:.9em}.scheduled-countdown{color:#f59e0b;font-size:.9em;font-weight:600}.scheduled-card-by{color:var(--color-text-secondary);font-size:.8em;margin-top:4px}.schedule-action-section{margin-top:12px}.schedule-form{display:flex;flex-direction:column;gap:10px}.schedule-form label{color:var(--color-text-secondary);font-size:.85em}.schedule-time-input{background:#00000080;border:1px solid #fff3;border-radius:4px;color:var(--color-text-primary);font-size:1em;padding:10px;width:100%}.schedule-time-input::-webkit-calendar-picker-indicator{filter:invert(1)}.schedule-error{color:var(--color-danger);font-size:.85em;margin:0}.schedule-form-actions{display:flex;gap:10px}.schedule-form-actions>*{flex:1 1}.battle-preview-section{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;margin-top:16px;padding:12px}.battle-preview-section h5{color:#c4b5fd;font-size:.9em;margin:0 0 10px}.preview-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.preview-stat{gap:2px}.preview-stat-label{color:var(--color-text-secondary);font-size:.75em;text-transform:uppercase}.preview-stat-value{color:var(--color-text-primary);font-weight:600}.preview-advantage{border-radius:4px;font-size:.85em;font-weight:600;margin-top:8px;padding:6px 10px;text-align:center}.preview-advantage.favorable{background:#22c55e26;color:#4ade80}.preview-advantage.unfavorable{background:#ef444426;color:#f87171}.preview-advantage.neutral{background:#f59e0b26;color:#fbbf24}.territory-sidebar-panels{display:flex;flex-direction:column;gap:16px}.territory-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 360px}.territory-main-content{min-width:0}@media (max-width:1200px){.territory-layout{grid-template-columns:1fr}.territory-sidebar-panels{flex-direction:row;flex-wrap:wrap}.territory-sidebar-panels>*{flex:1 1 300px}}@media (max-width:900px){.territory-grid{gap:10px;grid-template-columns:repeat(3,1fr)!important}.zone-cell{min-height:120px;padding:10px}.zone-header h4{font-size:.9em}.territory-stats-bar{gap:0;padding:8px 12px}.territory-map .stat-item{min-width:55px;padding:0 10px}.territory-map .stat-value{font-size:1.1em}.territory-map .stat-label{font-size:.6em}.battle-participants{grid-template-columns:1fr}}@media (max-width:600px){.territory-map{padding:10px}.territory-map-header h2{font-size:1.4em}.territory-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.zone-cell{min-height:100px;padding:8px}.zone-header{align-items:flex-start;flex-direction:column;gap:4px}.territory-stats-bar{flex-wrap:wrap;gap:8px;justify-content:center;padding:8px}.stat-divider{display:none}.territory-map .stat-item{min-width:60px;padding:4px 8px}.deployment-modal{padding:12px}.battle-card-forces{flex-direction:column;gap:4px}.force-vs{padding:4px 0}.adjacency-overlay{display:none}}[class*=ter-icon-]{display:inline-block;flex-shrink:0;height:16px;vertical-align:middle;width:16px}.ter-icon-resource{background:linear-gradient(135deg,#22c55e 30%,#4ade80);-webkit-mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ter-icon-strategic{background:linear-gradient(135deg,#3b82f6 30%,#60a5fa);-webkit-mask:polygon(20% 100%,20% 40%,0 40%,50% 0,100% 40%,80% 40%,80% 100%);mask:polygon(20% 100%,20% 40%,0 40%,50% 0,100% 40%,80% 40%,80% 100%)}.ter-icon-industrial{background:linear-gradient(135deg,#f59e0b 30%,#fbbf24);-webkit-mask:polygon(10% 100%,10% 50%,0 50%,0 30%,30% 30%,30% 0,50% 0,50% 30%,70% 30%,70% 0,90% 0,90% 30%,100% 30%,100% 100%);mask:polygon(10% 100%,10% 50%,0 50%,0 30%,30% 30%,30% 0,50% 0,50% 30%,70% 30%,70% 0,90% 0,90% 30%,100% 30%,100% 100%)}.ter-icon-residential{background:linear-gradient(135deg,var(--rarity-epic) 30%,#c084fc);-webkit-mask:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);mask:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%)}.ter-icon-contested{-webkit-mask:polygon(50% 0,65% 35%,100% 40%,70% 65%,80% 100%,50% 78%,20% 100%,30% 65%,0 40%,35% 35%);mask:polygon(50% 0,65% 35%,100% 40%,70% 65%,80% 100%,50% 78%,20% 100%,30% 65%,0 40%,35% 35%)}.ter-icon-contested,.ter-icon-turret{background:linear-gradient(135deg,#ef4444 30%,#f87171)}.ter-icon-turret{-webkit-mask:polygon(40% 100%,40% 60%,20% 60%,20% 40%,40% 40%,40% 20%,0 20%,0 0,100% 0,100% 20%,60% 20%,60% 40%,80% 40%,80% 60%,60% 60%,60% 100%);mask:polygon(40% 100%,40% 60%,20% 60%,20% 40%,40% 40%,40% 20%,0 20%,0 0,100% 0,100% 20%,60% 20%,60% 40%,80% 40%,80% 60%,60% 60%,60% 100%)}.ter-icon-shield-gen{background:linear-gradient(135deg,#3b82f6 30%,#60a5fa);-webkit-mask:polygon(50% 0,100% 20%,100% 60%,50% 100%,0 60%,0 20%);mask:polygon(50% 0,100% 20%,100% 60%,50% 100%,0 60%,0 20%)}.ter-icon-repair-station{background:linear-gradient(135deg,#22c55e 30%,#4ade80);-webkit-mask:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);mask:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.ter-icon-wall{background:linear-gradient(135deg,#f59e0b 30%,#fbbf24);-webkit-mask:polygon(0 0,30% 0,30% 45%,70% 45%,70% 0,100% 0,100% 100%,0 100%);mask:polygon(0 0,30% 0,30% 45%,70% 45%,70% 0,100% 0,100% 100%,0 100%)}.ter-icon-capture{background:linear-gradient(135deg,#3b82f6 30%,#60a5fa);-webkit-mask:polygon(50% 0,100% 20%,100% 60%,50% 100%,0 60%,0 20%);mask:polygon(50% 0,100% 20%,100% 60%,50% 100%,0 60%,0 20%)}.ter-icon-war{background:linear-gradient(135deg,#8b5cf6 30%,#a78bfa);-webkit-mask:polygon(50% 0,65% 35%,100% 40%,70% 65%,80% 100%,50% 78%,20% 100%,30% 65%,0 40%,35% 35%);mask:polygon(50% 0,65% 35%,100% 40%,70% 65%,80% 100%,50% 78%,20% 100%,30% 65%,0 40%,35% 35%)}.ter-icon-admin-shield{background:linear-gradient(135deg,#f59e0b 30%,#fbbf24);border-radius:2px;-webkit-mask:polygon(20% 0,80% 0,80% 70%,50% 100%,20% 70%);mask:polygon(20% 0,80% 0,80% 70%,50% 100%,20% 70%)}.ter-icon-cooldown{background:linear-gradient(135deg,#ef4444 30%,#f87171);border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 30%,currentColor 0,currentColor 45%,#0000 0),linear-gradient(0deg,#0000 48%,currentColor 0,currentColor 52%,#0000 0);mask:radial-gradient(circle,#0000 30%,currentColor 0,currentColor 45%,#0000 0)}.ter-icon-owned{background:linear-gradient(135deg,#22c55e 30%,#4ade80);-webkit-mask:polygon(25% 0,25% 100%,75% 100%,75% 0,60% 0,60% 85%,40% 85%,40% 0);mask:polygon(25% 0,25% 100%,75% 100%,75% 0,60% 0,60% 85%,40% 85%,40% 0)}.ter-icon-check{background:#4ade80;-webkit-mask:polygon(20% 50%,40% 75%,80% 25%,90% 35%,40% 90%,10% 60%);mask:polygon(20% 50%,40% 75%,80% 25%,90% 35%,40% 90%,10% 60%)}.ter-icon-warning{background:linear-gradient(135deg,#f59e0b 30%,#fbbf24);-webkit-mask:polygon(50% 5%,95% 90%,5% 90%);mask:polygon(50% 5%,95% 90%,5% 90%)}.ter-icon-neutral{background:#6b7280;border-radius:50%}.ter-icon-locked{background:#374151;-webkit-mask:polygon(25% 45%,25% 100%,75% 100%,75% 45%,85% 45%,85% 100%,15% 100%,15% 45%,20% 45%,20% 25%,50% 0,80% 25%,80% 45%);mask:polygon(25% 45%,25% 100%,75% 100%,75% 45%,85% 45%,85% 100%,15% 100%,15% 45%,20% 45%,20% 25%,50% 0,80% 25%,80% 45%)}.ter-icon-global,.ter-icon-info{background:#60a5fa;border-radius:50%}.ter-icon-global{-webkit-mask:radial-gradient(circle,#0000 35%,currentColor 0);mask:radial-gradient(circle,#0000 35%,currentColor 0)}.ter-icon-deploy{background:linear-gradient(135deg,#3b82f6 30%,#60a5fa);-webkit-mask:polygon(30% 100%,30% 30%,0 30%,50% 0,100% 30%,70% 30%,70% 100%);mask:polygon(30% 100%,30% 30%,0 30%,50% 0,100% 30%,70% 30%,70% 100%)}.ter-icon-energy{background:linear-gradient(135deg,#eab308 30%,#facc15);-webkit-mask:polygon(60% 0,25% 50%,50% 50%,40% 100%,75% 50%,50% 50%);mask:polygon(60% 0,25% 50%,50% 50%,40% 100%,75% 50%,50% 50%)}.ter-icon-link{background:#60a5fa;-webkit-mask:polygon(0 35%,40% 35%,40% 0,60% 0,60% 35%,100% 35%,100% 65%,60% 65%,60% 100%,40% 100%,40% 65%,0 65%);mask:polygon(0 35%,40% 35%,40% 0,60% 0,60% 35%,100% 35%,100% 65%,60% 65%,60% 100%,40% 100%,40% 65%,0 65%)}.ter-icon-structures{background:linear-gradient(135deg,#f59e0b 30%,#fbbf24);-webkit-mask:polygon(10% 100%,10% 40%,0 40%,25% 20%,25% 0,75% 0,75% 20%,100% 40%,90% 40%,90% 100%);mask:polygon(10% 100%,10% 40%,0 40%,25% 20%,25% 0,75% 0,75% 20%,100% 40%,90% 40%,90% 100%)}.ter-icon-upgrade{background:linear-gradient(135deg,#3b82f6 30%,#60a5fa);-webkit-mask:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%);mask:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%)}.ter-icon-demolish{background:linear-gradient(135deg,#ef4444 30%,#f87171);-webkit-mask:polygon(20% 10%,0 10%,0 0,100% 0,100% 10%,80% 10%,75% 100%,25% 100%);mask:polygon(20% 10%,0 10%,0 0,100% 0,100% 10%,80% 10%,75% 100%,25% 100%)}.ter-icon-retreat{background:linear-gradient(135deg,#6b7280 30%,#9ca3af);-webkit-mask:polygon(100% 30%,50% 30%,50% 0,0 50%,50% 100%,50% 70%,100% 70%);mask:polygon(100% 30%,50% 30%,50% 0,0 50%,50% 100%,50% 70%,100% 70%)}.ter-icon-schedule{background:linear-gradient(135deg,#8b5cf6 30%,#a78bfa);-webkit-mask:polygon(0 15%,100% 15%,100% 100%,0 100%);mask:polygon(0 15%,100% 15%,100% 100%,0 100%)}.ter-icon-xp{background:linear-gradient(135deg,#eab308 30%,#facc15);-webkit-mask:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);mask:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ter-icon-mining{background:linear-gradient(135deg,var(--rarity-epic) 30%,#c084fc);-webkit-mask:polygon(70% 0,100% 30%,40% 100%,0 100%,0 80%);mask:polygon(70% 0,100% 30%,40% 100%,0 100%,0 80%)}.ter-icon-trade{background:linear-gradient(135deg,#eab308 30%,#facc15);border-radius:50%}.ter-icon-online{background:#22c55e;border-radius:50%;height:8px;width:8px}.ter-icon-history{background:linear-gradient(135deg,#8b5cf6 30%,#a78bfa);-webkit-mask:polygon(15% 0,85% 0,85% 100%,15% 100%,15% 90%,75% 90%,75% 10%,15% 10%);mask:polygon(15% 0,85% 0,85% 100%,15% 100%,15% 90%,75% 90%,75% 10%,15% 10%)}.ter-icon-practice{background:linear-gradient(135deg,#8b5cf6 30%,#c4b5fd);-webkit-mask:polygon(50% 0,80% 10%,100% 40%,80% 70%,50% 100%,20% 70%,0 40%,20% 10%);mask:polygon(50% 0,80% 10%,100% 40%,80% 70%,50% 100%,20% 70%,0 40%,20% 10%)}.zone-cell.practice-zone{border-style:dashed!important;border-width:2px;position:relative}.zone-cell.practice-zone:after{background:radial-gradient(ellipse at center,#8b5cf60f,#0000 70%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.zone-practice-badge{margin:4px 0 2px}.zone-practice-badge .badge{font-size:.65rem;gap:3px;letter-spacing:.04em}.ter-confirm-overlay{align-items:center;animation:terConfirmFade .2s ease-out;background:#000000d9;border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.ter-confirm-modal{background:#1e293b;background:var(--color-bg-secondary,#1e293b);border:1px solid #ffffff1a;border-radius:8px;max-width:320px;padding:20px;text-align:center}.ter-confirm-msg{color:#e2e8f0;color:var(--color-text-primary,#e2e8f0);font-size:.9rem;line-height:1.5;margin:0 0 16px}.ter-confirm-actions{display:flex;gap:8px;justify-content:center}.ter-confirm-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 20px;transition:background .15s,transform .1s}.ter-confirm-btn:active{transform:scale(.97)}.ter-confirm-btn--cancel{background:#ffffff14;border-color:#ffffff1a;color:#94a3b8;color:var(--color-text-secondary,#94a3b8)}.ter-confirm-btn--cancel:hover{background:#ffffff24}.ter-confirm-btn--confirm{background:#3b82f6;color:#fff}.ter-confirm-btn--confirm:hover{background:#2563eb}.ter-confirm-btn--danger{background:#ef4444}.ter-confirm-btn--danger:hover{background:#dc2626}@keyframes terConfirmFade{0%{opacity:0}to{opacity:1}}.header-action-btn:focus-visible,.panel-close-btn:focus-visible,.ter-confirm-btn:focus-visible,.zone-cell:focus-visible,.zone-details-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.force-count,.participant-power,.prep-time,.preview-stat-value,.timer-value,.war-cooldown-panel__timer-value,.zone-counter-attacks,.zone-power-bar{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.deploy-ripple,.shield-indicator-shimmer,.skeleton-zone,.ter-confirm-overlay,.zone-cell.contested,.zone-cell.open.zone-deployable,.zone-cell.under_attack,.zone-cell.zone-headquarters,.zone-cell.zone-owned{animation:none!important}}@keyframes ter-float-particle{0%{opacity:0;transform:translateY(0) translateX(0) scale(1)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translateY(-120px) translateX(20px) scale(.3)}}@keyframes ter-float-particle-alt{0%{opacity:0;transform:translateY(0) translateX(0) scale(.8)}15%{opacity:.5}85%{opacity:.3}to{opacity:0;transform:translateY(-100px) translateX(-15px) scale(.2)}}.territory-grid-container:after,.territory-grid-container:before{border-radius:50%;content:"";height:4px;pointer-events:none;position:absolute;width:4px;z-index:0}.territory-grid-container:before{animation:ter-float-particle 6s ease-in-out infinite;background:#3b82f680;bottom:20%;left:15%}.territory-grid-container:after{animation:ter-float-particle-alt 8s ease-in-out 2s infinite;background:#8b5cf666;bottom:40%;right:20%}@keyframes ter-starfield-drift{0%{background-position:0 0,50px 50px,100px 25px}to{background-position:200px 100px,150px 250px,300px 175px}}.territory-map{overflow:hidden;position:relative}.territory-map:before{animation:ter-starfield-drift 60s linear infinite;background:radial-gradient(1px 1px at 10% 20%,#ffffff4d 50%,#0000 0),radial-gradient(1px 1px at 30% 70%,#fff3 50%,#0000 0),radial-gradient(1px 1px at 60% 40%,#ffffff40 50%,#0000 0),radial-gradient(1px 1px at 80% 10%,#ffffff26 50%,#0000 0),radial-gradient(1px 1px at 45% 85%,#fff3 50%,#0000 0),radial-gradient(1.5px 1.5px at 20% 50%,#3b82f64d 50%,#0000 0),radial-gradient(1.5px 1.5px at 70% 60%,#8b5cf640 50%,#0000 0),radial-gradient(1px 1px at 90% 80%,#fff3 50%,#0000 0);background-size:300px 300px;content:"";inset:0;opacity:.7;pointer-events:none;position:absolute;z-index:0}.territory-map>*{position:relative;z-index:1}@keyframes ter-scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.zone-cell:before{animation:ter-scanline 4s linear infinite;background:linear-gradient(180deg,#0000,#ffffff05 45%,#ffffff0d 50%,#ffffff05 55%,#0000);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:1}.zone-cell:hover:before{opacity:1}.zone-cell{overflow:hidden;position:relative}@keyframes ter-shield-protective-glow{0%,to{border-color:#3b82f680;box-shadow:0 0 15px #3b82f64d,inset 0 0 10px #3b82f60d}50%{border-color:#3b82f6cc;box-shadow:0 0 30px #3b82f680,0 0 60px #3b82f626,inset 0 0 20px #3b82f61a}}.zone-cell .zone-shield-tooltip~*{position:relative;z-index:2}.zone-cell:has(.zone-shield-tooltip){animation:ter-shield-protective-glow 3s ease-in-out infinite}@keyframes ter-victory-burst{0%{background:#22c55e4d;box-shadow:0 0 0 0 #22c55e99,inset 0 0 0 #22c55e00}30%{background:#22c55e26;box-shadow:0 0 30px 10px #22c55e66,inset 0 0 20px #22c55e26}to{background:#ffffff0d;box-shadow:0 0 0 0 #0000,inset 0 0 0 #0000}}@keyframes ter-defeat-shake-fade{0%{border-color:#ef4444cc;transform:translateX(0)}10%{transform:translateX(-6px)}20%{transform:translateX(6px)}30%{transform:translateX(-4px)}40%{transform:translateX(4px)}50%{border-color:#ef444499;transform:translateX(-2px)}60%{transform:translateX(2px)}70%{transform:translateX(-1px)}to{border-color:#6b728066;transform:translateX(0)}}@keyframes ter-capture-confetti-1{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translate(-30px,-60px) rotate(1turn) scale(0)}}@keyframes ter-capture-confetti-2{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translate(25px,-50px) rotate(-270deg) scale(0)}}@keyframes ter-capture-confetti-3{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translate(-20px,-70px) rotate(180deg) scale(0)}}.zone-cell.victory-captured{animation:ter-victory-burst 1.5s ease-out}.zone-cell.defeat-lost{animation:ter-defeat-shake-fade .8s ease-out}@keyframes ter-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ter-badge-contested-flash{0%,to{background:#f59e0b26}50%{background:#ef444440}}.zone-cell.contested .zone-header [class*=badge]{animation:ter-badge-contested-flash 1.5s ease-in-out infinite}.zone-cell.zone-headquarters .hq-badge{animation:ter-badge-pulse 2s ease-in-out infinite}@keyframes ter-line-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}.adjacency-line{stroke:#fff3;stroke-width:2;stroke-dasharray:8 4;filter:drop-shadow(0 0 2px rgba(255,255,255,.1));transition:all .3s ease}.adjacency-line.owned-connection{stroke:#22c55e99;stroke-width:3;stroke-dasharray:none;filter:drop-shadow(0 0 4px rgba(34,197,94,.3))}.adjacency-line.partial-connection{stroke:#4ade8066;stroke-width:2.5;stroke-dasharray:12 6;animation:ter-line-flow 2s linear infinite}@keyframes ter-structure-explode{0%{filter:brightness(1);opacity:1;transform:scale(1)}20%{filter:brightness(2);opacity:1;transform:scale(1.3)}50%{filter:brightness(1.5) hue-rotate(30deg);opacity:.7;transform:scale(.8)}to{filter:brightness(0);opacity:0;transform:scale(0)}}@keyframes ter-structure-smoke{0%{opacity:.6;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(2)}}.structure-dot.destroyed{animation:ter-structure-explode .6s ease-out forwards}@keyframes ter-reward-coin{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.2)}to{opacity:0;transform:translateY(-30px) scale(.8)}}@keyframes ter-reward-counter-grow{0%{transform:scale(1)}50%{color:#4ade80;transform:scale(1.15)}to{transform:scale(1)}}.territory-map .stat-item.stat-reward .stat-value.animating{animation:ter-reward-counter-grow .5s ease-out}@media (max-width:768px){.territory-layout{grid-template-columns:1fr}.territory-grid{gap:10px;grid-template-columns:repeat(3,1fr)!important}.zone-cell{min-height:130px;padding:10px}.zone-header h4{font-size:.95em}.territory-sidebar-panels{flex-direction:column}.territory-sidebar-panels>*{flex:1 1 auto}.territory-header-actions{flex-wrap:wrap}.territory-stats-bar{flex-wrap:wrap;padding:8px 12px}.stat-divider:nth-child(n+6){display:none}.deployment-modal{padding:14px}.preview-stats{gap:6px;grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.territory-grid-container:after,.territory-grid-container:before,.territory-map:before{animation:none!important}.zone-cell:before{display:none!important}.adjacency-line.partial-connection,.structure-dot.destroyed,.territory-map .stat-item.stat-reward .stat-value.animating,.zone-cell.contested .zone-header [class*=badge],.zone-cell.defeat-lost,.zone-cell.victory-captured,.zone-cell.zone-headquarters .hq-badge,.zone-cell:has(.zone-shield-tooltip){animation:none!important}}.shield-indicator--capture{--shield-color:#3b82f6}.shield-indicator--war-end{--shield-color:#8b5cf6}.shield-indicator--manual{--shield-color:#f59e0b}.shield-indicator--war-cooldown{--shield-color:#ef4444}.shield-badge[title*=Capture]{background:#3b82f61a;border:1px solid #3b82f666}.shield-badge[title*=War]{background:#8b5cf61a;border:1px solid #8b5cf666}.shield-badge[title*=Admin]{background:#f59e0b1a;border:1px solid #f59e0b66}.shield-badge[title*=cooldown]{background:#ef44441a;border:1px solid #ef444466}@keyframes ter-capture-slide-in{0%{opacity:0;transform:translateY(-100%)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.ter-capture-overlay{animation:ter-capture-slide-in 4s ease-in-out forwards;display:flex;justify-content:center;left:0;padding-top:20px;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.ter-capture-overlay__content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:2px solid;border-radius:12px;padding:20px 40px;text-align:center}.ter-capture-overlay--victory .ter-capture-overlay__content{border-color:#22c55e;box-shadow:0 0 40px #22c55e66,0 0 80px #22c55e26}.ter-capture-overlay--defeat .ter-capture-overlay__content{border-color:#ef4444;box-shadow:0 0 40px #ef444466,0 0 80px #ef444426}.ter-capture-overlay__icon{height:32px;margin-bottom:8px;width:32px}.ter-capture-overlay--victory .ter-capture-overlay__icon{background:#22c55e}.ter-capture-overlay h3{font-size:1.4em;margin:0 0 4px}.ter-capture-overlay--victory h3{color:#4ade80}.ter-capture-overlay--defeat h3{color:#f87171}.ter-capture-overlay p{color:var(--color-text-secondary);font-size:.9em;margin:0}.zone-counter-attacks{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:4px;color:#fca5a5;display:flex;flex-wrap:wrap;font-size:.8em;gap:4px;margin-top:10px;padding:6px 10px}.counter-cooldown{font-size:.9em;opacity:.7}.defense-bonus-summary{position:relative}.defense-bonus-item{cursor:help;position:relative}.defense-bonus-item:after{background:#000000e6;border:1px solid #ffffff26;border-radius:4px;bottom:100%;color:var(--color-text-primary);content:attr(data-tooltip);font-size:.75em;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:10}.defense-bonus-item:hover:after{opacity:1}.reward-breakdown{background:#0000004d;border-radius:6px;display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:8px}.reward-breakdown-item{align-items:center;display:flex;font-size:.8em;justify-content:space-between}.reward-breakdown-item .label{color:var(--color-text-secondary)}.reward-breakdown-item .value{font-feature-settings:"tnum";color:#4ade80;font-variant-numeric:tabular-nums;font-weight:600}.zone-type-flavor{color:var(--color-text-secondary);font-size:.75em;font-style:italic;margin-top:4px;opacity:.8}@keyframes ter-loss-banner-slide{0%{opacity:0;transform:translateX(100%)}10%{opacity:1;transform:translateX(0)}90%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.ter-loss-notification{align-items:center;animation:ter-loss-banner-slide 5s ease-in-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef444426;border:1px solid #ef444466;border-radius:8px;color:#fca5a5;display:flex;gap:8px;padding:12px 20px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:var(--z-index-overlay-low)}.ter-loss-notification strong{color:#f87171}.zone-history-section{margin-top:12px}.zone-history-section h4{align-items:center;display:flex;font-size:.9em;gap:6px;margin-bottom:8px}.zone-history-list{display:flex;flex-direction:column;gap:6px}.history-entry{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:.8em;gap:8px;justify-content:space-between;padding:6px 8px}.history-action{color:var(--color-text-primary);flex-shrink:0;font-weight:500;text-transform:capitalize}.history-detail{flex:1 1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.history-detail,.history-time{color:var(--color-text-secondary)}.history-time{flex-shrink:0;font-size:.9em;opacity:.7}.zone-history-loading{color:var(--color-text-secondary);font-size:.85em;padding:8px}.zone-type-section{background:#3b82f614;border:1px solid #3b82f633;border-radius:6px;margin-top:12px;padding:10px}.zone-type-section h4{color:var(--color-text-primary);font-size:.9em;margin:0 0 4px}.zone-type-desc{color:var(--color-text-secondary);font-size:.8em;line-height:1.4;margin:0}.spectate-section{background:#ef444414;border:1px solid #ef444433;border-radius:6px;margin-top:12px;padding:10px}.spectate-live-indicator{align-items:center;color:#ef4444;display:flex;font-size:.85em;font-weight:700;gap:6px;margin-bottom:8px}.live-dot{animation:ter-badge-pulse 1s ease-in-out infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.spectate-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.spectate-stat{align-items:center;background:#0003;border-radius:4px;display:flex;flex-direction:column;padding:6px}.spectate-stat .stat-label{color:var(--color-text-secondary);font-size:.7em;text-transform:uppercase}.spectate-stat .stat-value{font-feature-settings:"tnum";font-size:1.1em;font-variant-numeric:tabular-nums;font-weight:600}.spectate-hint{color:var(--color-text-secondary);font-size:.75em;margin:8px 0 0;text-align:center}.casualty-report{background:#ef44440d;border:1px solid #ef444426;border-radius:6px;margin-top:12px;padding:10px}.casualty-report h5{color:var(--color-text-primary);font-size:.85em;margin:0 0 8px}.casualty-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.casualty-group{align-items:center;background:#0003;border-radius:4px;display:flex;flex-direction:column;padding:6px}.casualty-label{color:var(--color-text-secondary);font-size:.7em;margin-bottom:2px;text-transform:uppercase}.casualty-value{font-feature-settings:"tnum";font-size:1em;font-variant-numeric:tabular-nums;font-weight:600}.casualty-value.loss{color:#f87171}.casualty-value.warning{color:#fbbf24}.zone-transfer-section{margin-top:12px}.zone-transfer-btn{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;color:#c4b5fd;cursor:pointer;display:flex;font-size:.85em;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s;width:100%}.zone-transfer-btn:hover{background:#8b5cf640;border-color:#8b5cf680}.zone-transfer-btn:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.live-dot{animation:none!important}}@keyframes outpostPageEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes outpostAmbientGlow{0%,to{box-shadow:0 0 20px #3b82f614}50%{box-shadow:0 0 35px #3b82f62e}}@keyframes gridCellStagger{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes collectPulse{0%,to{box-shadow:0 0 0 0 #4caf5066}50%{box-shadow:0 0 0 8px #4caf5000}}@keyframes collectUrgentPulse{0%,to{box-shadow:0 0 0 0 #ef444480}50%{box-shadow:0 0 0 10px #ef444400}}@keyframes storageWarningPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes buildSuccess{0%{filter:brightness(1);transform:scale(1)}30%{box-shadow:0 0 20px #4caf5099;filter:brightness(1.5);transform:scale(1.2)}60%{filter:brightness(1.1);transform:scale(.95)}to{box-shadow:none;filter:brightness(1);transform:scale(1)}}@keyframes buildOptionSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes selectedGlow{0%,to{box-shadow:0 0 10px #4caf5080}50%{box-shadow:0 0 20px #4caf50cc}}@keyframes buffEntryStagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes maxLevelShine{0%{background-position:-100%}to{background-position:200%}}@keyframes minePickaxe{0%,to{transform:rotate(0deg)}25%{transform:rotate(-8deg)}50%{transform:rotate(0deg)}75%{transform:rotate(5deg)}}@keyframes refinerySmoke{0%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.6;transform:translateY(-6px) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.3)}}@keyframes warehouseBreath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}@keyframes generatorSpark{0%,to{opacity:0}10%{opacity:1}20%{opacity:0}50%{opacity:.8}60%{opacity:0}}@keyframes turretScan{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes labBubble{0%{opacity:.7;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-4px) scale(1.2)}to{opacity:0;transform:translateY(-8px) scale(.5)}}@keyframes gridScanLine{0%{opacity:0;top:0}5%{opacity:.4}95%{opacity:.4}to{opacity:0;top:100%}}@keyframes collectCelebration{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}@keyframes resourceFlowUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes storageFillGlow{0%,to{box-shadow:0 0 4px #3b82f633}50%{box-shadow:0 0 12px #3b82f680}}@keyframes levelUpFlash{0%{background:#4caf5000}20%{background:#4caf504d}to{background:#4caf5000}}@keyframes outpostTwinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.7;transform:scale(1.2)}}@keyframes statCountUp{0%{transform:scale(1)}50%{color:#60a5fa;transform:scale(1.15)}to{transform:scale(1)}}@keyframes healthCriticalPulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 6px 2px #ef444499}}@keyframes confirmEntry{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tooltipFade{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.outpost-manager{animation:outpostPageEntry .5s ease-out;margin:0 auto;max-width:1400px;overflow:hidden;padding:2rem;position:relative}.outpost-starfield{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.outpost-particle{animation:outpostTwinkle 3s ease-in-out infinite;animation:outpostTwinkle var(--dur,3s) ease-in-out infinite;background:#60a5fa;border-radius:50%;opacity:0;position:absolute}.outpost-header{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.outpost-header h2{-webkit-text-fill-color:#0000;animation:headerShimmer 6s linear infinite;background:linear-gradient(135deg,#60a5fa,#3b82f6,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;background-size:300% auto;font-size:2rem;margin-bottom:.5rem}.outpost-header p{color:var(--color-text-secondary);font-size:1rem}.outpost-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 350px;position:relative;z-index:1}.outpost-main{display:flex;flex-direction:column;gap:1.5rem}.outpost-stats{animation:outpostAmbientGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#1e1e28f2,#141423f2);border:1px solid #3b82f61f;overflow:hidden;position:relative}.outpost-stats:before{background:radial-gradient(ellipse at 30% 20%,#3b82f60a,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;position:relative}.outpost-manager .stat-item{background:#0000004d;border:1px solid #ffffff0a;border-radius:8px;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.outpost-manager .stat-item:after{background:linear-gradient(135deg,#3b82f60d,#0000 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.outpost-manager .stat-item:hover{background:#00000073;border-color:#3b82f633;box-shadow:0 4px 15px #0000004d;transform:translateY(-3px)}.outpost-manager .stat-item:hover:after{opacity:1}.outpost-manager .stat-label{color:var(--color-text-secondary);font-size:.7rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.outpost-manager .stat-value{align-items:center;color:var(--color-text-primary);display:flex;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:1.2rem;font-weight:700;gap:.5rem;justify-content:center;transition:all .3s ease}.outpost-manager .stat-item:hover .stat-value{color:#60a5fa;transform:scale(1.05)}.stat-unit{font-size:.9rem}.stat-note,.stat-unit{color:var(--color-text-tertiary)}.stat-note{display:block;font-size:.75rem;margin-top:.25rem}.stats-actions{margin-top:1rem}.stat-shield .stat-value-shield{color:#3b82f6}.stat-research .stat-value-research{color:#9370db}.shield-icon-css{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-clip-path:polygon(50% 0,100% 15%,100% 60%,50% 100%,0 60%,0 15%);clip-path:polygon(50% 0,100% 15%,100% 60%,50% 100%,0 60%,0 15%);height:18px}.research-bonus-icon-css,.shield-icon-css{display:inline-block;margin-right:4px;width:16px}.research-bonus-icon-css{background:linear-gradient(135deg,#9370db,#b794f6);-webkit-clip-path:polygon(35% 0,65% 0,65% 30%,85% 75%,85% 90%,15% 90%,15% 75%,35% 30%);clip-path:polygon(35% 0,65% 0,65% 30%,85% 75%,85% 90%,15% 90%,15% 75%,35% 30%);height:16px}.warning-icon-css{background:#ffc107;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);display:inline-block;height:16px;margin-right:6px;position:relative;vertical-align:middle;width:16px}.outpass-warning{background:linear-gradient(135deg,#ffc10726,#ff980014);border:1px solid #ffc10766;border-radius:6px;color:#ffc107;font-size:.9rem;gap:.25rem;justify-content:center;margin-bottom:1rem;padding:.75rem;text-align:center;transition:all .3s ease}.outpass-warning:hover{border-color:#ffc107b3;box-shadow:0 0 10px #ffc10726}.collect-icon-css{background:linear-gradient(135deg,gold,#f59e0b);border-radius:50%;box-shadow:0 0 6px #ffd70080;display:inline-block;height:16px;margin-right:6px;position:relative;vertical-align:middle;width:16px}.storage-progress-section{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem;transition:all .3s ease}.storage-progress-section.storage-pulse{animation:collectPulse 2s ease-in-out infinite}.storage-progress-section.storage-urgent-pulse{animation:collectUrgentPulse 1.5s ease-in-out infinite}.storage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.storage-label{color:var(--color-text-secondary);font-size:.9rem}.storage-values{color:var(--color-text-primary);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.9rem;font-weight:500}.storage-warning{align-items:center;animation:storageWarningPulse 1.5s ease-in-out infinite;background:#ef444414;border:1px solid #ef444433;border-radius:4px;color:#ef4444;display:flex;font-size:.85rem;gap:.25rem;justify-content:center;margin-top:.5rem;padding:.5rem;text-align:center}.generation-countdown{align-items:center;background:linear-gradient(135deg,#3b82f61f,#6366f114);border:1px solid #3b82f633;border-radius:8px;display:flex;justify-content:space-between;margin-top:1rem;padding:.75rem 1rem;transition:all .3s ease}.generation-countdown:hover{border-color:#3b82f666;box-shadow:0 0 12px #3b82f61a}.countdown-label{color:var(--color-text-secondary);font-size:.9rem}.countdown-value{animation:countdownTick 1s ease-in-out infinite;color:#3b82f6;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:1.2rem;font-weight:700;text-shadow:0 0 8px #3b82f64d}.outpost-grid-card{background:linear-gradient(135deg,#1e1e28f2,#141928f2);border:1px solid #3b82f61a}.outpost-grid{grid-gap:4px;background:linear-gradient(135deg,#00000080,#0a0a1999);border:1px solid #3b82f614;border-radius:10px;display:grid;gap:4px;overflow:hidden;padding:1rem;position:relative}.outpost-grid:before{animation:gridScanLine 8s linear infinite;background:linear-gradient(90deg,#0000,#3b82f64d,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.grid-cell{animation:gridCellStagger .3s ease-out both;aspect-ratio:1;background:#14141ecc;border:2px solid #64647840;border-radius:6px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.grid-cell:nth-child(10n+1){animation-delay:.01s}.grid-cell:nth-child(10n+2){animation-delay:.02s}.grid-cell:nth-child(10n+3){animation-delay:.03s}.grid-cell:nth-child(10n+4){animation-delay:.04s}.grid-cell:nth-child(10n+5){animation-delay:.05s}.grid-cell:nth-child(10n+6){animation-delay:.06s}.grid-cell:nth-child(10n+7){animation-delay:.07s}.grid-cell:nth-child(10n+8){animation-delay:.08s}.grid-cell:nth-child(10n+9){animation-delay:.09s}.grid-cell:nth-child(10n+10){animation-delay:.1s}.grid-cell:hover{background:#1e283ce6;border-color:#6496ff99;box-shadow:0 4px 15px #0006;transform:scale(1.08);z-index:2}.grid-cell:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.grid-cell.selected{animation:selectedGlow 1.5s ease-in-out infinite;border-color:var(--color-success)}.grid-cell.occupied{background:linear-gradient(135deg,#283246e6,#1e2337e6);border-color:#64647880;border-color:var(--building-color,#64647880)}.grid-cell.occupied:after{background:radial-gradient(ellipse at 50% 30%,#64647826,#0000 70%);background:radial-gradient(ellipse at 50% 30%,var(--building-color,#64647826),#0000 70%);content:"";inset:0;opacity:.3;pointer-events:none;position:absolute;transition:opacity .3s ease}.grid-cell.occupied:hover:after{opacity:.5}.grid-cell.occupied:hover{border-color:#6496ffcc;border-color:var(--building-color,#6496ffcc);box-shadow:0 0 15px color-mix(in srgb,#6464ff 40%,#0000);box-shadow:0 0 15px color-mix(in srgb,var(--building-color,#6464ff) 40%,#0000)}.grid-cell.inactive-building{filter:grayscale(.5);opacity:.5}.grid-cell.inactive-building:hover{filter:grayscale(.2);opacity:.8}.grid-cell.building-type-mine:hover{box-shadow:0 0 15px #8b451380,inset 0 0 10px #8b45131a}.grid-cell.building-type-refinery:hover{box-shadow:0 0 15px #ffa50080,inset 0 0 10px #ffa5001a}.grid-cell.building-type-warehouse:hover{box-shadow:0 0 15px #4169e180,inset 0 0 10px #4169e11a}.grid-cell.building-type-generator:hover{box-shadow:0 0 15px #ffd70080,inset 0 0 10px #ffd7001a}.grid-cell.building-type-defense-turret:hover{box-shadow:0 0 15px #dc143c80,inset 0 0 10px #dc143c1a}.grid-cell.building-type-research-lab:hover{box-shadow:0 0 15px #9370db80,inset 0 0 10px #9370db1a}.grid-cell.building-type-mine{box-shadow:inset 0 0 6px #8b451326}.grid-cell.building-type-refinery{box-shadow:inset 0 0 6px #ffa50026}.grid-cell.building-type-warehouse{box-shadow:inset 0 0 6px #4169e126}.grid-cell.building-type-generator{box-shadow:inset 0 0 6px #ffd70026}.grid-cell.building-type-defense-turret{box-shadow:inset 0 0 6px #dc143c26}.grid-cell.building-type-research-lab{box-shadow:inset 0 0 6px #9370db26}.grid-cell.level-high{border-width:2px}.grid-cell.level-high.occupied:after{opacity:.5}.grid-cell.build-success-flash{animation:buildSuccess .6s ease-out}.building-display{align-items:center;display:flex;flex-direction:column;gap:1px;height:100%;justify-content:center;padding:2px;position:relative;width:100%}.building-level{color:var(--color-brand-accent);font-size:.65rem;font-weight:700;text-shadow:0 0 4px #3b82f64d}.building-rate{color:var(--color-success);font-size:.55rem;font-weight:700}.building-health-bar{background:#00000080;border-radius:2px;height:3px;margin-top:1px;overflow:hidden;width:80%}.building-health-bar .health-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:2px;height:100%;transition:width .5s ease}.building-health-bar.health-critical{animation:healthCriticalPulse 1.5s ease-in-out infinite}.building-health-bar.health-critical .health-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.building-display .building-particle{border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px}.building-type-mine .building-particle{animation:resourceFlowUp 2s ease-out infinite;background:sienna}.building-type-refinery .building-particle{animation:refinerySmoke 2.5s ease-out infinite;background:#ffa50080}.building-type-generator .building-particle{animation:generatorSpark 1.5s ease-in-out infinite;background:gold}.building-type-research-lab .building-particle{animation:labBubble 3s ease-out infinite;background:#9370db99}.empty-cell-hint{animation:emptyFloat 3s ease-in-out infinite;color:#96969640;font-size:1.2rem}.grid-cell.empty:hover .empty-cell-hint{color:#6496ff99}.building-icon-css{display:inline-block;flex-shrink:0;height:22px;position:relative;transition:transform .3s ease,filter .3s ease;width:22px}.grid-cell .building-icon-mine{animation:minePickaxe 2s ease-in-out infinite}.grid-cell .building-icon-refinery{animation:refinerySmoke 3s ease-in-out infinite}.grid-cell .building-icon-warehouse{animation:warehouseBreath 3s ease-in-out infinite}.grid-cell .building-icon-generator{animation:generatorSpark 1.5s ease-in-out infinite}.grid-cell .building-icon-defense{animation:turretScan 6s linear infinite}.grid-cell .building-icon-research{animation:labBubble 3s ease-out infinite}.building-icon-mine{background:linear-gradient(135deg,#8b4513,sienna,peru);-webkit-clip-path:polygon(50% 0,70% 25%,100% 25%,80% 50%,60% 100%,40% 100%,20% 50%,0 25%,30% 25%);clip-path:polygon(50% 0,70% 25%,100% 25%,80% 50%,60% 100%,40% 100%,20% 50%,0 25%,30% 25%)}.building-icon-refinery{background:linear-gradient(135deg,orange,#e69500,#ff8c00);-webkit-clip-path:polygon(0 100%,0 40%,20% 40%,20% 20%,40% 20%,40% 40%,60% 40%,60% 0,80% 0,80% 40%,100% 40%,100% 100%);clip-path:polygon(0 100%,0 40%,20% 40%,20% 20%,40% 20%,40% 40%,60% 40%,60% 0,80% 0,80% 40%,100% 40%,100% 100%)}.building-icon-warehouse{background:linear-gradient(135deg,#4169e1,#3b5ec2,#5b7bd5);-webkit-clip-path:polygon(10% 30%,50% 10%,90% 30%,90% 90%,10% 90%);clip-path:polygon(10% 30%,50% 10%,90% 30%,90% 90%,10% 90%)}.building-icon-generator{background:linear-gradient(135deg,gold,#f5c400,#ffea00);-webkit-clip-path:polygon(40% 0,70% 0,45% 40%,75% 40%,30% 100%,40% 55%,15% 55%);clip-path:polygon(40% 0,70% 0,45% 40%,75% 40%,30% 100%,40% 55%,15% 55%);filter:drop-shadow(0 0 3px rgba(255,215,0,.4))}.building-icon-defense{background:linear-gradient(135deg,#dc143c,#b91c3c,#ff2d55);-webkit-clip-path:polygon(40% 0,60% 0,60% 35%,100% 35%,100% 55%,60% 55%,60% 70%,70% 100%,30% 100%,40% 70%,40% 55%,0 55%,0 35%,40% 35%);clip-path:polygon(40% 0,60% 0,60% 35%,100% 35%,100% 55%,60% 55%,60% 70%,70% 100%,30% 100%,40% 70%,40% 55%,0 55%,0 35%,40% 35%)}.building-icon-research{background:linear-gradient(135deg,#9370db,#7b5fc7,#b794f6);-webkit-clip-path:polygon(35% 0,65% 0,65% 30%,85% 75%,85% 90%,15% 90%,15% 75%,35% 30%);clip-path:polygon(35% 0,65% 0,65% 30%,85% 75%,85% 90%,15% 90%,15% 75%,35% 30%)}.grid-cell:hover .building-icon-css{filter:brightness(1.3) drop-shadow(0 0 4px rgba(100,150,255,.5));filter:brightness(1.3) drop-shadow(0 0 4px var(--building-color,rgba(100,150,255,.5)));transform:scale(1.1)}.building-display .building-icon-css{height:18px;width:18px}.build-option-icon-css{display:inline-block;flex-shrink:0;height:32px;transition:transform .3s ease,filter .3s ease;width:32px}.build-option:hover .build-option-icon-css{filter:brightness(1.2) drop-shadow(0 0 6px rgba(100,150,255,.5));filter:brightness(1.2) drop-shadow(0 0 6px var(--building-color,rgba(100,150,255,.5)));transform:scale(1.15)}.build-option-icon-css.building-icon-mine{background:linear-gradient(135deg,#8b4513,sienna,peru);-webkit-clip-path:polygon(50% 0,70% 25%,100% 25%,80% 50%,60% 100%,40% 100%,20% 50%,0 25%,30% 25%);clip-path:polygon(50% 0,70% 25%,100% 25%,80% 50%,60% 100%,40% 100%,20% 50%,0 25%,30% 25%)}.build-option-icon-css.building-icon-refinery{background:linear-gradient(135deg,orange,#e69500,#ff8c00);-webkit-clip-path:polygon(0 100%,0 40%,20% 40%,20% 20%,40% 20%,40% 40%,60% 40%,60% 0,80% 0,80% 40%,100% 40%,100% 100%);clip-path:polygon(0 100%,0 40%,20% 40%,20% 20%,40% 20%,40% 40%,60% 40%,60% 0,80% 0,80% 40%,100% 40%,100% 100%)}.build-option-icon-css.building-icon-warehouse{background:linear-gradient(135deg,#4169e1,#3b5ec2,#5b7bd5);-webkit-clip-path:polygon(10% 30%,50% 10%,90% 30%,90% 90%,10% 90%);clip-path:polygon(10% 30%,50% 10%,90% 30%,90% 90%,10% 90%)}.build-option-icon-css.building-icon-generator{background:linear-gradient(135deg,gold,#f5c400,#ffea00);-webkit-clip-path:polygon(40% 0,70% 0,45% 40%,75% 40%,30% 100%,40% 55%,15% 55%);clip-path:polygon(40% 0,70% 0,45% 40%,75% 40%,30% 100%,40% 55%,15% 55%)}.build-option-icon-css.building-icon-defense{background:linear-gradient(135deg,#dc143c,#b91c3c,#ff2d55);-webkit-clip-path:polygon(40% 0,60% 0,60% 35%,100% 35%,100% 55%,60% 55%,60% 70%,70% 100%,30% 100%,40% 70%,40% 55%,0 55%,0 35%,40% 35%);clip-path:polygon(40% 0,60% 0,60% 35%,100% 35%,100% 55%,60% 55%,60% 70%,70% 100%,30% 100%,40% 70%,40% 55%,0 55%,0 35%,40% 35%)}.build-option-icon-css.building-icon-research{background:linear-gradient(135deg,#9370db,#7b5fc7,#b794f6);-webkit-clip-path:polygon(35% 0,65% 0,65% 30%,85% 75%,85% 90%,15% 90%,15% 75%,35% 30%);clip-path:polygon(35% 0,65% 0,65% 30%,85% 75%,85% 90%,15% 90%,15% 75%,35% 30%)}.buff-icon-css{display:inline-block;flex-shrink:0;height:24px;transition:transform .2s ease;width:24px}.buff-item:hover .buff-icon-css{transform:scale(1.15)}.buff-icon-wrench{background:linear-gradient(135deg,#94a3b8,#64748b);-webkit-clip-path:polygon(20% 0,35% 0,55% 30%,80% 10%,100% 30%,70% 55%,100% 85%,85% 100%,55% 70%,30% 100%,10% 80%,45% 50%);clip-path:polygon(20% 0,35% 0,55% 30%,80% 10%,100% 30%,70% 55%,100% 85%,85% 100%,55% 70%,30% 100%,10% 80%,45% 50%)}.buff-icon-coin{background:linear-gradient(135deg,gold,#f59e0b);box-shadow:inset 0 -2px 4px #0000004d,0 0 6px #ffd7004d}.buff-icon-coin,.error-icon-css{border-radius:50%;position:relative}.error-icon-css{background:#ef4444;display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:18px}.error-icon-css:before{border-radius:1px;height:6px;top:4px}.error-icon-css:after,.error-icon-css:before{background:#fff;content:"";left:8px;position:absolute;width:2px}.error-icon-css:after{border-radius:50%;bottom:3px;height:2px}.outpost-sidebar{display:flex;flex-direction:column;gap:1.5rem}.build-menu{background:linear-gradient(135deg,#1e1e28f2,#191926f2);border:1px solid #3b82f61a}.building-details{display:flex;flex-direction:column;gap:1rem}.building-info{background:linear-gradient(135deg,#0000004d,#0a0a194d);border:1px solid #ffffff0a;border-radius:8px;padding:1rem;transition:all .3s ease}.building-info:hover{background:#0006;border-color:#3b82f626}.building-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.building-name:hover{color:#60a5fa}.building-level-detail{color:var(--color-brand-accent);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.9rem;margin-bottom:.5rem}.building-generation,.building-health-display{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.5rem}.health-label{flex-shrink:0}.sidebar-health-bar{background:#00000080;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.sidebar-health-bar .health-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:4px;height:100%;transition:width .5s ease}.sidebar-health-bar.health-critical .health-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.health-text{flex-shrink:0;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.8rem;font-weight:700}.inactive-warning{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:4px;color:#ef4444;display:flex;font-size:.85rem;gap:.25rem;padding:.5rem}.repair-section{background:linear-gradient(135deg,#3b82f614,#3b82f60a);border:1px solid #3b82f626;border-radius:8px;padding:.75rem}.repair-cost{align-items:center;color:var(--color-text-primary);display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.75rem}.upgrade-section{background:linear-gradient(135deg,#0000004d,#0a0f1e4d);border:1px solid #4caf501a;border-radius:8px;padding:1rem}.upgrade-cost{align-items:center;color:var(--color-text-primary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.upgrade-cost-loading{padding:.5rem 0}.discount-badge{background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:4px;box-shadow:0 0 6px #4caf504d;color:var(--color-text-primary);font-size:.75rem;font-weight:700;padding:.25rem .5rem}.max-level-badge{animation:maxLevelShine 3s linear infinite;background:linear-gradient(90deg,#0000,#ffd70026,#0000);background-size:200% auto;border:1px solid #ffd7004d;border-radius:6px;color:gold;font-weight:700;padding:.75rem;text-align:center;text-shadow:0 0 8px #ffd7004d}.demolish-section{border-top:1px solid #ffffff0f;padding-top:.75rem}.demolish-note{color:var(--color-text-tertiary);font-size:.75rem;margin-top:.5rem;text-align:center}.build-options-list{display:flex;flex-direction:column;gap:.75rem}.build-limits{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem}.limits-label{color:var(--color-text-secondary);font-size:.85rem}.limits-value{color:var(--color-text-primary);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.85rem;font-weight:700}.build-option{align-items:center;animation:buildOptionSlideIn .3s ease-out both;background:#0000004d;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.build-option:before{background:#6496ff80;background:var(--building-color,#6496ff80);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.build-option:hover:before{opacity:1}.build-option:first-child{animation-delay:.05s}.build-option:nth-child(2){animation-delay:.1s}.build-option:nth-child(3){animation-delay:.15s}.build-option:nth-child(4){animation-delay:.2s}.build-option:nth-child(5){animation-delay:.25s}.build-option:nth-child(6){animation-delay:.3s}.build-option:hover{background:#00000080;border-color:#6496ff4d;box-shadow:0 4px 12px #0000004d;transform:translateX(5px)}.build-option:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.build-option:active{transform:translateX(5px) scale(.98)}.build-option-info{flex:1 1}.build-option-name{color:var(--color-text-primary);font-weight:700;margin-bottom:.25rem;transition:color .2s ease}.build-option:hover .build-option-name{color:#60a5fa}.build-option-desc{color:var(--color-text-secondary);font-size:.85rem}.buffs-display{background:linear-gradient(135deg,#1e1e28f2,#191c2af2);border:1px solid #3b82f61a}.buff-list{flex-direction:column}.buff-item,.buff-list{display:flex;gap:.75rem}.buff-item{align-items:center;animation:buffEntryStagger .3s ease-out both;background:#0000004d;border:1px solid #ffffff0a;border-radius:6px;padding:.75rem;transition:all .25s ease}.buff-item:first-child{animation-delay:.05s}.buff-item:nth-child(2){animation-delay:.1s}.buff-item:hover{background:#00000073;border-color:#3b82f626;transform:translateX(3px)}.buff-name{color:var(--color-text-primary);flex:1 1;font-size:.9rem}.buff-value{color:var(--color-success);font-family:monospace;font-family:var(--font-family-mono,monospace);font-weight:700}.no-buffs{color:var(--color-text-tertiary);font-style:italic;padding:1rem;text-align:center}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;z-index:var(--z-index-modal-content)}.confirm-dialog{animation:confirmEntry .2s ease-out;background:linear-gradient(135deg,#1e1e2dfa,#141423fa);border:1px solid #3b82f633;box-shadow:0 20px 60px #00000080;max-width:420px}.confirm-title{color:var(--color-text-primary);font-size:1.2rem;font-weight:700;margin-bottom:.75rem}.confirm-message{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1.25rem}.confirm-actions{gap:.75rem}.building-tooltip{animation:tooltipFade .15s ease-out;background:linear-gradient(135deg,#141423fa,#0f0f1cfa);border:1px solid #3b82f64d;border-radius:8px;box-shadow:0 8px 24px #0006;padding:.5rem .75rem;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(-100%);white-space:nowrap;z-index:var(--z-index-modal-below)}.tooltip-name{color:var(--color-text-primary);font-size:.85rem;font-weight:700;margin-bottom:2px}.tooltip-level{color:var(--color-brand-accent);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.75rem}.tooltip-rate{color:var(--color-success);font-size:.75rem}.tooltip-health{color:var(--color-text-secondary);font-size:.75rem}.tooltip-health.health-critical,.tooltip-inactive{color:#ef4444;font-weight:700}.tooltip-inactive{font-size:.75rem}.outpost-manager .error-message,.outpost-manager .loading{font-size:1.1rem;padding:2rem;text-align:center}.outpost-manager .error-message{align-items:center;background:#ff44441a;border:1px solid #f443;border-radius:8px;color:var(--color-danger);display:flex;justify-content:center;margin-top:1rem}.error-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:1rem;padding:3rem;text-align:center}.outpost-manager .skeleton-line{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:400px 100%;border-radius:4px;height:16px;width:100%}.skeleton-title{height:28px;margin:0 auto .5rem;width:40%}.skeleton-subtitle{height:14px;margin:0 auto;width:60%}.skeleton-cell{animation:skeletonShimmer 1.5s ease-in-out infinite!important;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%)!important;background-size:400px 100%!important;border-color:#64647826!important;cursor:default!important}.skeleton-grid{pointer-events:none}.collect-celebration{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-modal-backdrop)}.collect-celebration .celebration-particle{animation:collectCelebration 1s ease-out forwards;border-radius:50%;height:8px;position:absolute;width:8px}.skeleton-stat-label{margin:0 auto;width:60%}.skeleton-stat-value{margin:.5rem auto 0;width:80%}.outpass-hint{display:block;font-size:.8rem;margin-top:.25rem;opacity:.8}.collect-actions-row{display:flex;flex-wrap:wrap;gap:.75rem}.collect-actions-row>*{flex:1 1;min-width:180px}.storage-empty-hint{color:var(--color-text-tertiary);font-size:.85rem;font-style:italic;margin-top:.5rem;padding:.5rem;text-align:center}.storage-forecast{color:var(--color-text-secondary);font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.8rem;margin-top:.25rem;text-align:right}.building-type-breakdown{border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem}.type-count-item{align-items:center;background:#00000040;border:1px solid #ffffff0a;border-radius:6px;color:var(--color-text-secondary);display:flex;font-size:.75rem;gap:.35rem;padding:.3rem .6rem;transition:all .2s ease}.type-count-item:hover{background:#0006;border-color:#6496ff4d;border-color:var(--building-color,#6496ff4d)}.type-count-item .building-icon-css{height:14px;width:14px}.type-count-name{color:var(--color-text-primary);font-weight:500}.type-count-value{color:var(--color-brand-accent);font-family:monospace;font-family:var(--font-family-mono,monospace);font-weight:700}.recommended-badge{animation:collectPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.at-limit-badge,.recommended-badge{border-radius:3px;display:inline-block;font-size:.65rem;letter-spacing:.5px;margin-left:.5rem;padding:.1rem .4rem;vertical-align:middle}.at-limit-badge{background:#ef444433;border:1px solid #ef44444d;color:#ef4444;font-weight:700;text-transform:uppercase}.build-option-roi{color:var(--color-success);font-size:.75rem;margin-top:.2rem}.build-option-count,.build-option-roi{font-family:monospace;font-family:var(--font-family-mono,monospace)}.build-option-count{color:var(--color-text-tertiary);font-size:.7rem;margin-top:.15rem}.build-option-disabled{cursor:not-allowed;opacity:.4;pointer-events:none}@keyframes firstBuildEntry{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes firstBuildGlow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099}}@keyframes firstBuildParticle{0%{opacity:0;transform:scale(0) rotate(0deg)}30%{opacity:1}to{opacity:0;transform:scale(1.5) rotate(1turn) translateY(-60px)}}.first-build-celebration{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-toast)}.first-build-banner{align-items:center;animation:firstBuildEntry .5s ease-out,firstBuildGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#1e1e2dfa,#141423fa);border:2px solid #ffd70080;border-radius:16px;display:flex;gap:1rem;padding:1.5rem 2.5rem;z-index:1}.first-build-icon{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 8px rgba(255,215,0,.5));height:48px;width:48px}.first-build-icon,.first-build-title{background:linear-gradient(135deg,gold,#f59e0b)}.first-build-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.first-build-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-top:.25rem}.first-build-particle{animation:firstBuildParticle 2s ease-out forwards;border-radius:50%;height:10px;position:absolute;width:10px}.vault-widget{background:linear-gradient(135deg,#1e2332f2,#141928f2);border:1px solid #ffd7001f}.vault-summary{display:flex;flex-direction:column;gap:.75rem}.vault-balance{align-items:center;background:#0000004d;border:1px solid #ffd70014;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.vault-icon-css{background:linear-gradient(135deg,gold,#f59e0b,#d97706);-webkit-clip-path:polygon(15% 0,85% 0,100% 25%,100% 75%,85% 100%,15% 100%,0 75%,0 25%);clip-path:polygon(15% 0,85% 0,100% 25%,100% 75%,85% 100%,15% 100%,0 75%,0 25%);filter:drop-shadow(0 0 4px rgba(255,215,0,.3));flex-shrink:0;height:32px;width:32px}.vault-balance-info{flex:1 1}.vault-balance-label{color:var(--color-text-tertiary);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.vault-balance-value{color:gold;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:1.1rem;font-weight:700}.vault-tax-note{color:var(--color-text-tertiary);font-size:.8rem;font-style:italic;text-align:center}.vault-donate-section{border-top:1px solid #ffffff0f;padding-top:.5rem}.vault-donate-row{align-items:center;display:flex;gap:.5rem}.vault-donate-input{background:#0006;border:1px solid #ffffff1a;border-radius:6px;color:var(--color-text-primary);flex:1 1;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.9rem;outline:none;padding:.5rem .75rem;transition:border-color .2s ease}.vault-donate-input:focus{border-color:#ffd70066}.vault-donate-input::placeholder{color:var(--color-text-tertiary);font-size:.8rem}.vault-donate-input::-webkit-inner-spin-button,.vault-donate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vault-donate-input[type=number]{-moz-appearance:textfield}@keyframes bestPosPulse{0%,to{box-shadow:inset 0 0 8px #4caf5026}50%{box-shadow:inset 0 0 14px #4caf5059}}.grid-cell.best-position{animation:bestPosPulse 2s ease-in-out infinite;border-color:#4caf5066}.best-pos-badge{color:#4caf50;filter:drop-shadow(0 0 3px rgba(76,175,80,.5));font-size:1rem}.build-option-hint{align-items:center;display:flex;gap:.25rem;margin-top:.15rem}.build-option-hint,.hint-star{color:#4caf50;font-size:.7rem}.outpass-warning{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.outpass-warning-text{flex:1 1;min-width:200px}.outpass-btn{flex-shrink:0;font-size:.8rem;padding:.35rem .75rem;white-space:nowrap}@keyframes queueSlideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.upgrade-queue-card{background:linear-gradient(135deg,#1e2332f2,#191e2df2);border:1px solid #60a5fa26}.queue-list{display:flex;flex-direction:column;gap:.5rem}.queue-item{align-items:center;animation:queueSlideIn .3s ease-out;background:#00000040;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:.6rem;padding:.5rem .6rem}.queue-item .building-icon-css{flex-shrink:0;height:22px;width:22px}.queue-item-info{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0}.queue-item-name{color:var(--color-text-primary);font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item-cost{color:gold;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.8rem;white-space:nowrap}.queue-remove-btn{align-items:center;background:#ef444426;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:24px;justify-content:center;line-height:1;transition:background .2s;width:24px}.queue-remove-btn:hover{background:#ef44444d}.queue-footer{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.queue-total{color:var(--color-text-secondary);font-size:.85rem;font-weight:600;text-align:right}.queue-actions{display:flex;gap:.5rem;justify-content:flex-end}.upgrade-actions-row{align-items:stretch;display:flex;gap:.5rem}.upgrade-actions-row>button:first-child{flex:1 1}.queue-add-btn{font-size:.8rem;padding:.4rem .6rem;white-space:nowrap}@keyframes leaderboardSlide{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.leaderboard-toggle{align-items:center;background:#ffd7000f;border:1px solid #ffd7001f;border-radius:6px;color:gold;cursor:pointer;display:flex;font-size:.8rem;gap:.4rem;justify-content:center;padding:.5rem;transition:background .2s;width:100%}.leaderboard-toggle:hover{background:#ffd7001f}.leaderboard-toggle-icon{background:linear-gradient(135deg,gold,#f59e0b);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);display:inline-block;height:14px;width:14px}.vault-leaderboard{animation:leaderboardSlide .3s ease-out;overflow:hidden}.leaderboard-list{display:flex;flex-direction:column;gap:.35rem}.leaderboard-entry{align-items:center;background:#0003;border:1px solid #ffffff08;border-radius:6px;display:flex;gap:.5rem;padding:.4rem .5rem}.leaderboard-gold{background:#ffd7000d;border-color:#ffd70033}.leaderboard-silver{background:#c0c0c00a;border-color:#c0c0c033}.leaderboard-bronze{background:#cd7f320a;border-color:#cd7f3233}.leaderboard-rank{color:var(--color-text-tertiary);flex-shrink:0;font-size:.8rem;text-align:center;width:28px}.medal-icon-css{-webkit-clip-path:circle(50%);clip-path:circle(50%);display:inline-block;height:18px;width:18px}.medal-gold{background:linear-gradient(135deg,gold,#f59e0b);filter:drop-shadow(0 0 3px rgba(255,215,0,.5))}.medal-silver{background:linear-gradient(135deg,#e0e0e0,#9e9e9e);filter:drop-shadow(0 0 3px rgba(192,192,192,.4))}.medal-bronze{background:linear-gradient(135deg,#cd7f32,#b8860b);filter:drop-shadow(0 0 3px rgba(205,127,50,.4))}.leaderboard-name{color:var(--color-text-primary);flex:1 1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-amount{color:gold;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.8rem;white-space:nowrap}.leaderboard-empty{color:var(--color-text-tertiary);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.leaderboard-loading{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}@media (min-width:2200px){.outpost-manager{max-width:2000px}.outpost-content{gap:2rem;grid-template-columns:1fr 450px}.stats-grid{grid-template-columns:repeat(5,1fr)}.outpost-header h2{font-size:2.5rem}.outpost-grid{gap:6px;padding:1.5rem}.grid-cell .building-icon-css{height:24px;width:24px}}@media (min-width:1600px){.outpost-manager{max-width:1600px}.outpost-content{grid-template-columns:1fr 400px}.stats-grid{grid-template-columns:repeat(3,1fr)}.grid-cell .building-icon-css{height:22px;width:22px}}@media (max-width:1200px){.outpost-content{grid-template-columns:1fr}.outpost-sidebar{order:-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.outpost-manager{padding:1rem}.outpost-header h2{font-size:1.5rem}.outpost-grid{gap:2px;padding:.5rem}.building-display .building-icon-css{height:14px;width:14px}.building-level{font-size:.55rem}.building-rate{font-size:.5rem}.building-health-bar{height:2px}.build-option-icon-css{height:24px;width:24px}.countdown-value,.outpost-manager .stat-value{font-size:1rem}.stats-grid{grid-template-columns:1fr}.building-tooltip{display:none}.collect-actions-row{flex-direction:column}.collect-actions-row>*{min-width:0}.building-type-breakdown{gap:.35rem}.type-count-name{display:none}.build-option-roi{font-size:.7rem}.queue-actions,.upgrade-actions-row,.vault-donate-row{flex-direction:column}.outpass-btn{width:100%}.first-build-banner{flex-direction:column;padding:1rem;text-align:center}}@media (max-width:480px){.outpost-manager{padding:.75rem}.outpost-header h2{font-size:1.25rem}.grid-cell{border-radius:3px;border-width:1px}.building-display .building-icon-css{height:12px;width:12px}.building-level,.building-rate{font-size:.45rem}.empty-cell-hint{font-size:.8rem}.outpost-manager .stat-value{font-size:1rem}.buff-icon-css{height:20px;width:20px}.generation-countdown{flex-direction:column;gap:.25rem;text-align:center}.confirm-dialog{padding:1rem;width:95%}}@media (prefers-reduced-motion:reduce){.buff-item,.build-option,.building-display .building-particle,.countdown-value,.grid-cell,.grid-cell.selected,.max-level-badge,.outpost-header h2,.outpost-manager,.outpost-particle{animation:none!important}.grid-cell.selected{box-shadow:0 0 10px #4caf5080}.outpost-grid:before{animation:none!important;display:none}.buff-item:hover,.build-option:hover,.building-info:hover,.generation-countdown:hover,.grid-cell:hover,.outpass-warning:hover,.outpost-manager .stat-item:hover{transition:none!important}.building-health-bar.health-critical,.building-tooltip,.collect-celebration .celebration-particle,.confirm-dialog,.first-build-banner,.first-build-celebration,.first-build-particle,.grid-cell .building-icon-defense,.grid-cell .building-icon-generator,.grid-cell .building-icon-mine,.grid-cell .building-icon-refinery,.grid-cell .building-icon-research,.grid-cell .building-icon-warehouse,.grid-cell.build-success-flash,.recommended-badge,.storage-progress-section.storage-pulse,.storage-progress-section.storage-urgent-pulse{animation:none!important}.grid-cell.best-position{animation:none!important;border-color:#4caf5066}.queue-item,.vault-leaderboard{animation:none!important}}.quantum-grid-card{background:linear-gradient(135deg,#0d0d0df2,#1a1a1af2);border:1px solid #8b5cf64d}.grid-info{background:#0000004d;border-radius:8px;display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem}.grid-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.quantum-grid-container .stat-label,.quantum-stats .stat-label{color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase}.quantum-grid-container .stat-value,.quantum-stats .stat-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.quantum-grid-container{background:radial-gradient(circle at center,#8b5cf61a 0,#0000 70%),linear-gradient(135deg,#00000080,#14141e80);border:2px solid #8b5cf633;border-radius:12px;box-shadow:0 0 30px #8b5cf633;margin:0 auto 1.5rem;max-width:600px;padding:1rem;position:relative;width:100%}.quantum-grid{grid-gap:4px;aspect-ratio:1;background:#0000004d;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);padding:8px}.grid-tile{align-items:center;border:1px solid #ffffff1a;border-radius:4px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease}.grid-tile.fog{background:#14141ee6!important;box-shadow:inset 0 0 10px #00000080}.grid-tile.fog:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff05 0,#ffffff05 4px);content:"";inset:0;pointer-events:none;position:absolute}.grid-tile.revealed{border-color:#8b5cf64d}.grid-tile.player{animation:playerPulse 2s ease-in-out infinite;border:2px solid #f5f5f5;box-shadow:0 0 15px #f5f5f599;z-index:10}.grid-tile.adjacent{border-color:#22c55e80;cursor:pointer}.grid-tile.adjacent:hover{border-color:#22c55ecc;box-shadow:0 0 15px #22c55e66;transform:scale(1.1);z-index:5}.grid-tile.explored{opacity:.7}.grid-tile.hovered{z-index:3}.grid-tile.selected{border:2px solid #f59e0b;box-shadow:0 0 15px #f59e0b80;z-index:4}.tile-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:1.5rem;position:relative;z-index:2}.grid-tile.fog .tile-icon{opacity:.3}.explored-indicator{background:#00000080;border-radius:50%;height:12px;position:absolute;right:2px;top:2px;width:12px}.explored-indicator:after{border-bottom:2px solid #22c55ecc;border-right:2px solid #22c55ecc;content:"";height:7px;left:3px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.move-hint{animation:moveHintPulse 1s ease-in-out infinite;background:#22c55ee6;border-radius:50%;bottom:2px;height:8px;position:absolute;right:2px;width:8px}.grid-keyboard-hint{color:#8b5cf699;font-size:.75rem;margin-bottom:.5rem;padding:.25rem;text-align:center}.grid-tile:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px;z-index:20}.legend-icon{display:inline-flex;font-size:.8rem;height:1.2rem;width:1.2rem}@keyframes moveHintPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.grid-legend{background:#0000004d;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem}.legend-label{color:var(--color-text-secondary);font-size:.85rem}.tile-info-popup{background:linear-gradient(135deg,#14141efa,#1e1e28fa);border:2px solid #f59e0b80;border-radius:12px;box-shadow:0 8px 32px #00000080;left:50%;max-width:400px;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:var(--z-index-modal)}.tile-info-popup p{color:var(--color-warning);font-size:1rem;margin-bottom:1rem}.tile-info-popup button{background:#f59e0b33;border:1px solid #f59e0b80;border-radius:6px;color:var(--color-warning);cursor:pointer;padding:.5rem 1.5rem;transition:all .2s}.tile-info-popup button:hover{background:#f59e0b4d;border-color:#f59e0bcc}@media (max-width:768px){.quantum-grid-container{max-width:100%}.grid-tile{min-height:35px}.tile-icon{font-size:1.2rem}.grid-legend{gap:.75rem}.legend-item{flex-direction:column;gap:.25rem}}@media (max-width:480px){.grid-info{flex-direction:column;gap:.75rem}.quantum-grid{gap:2px;padding:4px}.tile-icon{font-size:1rem}}.quantum-stats-card{background:linear-gradient(135deg,#14141ef2,#1e1e28f2);border:1px solid #8b5cf64d}.stat-section{border-bottom:1px solid #ffffff1a;padding:1rem}.stat-section:last-child{border-bottom:none}.energy-section{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-radius:8px}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.quantum-stats .stat-label{color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.quantum-stats .stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.energy-bar{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;height:24px;margin-bottom:.75rem;overflow:hidden;width:100%}.energy-fill{border-radius:12px;box-shadow:0 0 10px currentColor;height:100%;transition:width .3s ease,background .3s ease}.energy-costs{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.cost-item{align-items:center;background:#0003;border-radius:6px;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem}.cost-value{color:var(--color-warning);font-size:1rem;font-weight:700}.grid-stats{display:flex;flex-direction:column;gap:.75rem}.stat-row{align-items:center}.quantum-stats .stat-row .stat-value{font-size:1.1rem}.quantum-stats .progress-bar{background:#0000004d;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.quantum-stats .progress-fill{background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:4px;height:100%;transition:width .3s ease}.cooldown-notice{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;color:var(--color-warning);font-size:.875rem;padding:.75rem;text-align:center}.action-buttons{flex-direction:column;gap:.75rem}.tips-section{background:#06b6d40d;border-radius:8px}.tip-title{color:var(--color-info);font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.tips-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.tips-list li{color:var(--color-text-tertiary);font-size:.8rem;padding-left:1rem;position:relative}.tips-list li:before{color:var(--color-info);content:"→";left:0;position:absolute}.timer-section{background:#0003;border-radius:8px;text-align:center}.timer-label{color:var(--color-text-tertiary);font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase}.timer-value{color:var(--color-warning);font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}@media (max-width:768px){.quantum-stats-card .stat-value{font-size:1.2rem}.energy-costs{grid-template-columns:repeat(3,1fr)}}.modal-overlay.flux-battery-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.flux-battery-shop{background:linear-gradient(135deg,#14141efa,#1e1e28fa);border:2px solid #8b5cf680;border-radius:16px;box-shadow:0 12px 48px #0009;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.shop-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.shop-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;margin:0}.close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:all .2s}.close-btn:hover{color:var(--color-text-primary);transform:rotate(90deg)}.shop-info{background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-around;padding:1.5rem}.info-item{flex-direction:column;gap:.5rem}.info-label{color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase}.info-value{font-size:1.2rem;font-weight:700}.vip-bonus .info-value{color:var(--color-warning)}.battery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1.5rem}.battery-card{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:2px solid #8b5cf64d;border-radius:12px;cursor:pointer;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.battery-card:hover:not(.disabled){border-color:#8b5cf699;box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-4px)}.battery-card.selected{border-color:#f59e0bcc;box-shadow:0 8px 24px #f59e0b66}.battery-card.disabled{border-color:#ffffff1a;cursor:not-allowed;opacity:.5}.battery-card.recommended{border-color:#f59e0b80}.battery-card.recommended:before{background:linear-gradient(135deg,#f59e0b80,#f59e0b33);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.recommended-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 12px #f59e0b66;color:#0a0a0a;font-size:.7rem;font-weight:700;left:50%;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.battery-icon{font-size:2.5rem;margin-bottom:.5rem}.battery-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.battery-cost{color:var(--color-warning);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.battery-energy{background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;padding:.75rem}.energy-base{color:var(--color-text-secondary);font-size:1rem}.energy-bonus{color:var(--color-success);font-size:.85rem}.energy-total{border-top:1px solid #ffffff1a;color:var(--color-text-primary);font-size:1.1rem;font-weight:700;padding-top:.5rem}.battery-efficiency{color:var(--color-text-tertiary);font-size:.75rem;margin-bottom:1rem}.insufficient-funds{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:var(--color-danger);font-size:.85rem;font-weight:700;padding:.75rem}.shop-footer{background:#0003;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.shop-note{color:var(--color-info);font-size:.9rem;margin:0;text-align:center}@media (max-width:768px){.flux-battery-shop{max-height:95vh}.shop-header h2{font-size:1.3rem}.shop-info{flex-direction:column;gap:1rem}.battery-grid{grid-template-columns:1fr}}@media (max-width:480px){.modal-overlay{padding:.5rem}.shop-header{padding:1rem}.battery-grid{gap:1rem;padding:1rem}}.artifact-collection{background:linear-gradient(135deg,#14141efa,#1e1e28fa);border:2px solid #ec489980;border-radius:16px;box-shadow:0 12px 48px #ec48994d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.collection-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.collection-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;margin:0}.collection-header .close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem}.collection-header .close-btn:hover{color:var(--color-text-primary)}.collection-info{background:#ec48991a;border-bottom:1px solid #ffffff1a;padding:1.5rem}.collection-info p{color:var(--color-text-secondary);line-height:1.6;margin:0;text-align:center}.artifacts-list{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.artifact-card{background:linear-gradient(135deg,#ec48991a,#8b5cf61a);border:2px solid #ec48994d;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease}.artifact-card:hover{border-color:#ec489980;box-shadow:0 8px 24px #ec489933;transform:translateY(-2px)}.artifact-card.complete{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e80}.artifact-card.complete:before{animation:completePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e80,#10b9814d);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}@keyframes completePulse{0%,to{opacity:.5}50%{opacity:1}}.artifact-header{display:flex;gap:1rem;margin-bottom:1rem}.artifact-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));font-size:3rem}.artifact-info{flex:1 1}.artifact-name{color:var(--color-text-primary);font-size:1.3rem;margin:0 0 .5rem}.artifact-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.artifact-progress{margin-bottom:1rem}.progress-label{color:var(--color-text-tertiary);display:flex;font-size:.85rem;justify-content:space-between}.progress-count{color:var(--color-text-primary);font-weight:700}.progress-bar-container{border-radius:6px;height:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#ec4899,#8b5cf6);border-radius:6px;transition:width .3s ease}.artifact-card.complete .progress-bar-fill{background:linear-gradient(90deg,#22c55e,#10b981)}.artifact-effect{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.effect-icon{font-size:1.5rem}.effect-text{flex:1 1}.effect-label{color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase}.effect-value{font-size:1rem;font-weight:700;margin-top:.25rem}.artifact-effect.active .effect-value{color:var(--color-success)}.artifact-effect.inactive .effect-value{color:var(--color-text-secondary);opacity:.6}.complete-badge{background:linear-gradient(135deg,#22c55e,#10b981);border-radius:8px;box-shadow:0 4px 12px #22c55e66;color:#0a0a0a;font-size:.7rem;font-weight:700;overflow:hidden;padding:.4rem .8rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.complete-badge:before{animation:badgeShine 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes badgeShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.collection-footer{background:#0003;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.collection-stats{background:#ec48991a;border-radius:8px;display:flex;justify-content:space-around;padding:1rem}.collection-footer .stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.collection-footer .stat-label{color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase}.collection-footer .stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}@media (max-width:768px){.artifact-collection{max-height:95vh}.artifact-header{flex-direction:column;text-align:center}.artifact-icon{font-size:2.5rem}.collection-stats{flex-direction:column;gap:1rem}}.action-log-card{background:linear-gradient(135deg,#14141ef2,#1e1e28f2);border:1px solid #8b5cf64d;max-height:400px}.action-log-container{max-height:300px;overflow-y:auto;padding:.5rem}.action-log-container::-webkit-scrollbar{width:8px}.action-log-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.action-log-container::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.action-log-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.no-actions{color:var(--color-text-tertiary);padding:2rem;text-align:center}.log-entries{display:flex;flex-direction:column;gap:.5rem}.log-entry{align-items:flex-start;animation:actionLogSlideIn .3s ease-out;border-left:3px solid;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}@keyframes actionLogSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.log-icon{flex-shrink:0;font-size:1.2rem}.log-content{align-items:flex-start;display:flex;flex:1 1;gap:.5rem;justify-content:space-between}.log-message{color:var(--color-text-primary);font-size:.9rem;line-height:1.4}.log-timestamp{color:var(--color-text-tertiary);flex-shrink:0;font-size:.7rem;white-space:nowrap}.log-info{background:#06b6d41a;border-left-color:#06b6d480}.log-success{background:#22c55e1a;border-left-color:#22c55e80}.log-treasure{background:#f59e0b1a;border-left-color:#f59e0b80}.log-danger{background:#ef44441a;border-left-color:#ef444480}.log-warning{background:#eab3081a;border-left-color:#eab30880}.log-event{background:#8b5cf61a;border-left-color:#8b5cf680}.log-portal{background:#06b6d41a;border-left-color:#06b6d480}.log-mystery{background:#ec48991a;border-left-color:#ec489980}@media (max-width:768px){.action-log-container{max-height:250px}.log-entry{padding:.5rem}.log-message{font-size:.85rem}}.quantum-leaderboards-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.quantum-leaderboards-modal{max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.leaderboards-card{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:2px solid #8b5cf64d}.leaderboards-content{display:flex;flex-direction:column;gap:1.5rem}.category-selector{display:flex;flex-direction:column;gap:.75rem}.category-selector h4{color:var(--color-text-primary);font-size:1rem;margin:0}.category-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-btn{align-items:center;background:#14141e99;border:1px solid #8b5cf633;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.category-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:var(--color-text-primary)}.category-btn.active{background:#8b5cf64d;border-color:#8b5cf699;color:var(--color-text-primary);font-weight:600}.cat-icon{font-size:1.25rem}.cat-label{flex:1 1;text-align:left}.period-selector{background:#0000004d;border-radius:8px;display:flex;gap:.5rem;justify-content:center;padding:.5rem}.period-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s}.period-btn:hover{background:#ffffff0d;color:var(--color-text-primary)}.period-btn.active{background:#06b6d44d;border-color:#06b6d480;color:var(--color-text-primary)}.leaderboard-table-container{background:#0000004d;border-radius:8px;min-height:400px;padding:1rem}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table thead{border-bottom:2px solid #8b5cf64d}.leaderboard-table th{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.leaderboard-table tbody tr{border-bottom:1px solid #ffffff1a;transition:background .2s}.leaderboard-table tbody tr:hover{background:#8b5cf61a}.leaderboard-table td{color:var(--color-text-primary);padding:.75rem}.rank-col{text-align:center;width:80px}.player-col{width:35%}.alliance-col{width:30%}.value-col{text-align:right;width:auto}.leaderboard-row.top-1{background:linear-gradient(90deg,#ffd70026,#0000)}.leaderboard-row.top-2{background:linear-gradient(90deg,#c0c0c026,#0000)}.leaderboard-row.top-3{background:linear-gradient(90deg,#cd7f3226,#0000)}.rank-badge{display:inline-block;font-size:1.5rem;font-weight:700}.player-name{font-weight:600;margin-right:.5rem}.alliance-name{color:#8b5cf6;color:var(--color-brand-primary,#8b5cf6);font-style:italic}.no-alliance{color:var(--color-text-tertiary);font-style:italic}.value-number{color:var(--color-success);font-size:1.125rem;font-weight:700}.quantum-leaderboards .empty-state,.quantum-leaderboards .error-state,.quantum-leaderboards .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{border:4px solid #8b5cf633;border-top-color:#8b5cf6cc;margin-bottom:1rem}.error-state p{color:var(--color-danger);margin-bottom:1rem}.quantum-leaderboards .empty-state p{color:var(--color-text-secondary);margin-bottom:.5rem}.empty-hint{color:var(--color-text-tertiary);font-size:.875rem;font-style:italic}.leaderboards-footer{border-top:1px solid #ffffff1a;padding-top:1rem}.footer-note{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.5;margin:0;text-align:center}.leaderboards-actions{margin-top:1rem}@media (max-width:768px){.category-buttons{grid-template-columns:1fr}.period-selector{flex-direction:column}.period-btn{width:100%}.leaderboard-table{font-size:.875rem}.leaderboard-table td,.leaderboard-table th{padding:.5rem}.alliance-col{display:none}.player-col{width:60%}}@media (max-width:480px){.quantum-leaderboards-modal{max-height:95vh}.category-btn{font-size:.75rem;padding:.5rem .75rem}.cat-icon{font-size:1rem}.rank-col{width:60px}.rank-badge{font-size:1.25rem}.value-number{font-size:1rem}}:root{--exploration-quantum:#8b5cf6;--exploration-temporal:#06b6d4;--exploration-void:#1e293b;--exploration-void-accent:#6366f1;--exploration-salvage:#f59e0b;--exploration-success:#22c55e;--exploration-danger:#ef4444;--exploration-warning:#f59e0b;--exploration-info:#3b82f6;--exploration-surface-primary:#1e1e28e6;--exploration-surface-secondary:#14141ee6;--exploration-surface-overlay:#0000004d;--exploration-surface-card:linear-gradient(135deg,#1e1b4bcc,#0f172acc);--exploration-border-light:#8b5cf633;--exploration-border-medium:#8b5cf64d;--exploration-border-strong:#8b5cf680;--exploration-shadow-sm:0 2px 8px #0000004d;--exploration-shadow-md:0 4px 16px #0006;--exploration-shadow-lg:0 8px 32px #00000080;--exploration-glow-sm:0 0 10px #8b5cf633;--exploration-glow-md:0 0 20px #8b5cf64d;--exploration-glow-lg:0 0 30px #8b5cf666;--exploration-transition-fast:0.2s;--exploration-transition-normal:0.3s;--exploration-transition-slow:0.5s;--exploration-animation-ambient:2s}@keyframes exploration-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-skeleton{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.skeleton-header{animation:exploration-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf60d 25%,#8b5cf61a 50%,#8b5cf60d 75%);background-size:200% 100%;border-radius:8px;height:2.5rem;width:60%}.skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.exploration-hub .skeleton-card,.exploration-page .skeleton-card,[class*=exploration] .skeleton-card{animation:exploration-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf60d 25%,#8b5cf61a 50%,#8b5cf60d 75%);background-size:200% 100%;border-radius:12px;height:120px}.exploration-hub .skeleton-card:nth-child(2),.exploration-page .skeleton-card:nth-child(2),[class*=exploration] .skeleton-card:nth-child(2){animation-delay:.15s}.exploration-hub .skeleton-card:nth-child(3),.exploration-page .skeleton-card:nth-child(3),[class*=exploration] .skeleton-card:nth-child(3){animation-delay:.3s}.exploration-hub .skeleton-card:nth-child(4),.exploration-page .skeleton-card:nth-child(4),[class*=exploration] .skeleton-card:nth-child(4){animation-delay:.45s}.exploration-hub .skeleton-line,.exploration-page .skeleton-line,[class*=exploration] .skeleton-line{animation:exploration-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf60d 25%,#8b5cf61a 50%,#8b5cf60d 75%);background-size:200% 100%;border-radius:4px;height:1rem;width:100%}.exploration-hub .skeleton-line.short,.exploration-page .skeleton-line.short,[class*=exploration] .skeleton-line.short{width:40%}.exploration-hub .skeleton-line.medium,.exploration-page .skeleton-line.medium,[class*=exploration] .skeleton-line.medium{width:70%}.exploration-page .empty-state,[class*=exploration] .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:4rem 2rem;text-align:center}.exploration-page .empty-state .empty-icon,[class*=exploration] .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.exploration-page .empty-state h3,[class*=exploration] .empty-state h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:1.25rem;margin:0 0 .5rem}.exploration-page .empty-state p,[class*=exploration] .empty-state p{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);line-height:1.6;margin:0;max-width:400px}.exploration-hub :focus-visible,.quantum-playground :focus-visible,.salvage-archipelago :focus-visible,.sector3-map :focus-visible,.temporal-wastes-page :focus-visible,.void-expanse-page :focus-visible{border-radius:4px;outline:2px solid #8b5cf6;outline:2px solid var(--exploration-quantum);outline-offset:2px}.exploration-hub :focus:not(:focus-visible),.quantum-playground :focus:not(:focus-visible),.salvage-archipelago :focus:not(:focus-visible),.sector3-map :focus:not(:focus-visible),.temporal-wastes-page :focus:not(:focus-visible),.void-expanse-page :focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){.exploration-hub *,.quantum-playground *,.salvage-archipelago *,.sector3-map *,.temporal-wastes-page *,.void-expanse-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.exploration-hub .skeleton-card,.exploration-hub .skeleton-header,.exploration-hub .skeleton-line,.exploration-page .skeleton-card,.exploration-page .skeleton-header,.exploration-page .skeleton-line,[class*=exploration] .skeleton-card,[class*=exploration] .skeleton-header,[class*=exploration] .skeleton-line{animation:none!important;background:#8b5cf614}}@media (pointer:coarse){.exploration-hub .tab,.quantum-playground button,.sector3-map .zone-list-item,.sector3-map .zone-marker,.void-expanse-page .mech-card,.void-expanse-page .type-option,.void-expanse-page .void-tab{min-height:44px;min-width:44px}.sector3-map .zone-marker{min-width:140px;padding:1rem}.void-expanse-page .void-tab{padding:.875rem 1.25rem}}.zone-difficulty-badge{background:#0006;border-radius:3px;font-size:.7rem;font-weight:600;margin-top:.25rem;padding:.15rem .4rem}@keyframes exploration-spin{to{transform:rotate(1turn)}}@keyframes exploration-pulse-ring{0%{opacity:.5;transform:scale(.8)}50%{opacity:.2;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}.exploration-spinner{height:60px;position:relative;width:60px}.exploration-spinner:before{animation:exploration-spin 1s linear infinite;border:4px solid #8b5cf633;border-top-color:#8b5cf6;border:4px solid var(--exploration-border-light);border-radius:50%;border-top-color:var(--exploration-quantum);content:"";inset:0;position:absolute}.exploration-spinner:after{animation:exploration-pulse-ring 2s ease-in-out infinite;border:2px solid #8b5cf6;border:2px solid var(--exploration-quantum);border-radius:50%;content:"";inset:-8px;opacity:.3;position:absolute}.sector3-map .active-effects-card,.sector3-map .stability-timer-card,.sector3-map .zone-details-card,.sector3-map .zones-list-card{box-shadow:0 2px 8px #0000004d;box-shadow:var(--exploration-shadow-sm)}.sector3-map .zone-marker:hover{box-shadow:0 0 20px #8b5cf64d;box-shadow:var(--exploration-glow-md)}.sector3-map .zone-marker.selected{box-shadow:0 0 30px #8b5cf666;box-shadow:var(--exploration-glow-lg)}.void-expanse-page .expedition-type-card,.void-expanse-page .requirements-card,.void-expanse-page .vip-benefits-card,.void-expanse-page .weekly-status-card,.void-expanse-page .zone-info-card{box-shadow:0 2px 8px #0000004d;box-shadow:var(--exploration-shadow-sm)}.void-expanse-page .type-option.selected{box-shadow:var(--exploration-glow-md)}.quantum-playground .no-grid-card,.quantum-playground .quick-actions-card{box-shadow:0 2px 8px #0000004d;box-shadow:var(--exploration-shadow-sm)}.quantum-playground .quantum-event-modal{box-shadow:0 8px 32px #00000080;box-shadow:var(--exploration-shadow-lg)}@media (max-width:480px){.void-expanse-page .void-content{min-height:400px}.sector3-map .map-canvas,.sector3-map .map-visual{min-height:350px}}[class*=-icon-]{display:inline-block;flex-shrink:0;height:1em;vertical-align:-.125em;width:1em}.ve-icon-void:before{background:radial-gradient(circle,#8b5cf6 30%,#0000 70%);border-radius:50%;box-shadow:0 0 8px #8b5cf6,0 0 16px #6366f166}.ve-icon-skull:before,.ve-icon-void:before{content:"";display:inline-block;height:1em;width:1em}.ve-icon-skull:before{background:radial-gradient(ellipse 60% 40% at 50% 35%,#fff 0,#0000 100%),radial-gradient(circle at 35% 40%,#111 15%,#0000 0),radial-gradient(circle at 65% 40%,#111 15%,#0000 0),radial-gradient(ellipse 30% 20% at 50% 65%,#111 0,#0000 100%);background-color:#d4d4d4;border-radius:50% 50% 40% 40%}.ve-icon-alert:before{align-items:center;background:#f59e0b;border-radius:3px;color:var(--color-text-on-badge);content:"!";display:inline-flex;font-size:.7em;font-weight:900;height:1em;justify-content:center;width:1em}.ve-icon-intel:before{border:2px solid #22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e;content:"";display:inline-block;height:1em;position:relative;width:1em}.ve-icon-intel:after{background:#22c55e;bottom:.1em;content:"";height:2px;position:absolute;right:-.1em;transform:rotate(45deg);width:.35em}.ve-icon-target:before{border:2px solid #ef4444;border-radius:50%;box-shadow:inset 0 0 0 3px #0000,inset 0 0 0 4px #ef4444;content:"";display:inline-block;height:1em;width:1em}.ve-icon-swords:before{align-items:center;color:#ef4444;content:"⤫";display:inline-flex;font-size:1.2em;font-weight:700;justify-content:center}.ve-icon-chart:before{background:linear-gradient(0deg,#8b5cf6 30%,#0000 0),linear-gradient(0deg,#6366f1 60%,#0000 0);background-position:0 100%,33% 100%;background-repeat:no-repeat;background-size:33% 100%;border-bottom:2px solid #a0a0a0;content:"";display:inline-block;height:1em;width:1em}.ve-icon-trophy:before{background:#f59e0b;border-radius:0 0 50% 50%;border-top:3px solid #f59e0b;box-shadow:-.3em 0 0 -.1em #f59e0b,.3em 0 0 -.1em #f59e0b;content:"";display:inline-block;height:.7em;width:.8em}.ve-icon-locked:before{background:#ef4444;border-radius:2px;border-top:.35em solid #0000;box-shadow:0 -.35em 0 -.08em #0000;content:"";display:inline-block;height:.5em;margin-top:.3em;width:.6em}.ve-icon-solo:before{background:#8b5cf6;border-radius:50%;box-shadow:0 .4em 0 0 #8b5cf6,-.15em .6em 0 .05em #8b5cf6,.15em .6em 0 .05em #8b5cf6;content:"";display:inline-block;height:.4em;width:.4em}.ve-icon-alliance:before{background:radial-gradient(circle at 30% 40%,#8b5cf6 20%,#0000 0),radial-gradient(circle at 70% 40%,#8b5cf6 20%,#0000 0),radial-gradient(circle at 50% 50%,#6366f1 20%,#0000 0);content:"";display:inline-block;height:1em;width:1em}.ve-icon-calendar:before{border:2px solid #a78bfa;border-radius:2px;border-top:4px solid #a78bfa;content:"";display:inline-block;height:.8em;width:.9em}.ve-icon-loot:before{background:#f59e0b;border-radius:3px;border-top:3px solid #d97706;content:"";display:inline-block;height:.7em;width:.9em}.ve-icon-shield:before{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:0 0 50% 50%/0 0 60% 60%;content:"";display:inline-block;height:1em;width:.8em}.ve-icon-beacon:before{background:#ef4444;border-radius:0 0 2px 2px;box-shadow:-.25em -.1em 0 0 #ef44444d,.25em -.1em 0 0 #ef44444d;content:"";display:inline-block;height:1em;width:.3em}.ve-icon-mech:before{background:linear-gradient(#6366f1 40%,#4f46e5 0);border:1px solid #818cf8;border-radius:4px 4px 2px 2px;content:"";display:inline-block;height:1em;width:.8em}.ve-icon-energy:before{border-left:.35em solid #0000;border-right:.35em solid #0000;border-top:.7em solid #f59e0b;content:"";display:inline-block;height:0;transform:skewX(-10deg);width:0}.ve-icon-check:before{background:#22c55e;content:"✓"}.ve-icon-check:before,.ve-icon-cross:before{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-size:.7em;font-weight:900;height:1em;justify-content:center;width:1em}.ve-icon-cross:before{background:#ef4444;content:"✕"}.qp-icon-quantum:before{animation:qp-icon-spin 3s linear infinite;background:conic-gradient(from 0deg,#8b5cf6,#06b6d4,#8b5cf6);border-radius:50%;content:"";display:inline-block;height:1.2em;width:1.2em}@keyframes qp-icon-spin{to{transform:rotate(1turn)}}.qp-icon-alert:before{align-items:center;background:#f59e0b;border-radius:3px;color:var(--color-text-on-badge);content:"!";display:inline-flex;font-size:.7em;font-weight:900;height:1em;justify-content:center;width:1em}.qp-icon-bolt:before{border-left:.3em solid #0000;border-right:.3em solid #0000;border-top:.65em solid #fbbf24;content:"";display:inline-block;height:0;transform:skewX(-10deg);width:0}.qp-icon-gem:before{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%)}.qp-icon-gem:before,.qp-icon-refresh:before{content:"";display:inline-block;height:.8em;width:.8em}.qp-icon-refresh:before{border:2px solid #a78bfa;border-radius:50%;border-top-color:#0000}.qp-icon-scan:before{border:2px solid #06b6d4;box-shadow:.25em .25em 0 -.05em #06b6d4;height:.7em;width:.7em}.qp-icon-portal:before,.qp-icon-scan:before{border-radius:50%;content:"";display:inline-block}.qp-icon-portal:before{background:radial-gradient(circle,#3b82f6 30%,#0000 70%);box-shadow:0 0 8px #3b82f6;height:.8em;width:.8em}.qp-icon-tip:before{background:#fbbf24;border-radius:50% 50% 0 0;box-shadow:0 0 6px #fbbf2466;content:"";display:inline-block;height:.8em;width:.6em}.s3-icon-map:before{background:linear-gradient(135deg,#4f46e5,#06b6d4);border:1px solid #fff3;border-radius:3px;content:"";display:inline-block;height:1em;width:1.2em}.s3-icon-quantum:before{background:conic-gradient(#8b5cf6,#06b6d4,#8b5cf6);border-radius:50%;content:"";display:inline-block;height:1em;width:1em}.s3-icon-temporal:before{background:radial-gradient(circle at 50% 30%,#06b6d4 8%,#0000 0);border:2px solid #06b6d4;box-shadow:0 0 6px #06b6d466;height:.9em;width:.9em}.s3-icon-temporal:before,.s3-icon-void:before{border-radius:50%;content:"";display:inline-block}.s3-icon-void:before{background:radial-gradient(circle,#8b5cf6 30%,#0000 70%);box-shadow:0 0 8px #8b5cf6,0 0 16px #6366f166;height:1em;width:1em}.s3-icon-energy:before{border-left:.3em solid #0000;border-right:.3em solid #0000;border-top:.6em solid #f59e0b;content:"";display:inline-block;height:0;width:0}.s3-icon-wrench:before{border:3px solid #a0a0a0;border-radius:50% 0 50% 50%;content:"";display:inline-block;height:.8em;transform:rotate(45deg);width:.8em}.s3-icon-skull:before{background:radial-gradient(ellipse 60% 40% at 50% 35%,#d4d4d4 0,#0000 100%),radial-gradient(circle at 35% 40%,#111 12%,#0000 0),radial-gradient(circle at 65% 40%,#111 12%,#0000 0);border-radius:50%;content:"";display:inline-block;height:1em;width:1em}.s3-icon-search:before{border:2px solid #f59e0b;border-radius:50%;box-shadow:.3em .3em 0 -.05em #f59e0b;content:"";display:inline-block;height:.7em;width:.7em}.s3-diff-easy:before{background:#22c55e;box-shadow:0 0 6px #22c55e}.s3-diff-easy:before,.s3-diff-medium:before{border-radius:50%;content:"";display:inline-block;height:.8em;width:.8em}.s3-diff-medium:before{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.s3-diff-hard:before{background:#ef4444;border-radius:50%;box-shadow:0 0 6px #ef4444;content:"";display:inline-block;height:.8em;width:.8em}.s3-icon-event:before{background:#3b82f633;border:2px solid #3b82f6;border-radius:2px}.s3-icon-daily:before,.s3-icon-event:before{content:"";display:inline-block;height:.8em;width:.8em}.s3-icon-daily:before{background:#06b6d433;border:2px solid #06b6d4;border-radius:2px}.s3-icon-story:before{background:#8b5cf64d;border:2px solid #8b5cf6;border-radius:2px}.eh-icon-event:before,.s3-icon-story:before{content:"";display:inline-block;height:.8em;width:.8em}.eh-icon-event:before{background:#3b82f633;border:2px solid #3b82f6;border-radius:2px}.eh-icon-market:before{background:#f59e0b;border-radius:2px;content:"";display:inline-block;height:.8em;width:.8em}.ms-icon-alert:before{background:#f59e0b;border-radius:3px;color:var(--color-text-on-badge);content:"!";font-size:.7em;height:1em;width:1em}.ms-icon-alert:before,.ms-icon-check:before{align-items:center;display:inline-flex;font-weight:900;justify-content:center}.ms-icon-check:before{background:#22c55e;border-radius:50%;color:#fff;content:"✓";font-size:.8em;height:1.2em;width:1.2em}.ms-icon-ready:before{background:#22c55e;color:#fff;content:"✓"}.ms-icon-damaged:before,.ms-icon-ready:before{align-items:center;border-radius:50%;display:inline-flex;font-size:.65em;font-weight:900;height:1em;justify-content:center;width:1em}.ms-icon-damaged:before{background:#f59e0b;color:var(--color-text-on-badge);content:"!"}.ep-icon-swords:before{align-items:center;color:#ef4444;content:"⤫";display:inline-flex;font-size:1.2em;font-weight:700;justify-content:center}.ep-icon-bomb:before{background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef444480;content:"";display:inline-block;height:.8em;width:.8em}.ep-icon-hint:before{border-bottom:.6em solid #f59e0b;border-left:.35em solid #0000;border-radius:2px;border-right:.35em solid #0000;content:"";display:inline-block;height:0;width:0}.ep-icon-search:before{border:2px solid #3b82f6;border-radius:50%;box-shadow:.25em .25em 0 -.05em #3b82f6;content:"";display:inline-block;height:.7em;width:.7em}.ep-icon-loot:before{background:#f59e0b;border-radius:3px;border-top:3px solid #d97706;content:"";display:inline-block;height:.7em;width:.9em}.ep-icon-boss:before{background:radial-gradient(circle,#ef4444 40%,#0000 0);border-radius:50%;box-shadow:0 0 12px #ef444480;content:"";display:inline-block;height:1.2em;width:1.2em}.ep-icon-reward:before{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:3px;box-shadow:0 0 6px #f59e0b66;content:"";display:inline-block;height:.7em;width:.9em}.ep-icon-sparkle:before{color:#fbbf24;content:"✦";text-shadow:0 0 8px #fbbf24}.ed-icon-alert:before,.ep-icon-sparkle:before{align-items:center;display:inline-flex;justify-content:center}.ed-icon-alert:before{background:#f59e0b;border-radius:3px;color:var(--color-text-on-badge);content:"!";font-size:.7em;font-weight:900;height:1em;width:1em}.ed-icon-finish:before{background:repeating-conic-gradient(#000 0 25%,#fff 0 50%) 50%/.4em .4em;border-radius:2px;content:"";display:inline-block;height:.8em;width:1em}.ed-icon-component:before{border:2px solid #a0a0a0;border-radius:50%;content:"";display:inline-block;height:.8em;width:.8em}.ed-icon-resource:before{background:#6366f1;border-radius:2px;content:"";display:inline-block;height:.7em;width:.8em}.ed-icon-blueprint:before{background:#8b5cf64d;border:1px solid #8b5cf6;border-radius:2px;content:"";display:inline-block;height:.9em;width:.7em}.ed-icon-gem:before{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);content:"";display:inline-block;height:.8em;width:.8em}.tw-icon-alert:before{align-items:center;background:#f59e0b;border-radius:3px;color:var(--color-text-on-badge);content:"!";display:inline-flex;font-size:.7em;font-weight:900;height:1em;justify-content:center;width:1em}.tw-icon-locked:before{background:#6b7280;border-radius:2px;border-top:3px solid #6b7280;content:"";display:inline-block;height:.5em;margin-top:.3em;width:.7em}.tw-icon-search:before{box-shadow:.25em .25em 0 -.05em #06b6d4;height:.7em;width:.7em}.tw-icon-clock:before,.tw-icon-search:before{border:2px solid #06b6d4;border-radius:50%;content:"";display:inline-block}.tw-icon-clock:before{background:radial-gradient(circle at 50% 30%,#06b6d4 8%,#0000 0);height:.9em;width:.9em}.fb-icon-bolt-double:before,.fb-icon-bolt:before{border-left:.3em solid #0000;border-right:.3em solid #0000;border-top:.7em solid #f59e0b;content:"";display:inline-block;height:0;transform:skewX(-10deg);width:0}.fb-icon-bolt-double:before{box-shadow:.4em 0 0 #f59e0b}.fb-icon-bolt-triple:before{border-left:.3em solid #0000;border-right:.3em solid #0000;border-top:.7em solid #f59e0b;box-shadow:.4em 0 0 #f59e0b,.8em 0 0 #f59e0b}.fb-icon-bolt-mega:before,.fb-icon-bolt-triple:before{content:"";display:inline-block;height:0;transform:skewX(-10deg);width:0}.fb-icon-bolt-mega:before{border-left:.35em solid #0000;border-right:.35em solid #0000;border-top:.8em solid #fbbf24;box-shadow:0 0 10px #fbbf24}.ql-icon-tiles:before{background:linear-gradient(135deg,#8b5cf6 50%,#06b6d4 0);border-radius:3px;content:"";display:inline-block;height:1em;width:1em}.ql-icon-treasure:before{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%)}.ql-icon-credits:before,.ql-icon-treasure:before{content:"";display:inline-block;height:.8em;width:.8em}.ql-icon-credits:before{background:#f59e0b;border:2px solid #d97706;border-radius:50%}.ql-icon-energy:before{border-left:.3em solid #0000;border-right:.3em solid #0000;border-top:.6em solid #f59e0b;content:"";display:inline-block;height:0;width:0}.ql-icon-completed:before{background:#22c55e;border-radius:50%;color:#fff;content:"✓";font-size:.65em;font-weight:900;height:1em;width:1em}.ql-icon-artifacts:before,.ql-icon-completed:before{align-items:center;display:inline-flex;justify-content:center}.ql-icon-artifacts:before{color:#fbbf24;content:"✦";text-shadow:0 0 6px #fbbf24}.ql-icon-trophy:before{background:#f59e0b;border-radius:0 0 50% 50%;border-top:3px solid #f59e0b;content:"";display:inline-block;height:.6em;width:.8em}.ql-icon-gold:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);content:"1"}.ql-icon-gold:before,.ql-icon-silver:before{align-items:center;border-radius:50%;color:var(--color-text-on-badge);display:inline-flex;font-size:.65em;font-weight:900;height:1.2em;justify-content:center;width:1.2em}.ql-icon-silver:before{background:linear-gradient(135deg,#d1d5db,#9ca3af);content:"2"}.ql-icon-bronze:before{align-items:center;background:linear-gradient(135deg,#d97706,#92400e);border-radius:50%;color:#fff;content:"3";display:inline-flex;font-size:.65em;font-weight:900;height:1.2em;justify-content:center;width:1.2em}.vl-icon-deepest-solo:before{background:linear-gradient(180deg,#8b5cf6,#4f46e5)}.vl-icon-deepest-alliance:before,.vl-icon-deepest-solo:before{-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0);content:"";display:inline-block;height:1em;width:1em}.vl-icon-deepest-alliance:before{background:linear-gradient(180deg,#6366f1,#4338ca)}.vl-icon-boss-kills:before{background:radial-gradient(circle,#ef4444 40%,#0000 0);border-radius:50%;box-shadow:0 0 8px #ef444466;content:"";display:inline-block;height:1em;width:1em}.vl-icon-loot-value:before{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);content:"";display:inline-block;height:.8em;width:.8em}.vl-icon-success-rate:before{background:linear-gradient(0deg,#8b5cf6 30%,#0000 0),linear-gradient(0deg,#6366f1 60%,#0000 0);background-position:0 100%,33% 100%;background-repeat:no-repeat;background-size:33% 100%;border-bottom:2px solid #a0a0a0;content:"";display:inline-block;height:1em;width:1em}.vl-icon-layer10:before{background:radial-gradient(circle,#fbbf24 30%,#0000 70%);border-radius:50%;box-shadow:0 0 10px #fbbf24;content:"";display:inline-block;height:1em;width:1em}.vl-icon-trophy:before{background:#f59e0b;border-radius:0 0 50% 50%;border-top:3px solid #f59e0b;content:"";display:inline-block;height:.6em;width:.8em}.vl-icon-gold:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);content:"1"}.vl-icon-gold:before,.vl-icon-silver:before{align-items:center;border-radius:50%;color:var(--color-text-on-badge);display:inline-flex;font-size:.65em;font-weight:900;height:1.2em;justify-content:center;width:1.2em}.vl-icon-silver:before{background:linear-gradient(135deg,#d1d5db,#9ca3af);content:"2"}.vl-icon-bronze:before{align-items:center;background:linear-gradient(135deg,#d97706,#92400e);border-radius:50%;color:#fff;content:"3";display:inline-flex;font-size:.65em;font-weight:900;height:1.2em;justify-content:center;width:1.2em}.vs-icon-overview:before{background:linear-gradient(0deg,#8b5cf6 30%,#0000 0),linear-gradient(0deg,#6366f1 60%,#0000 0),linear-gradient(0deg,#4f46e5 80%,#0000 0);background-position:10% 100%,40% 100%,70% 100%;background-repeat:no-repeat;background-size:25% 100%;border-bottom:2px solid #a0a0a0}.vs-icon-depth:before,.vs-icon-overview:before{content:"";display:inline-block;height:1em;width:1em}.vs-icon-depth:before{background:linear-gradient(180deg,#8b5cf6,#4f46e5);-webkit-clip-path:polygon(50% 100%,0 0,100% 0);clip-path:polygon(50% 100%,0 0,100% 0)}.vs-icon-bosses:before{background:radial-gradient(circle,#ef4444 40%,#0000 0);box-shadow:0 0 8px #ef444466}.vs-icon-bosses:before,.vs-icon-casualties:before{border-radius:50%;content:"";display:inline-block;height:1em;width:1em}.vs-icon-casualties:before{background:radial-gradient(ellipse 60% 40% at 50% 35%,#a0a0a0 0,#0000 100%),radial-gradient(circle at 35% 40%,#111 12%,#0000 0),radial-gradient(circle at 65% 40%,#111 12%,#0000 0);opacity:.7}.vs-icon-loot:before{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);content:"";display:inline-block;height:.8em;width:.8em}.vs-icon-combat:before{align-items:center;color:#ef4444;content:"⤫";display:inline-flex;font-size:1.2em;font-weight:700;justify-content:center}.vs-icon-time:before{background:radial-gradient(circle at 50% 30%,#06b6d4 8%,#0000 0);border:2px solid #06b6d4;border-radius:50%;content:"";display:inline-block;height:.9em;width:.9em}.vs-icon-alliance:before{background:radial-gradient(circle at 30% 40%,#8b5cf6 18%,#0000 0),radial-gradient(circle at 70% 40%,#8b5cf6 18%,#0000 0);content:"";display:inline-block;height:1em;width:1em}.qg-tile-empty:before{background:#8b5cf60d;border-radius:4px;content:"";display:inline-block;height:100%;width:100%}.qg-tile-treasure:before{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,85% 100%,15% 100%,0 35%);content:"";display:inline-block;height:70%;width:70%}.qg-tile-trap:before{align-items:center;background:#ef4444;border-radius:50%;color:#fff;content:"!";display:inline-flex;font-weight:900;height:70%;justify-content:center;width:70%}.qg-tile-event:before{background:conic-gradient(from 0deg,#8b5cf6,#06b6d4,#8b5cf6)}.qg-tile-event:before,.qg-tile-portal:before{border-radius:50%;content:"";display:inline-block;height:70%;width:70%}.qg-tile-portal:before{background:radial-gradient(circle,#3b82f6 30%,#0000 70%);box-shadow:0 0 8px #3b82f6}.qg-tile-mystery:before{align-items:center;background:#8b5cf64d;border-radius:50%;color:#fbbf24;content:"?";display:inline-flex;font-weight:900;height:70%;justify-content:center;text-shadow:0 0 6px #fbbf24;width:70%}.qg-tile-unknown:before{background:#64647833;border-radius:4px;content:"";display:inline-block;height:70%;width:70%}.qg-tile-player:before{animation:qp-icon-spin 2s linear infinite;background:radial-gradient(circle,#22c55e 40%,#0000 70%);border-radius:50%;box-shadow:0 0 10px #22c55e;content:"";display:inline-block;height:80%;width:80%}@keyframes void-particle-drift{0%{opacity:0;transform:translateY(0) translateX(0) scale(1)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) translateX(50px) scale(.3)}}@keyframes void-corruption-pulse{0%,to{box-shadow:inset 0 0 60px #8b5cf60d}50%{box-shadow:inset 0 0 120px #6366f11a}}.void-expanse-page:before{animation:void-particle-drift 15s linear infinite;background:radial-gradient(2px 2px at 10% 20%,#8b5cf680 50%,#0000 0),radial-gradient(2px 2px at 30% 60%,#6366f166 50%,#0000 0),radial-gradient(3px 3px at 50% 40%,#8b5cf64d 50%,#0000 0),radial-gradient(2px 2px at 70% 80%,#6366f166 50%,#0000 0),radial-gradient(2px 2px at 90% 30%,#8b5cf680 50%,#0000 0),radial-gradient(3px 3px at 15% 75%,#6366f14d 50%,#0000 0),radial-gradient(2px 2px at 45% 90%,#8b5cf666 50%,#0000 0),radial-gradient(2px 2px at 80% 15%,#6366f180 50%,#0000 0)}.void-expanse-page:after,.void-expanse-page:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.void-expanse-page:after{animation:void-corruption-pulse 8s ease-in-out infinite}.void-expanse-page>*{position:relative;z-index:1}@keyframes quantum-sparkle-float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translateY(-20px) rotate(2turn)}}.quantum-playground:after{animation:quantum-sparkle-float 20s linear infinite;background:radial-gradient(1.5px 1.5px at 5% 10%,#06b6d499 50%,#0000 0),radial-gradient(1px 1px at 25% 30%,#8b5cf680 50%,#0000 0),radial-gradient(2px 2px at 40% 70%,#06b6d466 50%,#0000 0),radial-gradient(1.5px 1.5px at 60% 20%,#8b5cf699 50%,#0000 0),radial-gradient(1px 1px at 75% 50%,#06b6d480 50%,#0000 0),radial-gradient(2px 2px at 90% 80%,#8b5cf666 50%,#0000 0),radial-gradient(1.5px 1.5px at 35% 90%,#06b6d480 50%,#0000 0),radial-gradient(1px 1px at 85% 10%,#8b5cf699 50%,#0000 0);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes temporal-distortion-wave{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes temporal-clock-tick{0%,to{opacity:.03}50%{opacity:.08}}.temporal-wastes-page:before,.temporal-wastes:before{animation:temporal-distortion-wave 12s ease-in-out infinite;background:linear-gradient(90deg,#0000,#06b6d408 25%,#0000 50%,#06b6d408 75%,#0000);background-size:200% 100%;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.temporal-wastes-page:after,.temporal-wastes:after{animation:temporal-clock-tick 4s ease-in-out infinite;background:radial-gradient(circle at 20% 40%,#06b6d40a 0,#0000 50%),radial-gradient(circle at 80% 60%,#06b6d40a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.temporal-wastes-page>*,.temporal-wastes>*{position:relative;z-index:1}@keyframes salvage-mist-drift{0%{opacity:.4;transform:translateX(-5%) translateY(0)}50%{opacity:.6;transform:translateX(5%) translateY(-2%)}to{opacity:.4;transform:translateX(-5%) translateY(0)}}.salvage-archipelago-hub:before{animation:salvage-mist-drift 15s ease-in-out infinite;background:radial-gradient(ellipse 80% 40% at 20% 80%,#f59e0b0a 0,#0000 70%),radial-gradient(ellipse 60% 30% at 70% 90%,#f59e0b08 0,#0000 70%),radial-gradient(ellipse 100% 50% at 50% 100%,#f59e0b0d 0,#0000 60%);position:fixed}@keyframes energy-warning-pulse{0%,to{border-color:#f59e0b80}50%{border-color:#f59e0be6}}@keyframes energy-depleted-pulse{0%,to{background:#ef44440d;border-color:#ef444480}50%{background:#ef44441a;border-color:#ef4444e6}}.energy-warning-banner{animation:energy-warning-pulse 2s ease-in-out infinite;background:#f59e0b14;border:2px solid #f59e0b80;border-radius:8px}.energy-depleted-banner,.energy-warning-banner{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:.75rem 1rem}.energy-depleted-banner{animation:energy-depleted-pulse 1.5s ease-in-out infinite;background:#ef444414;border:2px solid #ef444480;border-radius:8px;color:#fca5a5}.back-to-sector3-btn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;color:#a78bfa;display:inline-flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .2s}.back-to-sector3-btn:hover{background:#8b5cf633;border-color:#8b5cf680;color:#c4b5fd}.back-to-sector3-btn:before{content:"←";font-size:1.1em}.quantum-playground{background:linear-gradient(180deg,#0a0a0a,#0d0808 50%,#0a0a0a);margin:0 auto;max-width:1800px;min-height:100vh;padding:2rem}.quantum-header{margin-bottom:2rem;text-align:center}.quantum-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;letter-spacing:4px;margin-bottom:.5rem;text-shadow:0 0 40px #8b5cf680}.quantum-subtitle{color:var(--color-text-secondary);font-size:1.1rem}.quantum-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.quantum-main,.quantum-sidebar{display:flex;flex-direction:column;gap:1.5rem}.no-grid-card{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:2px solid #8b5cf64d}.no-grid-content{padding:2rem;text-align:center}.no-grid-content p{color:var(--color-text-secondary);margin-bottom:1rem}.energy-requirement{color:var(--color-warning);font-size:1.1rem}.current-energy{color:var(--color-success);font-size:1.2rem;margin-bottom:2rem}.no-grid-actions{display:flex;gap:1rem;justify-content:center}.quick-actions-card{background:#1e1e28e6}.quick-actions{gap:.75rem}.loading-state,.quick-actions{display:flex;flex-direction:column}.loading-state{align-items:center;gap:1.5rem;justify-content:center;min-height:60vh}.spinner{animation:spin 1s linear infinite;border:4px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:60px;width:60px}.loading-state p{color:var(--color-text-secondary);font-size:1.1rem}.error-card{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef44444d;padding:2rem}.error-card p{color:var(--color-danger);font-size:1.1rem;margin-bottom:1.5rem}@media (max-width:1200px){.quantum-content{grid-template-columns:1fr}.quantum-sidebar{order:-1}}@media (max-width:768px){.quantum-playground{padding:1rem}.quantum-header h1{font-size:2rem}.no-grid-actions{flex-direction:column}}.quantum-playground:before{background:radial-gradient(circle at 20% 30%,#8b5cf60d 0,#0000 50%),radial-gradient(circle at 60% 50%,#06b6d40d 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.quantum-content{position:relative;z-index:1}.quantum-event-modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}.quantum-event-modal{background:linear-gradient(135deg,#8b5cf626,#06b6d426);border:2px solid #8b5cf666;border-radius:12px;max-width:420px;padding:1.5rem 2rem;width:90%}.quantum-event-modal h3{color:#f5f5f5;color:var(--color-text-primary,#f5f5f5);font-size:1.25rem;margin:0 0 1rem}.event-options,.event-terminal-form{display:flex;flex-direction:column;gap:.75rem}.event-terminal-form .puzzle-question{color:#ccc;color:var(--color-text-secondary,#ccc);font-weight:600}.event-terminal-form .puzzle-hint{color:#888;color:var(--color-text-muted,#888);font-size:.9rem}.event-terminal-form input{background:#0000004d;border:1px solid #8b5cf666;border-radius:6px;color:#fff;padding:.5rem .75rem}.back-to-sector3-btn{background:#8b5cf626;border:1px solid #8b5cf666;border-radius:6px;color:#c4b5fd;cursor:pointer;font-weight:600;margin-top:.75rem;padding:.5rem 1.25rem;transition:all .2s ease}.back-to-sector3-btn:hover{background:#8b5cf64d;box-shadow:0 0 12px #8b5cf666}.quantum-skeleton{display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.quantum-skeleton .skeleton-header{align-items:center;display:flex;flex-direction:column;gap:.75rem}.quantum-skeleton .skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf61a 25%,#8b5cf633 50%,#8b5cf61a 75%);background-size:200% 100%;border-radius:6px;height:1.5rem}.quantum-skeleton .skeleton-line.wide{height:2rem;width:60%}.quantum-skeleton .skeleton-line.medium{width:40%}.quantum-skeleton .skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.quantum-skeleton .skeleton-card{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#8b5cf614 25%,#8b5cf626 50%,#8b5cf614 75%);background-size:200% 100%;border-radius:10px;height:120px}.energy-depleted-banner,.energy-warning-banner{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem}.energy-warning-banner{background:#f59e0b26;border:1px solid #f59e0b66;color:#fbbf24}.energy-depleted-banner{background:#ef444426;border:1px solid #ef444466;color:#f87171}@keyframes saMapCanvasGlow{0%,to{box-shadow:0 0 8px #38bdf826,inset 0 0 30px #0f172a99}50%{box-shadow:0 0 18px #38bdf859,inset 0 0 30px #0f172a99}}@keyframes saMapSkeletonShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.map-view,.sa-map-view{background:#14141ee6;border-radius:12px;padding:1rem;position:relative}.map-canvas,.sa-map-canvas{animation:saMapCanvasGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#0f172acc,#1e293be6);border:1px solid #38bdf833;border-radius:8px;height:600px;width:100%}.map-controls,.sa-map-controls{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:8px;display:flex;gap:.5rem;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem}.map-controls button,.sa-map-controls button{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);cursor:pointer;font-size:1rem;line-height:1;padding:.5rem 1rem;transition:background .2s,border-color .2s,transform .1s}.map-controls button:hover:not(:disabled),.sa-map-controls button:hover:not(:disabled){background:#fff3;border-color:#38bdf880}.map-controls button:active:not(:disabled),.sa-map-controls button:active:not(:disabled){background:#38bdf826;transform:scale(.93)}.map-controls button:focus-visible,.sa-map-controls button:focus-visible{outline:2px solid #38bdf8cc;outline-offset:2px}.map-controls button:disabled,.sa-map-controls button:disabled{cursor:not-allowed;opacity:.5}.sa-zoom-level,.zoom-level{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:.875rem;font-weight:700;letter-spacing:.03em;min-width:40px;text-align:center}.map-legend,.sa-map-legend{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #ffffff12;border-radius:8px;bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;left:1.5rem;padding:1rem;position:absolute}.legend-item,.sa-legend-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.legend-icon,.sa-legend-icon{border-radius:50%;flex-shrink:0;height:14px;width:14px}.legend-label,.sa-legend-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.8125rem}.sa-map-canvas--skeleton{animation:saMapSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%);background-size:600px 100%;border:1px solid #ffffff12}@media (max-width:768px){.map-view,.sa-map-view{padding:.75rem}.map-canvas,.sa-map-canvas{height:400px}.map-controls,.sa-map-controls{right:1rem;top:1rem}.map-legend,.sa-map-legend{bottom:1rem;gap:.35rem;left:1rem;padding:.75rem}}@media (max-width:480px){.map-view,.sa-map-view{padding:.5rem}.map-canvas,.sa-map-canvas{height:300px}.map-controls,.sa-map-controls{gap:.35rem;padding:.35rem;right:.75rem;top:.75rem}.map-controls button,.sa-map-controls button{font-size:.875rem;padding:.35rem .75rem}.map-legend,.sa-map-legend{bottom:.75rem;font-size:.75rem;left:.75rem;padding:.5rem}.legend-icon,.sa-legend-icon{height:10px;width:10px}}@media (prefers-reduced-motion:reduce){.map-canvas,.sa-map-canvas{animation:none;box-shadow:0 0 10px #38bdf833,inset 0 0 30px #0f172a99}.sa-map-canvas--skeleton{animation:none;background:#ffffff0f}.map-controls button,.sa-map-controls button{transition:none}}@keyframes saNavButtonPress{0%{transform:scale(1)}40%{transform:scale(.88)}to{transform:scale(1)}}@keyframes saEnergyLowPulse{0%,to{box-shadow:0 0 0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef444473}}@keyframes saNavSkeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.navigator,.sa-navigator{background:#1e1e28e6;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.navigator-title,.sa-navigator-title{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.25rem;letter-spacing:.04em;margin:0}.movement-grid,.sa-movement-grid{display:flex;flex-direction:column;gap:.5rem}.grid-row,.sa-grid-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr}.grid-cell,.sa-grid-cell{align-items:center;display:flex;justify-content:center}.nav-button,.sa-nav-button{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);cursor:pointer;font-size:.875rem;line-height:1;padding:.75rem;transition:background .15s,border-color .15s,transform .1s;-webkit-user-select:none;user-select:none;width:100%}.nav-button:hover:not(:disabled),.sa-nav-button:hover:not(:disabled){background:#38bdf826;border-color:#38bdf866}.nav-button:active:not(:disabled),.sa-nav-button:active:not(:disabled){animation:saNavButtonPress .18s ease-out forwards;background:#38bdf840}.nav-button:focus-visible,.sa-nav-button:focus-visible{outline:2px solid #38bdf8cc;outline-offset:2px}.nav-button:disabled,.sa-nav-button:disabled{cursor:not-allowed;opacity:.4}.coordinates-display,.sa-coordinates-display{background:#00000080;border:1px solid #ffffff12;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.coord-label,.sa-coord-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-family:Roboto Mono,monospace;font-size:.875rem}.coord-value,.sa-coord-value{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-family:Roboto Mono,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.05em}.energy-display,.sa-energy-display{display:flex;flex-direction:column;gap:.5rem}.energy-label,.sa-energy-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;text-align:center}.energy-bar,.sa-energy-bar{background:#00000080;border:1px solid #fff3;border-radius:12px;height:24px;overflow:hidden;position:relative}.energy-fill,.sa-energy-fill{background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:12px;height:100%;transition:width .3s ease,background-color .5s ease}.sa-energy-fill--medium{background:linear-gradient(90deg,#ca8a04,#facc15)}.sa-energy-fill--low{background:linear-gradient(90deg,#b91c1c,#f87171)}.sa-energy-bar--low-warning{animation:saEnergyLowPulse 1.1s ease-in-out infinite}.energy-cost,.sa-energy-cost{color:#888;color:var(--color-text-tertiary,#888);font-size:.75rem;text-align:center}.sa-navigator-skeleton{animation:saNavSkeletonShimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%);background-size:400px 100%;border-radius:6px;height:24px}@media (max-width:480px){.navigator,.sa-navigator{gap:1rem;padding:1rem}.navigator-title,.sa-navigator-title{font-size:1.0625rem}.nav-button,.sa-nav-button{font-size:.8125rem;padding:.625rem}.coord-label,.energy-label,.sa-coord-label,.sa-energy-label{font-size:.8125rem}.coord-value,.sa-coord-value{font-size:1rem}.energy-bar,.sa-energy-bar{height:20px}}@media (prefers-reduced-motion:reduce){.nav-button:active:not(:disabled),.sa-nav-button:active:not(:disabled){animation:none;transform:scale(.93)}.nav-button,.sa-nav-button{transition:none}.energy-fill,.sa-energy-fill{transition:width .3s ease}.sa-energy-bar--low-warning{animation:none;border-color:#ef444499}.sa-navigator-skeleton{animation:none;background:#ffffff0f}}@keyframes saDetectorFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes saSignalWeakPulse{0%,to{border-color:#ef4444b3;box-shadow:0 0 0 0 #ef444499}50%{border-color:#ef4444;box-shadow:0 0 0 8px #ef444400}}@keyframes saSignalMediumPulse{0%,to{border-color:#f59e0bb3;box-shadow:0 0 0 0 #f59e0b99}50%{border-color:#f59e0b;box-shadow:0 0 0 10px #f59e0b00}}@keyframes saSignalStrongPulse{0%,to{border-color:#10b981b3;box-shadow:0 0 0 0 #10b98199}50%{border-color:#10b981;box-shadow:0 0 0 12px #10b98100}}@keyframes saScanButtonGlow{0%,to{box-shadow:0 0 6px #39ff1466}50%{box-shadow:0 0 18px #39ff14e6,0 0 32px #39ff1466}}@keyframes saAnalyzerBadgeGlow{0%,to{box-shadow:0 0 4px #39ff1433}50%{box-shadow:0 0 10px #39ff1480}}@keyframes saRadarSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.detector-panel,.sa-detector-panel{animation:saDetectorFadeIn .35s ease-out both;background:#1e1e28e6;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.detector-panel .panel-title,.sa-detector-panel .sa-panel-title{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.25rem;margin:0 0 1rem}.detector-panel .no-equipment,.sa-detector-panel .sa-no-equipment{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);padding:2rem;text-align:center}.detector-panel .detector-info,.sa-detector-panel .sa-detector-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.detector-panel .detector-name,.sa-detector-panel .sa-detector-name{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1rem;font-weight:600}.detector-panel .detector-stats,.sa-detector-panel .sa-detector-stats{background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.detector-panel .detector-stats .stat-item,.sa-detector-panel .sa-detector-stats .sa-stat-item{display:flex;font-size:.875rem;justify-content:space-between}.detector-panel .detector-stats .stat-label,.sa-detector-panel .sa-detector-stats .sa-stat-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.detector-panel .detector-stats .stat-value,.sa-detector-panel .sa-detector-stats .sa-stat-value{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-weight:600}.detector-panel .detection-result,.sa-detector-panel .sa-detection-result{margin-bottom:1.5rem}.detector-panel .signal-display,.sa-detector-panel .sa-signal-display{align-items:center;background:#0000004d;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.detector-panel .signal-indicator,.sa-detector-panel .sa-signal-indicator{align-items:center;border:3px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease;width:60px}.detector-panel .signal-indicator.signal-none,.sa-detector-panel .sa-signal-indicator.sa-signal-none{background:#50505026;border-color:#a0a0a080;box-shadow:none}.detector-panel .signal-indicator.signal-weak,.sa-detector-panel .sa-signal-indicator.sa-signal-weak{animation:saSignalWeakPulse 1.6s ease-in-out infinite;background:#ef444414;border-color:#ef4444b3}.detector-panel .signal-indicator.signal-medium,.sa-detector-panel .sa-signal-indicator.sa-signal-medium{animation:saSignalMediumPulse 1.2s ease-in-out infinite;background:#f59e0b14;border-color:#f59e0bb3}.detector-panel .signal-indicator.signal-strong,.sa-detector-panel .sa-signal-indicator.sa-signal-strong{animation:saSignalStrongPulse .9s ease-in-out infinite;background:#10b98114;border-color:#10b981b3}.detector-panel .signal-icon,.sa-detector-panel .sa-signal-icon{background:currentColor;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:24px;opacity:.85;width:24px}.detector-panel .signal-indicator.signal-none .signal-icon,.sa-detector-panel .sa-signal-indicator.sa-signal-none .sa-signal-icon{color:#888}.detector-panel .signal-indicator.signal-weak .signal-icon,.sa-detector-panel .sa-signal-indicator.sa-signal-weak .sa-signal-icon{color:#ef4444}.detector-panel .signal-indicator.signal-medium .signal-icon,.sa-detector-panel .sa-signal-indicator.sa-signal-medium .sa-signal-icon{color:#f59e0b}.detector-panel .signal-indicator.signal-strong .signal-icon,.sa-detector-panel .sa-signal-indicator.sa-signal-strong .sa-signal-icon{color:#10b981}.detector-panel .signal-indicator:before,.sa-detector-panel .sa-signal-indicator:before{animation:saRadarSweep 3s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#39ff1426 30deg,#0000 60deg);border-radius:50%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.detector-panel .signal-indicator.signal-none:before,.sa-detector-panel .sa-signal-indicator.sa-signal-none:before{animation:none;background:none}.detector-panel .signal-info,.sa-detector-panel .sa-signal-info{flex:1 1}.detector-panel .signal-label,.sa-detector-panel .sa-signal-label{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.detector-panel .signal-confidence,.sa-detector-panel .sa-signal-confidence{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem}.detector-panel .analyzer-results,.sa-detector-panel .sa-analyzer-results{background:#0000004d;border-radius:8px;padding:1rem}.detector-panel .analyzer-title,.sa-detector-panel .sa-analyzer-title{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;letter-spacing:.06em;margin:0 0 .75rem;text-transform:uppercase}.detector-panel .analyzer-item,.sa-detector-panel .sa-analyzer-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0}.detector-panel .analyzer-item:last-child,.sa-detector-panel .sa-analyzer-item:last-child{border-bottom:none}.detector-panel .analyzer-label,.sa-detector-panel .sa-analyzer-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem}.detector-panel .analyzer-value,.sa-detector-panel .sa-analyzer-value{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:.875rem;font-weight:600}.detector-panel .active-analyzers,.sa-detector-panel .sa-active-analyzers{margin-bottom:1rem}.detector-panel .analyzers-title,.sa-detector-panel .sa-analyzers-title{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;letter-spacing:.06em;margin:0 0 .75rem;text-transform:uppercase}.detector-panel .analyzer-list,.sa-detector-panel .sa-analyzer-list{display:flex;flex-direction:column;gap:.5rem}.detector-panel .analyzer-badge,.sa-detector-panel .sa-analyzer-badge{animation:saAnalyzerBadgeGlow 2.4s ease-in-out infinite;background:#39ff141a;border:1px solid #39ff144d;border-radius:6px;color:#39ff14;font-size:.75rem;padding:.5rem;transition:background .2s ease,box-shadow .2s ease}.detector-panel .analyzer-badge:hover,.sa-detector-panel .sa-analyzer-badge:hover{background:#39ff142e}.detector-panel .scan-button,.sa-detector-panel .sa-scan-button{background:#39ff141f;border:1px solid #39ff1480;border-radius:8px;color:#39ff14;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:1rem;padding:.75rem 1.25rem;transition:background .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.detector-panel .scan-button.scan-ready,.sa-detector-panel .sa-scan-button.sa-scan-ready{animation:saScanButtonGlow 1.8s ease-in-out infinite}.detector-panel .scan-button:hover:not(:disabled),.sa-detector-panel .sa-scan-button:hover:not(:disabled){background:#39ff1438;box-shadow:0 0 14px #39ff1480}.detector-panel .scan-button:active:not(:disabled),.sa-detector-panel .sa-scan-button:active:not(:disabled){background:#39ff1447;transform:scale(.97)}.detector-panel .scan-button:focus-visible,.sa-detector-panel .sa-scan-button:focus-visible{outline:2px solid #39ff14;outline-offset:3px}.detector-panel .scan-button:disabled,.sa-detector-panel .sa-scan-button:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.45}.sa-detector-panel .sa-detector-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.sa-detector-panel .sa-skeleton-line{animation:saSkeletonShimmer 1.5s linear infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%);background-size:800px 100%;border-radius:6px;height:14px}.sa-detector-panel .sa-skeleton-line.sa-skeleton-title{height:20px;margin-bottom:.25rem;width:60%}.sa-detector-panel .sa-skeleton-line.sa-skeleton-short{width:40%}.sa-detector-panel .sa-skeleton-circle{animation:saSkeletonShimmer 1.5s linear infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%);background-size:800px 100%;border-radius:50%;flex-shrink:0;height:60px;width:60px}.sa-detector-panel .sa-skeleton-signal-row{align-items:center;display:flex;gap:1rem}.sa-detector-panel .sa-skeleton-signal-text{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.sa-detector-panel .sa-skeleton-btn{animation:saSkeletonShimmer 1.5s linear infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%);background-size:800px 100%;border-radius:8px;height:42px;margin-top:1rem}@media (max-width:480px){.detector-panel,.sa-detector-panel{border-radius:10px;padding:1rem}.detector-panel .panel-title,.sa-detector-panel .sa-panel-title{font-size:1.1rem}.detector-panel .signal-indicator,.sa-detector-panel .sa-signal-indicator{height:48px;width:48px}.detector-panel .signal-label,.sa-detector-panel .sa-signal-label{font-size:1rem}.detector-panel .scan-button,.sa-detector-panel .sa-scan-button{font-size:.875rem;padding:.625rem 1rem}}@media (prefers-reduced-motion:reduce){.detector-panel,.detector-panel .analyzer-badge,.detector-panel .scan-button,.detector-panel .scan-button.scan-ready,.detector-panel .signal-indicator,.detector-panel .signal-indicator.signal-medium,.detector-panel .signal-indicator.signal-strong,.detector-panel .signal-indicator.signal-weak,.sa-detector-panel,.sa-detector-panel .sa-analyzer-badge,.sa-detector-panel .sa-scan-button,.sa-detector-panel .sa-scan-button.sa-scan-ready,.sa-detector-panel .sa-signal-indicator,.sa-detector-panel .sa-signal-indicator.sa-signal-medium,.sa-detector-panel .sa-signal-indicator.sa-signal-strong,.sa-detector-panel .sa-signal-indicator.sa-signal-weak,.sa-detector-panel .sa-skeleton-btn,.sa-detector-panel .sa-skeleton-circle,.sa-detector-panel .sa-skeleton-line{animation:none;transition:none}.detector-panel .signal-indicator.signal-weak,.sa-detector-panel .sa-signal-indicator.sa-signal-weak{border-color:#ef4444cc;box-shadow:0 0 0 2px #ef44444d}.detector-panel .signal-indicator.signal-medium,.sa-detector-panel .sa-signal-indicator.sa-signal-medium{border-color:#f59e0bcc;box-shadow:0 0 0 2px #f59e0b4d}.detector-panel .signal-indicator.signal-strong,.sa-detector-panel .sa-signal-indicator.sa-signal-strong{border-color:#10b981cc;box-shadow:0 0 0 2px #10b9814d}.detector-panel .scan-button.scan-ready,.sa-detector-panel .sa-scan-button.sa-scan-ready{box-shadow:0 0 8px #39ff1466}.detector-panel .signal-indicator:before,.sa-detector-panel .sa-signal-indicator:before{animation:none;background:none}}@keyframes saExcavatorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes saExcavatorProgress{0%{width:0}50%{width:60%}to{width:100%}}@keyframes saExcavatorBounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-22px) scale(1.05)}70%{transform:translateY(-10px) scale(.98)}}@keyframes saExcavatorFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes saBrokenBorderPulse{0%,to{border-color:#ef444466;box-shadow:0 0 0 0 #ef44444d}50%{border-color:#ef4444e6;box-shadow:0 0 12px 4px #ef444433}}@keyframes saRewardSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes saDigButtonGlow{0%,to{box-shadow:0 0 6px #dc262666}50%{box-shadow:0 0 20px #dc2626d9,0 0 36px #d9790459}}@keyframes saResultCelebration{0%{opacity:.6;transform:scale(.8) rotate(-5deg)}30%{opacity:1;transform:scale(1.15) rotate(3deg)}60%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0deg)}}@keyframes saTreasureOverlayFlash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes saTreasureIconSpin{0%{opacity:0;transform:scale(.3) rotate(-30deg)}40%{opacity:1;transform:scale(1.15) rotate(10deg)}60%{transform:scale(.95) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes saTreasureTextPop{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.excavator-panel,.sa-excavator-panel{animation:saExcavatorFadeIn .35s ease-out both;background:#1e1e28e6;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.excavator-panel .panel-title,.sa-excavator-panel .sa-panel-title{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.25rem;margin:0 0 1rem}.excavator-panel .no-equipment,.sa-excavator-panel .sa-no-equipment{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);padding:2rem;text-align:center}.excavator-panel .excavator-info,.sa-excavator-panel .sa-excavator-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.excavator-panel .excavator-name,.sa-excavator-panel .sa-excavator-name{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1rem;font-weight:600}.excavator-panel .excavator-stats,.sa-excavator-panel .sa-excavator-stats{background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.excavator-panel .excavator-stats .stat-item,.sa-excavator-panel .sa-excavator-stats .sa-stat-item{display:flex;font-size:.875rem;justify-content:space-between}.excavator-panel .excavator-stats .stat-label,.sa-excavator-panel .sa-excavator-stats .sa-stat-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.excavator-panel .excavator-stats .stat-value,.sa-excavator-panel .sa-excavator-stats .sa-stat-value{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-weight:600}.excavator-panel .excavator-broken,.sa-excavator-panel .sa-excavator-broken{animation:saBrokenBorderPulse 2s ease-in-out infinite;background:#ef44440d;border:1.5px solid #ef444466;border-radius:10px;padding:2rem;text-align:center}.excavator-panel .broken-icon,.sa-excavator-panel .sa-broken-icon{background:#ef4444;-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);height:48px;margin:0 auto 1rem;opacity:.85;width:48px}.excavator-panel .broken-text,.sa-excavator-panel .sa-broken-text{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.excavator-panel .repair-info,.sa-excavator-panel .sa-repair-info{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;margin-bottom:1.5rem}.excavator-panel .excavating-animation,.sa-excavator-panel .sa-excavating-animation{margin-bottom:1rem;padding:2rem;text-align:center}.excavator-panel .animation-title,.sa-excavator-panel .sa-animation-title{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:1.125rem;font-weight:700;margin-bottom:1rem}.excavator-panel .drill-animation,.sa-excavator-panel .sa-drill-animation{animation:saExcavatorPulse .5s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#d97904);-webkit-clip-path:polygon(0 30%,70% 30%,70% 0,100% 50%,70% 100%,70% 70%,0 70%);clip-path:polygon(0 30%,70% 30%,70% 0,100% 50%,70% 100%,70% 70%,0 70%);height:40px;margin:0 auto 1rem;width:40px}.excavator-panel .progress-bar,.sa-excavator-panel .sa-progress-bar{background:#00000080;border:1px solid #fff3;border-radius:12px;height:24px;overflow:hidden}.excavator-panel .progress-fill,.sa-excavator-panel .sa-progress-fill{animation:saExcavatorProgress 3s ease-in-out infinite;background:linear-gradient(90deg,#dc2626,#d97904);background:linear-gradient(90deg,var(--color-brand-primary,#dc2626),#d97904);border-radius:12px;height:100%}.excavator-panel .cannot-dig-reason,.sa-excavator-panel .sa-cannot-dig-reason{background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#ef4444;color:var(--color-danger,#ef4444);font-size:.875rem;margin-top:1rem;padding:.75rem;text-align:center}.excavator-panel .excavate-button,.sa-excavator-panel .sa-dig-button{background:#dc262624;border:1px solid #dc26268c;border-radius:8px;color:#f87171;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:1rem;padding:.75rem 1.25rem;transition:background .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.excavator-panel .excavate-button.dig-ready,.sa-excavator-panel .sa-dig-button.sa-dig-ready{animation:saDigButtonGlow 1.8s ease-in-out infinite}.excavator-panel .excavate-button:hover:not(:disabled),.sa-excavator-panel .sa-dig-button:hover:not(:disabled){background:#dc262640;box-shadow:0 0 14px #dc262680}.excavator-panel .excavate-button:active:not(:disabled),.sa-excavator-panel .sa-dig-button:active:not(:disabled){background:#dc262652;transform:scale(.97)}.excavator-panel .excavate-button:focus-visible,.sa-excavator-panel .sa-dig-button:focus-visible{outline:2px solid #f87171;outline-offset:3px}.excavator-panel .excavate-button:disabled,.sa-excavator-panel .sa-dig-button:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.45}.sa-excavator-panel .sa-repair-button{background:#f59e0b1f;border:1px solid #f59e0b80;border-radius:8px;color:#f59e0b;cursor:pointer;font-size:.9375rem;font-weight:600;margin-top:1rem;padding:.75rem 1.25rem;transition:background .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.sa-excavator-panel .sa-repair-button:hover:not(:disabled){background:#f59e0b38;box-shadow:0 0 12px #f59e0b66}.sa-excavator-panel .sa-repair-button:active:not(:disabled){transform:scale(.97)}.sa-excavator-panel .sa-repair-button:focus-visible{outline:2px solid #f59e0b;outline-offset:3px}.sa-excavator-panel .sa-repair-button:disabled{cursor:not-allowed;opacity:.45}.excavator-panel .excavation-results,.sa-excavator-panel .sa-excavation-results{padding:2rem;text-align:center}.excavator-panel .result-icon,.sa-excavator-panel .sa-result-icon{align-items:center;background:#ffffff0f;border:2px solid #ffffff26;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.excavator-panel .result-icon:after,.sa-excavator-panel .sa-result-icon:after{background:#ffffff80;-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);content:"";height:28px;width:28px}.excavator-panel .result-icon.result-success,.sa-excavator-panel .sa-result-icon.sa-result-success{animation:saExcavatorBounce .6s ease-in-out,saResultCelebration .5s ease-out both;background:#10b9811a;border-color:#10b98199}.excavator-panel .result-icon.result-success:after,.sa-excavator-panel .sa-result-icon.sa-result-success:after{background:#10b981}.excavator-panel .result-icon.result-failure,.sa-excavator-panel .sa-result-icon.sa-result-failure{background:#ef444414;border-color:#ef444480}.excavator-panel .result-icon.result-failure:after,.sa-excavator-panel .sa-result-icon.sa-result-failure:after{background:#ef4444}.excavator-panel .excavation-results h3,.sa-excavator-panel .sa-excavation-results h3{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);margin:0 0 1.5rem}.excavator-panel .rewards-list,.sa-excavator-panel .sa-rewards-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.excavator-panel .reward-item,.sa-excavator-panel .sa-reward-item{align-items:center;animation:saRewardSlideIn .35s ease-out forwards;background:#0000004d;border-left:3px solid #10b981;border-left:3px solid var(--color-success,#10b981);border-radius:8px;display:flex;gap:1rem;opacity:0;padding:1rem}.excavator-panel .reward-item:first-child,.sa-excavator-panel .sa-reward-item:first-child{animation-delay:.05s}.excavator-panel .reward-item:nth-child(2),.sa-excavator-panel .sa-reward-item:nth-child(2){animation-delay:.12s}.excavator-panel .reward-item:nth-child(3),.sa-excavator-panel .sa-reward-item:nth-child(3){animation-delay:.19s}.excavator-panel .reward-item:nth-child(4),.sa-excavator-panel .sa-reward-item:nth-child(4){animation-delay:.26s}.excavator-panel .reward-item:nth-child(5),.sa-excavator-panel .sa-reward-item:nth-child(5){animation-delay:.33s}.excavator-panel .reward-item:nth-child(6),.sa-excavator-panel .sa-reward-item:nth-child(6){animation-delay:.4s}.excavator-panel .reward-item:nth-child(7),.sa-excavator-panel .sa-reward-item:nth-child(7){animation-delay:.47s}.excavator-panel .reward-item:nth-child(8),.sa-excavator-panel .sa-reward-item:nth-child(8){animation-delay:.54s}.excavator-panel .reward-icon,.sa-excavator-panel .sa-reward-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex-shrink:0;height:32px;width:32px}.excavator-panel .reward-name,.sa-excavator-panel .sa-reward-name{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);flex:1 1;font-size:1rem;font-weight:600;text-align:left}.excavator-panel .reward-quantity,.sa-excavator-panel .sa-reward-quantity{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;white-space:nowrap}.sa-excavator-panel .sa-treasure-overlay{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-modal)}.sa-excavator-panel .sa-treasure-overlay-bg{animation:saTreasureOverlayFlash 3s ease-out forwards;background:radial-gradient(ellipse at center,#f59e0b40 0,#000c 70%);inset:0;position:absolute}.sa-excavator-panel .sa-treasure-overlay-icon{animation:saTreasureIconSpin .8s ease-out both;animation-delay:.2s;height:80px;position:relative;width:80px;z-index:1}.sa-excavator-panel .sa-treasure-overlay-icon .sa-icon-gem{filter:drop-shadow(0 0 20px rgba(251,191,36,.8));height:80px;width:80px}.sa-excavator-panel .sa-treasure-overlay-text{animation:saTreasureTextPop .6s ease-out both;animation-delay:.5s;color:#fbbf24;font-size:1.75rem;font-weight:800;letter-spacing:.08em;margin-top:1.5rem;position:relative;text-shadow:0 0 20px #fbbf24b3,0 2px 10px #00000080;text-transform:uppercase;z-index:1}.sa-excavator-panel .sa-treasure-overlay.sa-rarity-rare .sa-treasure-overlay-bg{background:radial-gradient(ellipse at center,#60a5fa4d 0,#000c 70%)}.sa-excavator-panel .sa-treasure-overlay.sa-rarity-rare .sa-treasure-overlay-text{color:#60a5fa;text-shadow:0 0 20px #60a5fab3,0 2px 10px #00000080}.sa-excavator-panel .sa-treasure-overlay.sa-rarity-epic .sa-treasure-overlay-bg{background:radial-gradient(ellipse at center,#a78bfa4d 0,#000c 70%)}.sa-excavator-panel .sa-treasure-overlay.sa-rarity-epic .sa-treasure-overlay-text{color:#a78bfa;text-shadow:0 0 20px #a78bfab3,0 2px 10px #00000080}.sa-excavator-panel .sa-treasure-overlay.sa-rarity-legendary .sa-treasure-overlay-bg{background:radial-gradient(ellipse at center,#fbbf2459 0,#000c 70%)}.sa-excavator-panel .sa-treasure-overlay.sa-rarity-legendary .sa-treasure-overlay-text{color:#fbbf24;text-shadow:0 0 30px #fbbf24e6,0 0 60px #f59e0b80,0 2px 10px #00000080}.sa-excavator-panel .sa-excavator-skeleton{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.sa-excavator-panel .sa-skeleton-line{animation:saSkeletonShimmer 1.5s linear infinite;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%);background-size:800px 100%;border-radius:6px;height:14px}.sa-excavator-panel .sa-skeleton-line.sa-skeleton-title{height:20px;margin-bottom:.25rem;width:60%}.sa-excavator-panel .sa-skeleton-line.sa-skeleton-short{width:40%}.sa-excavator-panel .sa-skeleton-block{height:80px}.sa-excavator-panel .sa-skeleton-block,.sa-excavator-panel .sa-skeleton-btn{animation:saSkeletonShimmer 1.5s linear infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%);background-size:800px 100%;border-radius:8px}.sa-excavator-panel .sa-skeleton-btn{height:42px;margin-top:1rem}@media (max-width:480px){.excavator-panel,.sa-excavator-panel{border-radius:10px;padding:1rem}.excavator-panel .panel-title,.sa-excavator-panel .sa-panel-title{font-size:1.1rem}.excavator-panel .excavation-results,.sa-excavator-panel .sa-excavation-results{padding:1.25rem .75rem}.excavator-panel .reward-item,.sa-excavator-panel .sa-reward-item{gap:.75rem;padding:.75rem}.excavator-panel .reward-name,.sa-excavator-panel .sa-reward-name{font-size:.9rem}.excavator-panel .excavate-button,.sa-excavator-panel .sa-dig-button,.sa-excavator-panel .sa-repair-button{font-size:.875rem;padding:.625rem 1rem}}@media (prefers-reduced-motion:reduce){.excavator-panel,.excavator-panel .drill-animation,.excavator-panel .excavate-button,.excavator-panel .excavate-button.dig-ready,.excavator-panel .excavator-broken,.excavator-panel .progress-fill,.excavator-panel .result-icon.result-success,.excavator-panel .reward-item,.sa-excavator-panel,.sa-excavator-panel .sa-dig-button,.sa-excavator-panel .sa-dig-button.sa-dig-ready,.sa-excavator-panel .sa-drill-animation,.sa-excavator-panel .sa-excavator-broken,.sa-excavator-panel .sa-progress-fill,.sa-excavator-panel .sa-result-icon.sa-result-success,.sa-excavator-panel .sa-reward-item,.sa-excavator-panel .sa-skeleton-block,.sa-excavator-panel .sa-skeleton-btn,.sa-excavator-panel .sa-skeleton-line{animation:none;transition:none}.excavator-panel .reward-item,.sa-excavator-panel .sa-reward-item{opacity:1}.excavator-panel .progress-fill,.sa-excavator-panel .sa-progress-fill{width:50%}.excavator-panel .excavator-broken,.sa-excavator-panel .sa-excavator-broken{border-color:#ef444499;box-shadow:none}.excavator-panel .excavate-button.dig-ready,.sa-excavator-panel .sa-dig-button.sa-dig-ready{box-shadow:0 0 8px #dc262666}.sa-excavator-panel .sa-treasure-overlay-bg,.sa-excavator-panel .sa-treasure-overlay-icon,.sa-excavator-panel .sa-treasure-overlay-text{animation:none;opacity:1}}@keyframes saIslandCardEntrance{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes saOwnedGlow{0%,to{box-shadow:0 0 8px #d9790440,0 4px 16px #0006}50%{box-shadow:0 0 18px #d9790480,0 6px 24px #00000080}}@keyframes saClaimFlash{0%{box-shadow:0 0 0 #39ff1400}30%{box-shadow:0 0 40px #39ff14b3}to{box-shadow:0 0 8px #39ff1400}}@keyframes saCollectPulse{0%,to{box-shadow:0 0 0 0 #d9790480}50%{box-shadow:0 0 0 6px #d9790400}}@keyframes saSalvageCountPop{0%{transform:scale(1)}40%{color:#f59e0b;transform:scale(1.25)}to{transform:scale(1)}}@keyframes saEmptyIconFadePulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}.island-manager,.sa-island-manager{padding:2rem}.island-manager .island-header,.island-manager .sa-island-header,.sa-island-manager .island-header,.sa-island-manager .sa-island-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.island-manager .island-header h2,.island-manager .sa-island-header h2,.sa-island-manager .island-header h2,.sa-island-manager .sa-island-header h2{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:2rem;margin:0}.island-manager .header-actions,.island-manager .sa-header-actions,.sa-island-manager .header-actions,.sa-island-manager .sa-header-actions{align-items:center;display:flex;gap:1rem}.island-manager .sa-total-accumulated,.island-manager .total-accumulated,.sa-island-manager .sa-total-accumulated,.sa-island-manager .total-accumulated{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:1.125rem}.island-manager .sa-total-accumulated strong,.island-manager .total-accumulated strong,.sa-island-manager .sa-total-accumulated strong,.sa-island-manager .total-accumulated strong{color:#d97904;display:inline-block;font-size:1.5rem}.island-manager .total-accumulated strong.sa-pop,.sa-island-manager .sa-total-accumulated strong.sa-pop{animation:saSalvageCountPop .4s ease-out}.island-manager .no-islands-card,.island-manager .sa-no-islands-card,.sa-island-manager .no-islands-card,.sa-island-manager .sa-no-islands-card{padding:3rem;text-align:center}.island-manager .no-islands,.island-manager .sa-no-islands,.sa-island-manager .no-islands,.sa-island-manager .sa-no-islands{align-items:center;display:flex;flex-direction:column;gap:1rem}.sa-island-manager .sa-empty-icon{animation:saEmptyIconFadePulse 2.8s ease-in-out infinite;background:radial-gradient(ellipse 40% 30% at 50% 65%,#64a0dc99 0,#0000 100%),radial-gradient(ellipse 55% 45% at 50% 50%,#5082b480 0,#0000 100%);border-radius:50%;height:64px;opacity:.5;width:64px}.island-manager .hint,.island-manager .sa-hint,.sa-island-manager .hint,.sa-island-manager .sa-hint{color:#888;color:var(--color-text-tertiary,#888);font-size:.875rem;max-width:400px}.island-manager .owned-islands-grid,.island-manager .sa-owned-islands-grid,.sa-island-manager .owned-islands-grid,.sa-island-manager .sa-owned-islands-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:3rem}.island-manager .available-islands-section,.island-manager .sa-available-islands-section,.sa-island-manager .available-islands-section,.sa-island-manager .sa-available-islands-section{margin-top:3rem}.island-manager .available-islands-section h2,.island-manager .sa-available-islands-section h2,.sa-island-manager .available-islands-section h2,.sa-island-manager .sa-available-islands-section h2{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.75rem;margin:0 0 1.5rem}.island-manager .no-available-card,.island-manager .sa-no-available-card,.sa-island-manager .no-available-card,.sa-island-manager .sa-no-available-card{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);padding:2rem;text-align:center}.island-manager .available-islands-grid,.island-manager .sa-available-islands-grid,.sa-island-manager .available-islands-grid,.sa-island-manager .sa-available-islands-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.island-manager .island-card,.island-manager .sa-island-card,.sa-island-manager .island-card,.sa-island-manager .sa-island-card{animation:saIslandCardEntrance .45s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.08s);background:#141822d9;border:1px solid #ffffff1a;border-radius:12px;cursor:default;opacity:0;padding:1.25rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.island-manager .island-card:hover,.island-manager .sa-island-card:hover,.sa-island-manager .island-card:hover,.sa-island-manager .sa-island-card:hover{box-shadow:0 8px 24px #00000059;transform:translateY(-4px)}.island-manager .island-card.owned,.island-manager .island-card.sa-owned,.island-manager .sa-island-card.owned,.island-manager .sa-island-card.sa-owned,.sa-island-manager .island-card.owned,.sa-island-manager .island-card.sa-owned,.sa-island-manager .sa-island-card.owned,.sa-island-manager .sa-island-card.sa-owned{animation:saIslandCardEntrance .45s ease-out forwards,saOwnedGlow 3s ease-in-out infinite;animation-delay:0s,.45s;animation-delay:calc(var(--card-index, 0)*.08s),calc(var(--card-index, 0)*.08s + .45s);border-color:#d9790480}.island-manager .island-card.sa-claim-flash,.sa-island-manager .sa-island-card.sa-claim-flash{animation:saClaimFlash .7s ease-out forwards}.island-manager .island-card:focus-visible,.island-manager .sa-island-card:focus-visible,.sa-island-manager .island-card:focus-visible,.sa-island-manager .sa-island-card:focus-visible{border-color:#d9790499;outline:2px solid #d97904cc;outline-offset:3px}.island-manager .island-card:active,.island-manager .sa-island-card:active,.sa-island-manager .island-card:active,.sa-island-manager .sa-island-card:active{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.island-manager .island-card-header,.island-manager .sa-island-card-header,.sa-island-manager .island-card-header,.sa-island-manager .sa-island-card-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.island-manager .island-icon,.island-manager .sa-island-icon,.sa-island-manager .island-icon,.sa-island-manager .sa-island-icon{background:radial-gradient(ellipse 50% 35% at 50% 62%,#50a0d2b3 0,#0000 100%),radial-gradient(circle at 50% 45%,#3c82b499 0,#0000 70%),radial-gradient(ellipse 70% 60% at 50% 50%,#1e508280 0,#0000 100%),#142850e6;border:1px solid #64b4e64d;border-radius:50%;box-shadow:0 0 8px #50a0dc33;flex-shrink:0;height:44px;width:44px}.island-manager .island-info,.island-manager .sa-island-info,.sa-island-manager .island-info,.sa-island-manager .sa-island-info{flex:1 1;min-width:0}.island-manager .island-name,.island-manager .sa-island-name,.sa-island-manager .island-name,.sa-island-manager .sa-island-name{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.125rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.island-manager .island-coordinates,.island-manager .sa-island-coordinates,.sa-island-manager .island-coordinates,.sa-island-manager .sa-island-coordinates{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-family:Roboto Mono,monospace;font-size:.875rem}.island-manager .island-requirements .requirement-item,.island-manager .island-requirements .sa-requirement-item,.island-manager .island-stats .sa-stat-row,.island-manager .island-stats .stat-row,.island-manager .sa-island-requirements .requirement-item,.island-manager .sa-island-requirements .sa-requirement-item,.island-manager .sa-island-stats .sa-stat-row,.island-manager .sa-island-stats .stat-row,.sa-island-manager .island-requirements .requirement-item,.sa-island-manager .island-requirements .sa-requirement-item,.sa-island-manager .island-stats .sa-stat-row,.sa-island-manager .island-stats .stat-row,.sa-island-manager .sa-island-requirements .requirement-item,.sa-island-manager .sa-island-requirements .sa-requirement-item,.sa-island-manager .sa-island-stats .sa-stat-row,.sa-island-manager .sa-island-stats .stat-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.island-manager .req-label,.island-manager .sa-req-label,.island-manager .sa-stat-label,.island-manager .stat-label,.sa-island-manager .req-label,.sa-island-manager .sa-req-label,.sa-island-manager .sa-stat-label,.sa-island-manager .stat-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.island-manager .req-value,.island-manager .sa-req-value,.island-manager .sa-stat-value,.island-manager .stat-value,.sa-island-manager .req-value,.sa-island-manager .sa-req-value,.sa-island-manager .sa-stat-value,.sa-island-manager .stat-value{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-weight:600}.island-manager .sa-stat-value.highlighted,.island-manager .sa-stat-value.sa-highlighted,.island-manager .stat-value.highlighted,.island-manager .stat-value.sa-highlighted,.sa-island-manager .sa-stat-value.highlighted,.sa-island-manager .sa-stat-value.sa-highlighted,.sa-island-manager .stat-value.highlighted,.sa-island-manager .stat-value.sa-highlighted{color:#d97904;font-size:1.125rem}.island-manager .island-requirements,.island-manager .sa-island-requirements,.sa-island-manager .island-requirements,.sa-island-manager .sa-island-requirements{background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:.75rem}.island-manager .distance-info,.island-manager .sa-distance-info,.sa-island-manager .distance-info,.sa-island-manager .sa-distance-info{background:#0000004d;border-radius:8px;color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;padding:.75rem;text-align:center}.sa-island-manager .sa-collect-btn-pulse{animation:saCollectPulse 1.8s ease-in-out infinite}.sa-island-manager .sa-collect-btn-pulse:focus-visible{outline:2px solid #d97904cc;outline-offset:3px}.sa-island-manager .sa-collect-btn-pulse:active{transform:scale(.97)}.sa-island-manager button:focus-visible{outline:2px solid #d97904b3;outline-offset:3px}.sa-island-manager button:active{opacity:.85;transform:scale(.97)}.sa-island-manager .sa-island-card-skeleton{background:#141822d9;border:1px solid #ffffff12;border-radius:12px;overflow:hidden;padding:1.25rem}.sa-island-manager .sa-skeleton-line{animation:saSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 200px,#ffffff0a 400px);background-size:800px 14px;border-radius:6px;height:14px;margin-bottom:.75rem}.sa-island-manager .sa-skeleton-line.sa-sk-header{height:18px;margin-bottom:1rem;width:55%}.sa-island-manager .sa-skeleton-line.sa-sk-sub{height:12px;width:35%}.sa-island-manager .sa-skeleton-line.sa-sk-full{width:100%}.sa-island-manager .sa-skeleton-line.sa-sk-short{width:60%}.sa-island-manager .sa-skeleton-icon{animation:saSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 100px,#ffffff0a 200px);background-size:400px 44px;border-radius:50%;flex-shrink:0;height:44px;width:44px}.sa-island-manager .sa-skeleton-header-row{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}@media (max-width:768px){.island-manager,.sa-island-manager{padding:1.25rem}.island-manager .island-header,.island-manager .sa-island-header,.sa-island-manager .island-header,.sa-island-manager .sa-island-header{align-items:flex-start;flex-direction:column;margin-bottom:1.5rem}.island-manager .island-header h2,.island-manager .sa-island-header h2,.sa-island-manager .island-header h2,.sa-island-manager .sa-island-header h2{font-size:1.5rem}.island-manager .available-islands-grid,.island-manager .owned-islands-grid,.island-manager .sa-available-islands-grid,.island-manager .sa-owned-islands-grid,.sa-island-manager .available-islands-grid,.sa-island-manager .owned-islands-grid,.sa-island-manager .sa-available-islands-grid,.sa-island-manager .sa-owned-islands-grid{gap:1rem;grid-template-columns:1fr}.island-manager .available-islands-section h2,.island-manager .sa-available-islands-section h2,.sa-island-manager .available-islands-section h2,.sa-island-manager .sa-available-islands-section h2{font-size:1.375rem}}@media (max-width:480px){.island-manager,.sa-island-manager{padding:1rem}.island-manager .island-header h2,.island-manager .sa-island-header h2,.sa-island-manager .island-header h2,.sa-island-manager .sa-island-header h2{font-size:1.25rem}.island-manager .sa-total-accumulated,.island-manager .total-accumulated,.sa-island-manager .sa-total-accumulated,.sa-island-manager .total-accumulated{font-size:.9rem}.island-manager .sa-total-accumulated strong,.island-manager .total-accumulated strong,.sa-island-manager .sa-total-accumulated strong,.sa-island-manager .total-accumulated strong{font-size:1.2rem}.island-manager .island-name,.island-manager .sa-island-name,.sa-island-manager .island-name,.sa-island-manager .sa-island-name{font-size:1rem}.island-manager .island-icon,.island-manager .sa-island-icon,.sa-island-manager .island-icon,.sa-island-manager .sa-island-icon{height:36px;width:36px}.island-manager .no-islands-card,.island-manager .sa-no-islands-card,.sa-island-manager .no-islands-card,.sa-island-manager .sa-no-islands-card{padding:2rem 1rem}}@media (prefers-reduced-motion:reduce){.island-manager .island-card,.island-manager .island-card.owned,.island-manager .island-card.sa-owned,.island-manager .sa-island-card,.island-manager .sa-island-card.owned,.island-manager .sa-island-card.sa-owned,.sa-island-manager .island-card,.sa-island-manager .island-card.owned,.sa-island-manager .island-card.sa-owned,.sa-island-manager .sa-island-card,.sa-island-manager .sa-island-card.owned,.sa-island-manager .sa-island-card.sa-owned{animation:none;opacity:1}.island-manager .island-card:active,.island-manager .island-card:hover,.island-manager .sa-island-card:active,.island-manager .sa-island-card:hover,.sa-island-manager .island-card:active,.sa-island-manager .island-card:hover,.sa-island-manager .sa-island-card:active,.sa-island-manager .sa-island-card:hover{transform:none}.island-manager .island-card.sa-claim-flash,.sa-island-manager .sa-island-card.sa-claim-flash{animation:none}.sa-island-manager .sa-empty-icon{animation:none;opacity:.5}.island-manager .total-accumulated strong.sa-pop,.sa-island-manager .sa-collect-btn-pulse,.sa-island-manager .sa-total-accumulated strong.sa-pop{animation:none}.sa-island-manager .sa-skeleton-icon,.sa-island-manager .sa-skeleton-line{animation:none;background:#ffffff0f}.sa-island-manager .sa-collect-btn-pulse:active,.sa-island-manager button:active{transform:none}}@keyframes saElTierEntrance{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes saElCurrentTierGlow{0%,to{box-shadow:0 0 6px #39ff1433,0 4px 16px #0006,inset 0 0 12px #39ff140a}50%{box-shadow:0 0 18px #39ff1473,0 6px 24px #00000080,inset 0 0 20px #39ff1414}}@keyframes saElUpgradeFlash{0%{box-shadow:0 0 0 #39ff1400}25%{box-shadow:0 0 40px #39ff14bf,inset 0 0 20px #39ff1426}to{box-shadow:0 0 8px #39ff1400}}@keyframes saElOwnerBadgePop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes saElOwnerBadgeGlow{0%,to{box-shadow:0 0 4px #39ff1466}50%{box-shadow:0 0 10px #39ff14b3}}@keyframes saElModalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes saElSkeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes saElCurrentGlowPulse{0%,to{border-color:#39ff1466}50%{border-color:#39ff14bf}}.equipment-loadout,.sa-equipment-loadout{padding:2rem}.equipment-loadout h2,.sa-equipment-loadout h2{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:2rem;margin:0 0 2rem}.equipment-loadout .equipment-section,.equipment-loadout .sa-equipment-section,.sa-equipment-loadout .equipment-section,.sa-equipment-loadout .sa-equipment-section{margin-bottom:2rem}.equipment-loadout .current-equipment,.equipment-loadout .sa-current-equipment,.sa-equipment-loadout .current-equipment,.sa-equipment-loadout .sa-current-equipment{animation:saElCurrentTierGlow 3.5s ease-in-out infinite;background:#0000004d;border:2px solid #39ff1459;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .3s ease}.equipment-loadout .current-equipment h3,.equipment-loadout .sa-current-equipment h3,.sa-equipment-loadout .current-equipment h3,.sa-equipment-loadout .sa-current-equipment h3{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.25rem;margin:0 0 1rem}.equipment-loadout .equipment-stats,.equipment-loadout .sa-equipment-stats,.sa-equipment-loadout .equipment-stats,.sa-equipment-loadout .sa-equipment-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.equipment-loadout .equipment-stats>div,.equipment-loadout .sa-equipment-stats>div,.sa-equipment-loadout .equipment-stats>div,.sa-equipment-loadout .sa-equipment-stats>div{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem}.equipment-loadout .sa-upgrade-tiers,.equipment-loadout .upgrade-tiers,.sa-equipment-loadout .sa-upgrade-tiers,.sa-equipment-loadout .upgrade-tiers{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.equipment-loadout .sa-tier-card,.equipment-loadout .tier-card,.sa-equipment-loadout .sa-tier-card,.sa-equipment-loadout .tier-card{animation:saElTierEntrance .4s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.08s);background:#1e1e28e6;border:2px solid #ffffff1a;border-radius:12px;opacity:0;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.equipment-loadout .sa-tier-card:hover,.equipment-loadout .tier-card:hover,.sa-equipment-loadout .sa-tier-card:hover,.sa-equipment-loadout .tier-card:hover{box-shadow:0 8px 24px #00000059;transform:translateY(-4px)}.equipment-loadout .sa-tier-card.current,.equipment-loadout .sa-tier-card.sa-current,.equipment-loadout .tier-card.current,.equipment-loadout .tier-card.sa-current,.sa-equipment-loadout .sa-tier-card.current,.sa-equipment-loadout .sa-tier-card.sa-current,.sa-equipment-loadout .tier-card.current,.sa-equipment-loadout .tier-card.sa-current{animation:saElTierEntrance .4s ease-out forwards,saElCurrentTierGlow 3.5s ease-in-out infinite,saElCurrentGlowPulse 3.5s ease-in-out infinite;animation-delay:0s,.4s,.4s;animation-delay:calc(var(--card-index, 0)*.08s),calc(var(--card-index, 0)*.08s + .4s),calc(var(--card-index, 0)*.08s + .4s);background:#39ff140d;border-color:#39ff1480}.equipment-loadout .tier-card.sa-upgrade-flash,.sa-equipment-loadout .sa-tier-card.sa-upgrade-flash{animation:saElUpgradeFlash .8s ease-out forwards}.equipment-loadout .sa-tier-card:focus-visible,.equipment-loadout .tier-card:focus-visible,.sa-equipment-loadout .sa-tier-card:focus-visible,.sa-equipment-loadout .tier-card:focus-visible{border-color:#39ff1480;outline:2px solid #39ff14bf;outline-offset:3px}.equipment-loadout .sa-tier-card:active,.equipment-loadout .tier-card:active,.sa-equipment-loadout .sa-tier-card:active,.sa-equipment-loadout .tier-card:active{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.equipment-loadout .sa-tier-header,.equipment-loadout .tier-header,.sa-equipment-loadout .sa-tier-header,.sa-equipment-loadout .tier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.equipment-loadout .sa-tier-header h4,.equipment-loadout .tier-header h4,.sa-equipment-loadout .sa-tier-header h4,.sa-equipment-loadout .tier-header h4{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1rem;margin:0}.equipment-loadout .sa-tier-stats,.equipment-loadout .tier-stats,.sa-equipment-loadout .sa-tier-stats,.sa-equipment-loadout .tier-stats{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.equipment-loadout .sa-tier-stats>div,.equipment-loadout .tier-stats>div,.sa-equipment-loadout .sa-tier-stats>div,.sa-equipment-loadout .tier-stats>div{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.equipment-loadout .analyzers-grid,.equipment-loadout .sa-analyzers-grid,.sa-equipment-loadout .analyzers-grid,.sa-equipment-loadout .sa-analyzers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.equipment-loadout .analyzer-card,.equipment-loadout .sa-analyzer-card,.sa-equipment-loadout .analyzer-card,.sa-equipment-loadout .sa-analyzer-card{animation:saElTierEntrance .4s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.08s);background:#1e1e28e6;border:2px solid #ffffff1a;border-radius:12px;opacity:0;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.equipment-loadout .analyzer-card:hover,.equipment-loadout .sa-analyzer-card:hover,.sa-equipment-loadout .analyzer-card:hover,.sa-equipment-loadout .sa-analyzer-card:hover{box-shadow:0 8px 24px #00000059;transform:translateY(-4px)}.equipment-loadout .analyzer-card.owned,.equipment-loadout .analyzer-card.sa-owned,.equipment-loadout .sa-analyzer-card.owned,.equipment-loadout .sa-analyzer-card.sa-owned,.sa-equipment-loadout .analyzer-card.owned,.sa-equipment-loadout .analyzer-card.sa-owned,.sa-equipment-loadout .sa-analyzer-card.owned,.sa-equipment-loadout .sa-analyzer-card.sa-owned{background:#39ff140a;border-color:#39ff1473}.equipment-loadout .analyzer-card:focus-visible,.equipment-loadout .sa-analyzer-card:focus-visible,.sa-equipment-loadout .analyzer-card:focus-visible,.sa-equipment-loadout .sa-analyzer-card:focus-visible{outline:2px solid #39ff14bf;outline-offset:3px}.equipment-loadout .analyzer-card:active,.equipment-loadout .sa-analyzer-card:active,.sa-equipment-loadout .analyzer-card:active,.sa-equipment-loadout .sa-analyzer-card:active{box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.equipment-loadout .analyzer-card.owned:after,.equipment-loadout .analyzer-card.sa-owned:after,.equipment-loadout .sa-analyzer-card.owned:after,.equipment-loadout .sa-analyzer-card.sa-owned:after,.sa-equipment-loadout .analyzer-card.owned:after,.sa-equipment-loadout .analyzer-card.sa-owned:after,.sa-equipment-loadout .sa-analyzer-card.owned:after,.sa-equipment-loadout .sa-analyzer-card.sa-owned:after{animation:saElOwnerBadgePop .35s ease-out both,saElOwnerBadgeGlow 2.5s ease-in-out infinite;animation-delay:.3s,0s;animation-delay:calc(var(--card-index, 0)*.08s + .3s),0s;background:radial-gradient(circle at 50% 50%,#39ff14e6 0,#1ec80ab3 100%);border-radius:50%;content:"";height:20px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='none' stroke='%2339ff14' stroke-width='1.5'/%3E%3Cpath fill='none' stroke='%2339ff14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m5 10 4 4 6-7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9' fill='none' stroke='%2339ff14' stroke-width='1.5'/%3E%3Cpath fill='none' stroke='%2339ff14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m5 10 4 4 6-7'/%3E%3C/svg%3E");-webkit-mask-size:100%;mask-size:100%;position:absolute;right:12px;top:12px;width:20px}.equipment-loadout .analyzer-card h4,.equipment-loadout .sa-analyzer-card h4,.sa-equipment-loadout .analyzer-card h4,.sa-equipment-loadout .sa-analyzer-card h4{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.125rem;margin:0 0 .75rem;padding-right:1.75rem}.equipment-loadout .analyzer-description,.equipment-loadout .sa-analyzer-description,.sa-equipment-loadout .analyzer-description,.sa-equipment-loadout .sa-analyzer-description{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.equipment-loadout .analyzer-requirements,.equipment-loadout .sa-analyzer-requirements,.sa-equipment-loadout .analyzer-requirements,.sa-equipment-loadout .sa-analyzer-requirements{background:#0000004d;border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.equipment-loadout .analyzer-requirements>div,.equipment-loadout .sa-analyzer-requirements>div,.sa-equipment-loadout .analyzer-requirements>div,.sa-equipment-loadout .sa-analyzer-requirements>div{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0)}.equipment-loadout .sa-upgrade-confirmation,.equipment-loadout .upgrade-confirmation,.sa-equipment-loadout .sa-upgrade-confirmation,.sa-equipment-loadout .upgrade-confirmation{animation:saElModalSlideIn .3s ease-out both;padding:2rem;text-align:center}.equipment-loadout .sa-upgrade-confirmation p,.equipment-loadout .upgrade-confirmation p,.sa-equipment-loadout .sa-upgrade-confirmation p,.sa-equipment-loadout .upgrade-confirmation p{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:1rem;margin-bottom:2rem}.equipment-loadout .modal-actions,.equipment-loadout .sa-modal-actions,.sa-equipment-loadout .modal-actions,.sa-equipment-loadout .sa-modal-actions{display:flex;gap:1rem;justify-content:center}.equipment-loadout .modal-actions button:focus-visible,.equipment-loadout .sa-modal-actions button:focus-visible,.sa-equipment-loadout .modal-actions button:focus-visible,.sa-equipment-loadout .sa-modal-actions button:focus-visible{outline:2px solid #39ff14bf;outline-offset:3px}.equipment-loadout .modal-actions button:active,.equipment-loadout .sa-modal-actions button:active,.sa-equipment-loadout .modal-actions button:active,.sa-equipment-loadout .sa-modal-actions button:active{opacity:.82;transform:scale(.97)}.equipment-loadout button:focus-visible,.sa-equipment-loadout button:focus-visible{outline:2px solid #39ff14b3;outline-offset:3px}.equipment-loadout button:active,.sa-equipment-loadout button:active{opacity:.85;transform:scale(.97)}.sa-equipment-loadout .sa-analyzer-card-skeleton,.sa-equipment-loadout .sa-tier-card-skeleton{background:#1e1e28e6;border:2px solid #ffffff0f;border-radius:12px;overflow:hidden;padding:1.5rem}.sa-equipment-loadout .sa-skeleton-line{animation:saElSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff1a 200px,#ffffff0a 400px);background-size:800px 14px;border-radius:6px;height:14px;margin-bottom:.75rem}.sa-equipment-loadout .sa-skeleton-line.sa-sk-header{height:18px;margin-bottom:1rem;width:50%}.sa-equipment-loadout .sa-skeleton-line.sa-sk-full{width:100%}.sa-equipment-loadout .sa-skeleton-line.sa-sk-short{width:65%}.sa-equipment-loadout .sa-skeleton-line.sa-sk-btn{border-radius:8px;height:36px;margin-bottom:0;margin-top:.5rem;width:80%}@media (max-width:768px){.equipment-loadout,.sa-equipment-loadout{padding:1.25rem}.equipment-loadout h2,.sa-equipment-loadout h2{font-size:1.5rem;margin-bottom:1.5rem}.equipment-loadout .sa-upgrade-tiers,.equipment-loadout .upgrade-tiers,.sa-equipment-loadout .sa-upgrade-tiers,.sa-equipment-loadout .upgrade-tiers{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.equipment-loadout .analyzers-grid,.equipment-loadout .sa-analyzers-grid,.sa-equipment-loadout .analyzers-grid,.sa-equipment-loadout .sa-analyzers-grid{gap:1rem;grid-template-columns:1fr}.equipment-loadout .current-equipment,.equipment-loadout .sa-current-equipment,.sa-equipment-loadout .current-equipment,.sa-equipment-loadout .sa-current-equipment{padding:1.25rem}}@media (max-width:480px){.equipment-loadout,.sa-equipment-loadout{padding:1rem}.equipment-loadout h2,.sa-equipment-loadout h2{font-size:1.25rem}.equipment-loadout .sa-upgrade-tiers,.equipment-loadout .upgrade-tiers,.sa-equipment-loadout .sa-upgrade-tiers,.sa-equipment-loadout .upgrade-tiers{grid-template-columns:1fr}.equipment-loadout .analyzer-card,.equipment-loadout .sa-analyzer-card,.equipment-loadout .sa-tier-card,.equipment-loadout .tier-card,.sa-equipment-loadout .analyzer-card,.sa-equipment-loadout .sa-analyzer-card,.sa-equipment-loadout .sa-tier-card,.sa-equipment-loadout .tier-card{padding:1.25rem}.equipment-loadout .modal-actions,.equipment-loadout .sa-modal-actions,.sa-equipment-loadout .modal-actions,.sa-equipment-loadout .sa-modal-actions{align-items:center;flex-direction:column}.equipment-loadout .modal-actions button,.equipment-loadout .sa-modal-actions button,.sa-equipment-loadout .modal-actions button,.sa-equipment-loadout .sa-modal-actions button{width:100%}.equipment-loadout .sa-upgrade-confirmation,.equipment-loadout .upgrade-confirmation,.sa-equipment-loadout .sa-upgrade-confirmation,.sa-equipment-loadout .upgrade-confirmation{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.equipment-loadout .analyzer-card,.equipment-loadout .sa-analyzer-card,.equipment-loadout .sa-tier-card,.equipment-loadout .sa-tier-card.current,.equipment-loadout .sa-tier-card.sa-current,.equipment-loadout .tier-card,.equipment-loadout .tier-card.current,.equipment-loadout .tier-card.sa-current,.sa-equipment-loadout .analyzer-card,.sa-equipment-loadout .sa-analyzer-card,.sa-equipment-loadout .sa-tier-card,.sa-equipment-loadout .sa-tier-card.current,.sa-equipment-loadout .sa-tier-card.sa-current,.sa-equipment-loadout .tier-card,.sa-equipment-loadout .tier-card.current,.sa-equipment-loadout .tier-card.sa-current{animation:none;opacity:1}.equipment-loadout .analyzer-card:active,.equipment-loadout .analyzer-card:hover,.equipment-loadout .sa-analyzer-card:active,.equipment-loadout .sa-analyzer-card:hover,.equipment-loadout .sa-tier-card:active,.equipment-loadout .sa-tier-card:hover,.equipment-loadout .tier-card:active,.equipment-loadout .tier-card:hover,.sa-equipment-loadout .analyzer-card:active,.sa-equipment-loadout .analyzer-card:hover,.sa-equipment-loadout .sa-analyzer-card:active,.sa-equipment-loadout .sa-analyzer-card:hover,.sa-equipment-loadout .sa-tier-card:active,.sa-equipment-loadout .sa-tier-card:hover,.sa-equipment-loadout .tier-card:active,.sa-equipment-loadout .tier-card:hover{transform:none}.equipment-loadout .current-equipment,.equipment-loadout .sa-current-equipment,.equipment-loadout .tier-card.sa-upgrade-flash,.sa-equipment-loadout .current-equipment,.sa-equipment-loadout .sa-current-equipment,.sa-equipment-loadout .sa-tier-card.sa-upgrade-flash{animation:none}.equipment-loadout .analyzer-card.owned:after,.equipment-loadout .analyzer-card.sa-owned:after,.equipment-loadout .sa-analyzer-card.owned:after,.equipment-loadout .sa-analyzer-card.sa-owned:after,.sa-equipment-loadout .analyzer-card.owned:after,.sa-equipment-loadout .analyzer-card.sa-owned:after,.sa-equipment-loadout .sa-analyzer-card.owned:after,.sa-equipment-loadout .sa-analyzer-card.sa-owned:after{animation:none;opacity:1}.equipment-loadout .sa-upgrade-confirmation,.equipment-loadout .upgrade-confirmation,.sa-equipment-loadout .sa-upgrade-confirmation,.sa-equipment-loadout .upgrade-confirmation{animation:none}.sa-equipment-loadout .sa-skeleton-line{animation:none;background:#ffffff0f}.equipment-loadout .modal-actions button:active,.equipment-loadout .sa-modal-actions button:active,.equipment-loadout button:active,.sa-equipment-loadout .modal-actions button:active,.sa-equipment-loadout .sa-modal-actions button:active,.sa-equipment-loadout button:active{transform:none}}@keyframes saShopCardEntrance{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes saPurchaseFlash{0%{background:#f59e0b00;box-shadow:0 0 0 0 #f59e0b00}25%{background:#f59e0b1f;box-shadow:0 0 24px 6px #f59e0b8c}60%{background:#f59e0b0d;box-shadow:0 0 12px 2px #f59e0b40}to{background:#0000;box-shadow:none}}@keyframes saSpGlow{0%,to{box-shadow:0 0 6px 1px #f59e0b40}50%{box-shadow:0 0 14px 4px #f59e0b80}}@keyframes saInsufficientFadeIn{0%{opacity:0}to{opacity:1}}@keyframes saCardBorderPulse{0%,to{border-color:#ffffff14}50%{border-color:#f59e0b59}}.sa-salvage-shop,.salvage-shop{padding:2rem}.sa-salvage-shop .sa-shop-header,.sa-salvage-shop .shop-header,.salvage-shop .sa-shop-header,.salvage-shop .shop-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.sa-salvage-shop .sa-shop-header h2,.sa-salvage-shop .shop-header h2,.salvage-shop .sa-shop-header h2,.salvage-shop .shop-header h2{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:2rem;letter-spacing:.03em;margin:0}.sa-salvage-shop .player-sp,.sa-salvage-shop .sa-player-sp,.salvage-shop .player-sp,.salvage-shop .sa-player-sp{align-items:center;display:flex;gap:.75rem}.sa-salvage-shop .sa-sp-label,.sa-salvage-shop .sp-label,.salvage-shop .sa-sp-label,.salvage-shop .sp-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.9375rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sa-salvage-shop .sa-sp-amount,.sa-salvage-shop .sp-amount,.salvage-shop .sa-sp-amount,.salvage-shop .sp-amount{animation:saSpGlow 3s ease-in-out infinite;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:6px;color:#f59e0b;font-size:1.25rem;font-weight:700;letter-spacing:.04em;padding:.4rem 1rem}.sa-salvage-shop .sa-shop-grid,.sa-salvage-shop .shop-grid,.salvage-shop .sa-shop-grid,.salvage-shop .shop-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sa-salvage-shop .sa-shop-item-card,.sa-salvage-shop .shop-item-card,.salvage-shop .sa-shop-item-card,.salvage-shop .shop-item-card{animation:saShopCardEntrance .45s ease both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.08s);background:#ffffff08;border:2px solid #ffffff14;border-radius:10px;cursor:pointer;outline:none;padding:1.5rem;position:relative;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.sa-salvage-shop .sa-shop-item-card:hover,.sa-salvage-shop .shop-item-card:hover,.salvage-shop .sa-shop-item-card:hover,.salvage-shop .shop-item-card:hover{background:#f59e0b0a;border-color:#f59e0b8c;box-shadow:0 8px 24px #00000059;transform:translateY(-4px)}.sa-salvage-shop .sa-shop-item-card:focus-visible,.sa-salvage-shop .shop-item-card:focus-visible,.salvage-shop .sa-shop-item-card:focus-visible,.salvage-shop .shop-item-card:focus-visible{border-color:#f59e0bcc;box-shadow:0 0 0 3px #f59e0b4d;outline:none}.sa-salvage-shop .sa-shop-item-card.sa-purchase-flash,.salvage-shop .shop-item-card.sa-purchase-flash{animation:saPurchaseFlash .7s ease forwards}.sa-salvage-shop .sa-shop-item-card.sa-cant-afford,.salvage-shop .shop-item-card.sa-cant-afford{animation-name:saShopCardEntrance;border-color:#ffffff0d;opacity:.6;pointer-events:auto}.sa-salvage-shop .sa-shop-item-card.sa-cant-afford:after,.salvage-shop .shop-item-card.sa-cant-afford:after{align-items:center;animation:saInsufficientFadeIn .2s ease forwards;animation-play-state:paused;background:#0000008c;border-radius:10px;color:#ef4444;content:"Insufficient SP";display:flex;font-size:.875rem;font-weight:700;inset:0;justify-content:center;letter-spacing:.08em;opacity:0;pointer-events:none;position:absolute;text-transform:uppercase;transition:opacity .2s ease}.sa-salvage-shop .sa-shop-item-card.sa-cant-afford:hover:after,.salvage-shop .shop-item-card.sa-cant-afford:hover:after{animation-play-state:running;opacity:1}.sa-salvage-shop .item-icon,.sa-salvage-shop .sa-item-icon,.salvage-shop .item-icon,.salvage-shop .sa-item-icon{align-items:center;display:flex;font-size:0;height:3.5rem;justify-content:center;line-height:0;margin:0 auto 1rem;width:3.5rem}.sa-salvage-shop .item-name,.sa-salvage-shop .sa-item-name,.salvage-shop .item-name,.salvage-shop .sa-item-name{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 .6rem}.sa-salvage-shop .item-description,.sa-salvage-shop .sa-item-description,.salvage-shop .item-description,.salvage-shop .sa-item-description{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:.875rem;line-height:1.55;margin-bottom:1.5rem;min-height:3rem}.sa-salvage-shop .item-price,.sa-salvage-shop .sa-item-price,.salvage-shop .item-price,.salvage-shop .sa-item-price{color:#f59e0b;font-size:1.05rem;font-weight:600;margin-bottom:1.5rem}.sa-salvage-shop .sa-buy-btn{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b80;border-radius:6px;color:#f59e0b;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.05em;outline:none;padding:.55rem 1.4rem;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease}.sa-salvage-shop .sa-buy-btn:hover:not(:disabled){background:#f59e0b38;border-color:#f59e0bcc;box-shadow:0 0 10px #f59e0b4d}.sa-salvage-shop .sa-buy-btn:focus-visible{box-shadow:0 0 0 3px #f59e0b59;outline:none}.sa-salvage-shop .sa-buy-btn:active:not(:disabled){background:#f59e0b47;transform:scale(.95)}.sa-salvage-shop .sa-buy-btn:disabled{background:#ffffff0a;border-color:#ffffff1a;color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);cursor:not-allowed;opacity:.4}.sa-salvage-shop.sa-loading,.salvage-shop.loading{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);padding:4rem;text-align:center}.sa-salvage-shop .sa-shop-skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sa-salvage-shop .sa-skeleton-card{align-items:center;background:#ffffff08;border:2px solid #ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.sa-salvage-shop .sa-skeleton-icon{animation:saSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:400px 100%;border-radius:50%;height:3.5rem;width:3.5rem}.sa-salvage-shop .sa-skeleton-title{animation:saSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:.1s;height:1.1rem;width:70%}.sa-salvage-shop .sa-skeleton-desc,.sa-salvage-shop .sa-skeleton-title{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:400px 100%;border-radius:4px}.sa-salvage-shop .sa-skeleton-desc{animation:saSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:.2s;height:2.8rem;width:90%}.sa-salvage-shop .sa-skeleton-price{animation:saSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:.3s;border-radius:4px;height:1rem;width:40%}.sa-salvage-shop .sa-skeleton-btn,.sa-salvage-shop .sa-skeleton-price{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:400px 100%}.sa-salvage-shop .sa-skeleton-btn{animation:saSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:.35s;border-radius:6px;height:2.2rem;width:7rem}@media (max-width:768px){.sa-salvage-shop,.salvage-shop{padding:1.25rem}.sa-salvage-shop .sa-shop-header,.sa-salvage-shop .shop-header,.salvage-shop .sa-shop-header,.salvage-shop .shop-header{align-items:flex-start;flex-direction:column;gap:.75rem}.sa-salvage-shop .sa-shop-header h2,.sa-salvage-shop .shop-header h2,.salvage-shop .sa-shop-header h2,.salvage-shop .shop-header h2{font-size:1.5rem}.sa-salvage-shop .sa-shop-grid,.sa-salvage-shop .sa-shop-skeleton-grid,.sa-salvage-shop .shop-grid,.salvage-shop .sa-shop-grid,.salvage-shop .shop-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:480px){.sa-salvage-shop,.salvage-shop{padding:1rem}.sa-salvage-shop .sa-shop-grid,.sa-salvage-shop .sa-shop-skeleton-grid,.sa-salvage-shop .shop-grid,.salvage-shop .sa-shop-grid,.salvage-shop .shop-grid{gap:.875rem;grid-template-columns:1fr}.sa-salvage-shop .sa-shop-item-card,.sa-salvage-shop .shop-item-card,.salvage-shop .sa-shop-item-card,.salvage-shop .shop-item-card{padding:1.1rem}.sa-salvage-shop .sa-shop-header h2,.sa-salvage-shop .shop-header h2,.salvage-shop .sa-shop-header h2,.salvage-shop .shop-header h2{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.sa-salvage-shop .sa-shop-item-card,.sa-salvage-shop .sa-shop-item-card.sa-purchase-flash,.sa-salvage-shop .shop-item-card,.salvage-shop .sa-shop-item-card,.salvage-shop .shop-item-card,.salvage-shop .shop-item-card.sa-purchase-flash{animation:none}.sa-salvage-shop .sa-shop-item-card:hover,.sa-salvage-shop .shop-item-card:hover,.salvage-shop .sa-shop-item-card:hover,.salvage-shop .shop-item-card:hover{transform:none}.sa-salvage-shop .sa-sp-amount,.sa-salvage-shop .sp-amount,.salvage-shop .sa-sp-amount,.salvage-shop .sp-amount{animation:none}.sa-salvage-shop .sa-buy-btn:active:not(:disabled){transform:none}.sa-salvage-shop .sa-skeleton-btn,.sa-salvage-shop .sa-skeleton-desc,.sa-salvage-shop .sa-skeleton-icon,.sa-salvage-shop .sa-skeleton-price,.sa-salvage-shop .sa-skeleton-title{animation:none;background:#ffffff14}}@keyframes saStatCardEntrance{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes saStatValueHighlight{0%{color:inherit;text-shadow:none}30%{color:#f59e0b;text-shadow:0 0 10px #f59e0b99}to{color:inherit;text-shadow:none}}@keyframes saStatPositiveFlash{0%{color:#10b981;color:var(--color-success,#10b981);text-shadow:none}30%{color:#34d399;text-shadow:0 0 12px #10b981b3}to{color:#10b981;color:var(--color-success,#10b981);text-shadow:none}}@keyframes saStatNegativeFlash{0%{color:#ef4444;color:var(--color-danger,#ef4444);text-shadow:none}30%{color:#f87171;text-shadow:0 0 12px #ef4444b3}to{color:#ef4444;color:var(--color-danger,#ef4444);text-shadow:none}}@keyframes saSectionHeaderGlow{0%,to{border-bottom-color:#ffffff1a}50%{border-bottom-color:#f59e0b4d}}.sa-statistics-panel,.statistics-panel{padding:2rem}.sa-statistics-panel .sa-stats-title,.statistics-panel .sa-stats-title{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:2rem;letter-spacing:.03em;margin:0 0 2rem}.sa-statistics-panel .sa-stats-grid,.sa-statistics-panel .stats-grid,.statistics-panel .sa-stats-grid,.statistics-panel .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sa-statistics-panel .sa-stat-card,.sa-statistics-panel .stat-card,.statistics-panel .sa-stat-card,.statistics-panel .stat-card{animation:saStatCardEntrance .45s ease both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.08s);background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:1.5rem;transition:border-color .25s ease,box-shadow .25s ease}.sa-statistics-panel .sa-stat-card:focus-visible,.sa-statistics-panel .stat-card:focus-visible,.statistics-panel .sa-stat-card:focus-visible,.statistics-panel .stat-card:focus-visible{border-color:#f59e0b99;box-shadow:0 0 0 3px #f59e0b40;outline:none}.sa-statistics-panel .sa-stat-card-header{align-items:center;animation:saSectionHeaderGlow 4s ease-in-out infinite;border-bottom:2px solid #ffffff1a;display:flex;gap:.6rem;margin:0 0 1.25rem;padding-bottom:.75rem}.sa-statistics-panel .sa-stat-card-icon{align-items:center;display:flex;flex-shrink:0;font-size:0;height:1.25rem;justify-content:center;width:1.25rem}.sa-statistics-panel .sa-stat-card-icon.sa-tier-common{background:#9ca3af}.sa-statistics-panel .sa-stat-card-icon.sa-tier-uncommon{background:#10b981}.sa-statistics-panel .sa-stat-card-icon.sa-tier-rare{background:#3b82f6}.sa-statistics-panel .sa-stat-card-icon.sa-tier-epic{background:#8b5cf6}.sa-statistics-panel .sa-stat-card-icon.sa-tier-legendary{background:#f59e0b}.sa-statistics-panel .sa-stat-card-title{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);font-size:1.15rem;font-weight:700;letter-spacing:.02em;margin:0}.sa-statistics-panel .sa-stat-rows,.sa-statistics-panel .stat-rows,.statistics-panel .sa-stat-rows,.statistics-panel .stat-rows{display:flex;flex-direction:column;gap:.9rem}.sa-statistics-panel .sa-stat-row,.sa-statistics-panel .stat-row,.statistics-panel .sa-stat-row,.statistics-panel .stat-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.sa-statistics-panel .sa-stat-label,.sa-statistics-panel .stat-label,.statistics-panel .sa-stat-label,.statistics-panel .stat-label{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);flex:1 1;font-size:.875rem;line-height:1.4;min-width:0}.sa-statistics-panel .sa-stat-value,.sa-statistics-panel .stat-value,.statistics-panel .sa-stat-value,.statistics-panel .stat-value{color:#e8e8e8;color:var(--color-text-primary,#e8e8e8);flex-shrink:0;font-size:1.1rem;font-weight:700;transition:color .2s ease,text-shadow .2s ease;white-space:nowrap}.sa-statistics-panel .sa-stat-value.sa-value-updated,.statistics-panel .stat-value.sa-value-updated{animation:saStatValueHighlight .7s ease forwards}.sa-statistics-panel .sa-stat-value.positive,.sa-statistics-panel .sa-stat-value.sa-positive,.sa-statistics-panel .stat-value.positive,.sa-statistics-panel .stat-value.sa-positive,.statistics-panel .sa-stat-value.positive,.statistics-panel .sa-stat-value.sa-positive,.statistics-panel .stat-value.positive,.statistics-panel .stat-value.sa-positive{color:#10b981;color:var(--color-success,#10b981);text-shadow:0 0 8px #10b98159}.sa-statistics-panel .sa-stat-value.sa-positive.sa-value-updated,.sa-statistics-panel .stat-value.positive.sa-value-updated,.statistics-panel .sa-stat-value.positive.sa-value-updated,.statistics-panel .stat-value.positive.sa-value-updated{animation:saStatPositiveFlash .7s ease forwards}.sa-statistics-panel .sa-stat-value.negative,.sa-statistics-panel .sa-stat-value.sa-negative,.sa-statistics-panel .stat-value.negative,.sa-statistics-panel .stat-value.sa-negative,.statistics-panel .sa-stat-value.negative,.statistics-panel .sa-stat-value.sa-negative,.statistics-panel .stat-value.negative,.statistics-panel .stat-value.sa-negative{color:#ef4444;color:var(--color-danger,#ef4444);text-shadow:0 0 8px #ef444459}.sa-statistics-panel .sa-stat-value.sa-negative.sa-value-updated,.sa-statistics-panel .stat-value.negative.sa-value-updated,.statistics-panel .sa-stat-value.negative.sa-value-updated,.statistics-panel .stat-value.negative.sa-value-updated{animation:saStatNegativeFlash .7s ease forwards}.sa-statistics-panel .sa-stat-value.sa-tier-common{color:#9ca3af}.sa-statistics-panel .sa-stat-value.sa-tier-uncommon{color:#10b981;text-shadow:0 0 6px #10b9814d}.sa-statistics-panel .sa-stat-value.sa-tier-rare{color:#60a5fa;text-shadow:0 0 6px #3b82f64d}.sa-statistics-panel .sa-stat-value.sa-tier-epic{color:#c084fc;text-shadow:0 0 6px #8b5cf64d}.sa-statistics-panel .sa-stat-value.sa-tier-legendary{color:#f59e0b;text-shadow:0 0 8px #f59e0b73}.sa-statistics-panel .sa-stats-skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sa-statistics-panel .sa-skeleton-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.sa-statistics-panel .sa-skeleton-card-title{animation:saSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:400px 100%;border-radius:4px;height:1.1rem;margin-bottom:.25rem;width:55%}.sa-statistics-panel .sa-skeleton-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.sa-statistics-panel .sa-skeleton-label{animation:saSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:.1s;flex:1 1;height:.85rem}.sa-statistics-panel .sa-skeleton-label,.sa-statistics-panel .sa-skeleton-value{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:400px 100%;border-radius:4px}.sa-statistics-panel .sa-skeleton-value{animation:saSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:.15s;flex-shrink:0;height:.95rem;width:4rem}@media (max-width:768px){.sa-statistics-panel,.statistics-panel{padding:1.25rem}.sa-statistics-panel .sa-stats-title,.statistics-panel .sa-stats-title{font-size:1.5rem;margin-bottom:1.5rem}.sa-statistics-panel .sa-stats-grid,.sa-statistics-panel .sa-stats-skeleton-grid,.sa-statistics-panel .stats-grid,.statistics-panel .sa-stats-grid,.statistics-panel .stats-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:480px){.sa-statistics-panel,.statistics-panel{padding:1rem}.sa-statistics-panel .sa-stats-title,.statistics-panel .sa-stats-title{font-size:1.25rem}.sa-statistics-panel .sa-stats-grid,.sa-statistics-panel .sa-stats-skeleton-grid,.sa-statistics-panel .stats-grid,.statistics-panel .sa-stats-grid,.statistics-panel .stats-grid{gap:.875rem;grid-template-columns:1fr}.sa-statistics-panel .sa-stat-card,.sa-statistics-panel .stat-card,.statistics-panel .sa-stat-card,.statistics-panel .stat-card{padding:1.1rem}.sa-statistics-panel .sa-stat-value,.sa-statistics-panel .stat-value,.statistics-panel .sa-stat-value,.statistics-panel .stat-value{font-size:1rem}}@media (prefers-reduced-motion:reduce){.sa-statistics-panel .sa-stat-card,.sa-statistics-panel .sa-stat-card-header,.sa-statistics-panel .sa-stat-value.sa-negative.sa-value-updated,.sa-statistics-panel .sa-stat-value.sa-positive.sa-value-updated,.sa-statistics-panel .sa-stat-value.sa-value-updated,.sa-statistics-panel .stat-card,.sa-statistics-panel .stat-value.negative.sa-value-updated,.sa-statistics-panel .stat-value.positive.sa-value-updated,.sa-statistics-panel .stat-value.sa-value-updated,.statistics-panel .sa-stat-card,.statistics-panel .sa-stat-value.negative.sa-value-updated,.statistics-panel .sa-stat-value.positive.sa-value-updated,.statistics-panel .sa-stat-value.sa-value-updated,.statistics-panel .stat-card,.statistics-panel .stat-value.negative.sa-value-updated,.statistics-panel .stat-value.positive.sa-value-updated,.statistics-panel .stat-value.sa-value-updated{animation:none}.sa-statistics-panel .sa-skeleton-card-title,.sa-statistics-panel .sa-skeleton-label,.sa-statistics-panel .sa-skeleton-value{animation:none;background:#ffffff14}}.tutorial-overlay{pointer-events:none;z-index:var(--z-index-toast)}.tutorial-backdrop,.tutorial-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.tutorial-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;pointer-events:all;z-index:calc(var(--z-index-toast) + 1)}.tutorial-highlight{animation:pulse-highlight 2s infinite;border:3px solid #0ff;border-radius:8px;box-shadow:0 0 20px #00ffff80;pointer-events:none;position:fixed;z-index:calc(var(--z-index-toast) + 2)}@keyframes pulse-highlight{0%,to{box-shadow:0 0 20px #00ffff80}50%{box-shadow:0 0 30px #0ffc}}.tutorial-card{animation:fadeInScale .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #0ff;border-radius:12px;box-shadow:0 8px 32px #000c;padding:24px;pointer-events:all;position:fixed;width:400px;z-index:calc(var(--z-index-toast) + 3)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tutorial-card:before{background:linear-gradient(45deg,#0ff,#08f,#0ff);border-radius:12px;bottom:-2px;content:"";filter:blur(10px);left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.tutorial-card-center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}.tutorial-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:20px;overflow:hidden;width:100%}.tutorial-progress-bar{background:linear-gradient(90deg,#0ff,#08f);height:100%;transition:width .3s ease}.tutorial-content{margin-bottom:24px}.tutorial-title{color:#0ff;font-size:20px;font-weight:700;margin:0 0 12px;text-shadow:0 0 10px #00ffff80}.tutorial-text{color:#e0e0e0;font-size:15px;line-height:1.6;margin:0}.tutorial-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tutorial-nav-controls{display:flex;gap:8px}.tutorial-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s}.tutorial-btn:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.tutorial-btn:active{transform:translateY(0)}.tutorial-btn-primary{background:linear-gradient(135deg,#0ff,#08f);color:var(--color-text-on-badge)}.tutorial-btn-primary:hover{background:linear-gradient(135deg,#3ff,#3af)}.tutorial-btn-secondary{background:#ffffff1a;border:1px solid #0ff;color:#0ff}.tutorial-btn-secondary:hover{background:#0ff3}.tutorial-btn-skip{background:#0000;color:#888;font-size:12px;padding:8px 12px}.tutorial-btn-skip:hover{background:#ffffff0d;color:#aaa}.tutorial-steps{display:flex;gap:8px;justify-content:center}.tutorial-step-dot{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .2s;width:10px}.tutorial-step-dot:hover{background:#fff6;transform:scale(1.2)}.tutorial-step-dot.active{background:#0ff;box-shadow:0 0 10px #00ffff80;transform:scale(1.3)}.tutorial-step-dot.completed{background:#00ffff80}@media (max-width:768px){.tutorial-card{left:50%!important;max-width:400px;top:50%!important;transform:translate(-50%,-50%)!important;width:90%}.tutorial-nav{flex-direction:column;gap:12px}.tutorial-nav-controls{width:100%}.tutorial-btn{flex:1 1}}.tutorial-pointer{animation:bounce-pointer 1s infinite;border-bottom:20px solid #0ff;border-left:15px solid #0000;border-right:15px solid #0000;height:0;position:fixed;width:0;z-index:calc(var(--z-index-toast) + 4)}@keyframes bounce-pointer{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.tutorial-card,.tutorial-highlight,.tutorial-pointer{animation:none}.tutorial-btn:hover,.tutorial-step-dot.active,.tutorial-step-dot:hover{transform:none}}.salvage-archipelago-hub{background:linear-gradient(180deg,#0a0a0a,#0d0808 50%,#0a0a0a);margin:0 auto;max-width:1800px;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.salvage-archipelago-hub:before{animation:saStarTwinkle 8s ease-in-out infinite alternate;background:radial-gradient(1.5px 1.5px at 5% 8%,#ffffffb3 50%,#0000 0),radial-gradient(1px 1px at 12% 25%,#ffc89680 50%,#0000 0),radial-gradient(1.5px 1.5px at 20% 65%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 28% 40%,#96c8ff80 50%,#0000 0),radial-gradient(2px 2px at 35% 12%,#fffc 50%,#0000 0),radial-gradient(1px 1px at 42% 78%,#ffdcb466 50%,#0000 0),radial-gradient(1.5px 1.5px at 50% 35%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 58% 90%,#c8c8ff80 50%,#0000 0),radial-gradient(1.5px 1.5px at 65% 55%,#ffffffb3 50%,#0000 0),radial-gradient(1px 1px at 72% 20%,#ffb49666 50%,#0000 0),radial-gradient(2px 2px at 78% 70%,#fffc 50%,#0000 0),radial-gradient(1px 1px at 85% 45%,#b4dcff80 50%,#0000 0),radial-gradient(1.5px 1.5px at 92% 85%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 97% 15%,#ffc8c866 50%,#0000 0),radial-gradient(1.5px 1.5px at 8% 50%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 15% 82%,#c8ffc866 50%,#0000 0),radial-gradient(2px 2px at 22% 10%,#ffffffb3 50%,#0000 0),radial-gradient(1px 1px at 30% 58%,#ffe6b480 50%,#0000 0),radial-gradient(1.5px 1.5px at 38% 92%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 45% 22%,#b4b4ff66 50%,#0000 0),radial-gradient(1.5px 1.5px at 52% 68%,#ffffffb3 50%,#0000 0),radial-gradient(1px 1px at 60% 42%,#ffc89680 50%,#0000 0),radial-gradient(2px 2px at 68% 5%,#fffc 50%,#0000 0),radial-gradient(1px 1px at 75% 88%,#c8ffff66 50%,#0000 0),radial-gradient(1.5px 1.5px at 82% 32%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 88% 62%,#ffb4b480 50%,#0000 0),radial-gradient(1.5px 1.5px at 95% 48%,#ffffffb3 50%,#0000 0),radial-gradient(1px 1px at 3% 72%,#dcdcff66 50%,#0000 0),radial-gradient(2px 2px at 18% 95%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 33% 30%,#ffc8b480 50%,#0000 0),radial-gradient(1.5px 1.5px at 48% 52%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 55% 15%,#b4ffdc66 50%,#0000 0),radial-gradient(1.5px 1.5px at 63% 80%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 70% 38%,#ffdcc880 50%,#0000 0),radial-gradient(2px 2px at 80% 55%,#ffffffb3 50%,#0000 0),radial-gradient(1px 1px at 90% 25%,#c8c8ff66 50%,#0000 0),radial-gradient(1.5px 1.5px at 25% 75%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 40% 48%,#ffb4dc66 50%,#0000 0),radial-gradient(1.5px 1.5px at 57% 3%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 73% 60%,#b4ffc866 50%,#0000 0);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@keyframes saStarTwinkle{0%{opacity:.4}50%{opacity:.7}to{opacity:.5}}.salvage-archipelago-hub:after{animation:saOceanMist 12s ease-in-out infinite alternate;background:radial-gradient(ellipse 80px 40px at 10% 85%,#38bdf80f 0,#0000 70%),radial-gradient(ellipse 120px 50px at 30% 90%,#14b8a60d 0,#0000 70%),radial-gradient(ellipse 90px 35px at 55% 88%,#38bdf80a 0,#0000 70%),radial-gradient(ellipse 100px 45px at 75% 92%,#14b8a60f 0,#0000 70%),radial-gradient(ellipse 70px 30px at 90% 87%,#38bdf80d 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@keyframes saOceanMist{0%{opacity:.5;transform:translateX(0)}to{opacity:.8;transform:translateX(20px)}}.salvage-archipelago-hub>*{position:relative;z-index:1}.salvage-archipelago-hub.loading{align-items:center;display:flex;justify-content:center}.loading-spinner,.sa-loading-spinner{text-align:center}.loading-spinner .spinner,.sa-loading-spinner .sa-spinner{animation:saSpin 1s linear infinite;border:4px solid #dc262633;border-radius:50%;border-top:4px solid var(--color-brand-primary,#dc2626);height:60px;margin:0 auto 1rem;width:60px}@keyframes saSpin{to{transform:rotate(1turn)}}.hub-header,.sa-hub-header{margin-bottom:2rem;position:relative;text-align:center}.hub-header h1,.sa-hub-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e8e8e8,#dc2626 50%,#991b1b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.hub-subtitle,.sa-hub-subtitle{color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);font-size:1.125rem}.exit-button,.sa-exit-button{background:#ef444433;border:1px solid #ef4444;border:1px solid var(--color-danger,#ef4444);border-radius:8px;color:#ef4444;color:var(--color-danger,#ef4444);cursor:pointer;padding:.5rem 1rem;position:absolute;right:0;top:0;transition:all .3s}.exit-button:hover,.sa-exit-button:hover{background:#ef44444d;transform:translateY(-2px)}.exit-button:focus-visible,.sa-exit-button:focus-visible{outline:2px solid #ef4444;outline:2px solid var(--color-danger,#ef4444);outline-offset:2px}.hub-tabs,.sa-hub-tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto}.hub-tabs .tab,.sa-hub-tabs .sa-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#b0b0b0;color:var(--color-text-secondary,#b0b0b0);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem 1.5rem;transition:all .3s;white-space:nowrap}.hub-tabs .tab:hover,.sa-hub-tabs .sa-tab:hover{background:#ffffff0d;color:#e8e8e8;color:var(--color-text-primary,#e8e8e8)}.hub-tabs .tab.active,.sa-hub-tabs .sa-tab.active{border-bottom-color:#dc2626;border-bottom-color:var(--color-brand-primary,#dc2626);color:#dc2626;color:var(--color-brand-primary,#dc2626);font-weight:700}.hub-tabs .tab:focus-visible,.sa-hub-tabs .sa-tab:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--color-brand-primary,#dc2626);outline-offset:-2px}.hub-content,.sa-hub-content{animation:saFadeIn .3s ease-out;min-height:400px}@keyframes saFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.explore-tab,.sa-explore-tab{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.main-exploration-area,.sa-main-exploration-area{min-height:500px}.exploration-sidebar,.sa-exploration-sidebar{display:flex;flex-direction:column;gap:1.5rem}.hub-header:after,.sa-hub-header:after{animation:saHeaderScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#dc262699,#0000);bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0}@keyframes saHeaderScanLine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sa-skeleton{animation:saSkeletonShimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:8px}@keyframes saSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sa-skeleton-card{border-radius:12px;height:200px}.sa-skeleton-text{height:16px;margin-bottom:.5rem;width:60%}.sa-skeleton-text-short{height:14px;width:40%}.sa-skeleton-btn{border-radius:6px;height:40px;width:120px}.sa-skeleton-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sa-celebration-burst{pointer-events:none;position:absolute;z-index:100}.sa-celebration-particle{animation:saParticleBurst .8s ease-out forwards;border-radius:50%;height:6px;position:absolute;width:6px}@keyframes saParticleBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(30px,-30px) scale(.3);transform:translate(var(--sa-dx,30px),var(--sa-dy,-30px)) scale(.3)}}.sa-celebration-flash{animation:saCelebrationFlash .5s ease-out forwards;background:#dc26264d;border-radius:inherit;inset:0;pointer-events:none;position:absolute}@keyframes saCelebrationFlash{0%{opacity:1}to{opacity:0}}[class*=" sa-icon-"],[class^=sa-icon-]{display:inline-block;flex-shrink:0;height:1em;vertical-align:middle;width:1em}.sa-icon-island{background:linear-gradient(135deg,#10b981 40%,#065f46);-webkit-clip-path:polygon(40% 0,60% 0,55% 35%,80% 30%,70% 45%,90% 40%,55% 55%,58% 100%,42% 100%,45% 55%,10% 40%,30% 45%,20% 30%,45% 35%);clip-path:polygon(40% 0,60% 0,55% 35%,80% 30%,70% 45%,90% 40%,55% 55%,58% 100%,42% 100%,45% 55%,10% 40%,30% 45%,20% 30%,45% 35%)}.sa-icon-exit{background:linear-gradient(135deg,#ef4444 30%,#991b1b);-webkit-clip-path:polygon(0 0,70% 0,70% 40%,100% 50%,70% 60%,70% 100%,0 100%);clip-path:polygon(0 0,70% 0,70% 40%,100% 50%,70% 60%,70% 100%,0 100%)}.sa-icon-map{background:linear-gradient(135deg,#d97706 30%,#92400e);-webkit-clip-path:polygon(0 10%,33% 0,66% 10%,100% 0,100% 90%,66% 100%,33% 90%,0 100%);clip-path:polygon(0 10%,33% 0,66% 10%,100% 0,100% 90%,66% 100%,33% 90%,0 100%)}.sa-icon-wrench{background:linear-gradient(135deg,#9ca3af 30%,#4b5563);-webkit-clip-path:polygon(30% 0,70% 0,70% 25%,100% 25%,100% 45%,70% 45%,70% 55%,100% 55%,100% 75%,70% 75%,70% 100%,30% 100%,30% 75%,0 75%,0 55%,30% 55%,30% 45%,0 45%,0 25%,30% 25%);clip-path:polygon(30% 0,70% 0,70% 25%,100% 25%,100% 45%,70% 45%,70% 55%,100% 55%,100% 75%,70% 75%,70% 100%,30% 100%,30% 75%,0 75%,0 55%,30% 55%,30% 45%,0 45%,0 25%,30% 25%)}.sa-icon-shop{background:linear-gradient(135deg,#f59e0b 30%,#b45309);-webkit-clip-path:polygon(5% 0,25% 0,30% 25%,95% 25%,85% 65%,25% 65%,20% 45%,0 45%,0 35%,15% 35%,20% 55%,80% 55%,88% 35%,28% 35%,22% 10%,5% 10%);clip-path:polygon(5% 0,25% 0,30% 25%,95% 25%,85% 65%,25% 65%,20% 45%,0 45%,0 35%,15% 35%,20% 55%,80% 55%,88% 35%,28% 35%,22% 10%,5% 10%)}.sa-icon-stats{background:linear-gradient(135deg,#6366f1 30%,#4338ca);-webkit-clip-path:polygon(0 100%,0 65%,15% 65%,15% 100%,25% 100%,25% 40%,40% 40%,40% 100%,50% 100%,50% 20%,65% 20%,65% 100%,75% 100%,75% 55%,90% 55%,90% 100%,100% 100%,100% 10%,85% 10%,85% 45%,80% 45%,80% 100%);clip-path:polygon(0 100%,0 65%,15% 65%,15% 100%,25% 100%,25% 40%,40% 40%,40% 100%,50% 100%,50% 20%,65% 20%,65% 100%,75% 100%,75% 55%,90% 55%,90% 100%,100% 100%,100% 10%,85% 10%,85% 45%,80% 45%,80% 100%)}.sa-icon-detector{background:linear-gradient(135deg,#22d3ee 30%,#0891b2);-webkit-clip-path:polygon(45% 0,55% 0,55% 40%,85% 10%,90% 15%,58% 48%,100% 48%,100% 52%,58% 52%,90% 85%,85% 90%,55% 60%,55% 100%,45% 100%,45% 60%,15% 90%,10% 85%,42% 52%,0 52%,0 48%,42% 48%,10% 15%,15% 10%,45% 40%);clip-path:polygon(45% 0,55% 0,55% 40%,85% 10%,90% 15%,58% 48%,100% 48%,100% 52%,58% 52%,90% 85%,85% 90%,55% 60%,55% 100%,45% 100%,45% 60%,15% 90%,10% 85%,42% 52%,0 52%,0 48%,42% 48%,10% 15%,15% 10%,45% 40%)}.sa-icon-signal-none{background:#6b7280}.sa-icon-signal-none,.sa-icon-signal-weak{border-radius:50%;height:.75em;width:.75em}.sa-icon-signal-weak{background:radial-gradient(circle,#ef4444 40%,#991b1b 100%);box-shadow:0 0 4px #ef444480}.sa-icon-signal-medium{background:radial-gradient(circle,#f59e0b 40%,#b45309 100%);border-radius:50%;box-shadow:0 0 4px #f59e0b80;height:.75em;width:.75em}.sa-icon-signal-strong{background:radial-gradient(circle,#10b981 40%,#065f46 100%);border-radius:50%;box-shadow:0 0 4px #10b98180;height:.75em;width:.75em}.sa-icon-analyzer{background:linear-gradient(135deg,#a78bfa 30%,#7c3aed);-webkit-clip-path:polygon(35% 0,65% 0,65% 30%,80% 40%,80% 55%,65% 65%,60% 100%,40% 100%,35% 65%,20% 55%,20% 40%,35% 30%);clip-path:polygon(35% 0,65% 0,65% 30%,80% 40%,80% 55%,65% 65%,60% 100%,40% 100%,35% 65%,20% 55%,20% 40%,35% 30%)}.sa-icon-scan{background:linear-gradient(135deg,#34d399 30%,#059669);-webkit-clip-path:polygon(60% 0,85% 0,85% 25%,100% 35%,100% 65%,85% 75%,85% 58%,58% 58%,58% 85%,75% 85%,65% 100%,35% 100%,25% 85%,42% 85%,42% 58%,15% 58%,15% 75%,0 65%,0 35%,15% 25%,15% 42%,42% 42%,42% 15%,25% 15%,35% 0);clip-path:polygon(60% 0,85% 0,85% 25%,100% 35%,100% 65%,85% 75%,85% 58%,58% 58%,58% 85%,75% 85%,65% 100%,35% 100%,25% 85%,42% 85%,42% 58%,15% 58%,15% 75%,0 65%,0 35%,15% 25%,15% 42%,42% 42%,42% 15%,25% 15%,35% 0)}.sa-icon-excavator{background:linear-gradient(135deg,#f97316 30%,#c2410c);-webkit-clip-path:polygon(75% 0,100% 5%,50% 55%,55% 60%,45% 70%,35% 60%,40% 55%,30% 45%,10% 100%,0 95%,25% 40%);clip-path:polygon(75% 0,100% 5%,50% 55%,55% 60%,45% 70%,35% 60%,40% 55%,30% 45%,10% 100%,0 95%,25% 40%)}.sa-icon-warning{background:linear-gradient(180deg,#fbbf24 30%,#f59e0b);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.sa-icon-celebration{background:linear-gradient(135deg,#fbbf24 30%,#d97706);-webkit-clip-path:polygon(20% 0,80% 0,90% 30%,70% 30%,65% 55%,70% 60%,70% 70%,30% 70%,30% 60%,35% 55%,30% 30%,10% 30%);clip-path:polygon(20% 0,80% 0,90% 30%,70% 30%,65% 55%,70% 60%,70% 70%,30% 70%,30% 60%,35% 55%,30% 30%,10% 30%)}.sa-icon-credits{background:linear-gradient(135deg,#fbbf24 30%,#b45309);border-radius:50%}.sa-icon-gold{background:radial-gradient(circle at 40% 40%,#fde68a,#d97706);border-radius:50%}.sa-icon-crate{background:linear-gradient(135deg,#a78bfa 20%,#6d28d9);-webkit-clip-path:polygon(10% 25%,50% 5%,90% 25%,90% 80%,50% 100%,10% 80%);clip-path:polygon(10% 25%,50% 5%,90% 25%,90% 80%,50% 100%,10% 80%)}.sa-icon-empty{background:linear-gradient(135deg,#6b7280 30%,#374151);-webkit-clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);clip-path:polygon(50% 10%,90% 50%,50% 90%,10% 50%);opacity:.5}.sa-icon-compass{background:conic-gradient(from 0deg,#ef4444 0deg 90deg,#e5e7eb 90deg 180deg,#3b82f6 180deg 270deg,#e5e7eb 270deg 1turn);border:2px solid #374151;border-radius:50%}.sa-icon-debris{background:linear-gradient(135deg,#78716c 30%,#44403c);-webkit-clip-path:polygon(20% 20%,40% 0,80% 10%,100% 40%,90% 80%,50% 100%,10% 80%,0 50%);clip-path:polygon(20% 20%,40% 0,80% 10%,100% 40%,90% 80%,50% 100%,10% 80%,0 50%)}.sa-icon-wreckage{background:linear-gradient(135deg,#92400e 30%,#451a03);-webkit-clip-path:polygon(10% 30%,30% 0,70% 5%,95% 25%,85% 65%,100% 85%,60% 100%,20% 90%,0 60%);clip-path:polygon(10% 30%,30% 0,70% 5%,95% 25%,85% 65%,100% 85%,60% 100%,20% 90%,0 60%)}.sa-icon-nexus{background:linear-gradient(135deg,#7c3aed 30%,#4c1d95);box-shadow:0 0 6px #7c3aed66;-webkit-clip-path:polygon(50% 0,80% 20%,100% 50%,80% 80%,50% 100%,20% 80%,0 50%,20% 20%);clip-path:polygon(50% 0,80% 20%,100% 50%,80% 80%,50% 100%,20% 80%,0 50%,20% 20%)}.sa-icon-cache{background:linear-gradient(135deg,#fbbf24 30%,#92400e);-webkit-clip-path:polygon(15% 30%,85% 30%,100% 45%,100% 90%,0 90%,0 45%);clip-path:polygon(15% 30%,85% 30%,100% 45%,100% 90%,0 90%,0 45%)}.sa-icon-pin{background:linear-gradient(180deg,#ef4444 60%,#991b1b);-webkit-clip-path:polygon(50% 100%,20% 55%,5% 30%,10% 10%,30% 0,70% 0,90% 10%,95% 30%,80% 55%);clip-path:polygon(50% 100%,20% 55%,5% 30%,10% 10%,30% 0,70% 0,90% 10%,95% 30%,80% 55%)}.sa-icon-ticket{background:linear-gradient(135deg,#f59e0b 30%,#b45309);-webkit-clip-path:polygon(0 20%,100% 20%,100% 40%,90% 50%,100% 60%,100% 80%,0 80%,0 60%,10% 50%,0 40%);clip-path:polygon(0 20%,100% 20%,100% 40%,90% 50%,100% 60%,100% 80%,0 80%,0 60%,10% 50%,0 40%)}.sa-icon-energy{background:linear-gradient(180deg,#fbbf24 20%,#f59e0b);-webkit-clip-path:polygon(60% 0,25% 45%,50% 45%,35% 100%,75% 50%,50% 50%);clip-path:polygon(60% 0,25% 45%,50% 45%,35% 100%,75% 50%,50% 50%)}.sa-icon-blueprint{background:linear-gradient(135deg,#38bdf8 30%,#0284c7);-webkit-clip-path:polygon(15% 0,85% 0,100% 10%,100% 90%,85% 100%,15% 100%,0 90%,0 10%);clip-path:polygon(15% 0,85% 0,100% 10%,100% 90%,85% 100%,15% 100%,0 90%,0 10%)}.sa-icon-gem{background:linear-gradient(135deg,#a78bfa 20%,#7c3aed 60%,#4c1d95);-webkit-clip-path:polygon(25% 0,75% 0,100% 30%,50% 100%,0 30%);clip-path:polygon(25% 0,75% 0,100% 30%,50% 100%,0 30%)}.sa-icon-player{background:linear-gradient(135deg,#60a5fa 30%,#2563eb);-webkit-clip-path:polygon(30% 0,70% 0,75% 20%,80% 25%,80% 40%,70% 45%,65% 50%,75% 55%,85% 70%,80% 100%,55% 85%,50% 95%,45% 85%,20% 100%,15% 70%,25% 55%,35% 50%,30% 45%,20% 40%,20% 25%,25% 20%);clip-path:polygon(30% 0,70% 0,75% 20%,80% 25%,80% 40%,70% 45%,65% 50%,75% 55%,85% 70%,80% 100%,55% 85%,50% 95%,45% 85%,20% 100%,15% 70%,25% 55%,35% 50%,30% 45%,20% 40%,20% 25%,25% 20%)}.sa-icon-drill-animation{animation:saDrillPulse .5s ease-in-out infinite;background:linear-gradient(135deg,#f97316 20%,#dc2626);-webkit-clip-path:polygon(40% 0,60% 0,65% 40%,80% 50%,65% 60%,60% 100%,40% 100%,35% 60%,20% 50%,35% 40%);clip-path:polygon(40% 0,60% 0,65% 40%,80% 50%,65% 60%,60% 100%,40% 100%,35% 60%,20% 50%,35% 40%)}@keyframes saDrillPulse{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.sa-icon-check{background:linear-gradient(135deg,#10b981 30%,#059669);-webkit-clip-path:polygon(20% 50%,35% 65%,75% 25%,85% 35%,35% 85%,10% 60%);clip-path:polygon(20% 50%,35% 65%,75% 25%,85% 35%,35% 85%,10% 60%)}.sa-icon-recycle{background:linear-gradient(135deg,#10b981 30%,#065f46);-webkit-clip-path:polygon(50% 5%,65% 30%,55% 30%,55% 50%,80% 35%,85% 45%,55% 65%,55% 75%,75% 75%,50% 100%,25% 75%,45% 75%,45% 65%,15% 45%,20% 35%,45% 50%,45% 30%,35% 30%);clip-path:polygon(50% 5%,65% 30%,55% 30%,55% 50%,80% 35%,85% 45%,55% 65%,55% 75%,75% 75%,50% 100%,25% 75%,45% 75%,45% 65%,15% 45%,20% 35%,45% 50%,45% 30%,35% 30%)}.sa-icon-resource{background:linear-gradient(135deg,#6ee7b7 30%,#059669);-webkit-clip-path:polygon(50% 0,85% 20%,100% 55%,80% 90%,50% 100%,20% 90%,0 55%,15% 20%);clip-path:polygon(50% 0,85% 20%,100% 55%,80% 90%,50% 100%,20% 90%,0 55%,15% 20%)}.sa-icon-weapon{background:linear-gradient(135deg,#ef4444 30%,#991b1b);-webkit-clip-path:polygon(45% 0,55% 0,55% 55%,80% 80%,70% 90%,50% 70%,30% 90%,20% 80%,45% 55%);clip-path:polygon(45% 0,55% 0,55% 55%,80% 80%,70% 90%,50% 70%,30% 90%,20% 80%,45% 55%)}.sa-icon-armor{background:linear-gradient(135deg,#60a5fa 30%,#1d4ed8);-webkit-clip-path:polygon(50% 0,90% 15%,95% 45%,80% 75%,50% 100%,20% 75%,5% 45%,10% 15%);clip-path:polygon(50% 0,90% 15%,95% 45%,80% 75%,50% 100%,20% 75%,5% 45%,10% 15%)}.sa-icon-sensor{background:linear-gradient(135deg,#22d3ee 30%,#0e7490);-webkit-clip-path:polygon(20% 0,80% 0,100% 35%,55% 55%,55% 100%,45% 100%,45% 55%,0 35%);clip-path:polygon(20% 0,80% 0,100% 35%,55% 55%,55% 100%,45% 100%,45% 55%,0 35%)}.sa-icon-actuator{background:linear-gradient(135deg,#9ca3af 30%,#4b5563);-webkit-clip-path:polygon(30% 0,70% 0,75% 15%,65% 15%,60% 40%,70% 40%,70% 60%,60% 60%,65% 85%,75% 85%,70% 100%,30% 100%,25% 85%,35% 85%,40% 60%,30% 60%,30% 40%,40% 40%,35% 15%,25% 15%);clip-path:polygon(30% 0,70% 0,75% 15%,65% 15%,60% 40%,70% 40%,70% 60%,60% 60%,65% 85%,75% 85%,70% 100%,30% 100%,25% 85%,35% 85%,40% 60%,30% 60%,30% 40%,40% 40%,35% 15%,25% 15%)}.sa-icon-chip{background:linear-gradient(135deg,#a78bfa 30%,#6d28d9);-webkit-clip-path:polygon(20% 15%,80% 15%,80% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,80% 100%,80% 85%,20% 85%,20% 100%,15% 100%,15% 85%,0 85%,0 15%,15% 15%,15% 0,20% 0);clip-path:polygon(20% 15%,80% 15%,80% 0,85% 0,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,80% 100%,80% 85%,20% 85%,20% 100%,15% 100%,15% 85%,0 85%,0 15%,15% 15%,15% 0,20% 0)}.sa-icon-target{background:linear-gradient(135deg,#f97316 30%,#c2410c);-webkit-clip-path:polygon(45% 0,55% 0,55% 35%,65% 25%,75% 35%,55% 45%,100% 45%,100% 55%,55% 55%,75% 65%,65% 75%,55% 55%,55% 100%,45% 100%,45% 55%,35% 75%,25% 65%,45% 55%,0 55%,0 45%,45% 45%,25% 35%,35% 25%,45% 45%);clip-path:polygon(45% 0,55% 0,55% 35%,65% 25%,75% 35%,55% 45%,100% 45%,100% 55%,55% 55%,75% 65%,65% 75%,55% 55%,55% 100%,45% 100%,45% 55%,35% 75%,25% 65%,45% 55%,0 55%,0 45%,45% 45%,25% 35%,35% 25%,45% 45%)}.sa-rarity-common{color:#9ca3af}.sa-rarity-uncommon{color:#34d399}.sa-rarity-rare{color:#60a5fa}.sa-rarity-epic{color:#a78bfa}.sa-rarity-legendary{color:#fbbf24}.sa-rarity-legendary .sa-icon-gem{animation:saLegendaryGlow 2s ease-in-out infinite}@keyframes saLegendaryGlow{0%,to{filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 8px rgba(251,191,36,.8))}}@media (max-width:1200px){.explore-tab,.sa-explore-tab{grid-template-columns:1fr}.exploration-sidebar,.sa-exploration-sidebar{order:-1}}@media (max-width:768px){.salvage-archipelago-hub{padding:1rem}.hub-header h1,.sa-hub-header h1{font-size:1.75rem}.exit-button,.sa-exit-button{display:block;margin-top:1rem;position:static;width:100%}.hub-tabs,.sa-hub-tabs{flex-direction:column}}@media (max-width:480px){.salvage-archipelago-hub{padding:.75rem}.hub-header h1,.sa-hub-header h1{font-size:1.5rem}.hub-tabs .tab,.sa-hub-tabs .sa-tab{font-size:.875rem;padding:.75rem 1rem}}@media (prefers-reduced-motion:reduce){.hub-content,.hub-header:after,.loading-spinner .spinner,.sa-celebration-flash,.sa-celebration-particle,.sa-hub-content,.sa-hub-header:after,.sa-icon-drill-animation,.sa-loading-spinner .sa-spinner,.sa-rarity-legendary .sa-icon-gem,.sa-skeleton,.salvage-archipelago-hub:after,.salvage-archipelago-hub:before{animation:none}}.mech-selector{margin:0 auto;max-width:1200px}.selector-title{color:var(--temporal-accent);font-size:1.8rem;margin-bottom:1rem;text-align:center}.selector-description{color:#ffffffb3;font-size:1.05rem;margin-bottom:2rem;text-align:center}.no-mechs-available{background:#ef44441a;border:2px solid #ef44444d;border-radius:12px;margin:2rem 0;padding:3rem}.warning-icon{font-size:4rem;margin-bottom:1rem}.no-mechs-available h3{color:var(--temporal-danger);margin-bottom:.5rem}.no-mechs-available p{color:#ffffffb3}.mechs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.mech-card{background:var(--temporal-surface);border:2px solid var(--temporal-border);border-radius:12px;overflow:hidden;padding:1.5rem;transition:all .3s ease}.mech-card:hover{border-color:var(--temporal-primary);box-shadow:0 8px 24px #06b6d433;transform:translateY(-4px)}.mech-card.selected{background:#06b6d426;border-color:var(--temporal-accent);box-shadow:0 0 20px #06b6d466}.mech-header{align-items:center;border-bottom:1px solid var(--temporal-border);padding-bottom:1rem}.mech-name{color:var(--temporal-accent)}.mech-rarity{border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase}.rarity-common{background:#9ca3af33;color:#9ca3af}.rarity-uncommon{background:#22c55e33;color:#22c55e}.rarity-rare{background:#3b82f633;color:#3b82f6}.rarity-epic{background:#a855f733;color:#a855f7}.rarity-legendary{background:#fbbf2433;color:#fbbf24}.mech-stats{gap:.75rem}.mech-stats .stat-label{color:#fff9;font-size:.9rem;font-weight:600}.mech-stats .stat-value{color:#fff;font-size:1.05rem;font-weight:700}.hp-bar{background:#0000004d;flex:1 1;height:20px;margin-left:1rem;position:relative}.hp-bar,.hp-fill{border-radius:10px}.hp-fill{left:0;position:absolute;top:0;transition:width .3s ease}.hp-text{color:#fff;font-size:.75rem;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000c;top:50%;transform:translate(-50%,-50%)}.selected-indicator{align-items:center;background:#06b6d433;border:1px solid var(--temporal-accent);border-radius:6px;color:var(--temporal-accent);display:flex;font-weight:700;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem;text-align:center}.checkmark{font-size:1.2rem}.selector-actions{display:flex;justify-content:center;margin-top:2rem}.btn-select-mech{align-items:center;background:var(--temporal-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 3rem;transition:all .3s ease}.btn-select-mech:hover:not(:disabled){background:var(--temporal-accent);box-shadow:0 0 20px #06b6d480;transform:scale(1.05)}.btn-select-mech:disabled{cursor:not-allowed;opacity:.5}.btn-select-mech .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.mechs-grid{grid-template-columns:1fr}.selector-title{font-size:1.5rem}}.wastes-map-container{background:var(--temporal-surface);border:2px solid var(--temporal-border);border-radius:12px;padding:1.5rem;position:relative}.map-header{align-items:center;border-bottom:1px solid var(--temporal-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.map-title{color:var(--temporal-accent);font-size:1.3rem;font-weight:700;margin:0}.map-info{display:flex;gap:1rem}.map-range{color:#ffffffb3;font-family:Courier New,monospace;font-size:.9rem}.wastes-map{align-items:center;background:#0000004d;border:1px solid var(--temporal-border);border-radius:8px;display:flex;justify-content:center;min-height:400px;overflow:hidden;padding:1rem;position:relative}.wastes-map:before{background:linear-gradient(135deg,#06b6d40d,#0000 50%,#0891b20d);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.grid-container{grid-gap:2px;aspect-ratio:1;display:grid;gap:2px;max-width:600px;position:relative;width:100%;z-index:2}.grid-cell{align-items:center;background:#06b6d40d;border:1px solid #06b6d41a;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;position:relative;transition:all .2s ease}.grid-cell:hover{background:#06b6d426;border-color:var(--temporal-primary);z-index:10}.grid-cell.player-position{animation:playerPulse 2s ease-in-out infinite;background:#06b6d466;border:2px solid var(--temporal-accent);box-shadow:0 0 15px var(--temporal-glow)}@keyframes playerPulse{0%,to{box-shadow:0 0 15px var(--temporal-glow)}50%{box-shadow:0 0 25px var(--temporal-glow)}}.grid-cell.discovered-secret{animation:secretGlow 3s ease-in-out infinite;background:#fbbf244d;border:1px solid #fbbf2499}@keyframes secretGlow{0%,to{box-shadow:0 0 10px #fbbf2466}50%{box-shadow:0 0 20px #fbbf2499}}.grid-cell.secret-hint{animation:hintPulse 2s ease-in-out infinite;background:#a855f733;border:1px solid #a855f766}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.hint-icon,.player-icon,.secret-icon{font-size:1.2rem;line-height:1}.player-icon{filter:drop-shadow(0 0 5px var(--temporal-accent))}.secret-icon{filter:drop-shadow(0 0 5px rgba(251,191,36,.8))}.hint-icon{color:#a855f7cc;filter:drop-shadow(0 0 3px rgba(168,85,247,.5))}.map-legend{border-top:1px solid var(--temporal-border);display:flex;gap:2rem;justify-content:center;margin-top:1rem;padding-top:1rem}.legend-item{gap:.5rem}.legend-icon,.legend-item{align-items:center;display:flex}.legend-icon{border-radius:4px;font-size:1.2rem;height:24px;justify-content:center;width:24px}.legend-icon.player{background:#06b6d44d;border:1px solid var(--temporal-accent)}.legend-icon.discovered{background:#fbbf244d;border:1px solid #fbbf2499}.legend-icon.hint{background:#a855f733;border:1px solid #a855f766;color:#a855f7cc}.legend-text{color:#fffc;font-size:.9rem}.map-compass{align-items:center;background:#0c1220e6;border:2px solid var(--temporal-border);border-radius:50%;color:var(--temporal-accent);display:flex;font-weight:700;height:60px;justify-content:center;position:absolute;right:2rem;top:2rem;width:60px}.compass-east,.compass-north,.compass-south,.compass-west{color:var(--temporal-accent);font-size:1rem;position:absolute}.compass-north{top:5px}.compass-north,.compass-south{left:50%;transform:translateX(-50%)}.compass-south{bottom:5px}.compass-east{right:8px}.compass-east,.compass-west{top:50%;transform:translateY(-50%)}.compass-west{left:8px}@media (max-width:768px){.wastes-map-container{padding:1rem}.map-header{align-items:flex-start}.map-header,.map-legend{flex-direction:column;gap:.5rem}.grid-container{max-width:100%}.map-compass{font-size:.9rem;height:50px;width:50px}}.navigation-controls{background:var(--temporal-surface);border:2px solid var(--temporal-border);border-radius:12px;padding:1.5rem}.controls-header{align-items:center;border-bottom:1px solid var(--temporal-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.controls-title{color:var(--temporal-accent);font-size:1.3rem;font-weight:700;margin:0}.energy-warning{align-items:center;background:#f59e0b33;border:1px solid var(--temporal-warning);border-radius:6px;color:var(--temporal-warning);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.controls-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;margin:0 auto 1.5rem;max-width:400px}.nav-north{grid-column:2;grid-row:1}.nav-west{grid-column:1;grid-row:2}.nav-center{align-items:center;display:flex;grid-column:2;grid-row:2;justify-content:center}.nav-east{grid-column:3;grid-row:2}.nav-south{grid-column:2;grid-row:3}.nav-btn{align-items:center;background:#06b6d433;border:2px solid var(--temporal-primary);border-radius:8px;color:var(--temporal-accent);cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:.5rem;justify-content:center;min-height:80px;padding:1rem;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#06b6d466;border-color:var(--temporal-accent);box-shadow:0 0 15px var(--temporal-glow);transform:scale(1.05)}.nav-btn:disabled{border-color:#06b6d433;cursor:not-allowed;opacity:.3}.btn-icon{font-size:2rem;line-height:1}.btn-label{font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.nav-center{background:#0000004d;border:2px solid var(--temporal-border);border-radius:8px;padding:1rem}.disabled-indicator,.moving-indicator,.ready-indicator{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;text-align:center}.moving-indicator{color:var(--temporal-accent)}.disabled-indicator{color:var(--temporal-warning)}.ready-indicator{color:var(--temporal-success)}.navigation-controls .spinner{animation:spin 1s linear infinite;border:3px solid #06b6d44d;border-radius:50%;border-top:3px solid var(--temporal-accent);height:24px;width:24px}.ready-icon,.warning-icon{font-size:1.5rem}.controls-info{border-top:1px solid var(--temporal-border);display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.info-item{background:#06b6d40d;border-radius:6px;gap:.75rem;padding:.5rem}.info-icon{flex-shrink:0;font-size:1.2rem}.info-text{color:#ffffffb3;font-size:.9rem;line-height:1.4}@media (max-width:768px){.controls-header{align-items:stretch;flex-direction:column;gap:1rem}.controls-grid{gap:.5rem}.nav-btn{min-height:60px;padding:.75rem}.btn-icon{font-size:1.5rem}.btn-label{font-size:.75rem}}.exploration-stats{display:flex;flex-direction:column;gap:1.5rem}.no-stats{color:#ffffff80;padding:2rem;text-align:center}.stats-section{background:var(--temporal-surface);border:2px solid var(--temporal-border);border-radius:12px;padding:1.5rem}.exploration-stats .section-title{border-bottom:1px solid var(--temporal-border);color:var(--temporal-accent);font-size:1.2rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.active-mech-section{background:linear-gradient(135deg,#06b6d41a 0,var(--temporal-surface) 100%)}.mech-info{display:flex;flex-direction:column;gap:1rem}.mech-name-row{align-items:center;display:flex;justify-content:space-between}.mech-name{color:#fff;font-size:1.3rem;font-weight:700}.mech-level{background:#06b6d44d;border:1px solid var(--temporal-primary);border-radius:4px;color:var(--temporal-accent);font-size:.9rem;font-weight:700;padding:.25rem .75rem}.hp-display{display:flex;flex-direction:column;gap:.5rem}.hp-label{color:#fff9;font-size:.9rem;font-weight:600}.exploration-stats .hp-bar{background:#0006;border:1px solid #ffffff1a;border-radius:12px;height:24px;overflow:hidden;position:relative}.exploration-stats .hp-fill{border-radius:12px;height:100%;transition:width .3s ease}.exploration-stats .hp-text{color:#ffffffe6;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;text-align:center}.mech-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-box{align-items:center;background:#0000004d;border:1px solid #06b6d44d;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.stat-box .stat-label{color:#fff9;font-size:.8rem;font-weight:600;letter-spacing:1px;margin-bottom:.25rem;text-transform:uppercase}.stat-box .stat-value{color:var(--temporal-accent);font-size:1.3rem;font-weight:700}.exploration-stats .stat-row{align-items:center;background:#06b6d40d;border-radius:6px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.exploration-stats .stat-row:last-child{margin-bottom:0}.exploration-stats .stat-row:hover{background:#06b6d41a}.stat-icon{flex-shrink:0;font-size:1.3rem}.stat-name{color:#fffc;flex:1 1;font-weight:500}.stat-number{color:var(--temporal-accent);font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.progress-bar-container{background:#0000004d;border:1px solid #06b6d44d;border-radius:8px;margin-top:1rem;padding:1rem}.progress-label{color:#fffc;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.exploration-stats .progress-bar{background:#00000080;border-radius:10px;height:20px;margin-bottom:.5rem;overflow:hidden;position:relative}.exploration-stats .progress-fill{background:linear-gradient(90deg,var(--temporal-primary),var(--temporal-accent));border-radius:10px;height:100%;transition:width .5s ease}.progress-text{color:var(--temporal-accent);font-family:Courier New,monospace;font-size:.85rem;font-weight:700;text-align:center}.bonuses-section{background:linear-gradient(135deg,#fbbf241a 0,var(--temporal-surface) 100%);border-color:#fbbf244d}.bonus-row{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:6px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.bonus-row:last-child{margin-bottom:0}.bonus-icon{flex-shrink:0;font-size:1.3rem}.bonus-text{color:#fbbf24e6;flex:1 1;font-weight:600}@media (max-width:1200px){.exploration-stats{gap:1rem}.stats-section{padding:1rem}}@media (max-width:768px){.mech-stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.exploration-stats .stat-row,.stat-box{padding:.5rem}}.encounter-modal-overlay{align-items:center;animation:encounterFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}@keyframes encounterFadeIn{0%{opacity:0}to{opacity:1}}.encounter-modal{animation:encounterSlideIn .3s ease;background:var(--temporal-surface);border:3px solid var(--temporal-border);border-radius:16px;box-shadow:0 10px 50px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes encounterSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.monster-modal{border-color:var(--temporal-danger)}.discovery-modal{border-color:var(--temporal-success)}.environmental-modal{border-color:var(--temporal-warning)}.secret-modal{border-color:#fbbf24;box-shadow:0 0 30px #fbbf2480}.encounter-content{padding:2rem;text-align:center}.encounter-icon{animation:iconBounce .5s ease;font-size:5rem;margin-bottom:1rem}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.monster-icon{filter:drop-shadow(0 0 10px rgba(239,68,68,.8))}.discovery-icon{filter:drop-shadow(0 0 10px rgba(16,185,129,.8))}.environmental-icon{filter:drop-shadow(0 0 10px rgba(245,158,11,.8))}.secret-icon{filter:drop-shadow(0 0 15px rgba(251,191,36,.9))}.encounter-title{color:var(--temporal-accent);font-size:2rem;font-weight:700;margin-bottom:1rem}.encounter-description{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.monster-stats{background:#0000004d;border-radius:8px;display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;padding:1rem}.monster-stat{align-items:center;display:flex;flex-direction:column;gap:.5rem}.monster-stat .stat-label{color:#fff9;font-size:.85rem;font-weight:600;text-transform:uppercase}.monster-stat .stat-value{color:var(--temporal-accent);font-size:1.5rem;font-weight:700}.tier-common{color:#9ca3af}.tier-uncommon{color:#22c55e}.tier-rare{color:#3b82f6}.tier-epic{color:var(--rarity-epic)}.tier-legendary{color:#fbbf24}.monster-preview-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.preview-stat{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.preview-icon{font-size:1.5rem;margin-bottom:.25rem}.preview-value{color:var(--temporal-danger);font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.monster-abilities{background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:left}.monster-abilities h4{color:var(--rarity-epic);font-weight:700;margin-bottom:.5rem}.monster-abilities ul{list-style:none;margin:0;padding:0}.monster-abilities li{border-bottom:1px solid #a855f733;color:#fffc;padding:.5rem 0}.monster-abilities li:last-child{border-bottom:none}.discovery-message,.effect-message,.secret-message{background:#06b6d41a;border:1px solid var(--temporal-border);border-radius:8px;color:#ffffffe6;font-style:italic;line-height:1.6;margin-bottom:1.5rem;padding:1rem}.secret-message{background:#fbbf2433;border-color:#fbbf2480;font-weight:600}.rewards-list{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:left}.rewards-list.legendary{background:#fbbf2426;border-color:#fbbf2480;box-shadow:0 0 20px #fbbf244d}.rewards-list h4{color:var(--temporal-success);font-weight:700;margin-bottom:.75rem}.rewards-list.legendary h4{color:#fbbf24}.rewards-list ul{list-style:none;margin:0;padding:0}.reward-item{color:#ffffffe6;font-weight:600;gap:.75rem;padding:.5rem}.reward-item.permanent{color:#fbbf24;font-weight:700}.reward-icon{font-size:1.2rem}.permanent-bonus{background:#fbbf2433;border:2px solid #fbbf2480;border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:left}.permanent-bonus h4{color:#fbbf24;font-weight:700;margin-bottom:.5rem}.permanent-bonus p{color:#ffffffe6;font-weight:600}.encounter-actions{justify-content:center;margin-bottom:1rem}.btn-encounter{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.btn-fight{background:var(--temporal-danger);color:#fff;flex:1 1}.btn-fight:hover{background:#dc2626;box-shadow:0 0 20px #ef444480;transform:scale(1.05)}.btn-flee{background:#ffffff1a;border:1px solid #ffffff4d;color:#fffc;flex:1 1}.btn-flee:hover{background:#fff3;color:#fff}.btn-claim,.btn-continue{background:var(--temporal-success);color:#fff;min-width:200px}.btn-claim:hover,.btn-continue:hover{background:#059669;box-shadow:0 0 20px #10b98180;transform:scale(1.05)}.btn-claim-secret{animation:secretPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--color-text-on-badge);font-size:1.2rem;min-width:250px}@keyframes secretPulse{0%,to{box-shadow:0 0 20px #fbbf2499}50%{box-shadow:0 0 40px #fbbf24e6}}.btn-claim-secret:hover{transform:scale(1.1)}.flee-warning{background:#f59e0b33;border:1px solid var(--temporal-warning);border-radius:6px;color:var(--temporal-warning);font-size:.9rem;font-weight:600;padding:.75rem}@media (max-width:768px){.encounter-content{padding:1.5rem}.encounter-icon{font-size:3.5rem}.encounter-title{font-size:1.5rem}.monster-stats{flex-direction:column;gap:1rem}.monster-preview-stats{grid-template-columns:repeat(2,1fr)}.encounter-actions{flex-direction:column}.btn-encounter{width:100%}}.secrets-panel-overlay{align-items:center;animation:secretsFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}@keyframes secretsFadeIn{0%{opacity:0}to{opacity:1}}.secrets-panel{animation:secretsSlideIn .3s ease;background:var(--temporal-bg);border:3px solid var(--temporal-border);border-radius:16px;box-shadow:0 10px 50px #06b6d44d;max-height:90vh;max-width:900px;overflow-y:auto;width:95%}@keyframes secretsSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.secrets-header{align-items:center;background:linear-gradient(135deg,#06b6d41a,#0000);border-bottom:2px solid var(--temporal-border);display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.secrets-title{color:var(--temporal-accent);font-size:1.8rem;font-weight:700;margin:0}.secrets-panel .btn-close{align-items:center;background:#06b6d433;border:2px solid var(--temporal-border);border-radius:8px;color:var(--temporal-accent);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.secrets-panel .btn-close:hover{background:#ef44444d;border-color:var(--temporal-danger);color:var(--temporal-danger);transform:scale(1.1)}.secrets-progress{background:#06b6d40d;border-bottom:1px solid var(--temporal-border);padding:1.5rem 2rem}.secrets-progress .progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.secrets-progress .progress-label{color:#fffc;font-weight:600}.secrets-progress .progress-count{color:var(--temporal-accent);font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.secrets-progress .progress-bar{background:#00000080;border:1px solid var(--temporal-border);border-radius:12px;height:24px;margin-bottom:.5rem;overflow:hidden;position:relative}.secrets-progress .progress-fill{background:linear-gradient(90deg,var(--temporal-primary),var(--temporal-accent));border-radius:12px;height:100%;transition:width .5s ease}.secrets-progress .progress-percent{color:var(--temporal-accent);font-family:Courier New,monospace;font-weight:700;text-align:center}.secrets-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem 2rem}.secret-card{background:var(--temporal-surface);border:2px solid var(--temporal-border);border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease}.secret-card:hover{border-color:var(--temporal-primary);box-shadow:0 4px 16px #06b6d433;transform:translateY(-2px)}.secret-card.discovered{background:linear-gradient(135deg,#fbbf2426 0,var(--temporal-surface) 100%);border-color:#fbbf2480}.secret-card.undiscovered{opacity:.6}.secret-card.tier-easy{border-left:4px solid #22c55e}.secret-card.tier-moderate{border-left:4px solid #3b82f6}.secret-card.tier-hard{border-left:4px solid var(--rarity-epic)}.secret-card.tier-legendary{border-left:4px solid #fbbf24;box-shadow:0 0 20px #fbbf2433}.secret-icon-container{align-items:center;background:#06b6d433;border:2px solid var(--temporal-border);border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.secret-icon{font-size:2rem}.discovered-icon{filter:drop-shadow(0 0 10px rgba(251,191,36,.8))}.locked-icon{opacity:.5}.secret-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.secret-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.secret-name{color:var(--temporal-accent);font-size:1.3rem;font-weight:700;margin:0}.secret-card.undiscovered .secret-name{color:#ffffff80}.secret-tier{border:1px solid;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase}.secret-description{color:#fffc;line-height:1.5;margin:0}.secret-description.locked{color:#ffffff80;font-style:italic}.secret-coordinates{align-items:center;background:#06b6d41a;border:1px solid var(--temporal-border);border-radius:6px;display:flex;gap:.5rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.secret-rewards{background:#10b9811a;border:1px solid #10b9814d;border-radius:6px;display:flex;gap:.5rem;padding:.75rem}.rewards-label{color:var(--temporal-success);flex-shrink:0;font-weight:700}.rewards-text{color:#ffffffe6;line-height:1.4}.secret-hint{align-items:center;background:#a855f71a;border:1px solid #a855f74d;border-radius:6px;display:flex;gap:.5rem;padding:.5rem 1rem}.hint-text{color:#a855f7e6;font-style:italic}.discovered-badge{align-items:center;background:#fbbf244d;border:1px solid #fbbf2499;border-radius:20px;color:#fbbf24;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.completion-banner{background:linear-gradient(135deg,#fbbf2433,#fbbf240d);border:3px solid #fbbf24;border-radius:12px;box-shadow:0 0 30px #fbbf2466;margin:1.5rem 2rem 2rem;padding:2rem;text-align:center}.completion-icon{font-size:4rem;margin-bottom:1rem}.completion-banner h3{color:#fbbf24;font-size:2rem;margin-bottom:.5rem}.completion-banner p{color:#ffffffe6;font-size:1.1rem;margin-bottom:1rem}.completion-reward{background:#0000004d;border:1px solid #fbbf2480;border-radius:8px;color:#ffffffe6;line-height:1.6;padding:1rem}.completion-reward strong{color:#fbbf24}.completion-banner .btn-claim-completion{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fbbf24;border-radius:8px;color:#0c1220;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.completion-banner .btn-claim-completion:hover{box-shadow:0 0 20px #fbbf2499;transform:scale(1.02)}.completion-banner .reward-claimed{color:var(--temporal-success);font-weight:600;margin-top:1rem}@media (max-width:768px){.secrets-header,.secrets-list,.secrets-progress{padding-left:1rem;padding-right:1rem}.secrets-title{font-size:1.4rem}.secret-card{flex-direction:column;gap:1rem}.secret-icon-container{height:50px;width:50px}.discovered-badge{margin-top:.5rem;position:static;width:-webkit-fit-content;width:fit-content}}.secrets-panel::-webkit-scrollbar{width:8px}.secrets-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.secrets-panel::-webkit-scrollbar-thumb{background:var(--temporal-primary);border-radius:4px}:root{--temporal-primary:#06b6d4;--temporal-secondary:#0891b2;--temporal-accent:#22d3ee;--temporal-warning:#f59e0b;--temporal-danger:#ef4444;--temporal-success:#10b981;--temporal-bg:#0c1220;--temporal-surface:#1a2535;--temporal-border:#06b6d44d;--temporal-glow:#06b6d480}.temporal-wastes-loading{align-items:center;color:#22d3ee;color:var(--temporal-accent);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.temporal-wastes-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #06b6d44d;border-top-color:#22d3ee;border:4px solid var(--temporal-border);border-radius:50%;border-top-color:var(--temporal-accent);height:60px;margin-bottom:1rem;width:60px}.temporal-wastes-entry{margin:0 auto;max-width:1200px;padding:2rem}.entry-header{margin-bottom:3rem;text-align:center}.temporal-title{color:#22d3ee;color:var(--temporal-accent);font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-shadow:0 0 20px #06b6d480;text-shadow:0 0 20px var(--temporal-glow)}.temporal-description{color:#fffc;font-size:1.1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:700px}.temporal-warning{background:#f59e0b33;border:1px solid #f59e0b;border:1px solid var(--temporal-warning);border-radius:8px;color:#f59e0b;color:var(--temporal-warning);display:inline-block;font-weight:600;padding:.75rem 1.5rem}.temporal-wastes{background:linear-gradient(135deg,#06b6d408,#0c1220f2 50%,#0891b208);margin:0 auto;max-width:1600px;min-height:calc(100vh - 100px);padding:1.5rem}.wastes-header{align-items:center;border-bottom:2px solid #06b6d44d;border-bottom:2px solid var(--temporal-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.temporal-wastes .header-left{align-items:center;display:flex;gap:2rem}.temporal-wastes .header-right{display:flex;gap:1rem}.position-display{align-items:center;background:#06b6d41a;border:1px solid #06b6d4;border:1px solid var(--temporal-primary);border-radius:6px;display:flex;gap:.5rem;padding:.5rem 1rem}.position-label{color:#22d3ee;color:var(--temporal-accent);font-weight:600}.coordinates{color:#fff;font-size:1.1rem;font-weight:700}.coordinates,.session-timer{font-family:Courier New,monospace}.session-timer{align-items:center;background:#06b6d426;border:1px solid #06b6d44d;border-radius:4px;color:#67e8f9;display:inline-flex;font-size:.9rem;font-weight:600;gap:.35rem;margin-left:.75rem;padding:.25rem .6rem}.filtered-count{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-size:.85rem}.btn-exit,.btn-scan,.btn-secrets{border:1px solid #06b6d4;border:1px solid var(--temporal-primary);border-radius:6px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-scan{background:#22d3ee26;color:#22d3ee;color:var(--temporal-accent)}.btn-scan:hover:not(:disabled){background:#22d3ee4d;box-shadow:0 0 15px #06b6d480;box-shadow:0 0 15px var(--temporal-glow)}.btn-scan:disabled{cursor:not-allowed;opacity:.6}.btn-secrets{background:#06b6d433;color:#22d3ee;color:var(--temporal-accent)}.btn-secrets:hover{background:#06b6d466;box-shadow:0 0 15px #06b6d480;box-shadow:0 0 15px var(--temporal-glow)}.btn-exit{background:#ef444433;border-color:#ef4444;border-color:var(--temporal-danger);color:#ef4444;color:var(--temporal-danger)}.btn-exit:hover:not(:disabled){background:#ef444466;box-shadow:0 0 15px #ef444480}.btn-exit:disabled{cursor:not-allowed;opacity:.5}.scan-results-banner{background:#06b6d426;border:1px solid #06b6d4;border:1px solid var(--temporal-primary);border-radius:8px;color:#22d3ee;color:var(--temporal-accent);font-size:.95rem;margin-top:1rem;padding:.75rem 1.25rem}.wastes-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.wastes-main,.wastes-sidebar{display:flex;flex-direction:column;gap:1.5rem}.temporal-wastes:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#06b6d408 0,#06b6d408 4px);content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@keyframes temporalPulse{0%,to{box-shadow:0 0 10px #22d3ee,0 0 20px #06b6d44d;box-shadow:0 0 10px var(--temporal-accent),0 0 20px #06b6d44d}50%{box-shadow:0 0 20px #22d3ee,0 0 40px #06b6d480;box-shadow:0 0 20px var(--temporal-accent),0 0 40px #06b6d480}}.temporal-pulse{animation:temporalPulse 2s ease-in-out infinite}@media (max-width:1400px){.wastes-content{grid-template-columns:1fr 300px}}@media (max-width:1200px){.wastes-content{grid-template-columns:1fr}.wastes-sidebar{order:-1}}@media (max-width:768px){.temporal-wastes{padding:1rem}.wastes-header{align-items:stretch;flex-direction:column;gap:1rem}.temporal-wastes .header-left,.temporal-wastes .header-right{flex-direction:column;gap:.5rem}.temporal-title{font-size:1.8rem}}.temporal-wastes-page{background:linear-gradient(135deg,#06b6d408,#0c1220f2 50%,#0891b208);min-height:100vh;width:100%}.temporal-wastes-locked{align-items:center;background:linear-gradient(135deg,#ef44441a,#0c1220f2 50%,#ef44441a);display:flex;justify-content:center;min-height:100vh}.locked-content{background:#1a2535e6;border:2px solid #ef444480;border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:3rem;text-align:center}.locked-icon{filter:drop-shadow(0 0 20px rgba(239,68,68,.6));font-size:5rem;margin-bottom:1.5rem}.locked-content h2{color:#ef4444;font-size:2rem;font-weight:700;margin-bottom:1rem}.locked-content p{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.current-level{color:#f59e0b;font-size:1.2rem;font-weight:700;margin-top:1.5rem}.btn-back{background:#06b6d433;border:1px solid #06b6d4;border-radius:8px;color:#22d3ee;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease}.btn-back:hover{background:#06b6d466;box-shadow:0 0 20px #06b6d480;transform:scale(1.05)}@media (max-width:768px){.locked-content{margin:1rem;padding:2rem}.locked-icon{font-size:3.5rem}.locked-content h2{font-size:1.5rem}}.mech-selector-card{background:linear-gradient(135deg,#1e1b4bcc,#0f172acc);border:1px solid #8b5cf64d}.mech-selector-loading{color:#a0a0a0;padding:2rem;text-align:center}.no-mechs-available{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.no-mechs-icon{font-size:3rem}.no-mechs-available h3{color:#f0f0f0;margin:0}.no-mechs-available p{color:#a0a0a0;margin:0;max-width:400px}.mech-selector-content{display:flex;flex-direction:column;gap:1.5rem}.selector-notice{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;display:flex;gap:.75rem;padding:.75rem 1rem}.notice-icon{font-size:1.25rem}.notice-text{color:#fbbf24;font-size:.875rem;font-weight:500}.mech-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mech-card{background:#0000004d;border:2px solid #8b5cf633;border-radius:8px;cursor:pointer;padding:1rem;position:relative;transition:all .3s}.mech-card:hover{background:#8b5cf60d;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf633;transform:translateY(-2px)}.mech-card.selected{background:#8b5cf626;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf666}.selection-indicator{align-items:center;background:#8b5cf6;border-radius:50%;box-shadow:0 2px 8px #8b5cf680;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:30px}.mech-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.mech-name-level{display:flex;flex-direction:column;gap:.25rem}.mech-name{color:#f0f0f0;font-size:1.1rem;font-weight:600;margin:0}.mech-level{align-self:flex-start}.mech-class,.mech-level{font-size:.75rem;padding:.25rem .5rem}.mech-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.mech-stats .stat-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.mech-stats .stat-label{color:#a0a0a0}.mech-stats .stat-value{color:#f0f0f0;font-weight:600}.hp-bar{background:#0006;height:8px;margin-top:-.25rem;overflow:hidden;width:100%}.hp-bar,.hp-fill{border-radius:4px}.hp-fill{height:100%;transition:width .3s,background .3s}.ready-status{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;display:flex;gap:.5rem;justify-content:center;padding:.5rem}.ready-icon{font-size:1.25rem}.ready-text{color:#22c55e;font-size:.875rem;font-weight:600}.damaged-status{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;display:flex;gap:.5rem;justify-content:center;padding:.5rem}.damaged-icon{font-size:1.25rem}.damaged-text{color:#ef4444;font-size:.875rem;font-weight:600}.selection-summary{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:6px;padding:1rem;text-align:center}.selection-summary p{color:#c4b5fd;font-size:.875rem;font-weight:500;margin:0}@media (max-width:768px){.mech-grid{grid-template-columns:1fr}}.mech-status-panel{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid #8b5cf666}.mech-status-list{display:flex;flex-direction:column;gap:1rem}.mech-status-item{background:#0000004d;border-left:4px solid;border-radius:8px;padding:1rem}.mech-status-item.alive{border-left-color:#22c55e}.mech-status-item.dead{border-left-color:#ef4444;opacity:.6}.mech-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.mech-status-name{color:#f0f0f0;font-size:1rem;font-weight:600}.status-badge{font-size:.75rem;padding:.25rem .5rem}.mech-status-hp{display:flex;flex-direction:column;gap:.5rem}.hp-info{align-items:center;display:flex;justify-content:space-between}.hp-label{color:#a0a0a0;font-size:.875rem}.hp-value{color:#f0f0f0;font-size:.875rem;font-weight:600}.hp-bar-container{background:#0006;border-radius:4px;height:8px;overflow:hidden;width:100%}.hp-bar-fill{border-radius:4px;height:100%;transition:width .5s,background .3s}.death-info{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;display:flex;gap:.5rem;margin-top:.75rem;padding:.5rem}.death-icon{font-size:1.25rem}.death-text{color:#fca5a5;font-size:.875rem}.death-warning{align-items:center;background:#ef444426;border:1px solid #ef444466;border-radius:6px;display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem}.warning-icon{font-size:1.25rem}.warning-text{color:#ef4444;font-size:.875rem}.layer-progress-map{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid #8b5cf666}.layer-map-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);padding:1rem 0}.layer-node{background:#0000004d;border:2px solid #8b5cf633;border-radius:12px;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s}.layer-node.completed{background:#22c55e1a;border-color:#22c55e66}.layer-node.current{animation:currentPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf633,#6366f133);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf680}@keyframes currentPulse{0%,to{box-shadow:0 0 20px #8b5cf680}50%{box-shadow:0 0 30px #8b5cf6cc}}.layer-node.upcoming{opacity:.6}.layer-node.locked{border-style:dashed;opacity:.4}.layer-node.boss-layer{background:#ef44441a;border-color:#ef4444}.layer-node.boss-layer.current{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef4444;box-shadow:0 0 20px #ef444480}.layer-number{color:#f0f0f0;font-size:2rem;font-weight:700;margin-bottom:.5rem}.layer-label{color:#a0a0a0;font-size:.875rem}.boss-badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem}.current-indicator{align-items:center;bottom:-.5rem;color:#8b5cf6;display:flex;font-size:.65rem;font-weight:700;gap:.25rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.indicator-pulse{animation:layerProgressPulse 1.5s ease-in-out infinite;background:#8b5cf6;border-radius:50%;height:8px;width:8px}@keyframes layerProgressPulse{0%,to{opacity:1}50%{opacity:.5}}.locked-indicator{bottom:-.5rem;color:#a0a0a0;font-size:.65rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}@media (max-width:768px){.layer-map-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.layer-map-container{grid-template-columns:repeat(2,1fr)}}.encounter-card{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:2px solid #8b5cf666;margin-bottom:2rem}.encounter-header{align-items:center;border-bottom:1px solid #8b5cf633;display:flex;gap:1.5rem;padding:2rem}.encounter-icon{flex-shrink:0;font-size:4rem}.encounter-header h3{color:#e5e7eb;font-size:1.5rem;margin-bottom:.5rem}.encounter-body{padding:2rem}.combat-encounter{border-color:#ef4444}.enemy-info h4{color:#ef4444;font-size:1.8rem;margin-bottom:.5rem}.enemy-info p{color:#9ca3af;line-height:1.6;margin-bottom:1.5rem}.enemy-stats{background:#0000004d;border-radius:8px;display:flex;gap:2rem;padding:1rem}.encounter-body .stat-item{display:flex;flex-direction:column;gap:.5rem}.encounter-body .stat-label{color:#9ca3af;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.encounter-body .stat-value{color:#f0f0f0;font-size:1.3rem;font-weight:700}.encounter-body .stat-value.danger{color:#ef4444}.trap-encounter{border-color:#f59e0b}.trap-description{color:#fbbf24;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.trap-stats{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:2rem;margin-bottom:1rem;padding:1rem}.discovery-encounter{border-color:#3b82f6}.discovery-description{color:#93c5fd;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.potential-rewards h4{color:#e5e7eb;font-size:1.1rem;margin-bottom:1rem}.potential-rewards ul{list-style:none;margin:0;padding:0}.potential-rewards li{align-items:center;background:#3b82f61a;border-radius:6px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem}.boss-encounter{animation:bossPulse 3s ease-in-out infinite;border:3px solid #dc2626;box-shadow:0 0 30px #dc262680}@keyframes bossPulse{0%,to{box-shadow:0 0 30px #dc262680}50%{box-shadow:0 0 50px #dc2626cc}}.boss-header{background:linear-gradient(135deg,#dc26264d,#991b1b4d);border-bottom:2px solid #dc2626}.boss-icon{font-size:5rem}.boss-name{color:#dc2626;font-size:2.5rem;letter-spacing:2px;margin-bottom:.25rem;text-transform:uppercase}.boss-title{font-style:italic}.boss-description,.boss-title{color:#fca5a5;font-size:1.1rem}.boss-description{background:#dc26261a;border-left:4px solid #dc2626;border-radius:4px;line-height:1.6;margin-bottom:2rem;padding:1rem}.boss-phases h4,.boss-rewards h4{color:#e5e7eb;font-size:1.2rem;margin-bottom:1rem}.phases-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.phase-item{align-items:center;background:#0000004d;border-left:3px solid #dc2626;border-radius:6px;display:flex;gap:1rem;padding:.75rem 1rem}.intel-marker{font-size:1.2rem;margin-left:auto}.boss-rewards ul{list-style:none;margin:0;padding:0}.reward-item{align-items:center;background:linear-gradient(135deg,#f59e0b33,#b4530933);border:1px solid #f59e0b80;border-radius:6px;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem}.boss-engage-btn{font-size:1.3rem;padding:1.5rem}.safe-room{background:linear-gradient(135deg,#22c55e1a,#0f172ae6);border-color:#22c55e}.safe-room-benefits{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.safe-room-benefits .benefit-item{align-items:center;background:#22c55e1a;border-left:3px solid #22c55e;border-radius:6px;display:flex;gap:1rem;padding:1rem}.benefit-icon{font-size:1.8rem}.intel-hint{align-items:center;background:#f59e0b33;border:1px solid #f59e0b80;border-radius:8px;color:#fbbf24;display:flex;gap:1rem;margin-top:1rem;padding:1rem 1.5rem}.intel-hint.success{background:#22c55e33;border-color:#22c55e80;color:#86efac}.hint-icon{font-size:1.5rem}.encounter-actions{border-top:1px solid #8b5cf633;display:flex;gap:1rem;padding:2rem}.encounter-actions button{flex:1 1}@media (max-width:768px){.encounter-header{flex-direction:column;padding:1.5rem;text-align:center}.encounter-icon{font-size:3rem}.boss-icon{font-size:4rem}.enemy-stats,.trap-stats{flex-direction:column;gap:1rem}.encounter-actions{flex-direction:column}.boss-name{font-size:1.8rem}}.expedition-dashboard{width:100%}.expedition-dashboard .dashboard-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px}.expedition-dashboard .dashboard-main{display:flex;flex-direction:column;gap:1.5rem}.expedition-dashboard .expedition-status-card{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid #8b5cf666}.expedition-dashboard .status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.expedition-dashboard .status-item{display:flex;flex-direction:column;gap:.5rem}.expedition-dashboard .status-item.full-width{grid-column:1/-1}.expedition-dashboard .status-label{color:#a0a0a0;font-size:.875rem;font-weight:500}.expedition-dashboard .status-value{color:#f0f0f0;font-size:1.25rem;font-weight:700}.expedition-dashboard .layer-value{color:#8b5cf6}.expedition-dashboard .status-value.expired{animation:expeditionPulse 1s ease-in-out infinite;color:#ef4444}@keyframes expeditionPulse{0%,to{opacity:1}50%{opacity:.5}}.expedition-dashboard .void-energy-display{display:flex;flex-direction:column;gap:.5rem}.expedition-dashboard .energy-value{color:#f0f0f0;font-size:1.25rem;font-weight:700}.expedition-dashboard .void-energy-bar{background:#0006;border-radius:6px;height:12px;overflow:hidden;width:100%}.expedition-dashboard .void-energy-fill{border-radius:6px;box-shadow:0 0 10px currentColor;height:100%;transition:width .5s,background .3s}.expedition-dashboard .expedition-actions-card{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid #8b5cf666}.expedition-dashboard .action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.expedition-dashboard .action-btn{font-size:1rem;font-weight:600;padding:1rem}.expedition-dashboard .action-info{display:flex;flex-direction:column;gap:.5rem}.expedition-dashboard .info-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;font-size:.875rem;margin:0;padding:.75rem}.expedition-dashboard .info-note{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#93c5fd;font-size:.875rem;margin:0;padding:.75rem}.expedition-dashboard .dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.expedition-dashboard .loot-preview-card{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid #8b5cf666}.expedition-dashboard .loot-list{display:flex;flex-direction:column;gap:.5rem}.expedition-dashboard .loot-item{align-items:center;background:#0000004d;border-left:3px solid #8b5cf6;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.expedition-dashboard .loot-icon{font-size:1.25rem}.expedition-dashboard .loot-name{color:#f0f0f0;flex:1 1;font-size:.875rem}.expedition-dashboard .loot-quantity{font-size:.75rem;padding:.25rem .5rem}.expedition-dashboard .loot-more{color:#a0a0a0;font-size:.875rem;font-style:italic;margin:.5rem 0 0;text-align:center}.expedition-dashboard .extract-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.expedition-dashboard .extract-modal{background:linear-gradient(135deg,#1e1b4bf2,#0f172af2);border:2px solid #8b5cf6;border-radius:12px;box-shadow:0 10px 40px #8b5cf680;max-width:500px;padding:2rem;width:90%}.expedition-dashboard .extract-modal h3{color:#f0f0f0;font-size:1.5rem;margin:0 0 1rem}.expedition-dashboard .extract-modal p{color:#d0d0d0;line-height:1.6;margin:0 0 1rem}.expedition-dashboard .extract-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;color:#fbbf24;font-weight:500;padding:.75rem}.expedition-dashboard .extract-summary{background:#0000004d;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1rem}.expedition-dashboard .summary-item{align-items:center;display:flex;justify-content:space-between}.expedition-dashboard .summary-label{color:#a0a0a0;font-size:.875rem}.expedition-dashboard .summary-value{color:#f0f0f0;font-weight:600}.expedition-dashboard .extract-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width:1200px){.expedition-dashboard .dashboard-layout{grid-template-columns:1fr}.expedition-dashboard .dashboard-sidebar{order:-1}}@media (max-width:768px){.expedition-dashboard .action-buttons,.expedition-dashboard .status-grid{grid-template-columns:1fr}}.void-statistics{margin:0 auto;max-width:1600px}.void-statistics .stats-header{margin-bottom:3rem;text-align:center}.void-statistics .stats-header h2{color:#e5e7eb;font-size:2.5rem;margin-bottom:.5rem}.void-statistics .stats-header .username{color:#8b5cf6;font-size:1.3rem;font-weight:600}.void-statistics .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.void-statistics .stat-card{background:linear-gradient(135deg,#1e1b4bcc,#0f172acc);border:1px solid #8b5cf64d;padding:2rem;transition:all .3s}.void-statistics .stat-card:hover{border-color:#8b5cf680;box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-5px)}.void-statistics .stat-card h3{border-bottom:2px solid #8b5cf64d;color:#e5e7eb;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.void-statistics .stat-items{display:flex;flex-direction:column;gap:1rem}.void-statistics .stat-row{align-items:center;background:#0000004d;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background .2s}.void-statistics .stat-row:hover{background:#8b5cf61a}.void-statistics .stat-row.highlight{background:#8b5cf633;border:1px solid #8b5cf666}.void-statistics .stat-label{color:#9ca3af;font-size:.95rem}.void-statistics .stat-value{color:#e5e7eb;font-size:1.2rem;font-weight:700}.void-statistics .stat-value.success{color:#22c55e}.void-statistics .stat-value.danger{color:#ef4444}.void-statistics .stat-value.gold{color:#f59e0b}.void-statistics .stat-value.legendary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#dc2626);-webkit-background-clip:text;background-clip:text}.void-statistics .stat-value.void{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#3b0764 50%,#1e1b4b);-webkit-background-clip:text;background-clip:text}.void-statistics .depth-badge,.void-statistics .rate-badge{font-size:1rem;font-weight:700;padding:.5rem 1rem}.void-statistics .overview-card{border-color:#3b82f6}.void-statistics .depth-card{border-color:#8b5cf6}.void-statistics .boss-card{border-color:#dc2626}.void-statistics .losses-card{border-color:#6b7280}.void-statistics .loot-card{border-color:#f59e0b}.void-statistics .combat-card{border-color:#ef4444}.void-statistics .time-card{border-color:#06b6d4}.void-statistics .alliance-card{border-color:#ec4899}.void-statistics.loading{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:60vh}.void-statistics .loading-spinner{animation:spin 1s linear infinite;border:4px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:60px;width:60px}.void-statistics.no-data{align-items:center;display:flex;justify-content:center;min-height:60vh}.void-statistics.no-data p{color:#9ca3af;font-size:1.3rem;text-align:center}@media (max-width:768px){.void-statistics .stats-grid{grid-template-columns:1fr}.void-statistics .stats-header h2{font-size:2rem}.void-statistics .stat-card{padding:1.5rem}.void-statistics .stat-card h3{font-size:1.3rem}.void-statistics .stat-value{font-size:1.1rem}}.void-leaderboards{margin:0 auto;max-width:1400px}.void-leaderboards .leaderboards-header{margin-bottom:3rem;text-align:center}.void-leaderboards .leaderboards-header h2{color:#e5e7eb;font-size:2.5rem;margin-bottom:.5rem}.void-leaderboards .leaderboards-header p{color:#9ca3af;font-size:1.1rem}.void-leaderboards .category-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.void-leaderboards .category-tab{align-items:center;background:#1e1b4b99;border:2px solid #8b5cf64d;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s}.void-leaderboards .category-tab:hover{background:#8b5cf633;border-color:#8b5cf680;color:#d1d5db;transform:translateY(-2px)}.void-leaderboards .category-tab.active{background:linear-gradient(135deg,#8b5cf64d,#6366f14d);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf666;color:#8b5cf6}.void-leaderboards .tab-icon{font-size:1.5rem}.void-leaderboards .tab-name{font-size:.95rem}.void-leaderboards .leaderboard-card{background:linear-gradient(135deg,#1e1b4be6,#0f172ae6);border:1px solid #8b5cf64d;overflow:hidden;padding:0}.void-leaderboards .leaderboard-table{width:100%}.void-leaderboards .table-header{grid-gap:1rem;background:#8b5cf633;border-bottom:2px solid #8b5cf666;color:#8b5cf6;display:grid;font-size:.85rem;font-weight:700;gap:1rem;grid-template-columns:100px 1fr 200px 180px;letter-spacing:1px;padding:1.5rem 2rem;text-transform:uppercase}.void-leaderboards .table-body{max-height:800px;overflow-y:auto}.void-leaderboards .leaderboard-row{grid-gap:1rem;border-bottom:1px solid #8b5cf61a;display:grid;gap:1rem;grid-template-columns:100px 1fr 200px 180px;padding:1.25rem 2rem;transition:all .2s}.void-leaderboards .leaderboard-row:hover{background:#8b5cf61a}.void-leaderboards .leaderboard-row.top-three{background:linear-gradient(90deg,#f59e0b1a,#0000 50%);border-left:4px solid #f59e0b}.void-leaderboards .leaderboard-row.current-user{background:linear-gradient(90deg,#3b82f633,#0000 50%);border:2px solid #3b82f6;box-shadow:0 0 15px #3b82f64d}.void-leaderboards .row-rank{align-items:center;display:flex;gap:.75rem}.void-leaderboards .medal{font-size:2rem}.void-leaderboards .rank-number{color:#9ca3af;font-size:1.3rem;font-weight:700}.void-leaderboards .leaderboard-row.top-three .rank-number{color:#f59e0b}.void-leaderboards .row-player{align-items:center;display:flex;gap:1rem}.void-leaderboards .player-name{color:#e5e7eb;font-size:1.1rem;font-weight:600}.void-leaderboards .you-badge{font-size:.7rem;font-weight:700;padding:.25rem .5rem}.void-leaderboards .row-alliance{align-items:center;display:flex}.void-leaderboards .alliance-name{color:#a78bfa;font-size:.95rem;font-weight:500}.void-leaderboards .no-alliance{color:#6b7280;font-style:italic}.void-leaderboards .row-value{align-items:center;display:flex;justify-content:flex-end}.void-leaderboards .value{color:#e5e7eb;font-size:1.3rem;font-weight:700}.void-leaderboards .value.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#dc2626);-webkit-background-clip:text;background-clip:text}.void-leaderboards .loading-state,.void-leaderboards .no-data-state{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:400px;padding:4rem 2rem}.void-leaderboards .loading-spinner{animation:spin 1s linear infinite;border:4px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:60px;width:60px}.void-leaderboards .table-body::-webkit-scrollbar{width:8px}.void-leaderboards .table-body::-webkit-scrollbar-track{background:#0003}.void-leaderboards .table-body::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}@media (max-width:768px){.void-leaderboards .category-tabs{align-items:stretch;flex-direction:column}.void-leaderboards .category-tab{justify-content:center}.void-leaderboards .table-header{display:none}.void-leaderboards .leaderboard-row{gap:.5rem;grid-template-columns:1fr;padding:1rem}.void-leaderboards .row-alliance,.void-leaderboards .row-player,.void-leaderboards .row-rank,.void-leaderboards .row-value{justify-content:flex-start}.void-leaderboards .row-value{border-top:1px solid #8b5cf633;padding-top:.5rem}}.void-expanse-page{background:linear-gradient(180deg,#0a0a0f,#0d0808 50%,#0a0a0f);margin:0 auto;max-width:1800px;min-height:100vh;padding:2rem}.void-expanse-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.void-expanse-page .void-loading-spinner{animation:void-spin 1s linear infinite;border:4px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:60px;width:60px}@keyframes void-spin{to{transform:rotate(1turn)}}.void-expanse-page .level-requirement-card{margin:4rem auto;max-width:500px;text-align:center}.void-expanse-page .level-requirement-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.void-expanse-page .requirement-icon{font-size:4rem}.void-expanse-page .void-header{margin-bottom:2rem;text-align:center}.void-expanse-page .void-title-container{margin-bottom:1rem}.void-expanse-page .void-title{align-items:center;display:flex;font-size:3rem;gap:1rem;justify-content:center;margin-bottom:.5rem}.void-expanse-page .void-icon{font-size:3rem}.void-expanse-page .void-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;letter-spacing:4px}.void-expanse-page .void-subtitle{color:#a0a0a0;font-size:1.1rem;font-style:italic}.void-expanse-page .void-warnings{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.void-expanse-page .intel-badge,.void-expanse-page .warning-badge{font-size:.875rem;font-weight:600;padding:.5rem 1rem}.void-expanse-page .void-tabs{border-bottom:2px solid #8b5cf633;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding-bottom:0}.void-expanse-page .void-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#a0a0a0;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem 2rem;position:relative;transition:all .3s}.void-expanse-page .void-tab:hover:not(:disabled){background:#8b5cf60d;color:#8b5cf6}.void-expanse-page .void-tab.active{border-bottom-color:#8b5cf6;color:#8b5cf6;font-weight:600}.void-expanse-page .void-tab:disabled{cursor:not-allowed;opacity:.4}.void-expanse-page .tab-icon{font-size:1.25rem}.void-expanse-page .active-indicator{animation:void-pulse 2s ease-in-out infinite;font-size:.65rem;position:absolute;right:.25rem;top:.25rem}@keyframes void-pulse{0%,to{opacity:1}50%{opacity:.5}}.void-expanse-page .void-content{min-height:600px}.void-expanse-page .prepare-tab{width:100%}.void-expanse-page .prepare-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.void-expanse-page .prepare-main{display:flex;flex-direction:column;gap:1.5rem}.void-expanse-page .zone-info-card{background:linear-gradient(135deg,#1e1b4bcc,#0f172acc);border:1px solid #8b5cf64d}.void-expanse-page .zone-info-content{display:flex;flex-direction:column;gap:1.5rem}.void-expanse-page .info-section h3{color:#8b5cf6;font-size:1.5rem;margin:0 0 .5rem}.void-expanse-page .info-section h4{color:#a0a0a0;font-size:1.1rem;margin:0 0 .75rem}.void-expanse-page .zone-description{color:#d0d0d0;line-height:1.6;margin:0}.void-expanse-page .critical-rules{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:1rem}.void-expanse-page .critical-rules ul{color:#fca5a5;margin:0;padding-left:1.5rem}.void-expanse-page .critical-rules li{line-height:1.5;margin-bottom:.5rem}.void-expanse-page .critical-rules strong{color:#ef4444}.void-expanse-page .depth-info{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:8px;padding:1rem}.void-expanse-page .depth-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.void-expanse-page .depth-item{background:#0000004d;border-left:3px solid #6366f1;border-radius:6px;padding:.75rem}.void-expanse-page .depth-item.boss{background:#ef44441a;border-left-color:#ef4444}.void-expanse-page .depth-item.alliance{background:#8b5cf61a;border-left-color:#8b5cf6}.void-expanse-page .depth-item.final{background:linear-gradient(135deg,#f59e0b26,#ef444426);border-left-color:#f59e0b}.void-expanse-page .depth-label{color:#f0f0f0;display:block;font-weight:600;margin-bottom:.25rem}.void-expanse-page .depth-desc{color:#a0a0a0;display:block;font-size:.875rem}.void-expanse-page .intel-active{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;padding:1rem}.void-expanse-page .intel-active h4{color:#22c55e}.void-expanse-page .intel-active ul{color:#86efac;margin:.5rem 0 0;padding-left:1.5rem}.void-expanse-page .expedition-type-card{background:linear-gradient(135deg,#1e1b4bcc,#0f172acc);border:1px solid #8b5cf64d}.void-expanse-page .expedition-type-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.void-expanse-page .type-option{background:#0000004d;border:2px solid #8b5cf633;border-radius:8px;cursor:pointer;padding:1.5rem;position:relative;text-align:left;transition:all .3s}.void-expanse-page .type-option:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf680;transform:translateY(-2px)}.void-expanse-page .type-option.selected{background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf64d}.void-expanse-page .type-option:disabled{cursor:not-allowed;opacity:.5}.void-expanse-page .type-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.void-expanse-page .type-icon{font-size:2rem}.void-expanse-page .type-name{color:#f0f0f0;font-size:1.1rem;font-weight:600}.void-expanse-page .type-details{display:flex;flex-direction:column;gap:.25rem}.void-expanse-page .type-details p{color:#a0a0a0;font-size:.875rem;margin:0}.void-expanse-page .prepare-sidebar{display:flex;flex-direction:column;gap:1.5rem}.void-expanse-page .requirements-card,.void-expanse-page .vip-benefits-card,.void-expanse-page .weekly-status-card{background:linear-gradient(135deg,#1e1b4bcc,#0f172acc);border:1px solid #8b5cf64d}.void-expanse-page .weekly-status{display:flex;flex-direction:column;gap:.75rem}.void-expanse-page .prepare-sidebar .status-item{align-items:center;display:flex;justify-content:space-between}.void-expanse-page .prepare-sidebar .status-label{color:#a0a0a0;font-size:.875rem}.void-expanse-page .prepare-sidebar .status-value{color:#f0f0f0;font-weight:600}.void-expanse-page .progress-bar{background:#0000004d;border-radius:4px;height:8px;overflow:hidden;width:100%}.void-expanse-page .progress-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);height:100%;transition:width .3s}.void-expanse-page .reset-notice{color:grey;font-size:.75rem;font-style:italic;margin:0;text-align:center}.void-expanse-page .vip-benefits{display:flex;flex-direction:column;gap:.75rem}.void-expanse-page .vip-benefits .benefit-item{align-items:center;background:#0003;border-radius:6px;display:flex;gap:.75rem;padding:.5rem}.void-expanse-page .vip-benefits .benefit-icon{font-size:1.25rem}.void-expanse-page .vip-benefits .benefit-text{color:#d0d0d0;font-size:.875rem}.void-expanse-page .requirements-list{display:flex;flex-direction:column;gap:.75rem}.void-expanse-page .requirement{align-items:center;border-radius:6px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s}.void-expanse-page .requirement.met{background:#22c55e1a;border:1px solid #22c55e4d}.void-expanse-page .requirement.unmet{background:#ef44441a;border:1px solid #ef44444d}.void-expanse-page .req-icon{font-size:1.5rem}.void-expanse-page .req-text{color:#d0d0d0;font-size:.875rem}.void-expanse-page .start-expedition-btn{box-shadow:0 4px 20px #ef44444d;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-top:1rem;padding:1.25rem}@media (max-width:1200px){.void-expanse-page .prepare-layout{grid-template-columns:1fr}.void-expanse-page .prepare-sidebar{order:-1}}@media (max-width:768px){.void-expanse-page{padding:1rem}.void-expanse-page .void-title{font-size:2rem}.void-expanse-page .void-tabs{flex-wrap:wrap}.void-expanse-page .void-tab{font-size:.875rem;padding:.75rem 1rem}.void-expanse-page .depth-grid,.void-expanse-page .expedition-type-selector{grid-template-columns:1fr}}.spiritual-temple{animation:pageEntry .6s ease-out;box-sizing:border-box;margin:0 auto;max-width:min(1400px,96vw);padding:2rem;width:100%}@keyframes pageEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1920px){.spiritual-temple{max-width:min(1800px,98vw)}}@media (min-width:2560px){.spiritual-temple{max-width:min(2600px,98vw)}}.spiritual-temple .header{margin-bottom:2rem;text-align:center}.spiritual-temple .header h1{-webkit-text-fill-color:#0000;animation:headerShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,var(--color-brand-accent),var(--color-brand-primary),var(--color-info));-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:2.5rem;margin-bottom:.5rem}@keyframes headerShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.spiritual-temple .header p{color:var(--color-text-secondary);margin-bottom:1rem}.spiritual-temple .temple-notification{border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:1rem;text-align:center;transition:transform .2s,box-shadow .2s}.spiritual-temple .temple-notification:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.spiritual-temple .temple-notification.error{background:rgba(var(--color-brand-primary-rgb),.2);border:1px solid var(--color-danger);color:var(--color-text-error)}.spiritual-temple .temple-notification.success{background:#22c55e33;border:1px solid var(--color-success);color:var(--color-success)}.alignment-header-icon,.buff-icon-blessing,.buff-icon-curse,.sacrifice-header-icon,.scroll-icon,.temple-icon-light,.temple-icon-shadow,.worship-icon{display:inline-block;position:relative;vertical-align:middle}.alignment-header-icon{height:32px;width:32px}.alignment-header-icon:after,.alignment-header-icon:before{background:currentColor;content:"";position:absolute}.alignment-header-icon:before{height:2px;left:50%;top:50%;transform:translate(-50%,-50%);width:24px}.alignment-header-icon:after{box-shadow:-8px 8px 0 0 currentColor,8px 8px 0 0 currentColor,-10px 12px 0 0 currentColor,-6px 12px 0 0 currentColor,6px 12px 0 0 currentColor,10px 12px 0 0 currentColor;height:16px;left:50%;top:25%;transform:translateX(-50%);width:2px}.temple-icon-light{color:var(--color-brand-accent);height:48px;width:48px}.temple-icon-light:before{background:currentColor;border-radius:50%;box-shadow:0 -16px 0 -2px currentColor,0 16px 0 -2px currentColor,-16px 0 0 -2px currentColor,16px 0 0 -2px currentColor,-12px -12px 0 -3px currentColor,12px -12px 0 -3px currentColor,-12px 12px 0 -3px currentColor,12px 12px 0 -3px currentColor;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.temple-icon-shadow{color:var(--color-info);height:48px;width:48px}.temple-icon-shadow:before{background:var(--color-ui-surface);box-shadow:4px 0 0 0 currentColor}.temple-icon-shadow:after,.temple-icon-shadow:before{border-radius:50%;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.temple-icon-shadow:after{background:currentColor}.buff-icon-blessing{color:var(--color-brand-accent);height:32px;width:32px}.buff-icon-blessing:after,.buff-icon-blessing:before{background:currentColor;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.buff-icon-blessing:before{box-shadow:0 0 8px currentColor;height:24px;width:4px}.buff-icon-blessing:after{box-shadow:0 0 8px currentColor;height:4px;width:24px}.buff-icon-curse{color:var(--color-info);height:32px;width:32px}.buff-icon-curse:before{background:currentColor;box-shadow:0 0 12px currentColor;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:16px}.worship-icon{height:24px;width:24px}.worship-icon:after,.worship-icon:before{background:currentColor;border-radius:2px;content:"";height:16px;position:absolute;top:50%;width:4px}.worship-icon:before{left:35%;transform:translate(-50%,-50%) rotate(-10deg)}.worship-icon:after{left:65%;transform:translate(-50%,-50%) rotate(10deg)}.sacrifice-header-icon{height:32px;width:32px}.sacrifice-header-icon:after,.sacrifice-header-icon:before{background:currentColor;content:"";position:absolute}.sacrifice-header-icon:before{border-radius:2px;height:3px;left:50%;top:30%;transform:translateX(-50%);width:28px}.sacrifice-header-icon:after{border-radius:2px;box-shadow:18px 0 0 0 currentColor;height:18px;left:20%;top:35%;width:3px}.scroll-icon{height:24px;width:24px}.scroll-icon:before{background:currentColor;border-radius:2px;box-shadow:inset 0 4px 0 0 var(--color-ui-surface),inset 0 8px 0 0 var(--color-ui-surface),inset 0 12px 0 0 var(--color-ui-surface);content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.alignment-card{margin-bottom:2rem}.alignment-card h2{color:var(--color-text-primary);margin-bottom:1.5rem;text-align:center}.alignment-meter{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.side-label{font-size:1.2rem;font-weight:600;min-width:80px;text-align:center;transition:transform .2s,text-shadow .2s}.side-label:hover{transform:scale(1.05)}.side-label.light{color:var(--color-brand-accent);text-shadow:0 0 12px #f59e0b80}.side-label.shadow{color:var(--color-info);text-shadow:0 0 12px #8b5cf680}.meter-bar{background:#ffffff1a;border-radius:15px;box-shadow:inset 0 2px 8px #0000004d,0 0 20px #0003;flex:1 1;height:30px;overflow:hidden;position:relative}.meter-fill{background:linear-gradient(90deg,var(--color-info) 0,#8b5cf680 25%,#ffffff4d 50%,#f59e0b80 75%,var(--color-brand-accent) 100%);border-radius:15px;box-shadow:0 0 20px #fff3;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1),background .3s}.meter-marker{animation:meterPulse 2s ease-in-out infinite;background:var(--color-text-primary);border-radius:2px;box-shadow:0 0 10px #fffc,0 0 20px #fff6;height:40px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .8s cubic-bezier(.34,1.56,.64,1);width:4px}@keyframes meterPulse{0%,to{box-shadow:0 0 10px #fffc,0 0 20px #fff6}50%{box-shadow:0 0 20px #fff,0 0 40px #fff9}}.alignment-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.alignment-value{font-size:2rem;font-weight:700;transition:transform .3s}.alignment-value:hover{transform:scale(1.1)}.alignment-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:500}.active-buff{animation:buffPulse 2s ease-in-out infinite;background:rgba(var(--color-brand-primary-rgb),.1);border:1px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:8px;gap:1rem;margin-top:1rem;padding:1rem}@keyframes buffPulse{0%,to{border-color:rgba(var(--color-brand-primary-rgb),.3);box-shadow:0 0 0 0 rgba(var(--color-brand-primary-rgb),0)}50%{border-color:rgba(var(--color-brand-primary-rgb),.6);box-shadow:0 0 20px 2px rgba(var(--color-brand-primary-rgb),.3)}}.buff-icon{font-size:2rem}.active-buff strong{color:var(--color-text-primary);display:block;margin-bottom:.25rem}.active-buff p{color:var(--color-text-secondary);margin:.25rem 0}.expires{color:var(--color-info);font-size:.85rem}.temples-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.temple-card{animation:templeEntry .6s ease-out backwards;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s}.temple-card:first-child{animation-delay:.1s}.temple-card:nth-child(2){animation-delay:.2s}@keyframes templeEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.temple-card.light{background:linear-gradient(135deg,var(--color-ui-surface) 0,var(--color-ui-background) 100%);border:2px solid var(--color-brand-accent);box-shadow:0 0 0 1px #f59e0b33,0 4px 12px #0003}.temple-card.light:hover{border-color:#f59e0bcc;box-shadow:0 0 20px #f59e0b66,0 0 40px #f59e0b33,0 8px 24px #0000004d;transform:translateY(-4px)}.temple-card.shadow{background:linear-gradient(135deg,var(--color-ui-surface) 0,var(--color-ui-background) 100%);border:2px solid var(--color-ui-border);box-shadow:0 4px 12px #0003}.temple-card.shadow:hover{border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf64d,0 0 40px #8b5cf626,0 8px 24px #0000004d;transform:translateY(-4px)}.temple-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.temple-icon{font-size:3rem}.temple-header h2{color:var(--color-text-primary);margin:0}.temple-desc{color:var(--color-text-secondary);font-style:italic;line-height:1.5;margin-bottom:1.5rem}.temple-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.stat{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;padding:1rem;transition:background .2s,transform .2s}.stat:hover{background:#ffffff14;transform:scale(1.02)}.stat .value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.stat .label{color:var(--color-text-secondary);font-size:.85rem;margin-top:.25rem}.donate-section,.worship-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;transition:background .2s,border-color .2s}.donate-section:hover,.worship-section:hover{background:#ffffff0d;border-color:#ffffff1a}.donate-section h4,.donate-section input,.worship-section h4{color:var(--color-text-primary);margin-bottom:.75rem}.donate-section input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.donate-section input:hover{background:#ffffff14;border-color:#ffffff26}.donate-section input:focus{background:#ffffff14;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.2),0 0 12px rgba(var(--color-brand-primary-rgb),.3);outline:none}.donate-section button:disabled,.worship-section button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.4}.donate-section button:disabled:hover,.worship-section button:disabled:hover{box-shadow:none;transform:none}.blessings-list{margin-top:1.5rem}.blessings-list h4{color:var(--color-text-primary);margin-bottom:1rem}.blessing{grid-gap:1rem;align-items:center;animation:blessingEntry .4s ease-out backwards;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.blessing:first-child{animation-delay:.05s}.blessing:nth-child(2){animation-delay:.1s}.blessing:nth-child(3){animation-delay:.15s}.blessing:nth-child(4){animation-delay:.2s}.blessing:nth-child(5){animation-delay:.25s}@keyframes blessingEntry{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.blessing.unlocked{background:#22c55e1a;border-color:#22c55e4d;box-shadow:0 0 12px #22c55e33}.blessing.unlocked:hover{background:#22c55e26;border-color:#22c55e80;box-shadow:0 0 20px #22c55e4d;transform:translateX(4px)}.blessing.locked{filter:grayscale(.3);opacity:.6}.blessing.locked:hover{opacity:.7;transform:translateX(2px)}.blessing .tier{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.blessing .name{color:var(--color-text-primary);font-weight:500}.blessing .effect{color:var(--color-text-secondary);font-size:.85rem;text-align:right}.sacrifice-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-top:2rem;padding:1.5rem;transition:background .2s,border-color .2s}.sacrifice-card:hover{background:#ffffff0d;border-color:#ffffff26}.sacrifice-card h3{align-items:center;color:var(--color-text-primary);display:flex;gap:.75rem;margin-bottom:1rem}.sacrifice-card input,.sacrifice-card select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);font-size:1rem;margin-bottom:.75rem;padding:.75rem;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.sacrifice-card input:hover,.sacrifice-card select:hover{background:#ffffff14;border-color:#ffffff26}.sacrifice-card input:focus,.sacrifice-card select:focus{background:#ffffff14;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.2),0 0 12px rgba(var(--color-brand-primary-rgb),.3);outline:none}.spiritual-temple .info-card{margin-top:2rem}.spiritual-temple .info-card h3{align-items:center;color:var(--color-text-primary);display:flex;gap:.75rem;margin-bottom:1rem}.spiritual-temple .info-card ul{list-style:none;margin:0;padding:0}.spiritual-temple .info-card li{border-bottom:1px solid #ffffff0d;color:var(--color-text-secondary);padding:.5rem 0;transition:color .2s,padding-left .2s}.spiritual-temple .info-card li:hover{color:var(--color-text-primary);padding-left:.5rem}.skeleton-cards,.skeleton-temples{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.spiritual-temple .skeleton-card{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:12px;height:400px}.skeleton-card.wide{grid-column:1/-1;height:300px}.skeleton-bar{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:15px;height:30px;margin-bottom:1rem}.skeleton-bar.short{margin:0 auto 1rem}.spiritual-temple .loading{animation:spiritualTemplePulse 1.5s ease-in-out infinite;color:var(--color-text-secondary);padding:3rem;text-align:center}@keyframes spiritualTemplePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(0) translateX(0) scale(.5)}20%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translateY(-100vh) translateX(30px) scale(1)}}@keyframes floatUpReverse{0%{opacity:0;transform:translateY(0) translateX(0) scale(.5)}20%{opacity:.8}80%{opacity:.6}to{opacity:0;transform:translateY(-100vh) translateX(-20px) scale(1)}}.temple-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.temple-particles .mote{border-radius:50%;bottom:-10px;position:absolute}.temple-particles .mote.golden{animation:floatUp linear infinite;background:radial-gradient(circle,#fbbf24cc,#f59e0b4d,#0000);box-shadow:0 0 6px #fbbf2480}.temple-particles .mote.shadow-wisp{animation:floatUpReverse linear infinite;background:radial-gradient(circle,#8b5cf6b3,#6366f133,#0000);box-shadow:0 0 8px #8b5cf666}.spiritual-temple>:not(.temple-particles){position:relative;z-index:1}@keyframes altarGlowLight{0%,to{box-shadow:0 0 20px #f59e0b4d,inset 0 0 20px #f59e0b0d}50%{box-shadow:0 0 50px #f59e0b80,inset 0 0 40px #f59e0b1a}}@keyframes altarGlowShadow{0%,to{box-shadow:0 0 20px #8b5cf64d,inset 0 0 20px #8b5cf60d}50%{box-shadow:0 0 50px #8b5cf680,inset 0 0 40px #8b5cf61a}}.temple-card.light.altar-active{animation:templeEntry .6s ease-out backwards,altarGlowLight 3s ease-in-out infinite}.temple-card.shadow.altar-active{animation:templeEntry .6s ease-out backwards,altarGlowShadow 3s ease-in-out infinite}.donation-progress{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin-top:1rem;padding:.75rem}.donation-progress-label{color:var(--color-text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.5rem}.donation-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.donation-progress-fill{border-radius:3px;height:100%;position:relative;transition:width .5s ease-out}.donation-progress-fill.light-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b80}.donation-progress-fill.shadow-fill{background:linear-gradient(90deg,#7c3aed,#8b5cf6);box-shadow:0 0 10px #8b5cf680}@keyframes progressShine{0%{left:-50%}to{left:150%}}.donation-progress-fill:after{animation:progressShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-50%;position:absolute;top:0;width:30%}.donation-progress-tier{color:var(--color-text-secondary);font-size:.7rem;margin-top:.25rem;text-align:center}.worship-cooldown{color:var(--color-text-secondary);font-size:.8rem;margin-top:.5rem}.worship-cooldown-ring{align-items:center;border:2px solid #ffffff1a;border-radius:50%;display:inline-flex;height:24px;justify-content:center;position:relative;width:24px}.worship-cooldown-ring:before{border-bottom:2px solid var(--color-brand-accent);border-left:2px solid var(--color-brand-accent);border-radius:50%;border-right:2px solid #0000;border-top:2px solid #0000;content:"";height:100%;position:absolute;width:100%}.worship-cooldown-ring.ready{border-color:var(--color-success)}.worship-cooldown-ring.ready:before{display:none}@keyframes cooldownSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.worship-cooldown-ring.waiting:before{animation:cooldownSpin 2s linear infinite}@keyframes sacrificeFlash{0%{background:#0000}50%{background:#ef444426}to{background:#0000}}@keyframes sacrificeShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.sacrifice-mech-card.sacrificing{animation:sacrificeShake .3s ease-in-out 3,sacrificeFlash 1s ease-in-out}.temple-card.light .temple-header{background:linear-gradient(180deg,#f59e0b0d,#0000);border-bottom-color:#f59e0b33;border-radius:12px 12px 0 0;margin:-1.5rem -1.5rem 1rem;padding:1.5rem 1.5rem 1rem}.temple-card.shadow .temple-header{background:linear-gradient(180deg,#8b5cf60d,#0000);border-bottom-color:#8b5cf633;border-radius:12px 12px 0 0;margin:-1.5rem -1.5rem 1rem;padding:1.5rem 1.5rem 1rem}@keyframes sunRotate{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes moonFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.temple-icon-light:before{animation:sunRotate 30s linear infinite}.temple-icon-shadow:after{animation:moonFloat 3s ease-in-out infinite}.temple-stats .stat .value{transition:transform .3s,text-shadow .3s}.temple-stats .stat:hover .value{text-shadow:0 0 12px currentColor;transform:scale(1.15)}@keyframes worshipReady{0%,to{box-shadow:0 0 0 0 rgba(var(--color-brand-primary-rgb),.4)}50%{box-shadow:0 0 0 8px rgba(var(--color-brand-primary-rgb),0)}}.worship-section button:not(:disabled){animation:worshipReady 2s ease-in-out infinite}.temple-card.light .blessing.unlocked{background:#f59e0b1a;border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b33}.temple-card.light .blessing.unlocked:hover{box-shadow:0 0 20px #f59e0b66}.temple-card.shadow .blessing.unlocked{background:#8b5cf61a;border-color:#8b5cf64d;box-shadow:0 0 12px #8b5cf633}.temple-card.shadow .blessing.unlocked:hover{box-shadow:0 0 20px #8b5cf666}.meter-bar:before{background:linear-gradient(90deg,#8b5cf626,#0000 30%,#0000 70%,#f59e0b26);border-radius:15px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.meter-fill{position:relative;z-index:1}.meter-marker{z-index:2}.sacrifice-form{grid-gap:.75rem;align-items:start;display:grid;gap:.75rem;grid-template-columns:1fr 1fr auto}.sacrifice-select,.sacrifice-temple{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.sacrifice-select:focus,.sacrifice-temple:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.2);outline:none}.sacrifice-desc{color:var(--color-text-secondary);margin-bottom:1rem}.active-buff .buff-type-icon{transition:transform .3s}.active-buff:hover .buff-type-icon{transform:scale(1.15) rotate(5deg)}.active-buff .expires{background:#ffffff0d;border-radius:4px;display:inline-block;margin-top:.25rem;padding:.25rem .5rem}.spiritual-temple .info-card li:before{background:linear-gradient(135deg,var(--color-brand-accent),var(--color-info));border-radius:50%;content:"";display:inline-block;height:.5rem;margin-right:.75rem;transition:transform .3s,box-shadow .3s;vertical-align:middle;width:.5rem}.spiritual-temple .info-card li:hover:before{box-shadow:0 0 8px rgba(var(--color-brand-primary-rgb),.5);transform:scale(1.4)}.temple-bg-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:background 1.5s ease;width:100%;z-index:0}.temple-bg-overlay.light{background:radial-gradient(ellipse at 50% 30%,#fbbf2414 0,#f59e0b08 40%,#0000 70%)}.temple-bg-overlay.shadow{background:radial-gradient(ellipse at 50% 30%,#8b5cf614 0,#6366f108 40%,#0000 70%)}.temple-bg-overlay.neutral{background:radial-gradient(ellipse at 50% 30%,#6b72800d 0,#3b82f605 40%,#0000 70%)}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(.3)}10%{opacity:1}50%{opacity:.9;transform:translateY(-50vh) scale(1.2)}51%{opacity:.3;transform:translateY(-50vh) scale(.4)}52%{opacity:1;transform:translateY(-50vh) scale(1.1)}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh) scale(.6)}}@keyframes lateralDrift{0%{opacity:0;transform:translateY(0) translateX(0) scale(.5)}15%{opacity:.8}50%{transform:translateY(-40vh) translateX(60px) scale(1)}to{opacity:0;transform:translateY(-100vh) translateX(-40px) scale(.3)}}@keyframes lateralDriftReverse{0%{opacity:0;transform:translateY(0) translateX(0) scale(.4)}15%{opacity:.7}50%{transform:translateY(-45vh) translateX(-50px) scale(.9)}to{opacity:0;transform:translateY(-100vh) translateX(30px) scale(.2)}}.temple-particles .mote.sparkle.golden{animation-name:sparkleFloat;background:radial-gradient(circle,gold,#fbbf2499,#0000);box-shadow:0 0 10px #ffd700cc,0 0 20px #fbbf244d}.temple-particles .mote.sparkle.shadow-wisp{animation-name:sparkleFloat;background:radial-gradient(circle,#a78bfa,#8b5cf699,#0000);box-shadow:0 0 10px #a78bfacc,0 0 20px #8b5cf64d}.temple-particles .mote.drift.golden{animation-name:lateralDrift;background:radial-gradient(circle,#fbbf24e6,#f59e0b66,#0000);box-shadow:0 0 8px #fbbf2499}.temple-particles .mote.drift.shadow-wisp{animation-name:lateralDriftReverse;background:radial-gradient(circle,#8b5cf6cc,#6366f14d,#0000);box-shadow:0 0 8px #8b5cf680}.altar-centerpiece{align-items:center;animation:altarAppear 1s ease-out .3s backwards;display:flex;height:280px;justify-content:center;margin:1rem 0 2rem;overflow:visible;position:relative;width:100%}@keyframes altarAppear{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.altar-energy-beams{height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%);width:0}.energy-beam{animation:beamPulse 3s ease-in-out infinite;height:120px;left:-1px;position:absolute;top:-60px;transform-origin:bottom center;width:2px}.altar-centerpiece.light .energy-beam{background:linear-gradient(0deg,#fbbf2499,#ffd7001a,#0000);box-shadow:0 0 8px #fbbf244d}.altar-centerpiece.shadow .energy-beam{background:linear-gradient(0deg,#8b5cf699,#a78bfa1a,#0000);box-shadow:0 0 8px #8b5cf64d}.altar-centerpiece.neutral .energy-beam{background:linear-gradient(0deg,#6b728066,#3b82f61a,#0000);box-shadow:0 0 6px #6b728033}@keyframes beamPulse{0%,to{height:100px;opacity:.3}50%{height:140px;opacity:.8}}.energy-beam:nth-child(2){animation-delay:.5s}.energy-beam:nth-child(3){animation-delay:1s}.energy-beam:nth-child(4){animation-delay:1.5s}.energy-beam:nth-child(5){animation-delay:2s}.energy-beam:nth-child(6){animation-delay:2.5s}.altar-orb{animation:orbFloat 4s ease-in-out infinite;height:60px;left:50%;position:absolute;top:30px;transform:translateX(-50%);width:60px;z-index:3}@keyframes orbFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-12px)}}.orb-inner{animation:orbBreathe 3s ease-in-out infinite;border-radius:50%;height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:36px}.altar-centerpiece.light .orb-inner{background:radial-gradient(circle at 35% 35%,#fef3c7,#fbbf24,#d97706);box-shadow:0 0 20px #fbbf24cc,0 0 40px #f59e0b80,0 0 80px #fbbf244d,inset 0 0 15px #fff6}.altar-centerpiece.shadow .orb-inner{background:radial-gradient(circle at 35% 35%,#ddd6fe,#8b5cf6,#5b21b6);box-shadow:0 0 20px #8b5cf6cc,0 0 40px #6366f180,0 0 80px #8b5cf64d,inset 0 0 15px #ffffff4d}.altar-centerpiece.neutral .orb-inner{background:radial-gradient(circle at 35% 35%,#e0e7ff,#6366f1,#3730a3);box-shadow:0 0 20px #6366f199,0 0 40px #6366f14d,0 0 60px #6366f126,inset 0 0 15px #ffffff4d}@keyframes orbBreathe{0%,to{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}50%{filter:brightness(1.3);transform:translate(-50%,-50%) scale(1.1)}}.orb-ring{animation:ringRotate 6s linear infinite;border:2px solid #0000;border-radius:50%;height:52px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:52px}.altar-centerpiece.light .orb-ring{border-bottom-color:#f59e0b4d;border-top-color:#fbbf2499;box-shadow:0 0 15px #fbbf2433}.altar-centerpiece.shadow .orb-ring{border-bottom-color:#6366f14d;border-top-color:#8b5cf699;box-shadow:0 0 15px #8b5cf633}.altar-centerpiece.neutral .orb-ring{border-bottom-color:#3b82f633;border-top-color:#6366f166;box-shadow:0 0 10px #6366f126}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.orb-ring.ring-2{animation:ringRotateReverse 8s linear infinite;border-width:1px;height:64px;width:64px}@keyframes ringRotateReverse{0%{transform:translate(-50%,-50%) rotate(0deg) rotateX(60deg)}to{transform:translate(-50%,-50%) rotate(-1turn) rotateX(60deg)}}.altar-pedestal{bottom:20px;height:120px;width:140px;z-index:2}.altar-pedestal,.pedestal-top{left:50%;position:absolute;transform:translateX(-50%)}.pedestal-top{border-radius:4px 4px 0 0;height:14px;top:0;width:80px}.altar-centerpiece.light .pedestal-top{background:linear-gradient(180deg,#d4a22f,#a67c10);box-shadow:0 -4px 20px #fbbf244d,inset 0 2px 4px #fff3}.altar-centerpiece.shadow .pedestal-top{background:linear-gradient(180deg,#7c3aed,#4c1d95);box-shadow:0 -4px 20px #8b5cf64d,inset 0 2px 4px #ffffff26}.altar-centerpiece.neutral .pedestal-top{background:linear-gradient(180deg,#4b5563,#1f2937);box-shadow:0 -4px 15px #6b728033,inset 0 2px 4px #ffffff1a}.pedestal-body{-webkit-clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);height:70px;left:50%;position:absolute;top:14px;transform:translateX(-50%);width:50px}.altar-centerpiece.light .pedestal-body{background:linear-gradient(180deg,#92702c,#6b5020,#4a3818);box-shadow:inset 2px 0 8px #fbbf2426,inset -2px 0 8px #fbbf2426}.altar-centerpiece.shadow .pedestal-body{background:linear-gradient(180deg,#5b21b6,#3b0d8e,#2e0a6e);box-shadow:inset 2px 0 8px #8b5cf626,inset -2px 0 8px #8b5cf626}.altar-centerpiece.neutral .pedestal-body{background:linear-gradient(180deg,#374151,#1f2937,#111827);box-shadow:inset 2px 0 8px #6b72801a,inset -2px 0 8px #6b72801a}.pedestal-base{border-radius:0 0 6px 6px;bottom:0;height:16px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.altar-centerpiece.light .pedestal-base{background:linear-gradient(180deg,#7a5c1e,#5a4318);box-shadow:0 4px 20px #0006,0 0 30px #fbbf2426}.altar-centerpiece.shadow .pedestal-base{background:linear-gradient(180deg,#4c1d95,#2e1065);box-shadow:0 4px 20px #0006,0 0 30px #8b5cf626}.altar-centerpiece.neutral .pedestal-base{background:linear-gradient(180deg,#1f2937,#111827);box-shadow:0 4px 20px #0000004d}.altar-flames{bottom:24px;height:60px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.altar-flame{animation:flameDance 1.2s ease-in-out infinite alternate;border-radius:50% 50% 20% 20%;bottom:0;height:40px;position:absolute;transform-origin:bottom center;width:16px}.altar-centerpiece.light .altar-flame{background:linear-gradient(0deg,#f59e0b,#fbbf24,#ffedb799,#0000);box-shadow:0 0 12px #fbbf2499,0 0 30px #f59e0b4d}.altar-centerpiece.shadow .altar-flame{background:linear-gradient(0deg,#7c3aed,#a78bfa,#c4b5fd80,#0000);box-shadow:0 0 12px #8b5cf699,0 0 30px #6366f14d}.altar-centerpiece.neutral .altar-flame{background:linear-gradient(0deg,#3b82f6,#93c5fd,#bfdbfe66,#0000);box-shadow:0 0 10px #3b82f666,0 0 20px #3b82f633}@keyframes flameDance{0%{opacity:.7;transform:scaleY(.8) scaleX(1) skewX(-3deg)}25%{opacity:1;transform:scaleY(1.1) scaleX(.85) skewX(4deg)}50%{opacity:.85;transform:scaleY(.9) scaleX(1.1) skewX(-2deg)}75%{opacity:.95;transform:scaleY(1.15) scaleX(.9) skewX(3deg)}to{opacity:.8;transform:scaleY(1) scaleX(1) skewX(-1deg)}}.altar-flame:nth-child(2){height:32px;width:12px}.altar-flame:nth-child(3){height:45px;width:18px}.altar-flame:nth-child(4){height:35px;width:14px}.altar-flame:nth-child(5){height:28px;width:10px}@keyframes divineEnergyLight{0%,to{border-color:#f59e0b4d;box-shadow:0 0 20px #f59e0b33,inset 0 0 30px #f59e0b0d}33%{border-color:#f59e0b99;box-shadow:0 0 40px #fbbf2466,0 0 80px #f59e0b26,inset 0 0 50px #f59e0b14}66%{border-color:#f59e0b73;box-shadow:0 0 30px #ffd70059,0 0 60px #fbbf241f,inset 0 0 40px #f59e0b0f}}@keyframes divineEnergyShadow{0%,to{border-color:#8b5cf64d;box-shadow:0 0 20px #8b5cf633,inset 0 0 30px #8b5cf60d}33%{border-color:#8b5cf699;box-shadow:0 0 40px #8b5cf666,0 0 80px #6366f126,inset 0 0 50px #8b5cf614}66%{border-color:#8b5cf673;box-shadow:0 0 30px #a78bfa59,0 0 60px #8b5cf61f,inset 0 0 40px #8b5cf60f}}.alignment-card.extreme-alignment.light{animation:divineEnergyLight 4s ease-in-out infinite;border:2px solid #f59e0b4d}.alignment-card.extreme-alignment.shadow{animation:divineEnergyShadow 4s ease-in-out infinite;border:2px solid #8b5cf64d}@keyframes donationSuccessLight{0%{background:#f59e0b00}30%{background:#f59e0b26}to{background:#f59e0b00}}@keyframes donationSuccessShadow{0%{background:#8b5cf600}30%{background:#8b5cf626}to{background:#8b5cf600}}.temple-card.light .donate-section:active{animation:donationSuccessLight .8s ease-out}.temple-card.shadow .donate-section:active{animation:donationSuccessShadow .8s ease-out}@keyframes worshipGlowRing{0%{box-shadow:0 0 0 0 rgba(var(--color-brand-primary-rgb),.5),0 0 0 0 rgba(var(--color-brand-primary-rgb),.3)}50%{box-shadow:0 0 0 6px rgba(var(--color-brand-primary-rgb),0),0 0 20px 2px rgba(var(--color-brand-primary-rgb),.3)}to{box-shadow:0 0 0 12px rgba(var(--color-brand-primary-rgb),0),0 0 0 0 rgba(var(--color-brand-primary-rgb),0)}}.temple-card.light .worship-section button:not(:disabled),.temple-card.shadow .worship-section button:not(:disabled){animation:worshipGlowRing 2s ease-in-out infinite;overflow:visible;position:relative}.blessing.unlocked .tier{text-shadow:0 0 8px currentColor}.temple-card.light .blessing.unlocked:first-child{box-shadow:0 0 8px #f59e0b26}.temple-card.light .blessing.unlocked:nth-child(2){box-shadow:0 0 14px #f59e0b40}.temple-card.light .blessing.unlocked:nth-child(3){box-shadow:0 0 20px #f59e0b59}.temple-card.light .blessing.unlocked:nth-child(4){box-shadow:0 0 26px #f59e0b73}.temple-card.light .blessing.unlocked:nth-child(5){box-shadow:0 0 32px #f59e0b8c}.temple-card.shadow .blessing.unlocked:first-child{box-shadow:0 0 8px #8b5cf626}.temple-card.shadow .blessing.unlocked:nth-child(2){box-shadow:0 0 14px #8b5cf640}.temple-card.shadow .blessing.unlocked:nth-child(3){box-shadow:0 0 20px #8b5cf659}.temple-card.shadow .blessing.unlocked:nth-child(4){box-shadow:0 0 26px #8b5cf673}.temple-card.shadow .blessing.unlocked:nth-child(5){box-shadow:0 0 32px #8b5cf68c}@keyframes altarDonationFlashLight{0%{filter:brightness(1)}20%{filter:brightness(2) saturate(1.5)}40%{filter:brightness(1.5)}to{filter:brightness(1)}}@keyframes altarDonationFlashShadow{0%{filter:brightness(1)}20%{filter:brightness(2) saturate(1.5) hue-rotate(20deg)}40%{filter:brightness(1.5)}to{filter:brightness(1)}}.altar-centerpiece.donation-flash-light{animation:altarDonationFlashLight 1.2s ease-out}.altar-centerpiece.donation-flash-shadow{animation:altarDonationFlashShadow 1.2s ease-out}.altar-centerpiece.donation-flash-light .altar-flame,.altar-centerpiece.donation-flash-shadow .altar-flame{transform:scaleY(1.6) scaleX(1.3);transition:transform .3s ease-out}.altar-centerpiece.donation-flash-light .orb-inner{box-shadow:0 0 40px #fbbf24,0 0 80px #f59e0bb3,0 0 120px #fbbf2466;transition:box-shadow .3s ease-out}.altar-centerpiece.donation-flash-shadow .orb-inner{box-shadow:0 0 40px #8b5cf6,0 0 80px #6366f1b3,0 0 120px #8b5cf666;transition:box-shadow .3s ease-out}.worship-cooldown{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.cooldown-ring{align-items:center;animation:cooldownPulse 2s ease-in-out infinite;border:3px solid #6b72804d;border-radius:50%;display:flex;height:64px;justify-content:center;position:relative;width:64px}.temple-card.light .cooldown-ring{border-color:#f59e0b4d;box-shadow:0 0 15px #f59e0b1a}.temple-card.shadow .cooldown-ring{border-color:#8b5cf64d;box-shadow:0 0 15px #8b5cf61a}.cooldown-time{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:700}.cooldown-label{color:var(--color-text-tertiary);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.buff-countdown{font-feature-settings:"tnum";align-items:center;color:var(--color-text-secondary);display:inline-flex;font-variant-numeric:tabular-nums;font-weight:600;gap:.35rem}.buff-countdown.expired{animation:expiredPulse 1s ease-in-out infinite;color:var(--color-danger)}@keyframes expiredPulse{0%,to{opacity:1}50%{opacity:.5}}.countdown-icon{border:2px solid;border-radius:50%;display:inline-block;height:14px;position:relative;width:14px}.countdown-icon:before{height:5px;top:2px;transform:translateX(-50%);transform-origin:bottom center;width:1.5px}.countdown-icon:after,.countdown-icon:before{background:currentColor;content:"";left:50%;position:absolute}.countdown-icon:after{height:1.5px;top:3px;transform-origin:left center;width:4px}.recent-donations-card{margin-bottom:1.5rem}.donation-history-icon{display:inline-block;height:20px;margin-right:.5rem;position:relative;vertical-align:middle;width:20px}.donation-history-icon:before{border:2px solid var(--color-text-secondary);border-radius:2px;content:"";height:20px;left:2px;position:absolute;top:0;width:16px}.donation-history-icon:after{background:var(--color-text-secondary);box-shadow:0 4px 0 var(--color-text-secondary),0 8px 0 var(--color-text-secondary);content:"";height:2px;left:6px;position:absolute;top:5px;width:8px}.donations-list{display:flex;flex-direction:column;gap:.5rem}.donation-entry{align-items:center;animation:donationEntryIn .3s ease-out backwards;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .2s ease}.donation-entry:first-child{animation-delay:0s}.donation-entry:nth-child(2){animation-delay:.05s}.donation-entry:nth-child(3){animation-delay:.1s}.donation-entry:nth-child(4){animation-delay:.15s}.donation-entry:nth-child(5){animation-delay:.2s}@keyframes donationEntryIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.donation-entry:hover{background:#ffffff0d;transform:translateX(4px)}.donation-entry.light{border-left:3px solid #f59e0b80}.donation-entry.shadow{border-left:3px solid #8b5cf680}.donation-entry .donation-side-icon{flex-shrink:0;height:18px;width:18px}.donation-amount{color:var(--color-text-primary);flex:1 1;font-weight:600}.donation-time{color:var(--color-text-tertiary);font-size:.8rem}.worship-reveal-overlay{align-items:center;animation:revealFadeIn .5s ease-out;background:#000000d9;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}@keyframes revealFadeIn{0%{opacity:0}to{opacity:1}}.reveal-orb{animation:revealOrbSpin 1.5s ease-out,revealOrbCrack 1.5s ease-out 1s forwards;height:120px;margin-bottom:2rem;position:relative;width:120px}@keyframes revealOrbSpin{0%{opacity:0;transform:scale(.3) rotate(0deg)}60%{opacity:1;transform:scale(1.2) rotate(2turn)}to{transform:scale(1) rotate(2turn)}}@keyframes revealOrbCrack{0%{filter:brightness(1)}30%{filter:brightness(3);transform:scale(1.3) rotate(2turn)}60%{filter:brightness(1.5);transform:scale(1) rotate(2turn)}to{filter:brightness(1)}}.reveal-orb-inner{border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.worship-reveal-overlay.light .reveal-orb-inner{background:radial-gradient(circle at 35% 35%,#fef3c7,#fbbf24,#d97706);box-shadow:0 0 40px #fbbf24cc,0 0 80px #f59e0b80}.worship-reveal-overlay.shadow .reveal-orb-inner{background:radial-gradient(circle at 35% 35%,#ddd6fe,#8b5cf6,#5b21b6);box-shadow:0 0 40px #8b5cf6cc,0 0 80px #6366f180}.reveal-orb-crack{animation:revealRingSpin 2s linear infinite;border:3px solid #0000;border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.worship-reveal-overlay.light .reveal-orb-crack{border-right-color:#f59e0b4d;border-top-color:#fbbf2499}.worship-reveal-overlay.shadow .reveal-orb-crack{border-right-color:#6366f14d;border-top-color:#8b5cf699}@keyframes revealRingSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.reveal-result{animation:revealTextIn .5s ease-out 1.8s backwards;text-align:center}@keyframes revealTextIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.worship-reveal-overlay.light .reveal-title{color:#fbbf24;text-shadow:0 0 20px #fbbf2480}.worship-reveal-overlay.shadow .reveal-title{color:#a78bfa;text-shadow:0 0 20px #8b5cf680}.reveal-buff-name{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.reveal-buff-effect{color:var(--color-text-secondary);font-size:.9rem}.reveal-message{font-size:1rem}.reveal-dismiss,.reveal-message{color:var(--color-text-secondary)}.reveal-dismiss{animation:revealTextIn .3s ease-out 2.5s backwards;background:#0000;border:1px solid #fff3;border-radius:6px;cursor:pointer;font-size:.85rem;margin-top:2rem;padding:.5rem 2rem;transition:all .2s ease}.reveal-dismiss:hover{background:#ffffff1a;border-color:#fff6;color:var(--color-text-primary)}.sacrifice-preview{animation:previewSlideIn .3s ease-out;background:#ef44440d;border:1px solid #ef444433;border-radius:8px;margin-top:1rem;padding:1rem}@keyframes previewSlideIn{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.sacrifice-preview h4{color:var(--color-danger);font-size:.9rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.preview-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.preview-item{text-align:center}.preview-label{color:var(--color-text-tertiary);display:block;font-size:.7rem;margin-bottom:.25rem;text-transform:uppercase}.preview-value{color:var(--color-text-primary);display:block;font-size:.95rem;font-weight:600}.donation-streak{align-items:center;animation:streakSlideIn .3s ease-out;background:#f59e0b14;border:1px solid #f59e0b26;border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:.75rem 1rem}@keyframes streakSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.streak-flame-icon{animation:streakFlameFlicker 1s ease-in-out infinite alternate;background:linear-gradient(0deg,#f59e0b,#fbbf24,#fef3c7,#0000);-webkit-clip-path:polygon(50% 0,65% 25%,80% 50%,65% 70%,50% 100%,35% 70%,20% 50%,35% 25%);clip-path:polygon(50% 0,65% 25%,80% 50%,65% 70%,50% 100%,35% 70%,20% 50%,35% 25%);flex-shrink:0;height:32px;width:24px}@keyframes streakFlameFlicker{0%{opacity:.8;transform:scaleY(1) scaleX(1)}to{opacity:1;transform:scaleY(1.1) scaleX(.95)}}.streak-info{display:flex;flex-direction:column;gap:.15rem}.streak-count{color:#f59e0b;font-size:.95rem;font-weight:700}.streak-bonus{color:var(--color-text-tertiary);font-size:.75rem}.streak-bar{display:flex;gap:4px;margin-left:auto}.streak-dot{background:#6b72804d;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.streak-dot.active{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.meter-fill.meter-bounce-light{animation:meterBounceRight 1.5s ease-out}.meter-fill.meter-bounce-shadow{animation:meterBounceLeft 1.5s ease-out}@keyframes meterBounceRight{0%{filter:brightness(1)}15%{filter:brightness(2);transform:scaleY(1.8)}30%{filter:brightness(1.5);transform:scaleY(1.4)}50%{filter:brightness(1.2);transform:scaleY(1.1)}to{filter:brightness(1);transform:scaleY(1)}}@keyframes meterBounceLeft{0%{filter:brightness(1)}15%{filter:brightness(2);transform:scaleY(1.8)}30%{filter:brightness(1.5);transform:scaleY(1.4)}50%{filter:brightness(1.2);transform:scaleY(1.1)}to{filter:brightness(1);transform:scaleY(1)}}.synergy-hint{border-top:1px solid #6b728026;margin-top:1rem;padding-top:.75rem}.synergy-hint h4{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.75rem;gap:.4rem;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.synergy-hint-icon{background:linear-gradient(135deg,#fbbf24,#8b5cf6);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:inline-block;height:16px;width:16px}.synergy-hint-light,.synergy-hint-shadow{border-radius:4px;font-size:.8rem;margin:.25rem 0;padding:.3rem .5rem}.synergy-hint-light{background:#fbbf240d;border-left:3px solid #fbbf2466;color:#fbbf24}.synergy-hint-shadow{background:#8b5cf60d;border-left:3px solid #8b5cf666;color:#a78bfa}@media (max-width:1024px){.skeleton-cards,.skeleton-temples,.temples-container{grid-template-columns:1fr}.skeleton-card.wide{grid-column:1}}@media (max-width:768px){.spiritual-temple{padding:1rem}.spiritual-temple .header h1{font-size:2rem}.alignment-meter{flex-direction:column;gap:.5rem}.side-label{min-width:auto}.meter-bar{width:100%}.blessing,.temple-stats{grid-template-columns:1fr}.blessing{gap:.5rem}.blessing .effect{text-align:left}.temple-icon-light,.temple-icon-shadow{height:36px;width:36px}.altar-centerpiece{height:200px}.altar-orb{height:44px;width:44px}.orb-inner{height:26px;width:26px}.orb-ring{height:38px;width:38px}.orb-ring.ring-2{height:48px;width:48px}.pedestal-top{height:10px;width:60px}.pedestal-body{height:50px;width:36px}.pedestal-base{height:12px;width:90px}.energy-beam{height:80px;top:-40px}.sacrifice-form{grid-template-columns:1fr}.cooldown-ring{height:52px;width:52px}.donation-entry{gap:.5rem;padding:.4rem .5rem}.preview-grid{grid-template-columns:1fr}.donation-streak{flex-wrap:wrap}}@media (max-width:480px){.spiritual-temple{padding:.75rem}.spiritual-temple .header h1{font-size:1.75rem}.alignment-value{font-size:1.5rem}.side-label{font-size:1rem}.temple-card{padding:1rem}.temple-icon-light,.temple-icon-shadow{height:32px;width:32px}.stat .value,.temple-header h2{font-size:1.25rem}.donate-section,.worship-section{padding:.75rem}.active-buff{align-items:flex-start;flex-direction:column}.altar-centerpiece{height:160px}.altar-orb{height:36px;top:20px;width:36px}.orb-inner{height:20px;width:20px}.orb-ring{height:30px;width:30px}.orb-ring.ring-2{height:40px;width:40px}.pedestal-top{height:8px;width:48px}.pedestal-body{height:40px;top:8px;width:28px}.pedestal-base{height:10px;width:70px}.altar-flames{height:35px}.altar-flame{height:24px;width:10px}.energy-beam{height:60px;top:-30px}.worship-reveal-overlay .reveal-orb{height:80px;width:80px}.reveal-orb-inner{height:50px;width:50px}.reveal-orb-crack{height:65px;width:65px}.reveal-title{font-size:1.25rem}}.reveal-streak-bonus{animation:streakBonusPulse .8s ease-in-out infinite alternate;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-top:.5rem;padding:.25rem .75rem;text-transform:uppercase}@keyframes streakBonusPulse{0%{box-shadow:0 0 8px #f59e0b66;transform:scale(1)}to{box-shadow:0 0 16px #ef444499;transform:scale(1.05)}}.temple-starfield{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.starfield-star{animation:starTwinkle ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}.spiritual-temple .header h1{overflow:hidden;position:relative}.spiritual-temple .header h1:after{animation:headerSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%}.spiritual-temple .alignment-card:after,.spiritual-temple .temple-card:after{animation:cardScanLine 6s linear infinite;background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spiritual-temple .alignment-card,.spiritual-temple .temple-card{overflow:hidden;position:relative}@keyframes cardScanLine{0%{opacity:0;top:-2px}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.quick-amounts{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.quick-amt-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.3rem .65rem;transition:all .15s ease}.quick-amt-btn:hover{background:#ffffff1f;border-color:#fff3;color:var(--color-text-primary);transform:translateY(-1px)}.quick-amt-btn.active{background:rgba(var(--color-brand-primary-rgb),.2);border-color:rgba(var(--color-brand-primary-rgb),.5);box-shadow:0 0 8px rgba(var(--color-brand-primary-rgb),.2);color:var(--color-text-primary)}.quick-amt-btn.max-btn{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.quick-amt-btn.max-btn:hover{background:#ef444433}.balance-display{font-feature-settings:"tnum";color:var(--color-text-tertiary);float:right;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:400}.opposing-warning{animation:warningPulse 2s ease-in-out infinite;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;font-size:.8rem;font-weight:500;margin-bottom:.5rem;padding:.4rem .75rem;text-align:center}@keyframes warningPulse{0%,to{border-color:#ef44444d}50%{border-color:#ef444499}}.error-retry-card{padding:3rem;text-align:center}.error-retry-card p{color:var(--color-text-secondary);margin-bottom:1.5rem}.sacrifice-reveal-overlay{align-items:center;animation:revealFadeIn .5s ease-out;background:#000000e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.sacrifice-reveal-orb{animation:sacrificeOrbEntry 1.5s ease-out;height:120px;margin-bottom:2rem;position:relative;width:120px}@keyframes sacrificeOrbEntry{0%{filter:brightness(.5);opacity:0;transform:scale(.2)}30%{filter:brightness(3);opacity:1;transform:scale(1.4)}60%{filter:brightness(1.5);transform:scale(.9)}to{filter:brightness(1);transform:scale(1)}}.sacrifice-reveal-orb-inner{border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.sacrifice-reveal-overlay.light .sacrifice-reveal-orb-inner{background:radial-gradient(circle at 35% 35%,#fef3c7,#fbbf24,#d97706);box-shadow:0 0 40px #fbbf24cc,0 0 80px #f59e0b80}.sacrifice-reveal-overlay.shadow .sacrifice-reveal-orb-inner{background:radial-gradient(circle at 35% 35%,#ddd6fe,#8b5cf6,#5b21b6);box-shadow:0 0 40px #8b5cf6cc,0 0 80px #6366f180}.sacrifice-reveal-ring{animation:revealRingSpin 2s linear infinite;border:3px solid #0000;border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.sacrifice-reveal-overlay.light .sacrifice-reveal-ring{border-right-color:#f59e0b4d;border-top-color:#fbbf2499}.sacrifice-reveal-overlay.shadow .sacrifice-reveal-ring{border-right-color:#6366f14d;border-top-color:#8b5cf699}.sacrifice-reveal-result{animation:revealTextIn .5s ease-out 1s backwards;text-align:center}.sacrifice-reveal-title{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.sacrifice-reveal-overlay.light .sacrifice-reveal-title{color:#fbbf24;text-shadow:0 0 20px #fbbf2480}.sacrifice-reveal-overlay.shadow .sacrifice-reveal-title{color:#a78bfa;text-shadow:0 0 20px #8b5cf680}.sacrifice-reveal-credits{animation:creditCountUp .8s ease-out 1.3s backwards;color:#22c55e;font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px #22c55e80}@keyframes creditCountUp{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sacrifice-reveal-resources{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.sacrifice-resource-item{animation:resourcePopIn .4s ease-out backwards;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:.4rem .75rem;text-transform:capitalize}.sacrifice-resource-item:first-child{animation-delay:1.5s}.sacrifice-resource-item:nth-child(2){animation-delay:1.7s}.sacrifice-resource-item:nth-child(3){animation-delay:1.9s}.sacrifice-resource-item:nth-child(4){animation-delay:2.1s}.sacrifice-resource-item:nth-child(5){animation-delay:2.3s}@keyframes resourcePopIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.resource-qty{color:#22c55e;font-weight:700;margin-right:.3rem}.resource-name{color:var(--color-text-secondary);font-size:.85rem}.sacrifice-reveal-alignment{animation:revealTextIn .4s ease-out 2.5s backwards;color:var(--color-text-secondary);font-size:.9rem}.sacrifice-reveal-title-text{color:var(--color-text-tertiary)}.skeleton-meter{border-radius:15px;height:30px;margin:1rem auto;width:80%}.skeleton-circle,.skeleton-meter{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%}.skeleton-circle{border-radius:50%;height:48px;margin:0 auto 1rem;width:48px}.skeleton-bar.wide-short{height:40px;margin:.5rem auto;width:80%}.altar-skeleton{align-items:center;display:flex;height:200px;justify-content:center}.skeleton-orb{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1f 50%,#ffffff0d);background-size:200% 100%;border-radius:50%;box-shadow:0 0 20px #ffffff0d;height:60px;width:60px}.sacrifice-skeleton{height:180px}.daily-offering-card{border:1px solid rgba(var(--color-brand-primary-rgb),.3);margin-bottom:1.5rem;transition:border-color .3s,box-shadow .3s}.daily-offering-card.completed{border-color:var(--color-success);box-shadow:0 0 12px #22c55e26}.daily-offering-card.in-progress{border-color:var(--color-brand-accent)}.daily-offering-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.daily-offering-header h3{font-size:1.1rem;margin:0}.daily-offering-icon{display:inline-block;height:20px;position:relative;width:20px}.daily-offering-icon:before{animation:dailyOfferingSpin 4s linear infinite;background:conic-gradient(var(--color-brand-accent) 0,var(--color-info) 50%,var(--color-brand-accent) 100%);border-radius:50%;content:"";inset:0;position:absolute}.daily-offering-icon:after{background:var(--color-bg-primary);border-radius:50%;content:"";inset:4px;position:absolute}@keyframes dailyOfferingSpin{to{transform:rotate(1turn)}}.daily-offering-tasks{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.offering-task{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;gap:.5rem;transition:color .3s}.offering-task.done{color:var(--color-success)}.task-check{border:2px solid var(--color-text-secondary);border-radius:4px;display:inline-block;flex-shrink:0;height:18px;position:relative;transition:border-color .3s,background .3s;width:18px}.task-check.checked{background:#22c55e33;border-color:var(--color-success)}.task-check.checked:after{border:solid var(--color-success);border-width:0 2px 2px 0;content:"";height:10px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:6px}.offering-reward-hint{color:var(--color-brand-accent);font-size:.85rem;font-style:italic;margin:0}.offering-completed-text{color:var(--color-success);font-size:.85rem;margin:0}.devotion-points-display{align-items:center;background:rgba(var(--color-brand-primary-rgb),.08);border:1px solid rgba(var(--color-brand-primary-rgb),.15);border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding:.6rem 1rem}.devotion-icon{display:inline-block;height:18px;position:relative;width:18px}.devotion-icon:before{background:linear-gradient(135deg,var(--rarity-epic),#6366f1);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";inset:0;position:absolute}.devotion-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.devotion-value{color:var(--rarity-epic);font-size:1.1rem;font-weight:700;margin-left:auto}.devotion-hint{color:var(--color-text-secondary);font-size:.75rem;opacity:.7;text-align:right;width:100%}.last-worship-indicator{align-items:center;background:#ffffff08;border-radius:6px;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.4rem .75rem}.last-worship-indicator.light{border-left:3px solid #fbbf24}.last-worship-indicator.shadow{border-left:3px solid #7c3aed}.last-worship-icon{height:14px;width:14px}.active-buff{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.buff-details{flex:1 1;min-width:0}.buff-extend{flex-shrink:0}.buff-extend .extend-icon{display:inline-block;height:12px;margin-right:2px;position:relative;width:12px}.buff-extend .extend-icon:before{border:2px solid;border-radius:50%;content:"";inset:2px;position:absolute}.buff-extend .extend-icon:after{border-bottom:2px solid;border-right:2px solid;content:"";height:7px;position:absolute;right:0;top:3px;width:4px}.sacrifice-history-card{margin-top:1.5rem}.sacrifice-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.sacrifice-history-header h3{align-items:center;display:flex;gap:.5rem;margin:0}.sacrifice-history-icon{display:inline-block;height:18px;position:relative;width:18px}.sacrifice-history-icon:before{border:2px solid var(--color-text-secondary);border-radius:2px;content:"";height:12px;left:1px;position:absolute;top:3px;width:16px}.sacrifice-history-icon:after{background:var(--color-text-secondary);box-shadow:0 3px 0 var(--color-text-secondary);content:"";height:2px;left:5px;position:absolute;top:6px;width:8px}.sacrifice-history-list{animation:historyFadeIn .3s ease-out;display:flex;flex-direction:column;gap:.75rem}@keyframes historyFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sacrifice-history-entry{background:#ffffff08;border-left:3px solid var(--color-text-secondary);border-radius:8px;padding:.75rem;transition:background .2s}.sacrifice-history-entry:hover{background:#ffffff0f}.sacrifice-history-entry.light{border-left-color:#fbbf24}.sacrifice-history-entry.shadow{border-left-color:#7c3aed}.sacrifice-history-main{align-items:center;display:flex;gap:.75rem}.sacrifice-entry-icon{flex-shrink:0;height:16px;width:16px}.sacrifice-entry-info{flex:1 1;min-width:0}.sacrifice-entry-name{display:block;font-size:.95rem;font-weight:600}.sacrifice-entry-details{color:var(--color-text-secondary);font-size:.8rem}.sacrifice-entry-rewards{flex-shrink:0;text-align:right}.sacrifice-entry-credits{color:var(--color-brand-accent);display:block;font-size:.95rem;font-weight:600}.sacrifice-entry-alignment{color:var(--color-text-secondary);font-size:.8rem}.sacrifice-entry-resources{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem;padding-left:2rem}.sacrifice-resource-tag{background:rgba(var(--color-brand-primary-rgb),.12);border-radius:4px;color:var(--color-brand-accent);font-size:.75rem;padding:.15rem .5rem;text-transform:capitalize}.sacrifice-entry-date{color:var(--color-text-secondary);display:block;font-size:.75rem;margin-top:.3rem;opacity:.6;text-align:right}.spiritual-temple button:focus-visible,.spiritual-temple input:focus-visible,.spiritual-temple select:focus-visible{box-shadow:0 0 0 4px rgba(var(--color-brand-primary-rgb),.3);outline:2px solid var(--color-brand-accent);outline-offset:2px}.spiritual-temple a:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.quick-amt-btn:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.reveal-dismiss:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.altar-centerpiece,.blessing,.donation-entry,.donation-streak,.reveal-dismiss,.reveal-orb,.reveal-result,.reveal-streak-bonus,.sacrifice-preview,.sacrifice-resource-item,.sacrifice-reveal-credits,.sacrifice-reveal-orb,.sacrifice-reveal-overlay,.sacrifice-reveal-result,.spiritual-temple,.streak-flame-icon,.temple-card,.worship-reveal-overlay{animation:none!important}.altar-energy-beams,.altar-flames,.temple-particles,.temple-starfield{display:none!important}.meter-fill{transition:width .3s ease!important}.active-buff,.alignment-card.extreme-alignment.light,.alignment-card.extreme-alignment.shadow,.altar-orb,.buff-countdown.expired,.cooldown-ring,.donation-progress-fill:after,.meter-fill,.meter-marker,.orb-inner,.orb-ring,.orb-ring.ring-2,.reveal-orb-crack,.sacrifice-reveal-ring,.temple-card.light .worship-section button:not(:disabled),.temple-card.light.altar-active,.temple-card.shadow .worship-section button:not(:disabled),.temple-card.shadow.altar-active,.temple-icon-light:before,.temple-icon-shadow:after,.worship-section button:not(:disabled){animation:none!important}.spiritual-temple .alignment-card:after,.spiritual-temple .header h1:after,.spiritual-temple .temple-card:after{animation:none!important;display:none}.opposing-warning,.sacrifice-mech-card.sacrificing,.starfield-star{animation:none!important}.starfield-star{opacity:.3}.daily-offering-icon:before,.sacrifice-history-list{animation:none!important}.daily-offering-card.completed{box-shadow:none}}.jail-history-panel{background:linear-gradient(135deg,var(--color-ui-background) 0,var(--color-ui-surface) 100%);border:1px solid var(--color-ui-border)}.jail-empty,.jail-error,.jail-loading{color:var(--color-text-tertiary);padding:2rem;text-align:center}.jail-error{align-items:center;background:rgba(var(--color-brand-primary-rgb),.1);border-radius:8px;color:var(--color-danger);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.retry-btn{font-size:.75rem}.jail-empty .empty-icon{display:block;font-size:2rem;margin-bottom:.5rem}.empty-state-icon{display:inline-block;height:2.5rem;margin:0 auto .75rem;position:relative;width:2.5rem}.clean-record-icon{border:2px solid var(--color-success);height:1.5rem;vertical-align:middle;width:1.5rem}.clean-record-icon:before{border:2px solid var(--color-success);border-left:none;border-top:none;left:50%;top:50%;transform:translate(-50%,-60%) rotate(45deg)}.history-header-icon{display:inline-block;height:1rem;margin-right:.25rem;position:relative;vertical-align:middle;width:1rem}.history-header-icon:after,.history-header-icon:before{border:2px solid var(--color-text-tertiary);border-radius:.2rem;content:"";height:.6rem;position:absolute;width:.45rem}.history-header-icon:before{border-right:none;left:0;top:0}.history-header-icon:after{border-left:none;bottom:0;right:0}.history-list{max-height:400px;overflow-y:auto}.history-header,.history-record{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:100px 1fr 80px 80px;padding:.5rem}.history-header{color:var(--color-text-tertiary);font-size:.7rem;text-transform:uppercase}.history-header,.history-record{border-bottom:1px solid var(--color-ui-border)}.history-record{animation:recordEntry .3s ease backwards;font-size:.85rem;transition:background-color .2s ease,transform .2s ease}.history-record:first-child{animation-delay:.05s}.history-record:nth-child(2){animation-delay:.1s}.history-record:nth-child(3){animation-delay:.15s}.history-record:nth-child(4){animation-delay:.2s}.history-record:nth-child(5){animation-delay:.25s}.history-record:nth-child(6){animation-delay:.3s}.history-record:nth-child(7){animation-delay:.35s}.history-record:nth-child(8){animation-delay:.4s}@keyframes recordEntry{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.history-record:hover{background-color:rgba(var(--color-brand-primary-rgb),.05);transform:translateX(2px)}.history-record:last-child{border-bottom:none}.record-date{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.record-reason{color:var(--color-text-primary)}.record-duration{font-feature-settings:"tnum";color:var(--color-brand-accent);font-variant-numeric:tabular-nums;text-align:center}.record-release{font-weight:600;text-align:center}.record-release.released,.record-release.served{color:var(--color-success)}.record-release.bail,.record-release.bailed{color:var(--color-brand-accent)}.record-release.breakout,.record-release.escaped{color:var(--color-danger)}.history-summary{border-top:1px solid var(--color-ui-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;position:relative}.history-summary:before{background:linear-gradient(90deg,#0000 0,var(--color-brand-primary) 50%,#0000 100%);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:-1px}.summary-item{align-items:baseline;display:flex;gap:.5rem}.summary-label{color:var(--color-text-tertiary);font-size:.75rem}.summary-value{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600}.summary-value.escape-stat{color:var(--color-danger)}.skeleton-history{padding:.5rem}.skeleton-row{border-bottom:1px solid var(--color-ui-border);display:flex;gap:.5rem;padding:.5rem 0}.skeleton-row:last-child{border-bottom:none}.skeleton-cell{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-ui-surface) 0,rgba(var(--color-brand-primary-rgb),.1) 50%,var(--color-ui-surface) 100%);background-size:200% 100%;border-radius:4px;flex:1 1;height:1rem}.skeleton-cell.wide{flex:2 1}.jail-history-panel button:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-brand-primary,#6366f1);outline-offset:2px}@media (prefers-reduced-motion:reduce){.jail-history-panel *,.jail-history-panel :after,.jail-history-panel :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:600px){.history-header,.history-record{font-size:.78rem;gap:.3rem;grid-template-columns:80px 1fr 60px 60px}.history-summary{align-items:flex-end;flex-direction:column;gap:.4rem}}@keyframes detentionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detention-block{animation:detentionFadeIn .4s ease-out;box-sizing:border-box;margin:0 auto;max-width:min(1200px,96vw);overflow:hidden;padding:2rem;position:relative;width:100%}@media (min-width:1920px){.detention-block{max-width:min(1600px,98vw)}}@media (min-width:2560px){.detention-block{max-width:min(2000px,98vw)}}.detention-block .header{margin-bottom:2rem;text-align:center}.detention-block .header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-brand-primary),rgba(var(--color-brand-primary-rgb),.6));-webkit-background-clip:text;background-clip:text;color:var(--color-text-primary);font-size:2.5rem;margin-bottom:.5rem}.detention-block .header p{color:var(--color-text-secondary);margin-bottom:1rem}.jail-header-icon{display:inline-block;height:1.5rem;position:relative;vertical-align:middle;width:1.5rem}.jail-header-icon:before{background:linear-gradient(90deg,#0000 0,#0000 20%,var(--color-text-primary) 20%,var(--color-text-primary) 30%,#0000 30%,#0000 40%,var(--color-text-primary) 40%,var(--color-text-primary) 50%,#0000 50%,#0000 60%,var(--color-text-primary) 60%,var(--color-text-primary) 70%,#0000 70%,#0000 80%,var(--color-text-primary) 80%,var(--color-text-primary) 90%,#0000 90%);border:2px solid var(--color-text-primary);border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.crime-icon-theft{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fbbf24;border-radius:50%;display:inline-block;height:2rem;position:relative;width:2rem}.crime-icon-theft:before{color:var(--color-text-on-badge);content:"$";font-size:1.2rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.crime-icon-assault{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);display:inline-block;height:2rem;position:relative;width:2rem}.crime-icon-assault:before{background:#fff;border-radius:50%;box-shadow:-.3rem -.3rem 0 0 #fff,.3rem -.3rem 0 0 #fff,-.3rem .3rem 0 0 #fff,.3rem .3rem 0 0 #fff;content:"";height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.5rem}.crime-icon-hacking{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px;display:inline-block;display:flex;height:2rem;justify-content:center;position:relative;width:2rem}.crime-icon-hacking:before{color:#fff;content:"<>";font-family:monospace;font-size:1rem;font-weight:700;position:absolute}.crime-icon-fraud{background:linear-gradient(135deg,var(--rarity-epic),var(--rarity-epic-dark));border-radius:3px;display:inline-block;height:2rem;position:relative;width:2rem}.crime-icon-fraud:before{background:#ffffff4d;content:"";height:15%;left:10%;position:absolute;top:20%;width:80%}.crime-icon-fraud:after{border:2px solid #ffffff80;border-top:none;content:"";height:40%;left:10%;position:absolute;top:45%;width:80%}.crime-icon-contraband{background:linear-gradient(135deg,#f97316,var(--rarity-legendary-dark));-webkit-clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);display:inline-block;height:2rem;position:relative;width:2rem}.crime-icon-contraband:before{color:#fff;content:"!";font-size:1.4rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.crime-icon-bounty{display:inline-block;height:2rem;position:relative;width:2rem}.crime-icon-bounty:before{border:3px solid #dc2626;border-radius:50%;width:1.6rem}.crime-icon-bounty:after,.crime-icon-bounty:before{content:"";height:1.6rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.crime-icon-bounty:after{background:#dc2626;box-shadow:1.6rem 0 0 0 #dc2626,0 1.6rem 0 0 #dc2626,0 -1.6rem 0 0 #dc2626;-webkit-clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);width:.3rem}.crime-icon-other{display:inline-block;height:2rem;position:relative;width:2rem}.crime-icon-other:before{left:20%}.crime-icon-other:after,.crime-icon-other:before{background:#6b7280;border-radius:50%;content:"";height:.5rem;position:absolute;top:30%;width:.5rem}.crime-icon-other:after{box-shadow:0 .8rem 0 0 #6b7280,-1.1rem .8rem 0 0 #6b7280;right:20%}.clean-record-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:3px solid #22c55e;border-radius:50%;display:inline-block;height:2rem;position:relative;width:2rem}.clean-record-icon:before{border-bottom:3px solid #22c55e;border-right:3px solid #22c55e;content:"";height:.7rem;left:25%;position:absolute;top:40%;transform:rotate(45deg);width:.4rem}.rules-icon{background:linear-gradient(135deg,#6b7280,#4b5563);border:2px solid #9ca3af;border-radius:2px;display:inline-block;height:1.8rem;position:relative;width:1.5rem}.rules-icon:before{background:#ffffff80;box-shadow:0 .3rem 0 0 #ffffff80,0 .6rem 0 0 #ffffff80;content:"";height:.15rem;left:15%;position:absolute;top:20%;width:70%}.tab-icon-current{display:inline-block;height:1.2rem;position:relative;width:1.2rem}.tab-icon-current:before{background:linear-gradient(90deg,#0000,#0000 15%,currentColor 0,currentColor 25%,#0000 0,#0000 40%,currentColor 0,currentColor 50%,#0000 0,#0000 65%,currentColor 0,currentColor 75%,#0000 0,#0000 85%,currentColor 0);border:2px solid;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.tab-icon-history{border:2px solid;border-radius:50%;display:inline-block;height:1.2rem;position:relative;width:1.2rem}.tab-icon-history:before{height:30%;top:25%;transform:translateX(-50%);width:.15rem}.tab-icon-history:after,.tab-icon-history:before{background:currentColor;content:"";left:50%;position:absolute}.tab-icon-history:after{height:.15rem;top:50%;transform:translateY(-50%);width:35%}.jail-status-icon{display:inline-block;height:1.8rem;position:relative;width:1.5rem}.jail-status-icon:before{border:3px solid;border-bottom:none;border-radius:.5rem .5rem 0 0;height:.5rem;top:0;width:.8rem}.jail-status-icon:after,.jail-status-icon:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.jail-status-icon:after{background:currentColor;border-radius:2px;bottom:0;height:1rem;width:1.2rem}.detention-block .jail-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.detention-block .jail-tab{align-items:center;background:#1f2937;background:var(--color-bg-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.detention-block .jail-tab:hover{background:rgba(var(--color-brand-primary-rgb),.1);border-color:rgba(var(--color-brand-primary-rgb),.5)}.detention-block .jail-tab.active{background:#6366f1;background:var(--color-brand-primary,#6366f1);border-color:var(--color-brand-primary);box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.5),0 2px 0 0 rgba(var(--color-brand-primary-rgb),.8);color:#fff}.skeleton-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detention-block .skeleton-card{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:1rem}.detention-block .skeleton-card:before{border-radius:50%;content:"";height:2rem;width:2rem}.detention-block .skeleton-card:before,.skeleton-bar{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff26 50%,#ffffff0d);background-size:1000px 100%}.skeleton-bar{border-radius:4px;height:1rem;margin-bottom:.5rem}.skeleton-bar.short{width:60%}.notification{border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:1rem;text-align:center;transition:all .2s ease}.notification:hover{transform:translateY(-2px)}.notification.error{background:rgba(var(--color-brand-primary-rgb),.2);border:1px solid var(--color-danger);color:var(--color-text-error)}.notification.success{background:#22c55e33;border:1px solid var(--color-success);color:var(--color-success)}.my-jail-status{background:linear-gradient(135deg,rgba(var(--color-brand-primary-rgb),.1),rgba(var(--color-brand-primary-rgb),.05));border:2px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:8px;box-shadow:0 0 30px rgba(var(--color-brand-primary-rgb),.2);margin-bottom:2rem;padding:1.5rem}.jail-alert{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.jail-icon{font-size:3rem}.jail-info{flex:1 1}.jail-info h3{color:var(--color-text-primary);margin:0 0 .75rem}.jail-info p{color:var(--color-text-secondary);margin:.5rem 0}.jail-info strong{color:var(--color-text-primary)}.visitors-section{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.visitors-section h4{color:var(--color-text-primary);margin-bottom:1rem}.visitor{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.visitor:hover{background:#ffffff14;transform:translateX(4px)}.visitor span:first-child{color:var(--color-text-primary);font-weight:500}.visitor-msg{color:var(--color-text-secondary);font-size:.9rem;font-style:italic}.inmates-section{margin-bottom:2rem}.inmates-section h2{color:var(--color-text-primary);margin-bottom:1.5rem}.empty{color:var(--color-text-secondary);font-style:italic;padding:3rem;text-align:center}.inmates-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.inmate-card{animation:scaleIn .4s ease-out backwards;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:0;padding:1rem}.inmate-card-main{align-items:center;display:flex;gap:1rem;width:100%}.inmate-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.3);transform:translateY(-4px)}.inmate-card.selected{background:rgba(var(--color-brand-primary-rgb),.2);border-color:var(--color-brand-primary);box-shadow:0 0 30px rgba(var(--color-brand-primary-rgb),.5),inset 0 0 20px rgba(var(--color-brand-primary-rgb),.2)}.crime-icon{flex-shrink:0;font-size:2rem}.inmate-info{flex:1 1}.inmate-info h4{align-items:center;color:var(--color-text-primary);display:flex;gap:.5rem;margin:0 0 .5rem}.crime{color:var(--color-text-error);font-size:.9rem;font-weight:500}.crime,.reason{margin:.25rem 0}.reason{color:var(--color-text-secondary);font-size:.85rem}.inmate-time{align-items:center;display:flex;flex-direction:column;flex-shrink:0;text-align:center}.inmate-time .time{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:700}.inmate-time .label{color:var(--color-info);font-size:.75rem;margin-top:.25rem}@keyframes detentionSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.action-panel{animation:detentionSlideIn .4s ease-out .2s backwards;margin-bottom:2rem}.action-panel h3{color:var(--color-text-primary);margin-bottom:1rem}.action-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.action-info p{color:var(--color-text-secondary);margin:.5rem 0}.action-info strong{color:var(--color-text-primary)}.bail-section,.visit-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem;transition:all .2s ease}.bail-section:hover,.visit-section:hover{background:#ffffff0d;border-color:#ffffff1a}.bail-section h4,.visit-section h4{color:var(--color-text-primary);margin-bottom:.75rem}.bail-section p{color:var(--color-text-secondary);margin-bottom:1rem}.detention-block .info-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-top:2rem;padding:1.5rem}.detention-block .info-card h3{align-items:center;color:var(--color-text-primary);display:flex;gap:.5rem;margin-bottom:1rem}.detention-block .info-card ul{list-style:none;margin:0;padding:0}.detention-block .info-card li{border-bottom:1px solid #ffffff0d;color:var(--color-text-secondary);padding:.5rem 0;transition:all .2s ease}.info-card li:hover{color:var(--color-text-primary);padding-left:.5rem}.info-card li:last-child{border-bottom:none}.detention-block .loading{color:var(--color-text-secondary);padding:3rem;text-align:center}@keyframes surveillanceSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cellBarsShadow{0%,to{opacity:.03}50%{opacity:.08}}.detention-block:before{animation:cellBarsShadow 4s ease-in-out infinite;background:repeating-linear-gradient(90deg,#0000,#0000 60px,#ffffff05 0,#ffffff05 62px);height:100%;left:0;top:0;width:100%}.detention-block:after,.detention-block:before{content:"";pointer-events:none;position:absolute;z-index:0}.detention-block:after{animation:surveillanceSweep 8s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#0000 350deg,#ef44440a 355deg,#0000 1turn);height:200%;left:-50%;top:-50%;width:200%}.detention-block>*{position:relative;z-index:1}@keyframes headerPulseJail{0%,to{text-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.3)}50%{text-shadow:0 0 40px rgba(var(--color-brand-primary-rgb),.6),0 0 80px #ef444433}}.detention-block .header h1{animation:headerPulseJail 3s ease-in-out infinite}@keyframes dangerPulse{0%,to{border-color:#ef44444d;box-shadow:0 0 30px #ef444426}50%{border-color:#ef4444b3;box-shadow:0 0 60px #ef44444d,inset 0 0 30px #ef44440d}}.my-jail-status{animation:dangerPulse 2s ease-in-out infinite;border-color:#ef44444d!important}.bail-timer-bar{background:#ffffff1a;height:8px;margin-top:1rem;overflow:hidden;width:100%}.bail-timer-bar,.bail-timer-fill{border-radius:4px;position:relative}.bail-timer-fill{background:linear-gradient(90deg,#ef4444,#f97316,#22c55e);box-shadow:0 0 12px #ef444480;height:100%;transition:width 1s linear}@keyframes timerGlow{0%,to{box-shadow:0 0 8px #ef444466}50%{box-shadow:0 0 20px #ef4444cc}}.bail-timer-fill:after{animation:timerGlow 1.5s ease-in-out infinite;background:#fff;border-radius:2px;box-shadow:0 0 8px #fff;content:"";height:16px;position:absolute;right:0;top:-4px;width:4px}.bail-timer-label{color:var(--color-text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-top:.25rem}.inmate-card.danger-low{border-left:3px solid #22c55e}.inmate-card.danger-low:hover{box-shadow:0 0 20px #22c55e4d,0 4px 12px #0003}.inmate-card.danger-medium{border-left:3px solid #f97316}.inmate-card.danger-medium:hover{box-shadow:0 0 20px #f973164d,0 4px 12px #0003}.inmate-card.danger-high{border-left:3px solid #ef4444}.inmate-card.danger-high:hover{box-shadow:0 0 25px #ef444466,0 4px 12px #0003}@keyframes highDangerPulse{0%,to{border-left-color:#ef4444}50%{border-left-color:#dc2626;box-shadow:inset 0 0 20px #ef444414}}.inmate-card.danger-critical{animation:highDangerPulse 1.5s ease-in-out infinite,scaleIn .4s ease-out backwards;border-left:4px solid #ef4444}.inmate-card.danger-critical:hover{box-shadow:0 0 30px #ef444480,0 4px 16px #0000004d}.threat-radar{background:radial-gradient(circle,#ef444414 0,#ef444405 50%,#0000 70%);border:2px solid #ef44444d;border-radius:50%;height:200px;margin:1.5rem auto;overflow:hidden;position:relative;width:200px}.threat-radar:before{border:1px solid #ef44441a;border-radius:50%;box-shadow:inset 0 0 0 20px #0000,inset 0 0 0 21px #ef44441a,inset 0 0 0 40px #0000,inset 0 0 0 41px #ef444414;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.threat-radar:after{animation:radarSweep 3s linear infinite;background:linear-gradient(90deg,#0000,#ef44444d);border-radius:0 100% 0 0;content:"";height:50%;left:50%;position:absolute;top:0;transform-origin:bottom left;width:50%}.radar-center{box-shadow:0 0 8px #ef4444;height:6px;left:50%;top:50%;transform:translate(-50%,-50%);width:6px}.radar-blip,.radar-center{background:#ef4444;border-radius:50%;position:absolute}.radar-blip{animation:blipFade 3s ease-in-out infinite;box-shadow:0 0 6px #ef4444;height:4px;width:4px}@keyframes blipFade{0%,to{opacity:.3}50%{opacity:1}}.threat-radar-label{color:var(--color-text-secondary);font-size:.75rem;letter-spacing:.1em;margin-top:.5rem;text-align:center;text-transform:uppercase}.threat-level{font-size:.85rem;font-weight:700;margin-top:.25rem;text-align:center}.threat-level.low{color:#22c55e}.threat-level.medium{color:#f97316}.threat-level.high{color:#ef4444}.threat-level.critical{animation:blipFade 1s ease-in-out infinite;color:#ef4444}@keyframes tabGlow{0%,to{box-shadow:0 0 20px rgba(var(--color-brand-primary-rgb),.5),0 2px 0 0 rgba(var(--color-brand-primary-rgb),.8)}50%{box-shadow:0 0 30px rgba(var(--color-brand-primary-rgb),.7),0 2px 0 0 rgba(var(--color-brand-primary-rgb),1)}}.detention-block .jail-tab.active{animation:tabGlow 2s ease-in-out infinite}@keyframes cardHoverShimmer{0%{left:-100%}to{left:200%}}.inmate-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:none;width:50%}.inmate-card:hover:before{animation:cardHoverShimmer .8s ease-out forwards}.inmate-card{overflow:hidden;position:relative}@keyframes actionSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.action-panel{animation:actionSlideIn .5s cubic-bezier(.22,1,.36,1) backwards;border:1px solid rgba(var(--color-brand-primary-rgb),.2);box-shadow:0 0 30px rgba(var(--color-brand-primary-rgb),.1)}.action-panel:hover{border-color:rgba(var(--color-brand-primary-rgb),.4);box-shadow:0 0 40px rgba(var(--color-brand-primary-rgb),.2)}@keyframes textareaFocusGlow{0%,to{box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.2)}50%{box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.4),0 0 20px rgba(var(--color-brand-primary-rgb),.2)}}.textarea-wrapper textarea:focus{animation:textareaFocusGlow 2s ease-in-out infinite}.bail-section{overflow:hidden;position:relative}.bail-section:before{animation:bailSweep 3s linear infinite;background:linear-gradient(90deg,#0000,#f97316,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}@keyframes bailSweep{0%{left:-100%}to{left:100%}}.info-card li:before{background:rgba(var(--color-brand-primary-rgb),.5);border-radius:50%;content:"";display:inline-block;height:.5rem;margin-right:.75rem;transition:all .3s ease;vertical-align:middle;width:.5rem}.info-card li:hover:before{background:var(--color-brand-primary);box-shadow:0 0 8px rgba(var(--color-brand-primary-rgb),.5);transform:scale(1.3)}@keyframes visitorEntry{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.visitor{animation:visitorEntry .3s ease-out backwards}.visitor:first-child{animation-delay:.05s}.visitor:nth-child(2){animation-delay:.1s}.visitor:nth-child(3){animation-delay:.15s}.visitor:nth-child(4){animation-delay:.2s}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty .clean-record-icon{animation:emptyFloat 3s ease-in-out infinite;display:block;height:3rem;margin:0 auto 1rem;width:3rem}.inmate-card:first-child{animation-delay:0s}.inmate-card:nth-child(2){animation-delay:.05s}.inmate-card:nth-child(3){animation-delay:.06s}.inmate-card:nth-child(4){animation-delay:.08s}.inmate-card:nth-child(5){animation-delay:.1s}.inmate-card:nth-child(6){animation-delay:.12s}.inmate-card:nth-child(7){animation-delay:.14s}.inmate-card:nth-child(8){animation-delay:.16s}.inmate-card:nth-child(9){animation-delay:.18s}.inmate-card:nth-child(10){animation-delay:.2s}.inmate-card:nth-child(11){animation-delay:.22s}.inmate-card:nth-child(12){animation-delay:.24s}.crime-icon-theft:hover{box-shadow:0 0 15px #fbbf2499;transform:scale(1.1)}.crime-icon-assault:hover{box-shadow:0 0 15px #ef444499;transform:scale(1.1)}.crime-icon-hacking:hover{box-shadow:0 0 15px #3b82f699;transform:scale(1.1)}.crime-icon-fraud:hover{box-shadow:0 0 15px #a855f799;transform:scale(1.1)}.crime-icon-contraband:hover{box-shadow:0 0 15px #f9731699;transform:scale(1.1)}.crime-icon-bounty:hover{box-shadow:0 0 15px #dc262699;transform:scale(1.1)}.crime-icon-assault,.crime-icon-bounty,.crime-icon-contraband,.crime-icon-fraud,.crime-icon-hacking,.crime-icon-other,.crime-icon-theft{transition:transform .2s ease,box-shadow .2s ease}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.detention-block .notification{animation:notifSlideIn .4s cubic-bezier(.22,1,.36,1)}@keyframes selectedPulse{0%,to{box-shadow:0 0 30px rgba(var(--color-brand-primary-rgb),.5),inset 0 0 20px rgba(var(--color-brand-primary-rgb),.2)}50%{box-shadow:0 0 50px rgba(var(--color-brand-primary-rgb),.7),inset 0 0 30px rgba(var(--color-brand-primary-rgb),.3)}}.inmate-card.selected{animation:selectedPulse 2s ease-in-out infinite}.detention-block .skeleton-card{overflow:hidden;position:relative}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:.8}}.detention-block .skeleton-card{animation:skeletonPulse 1.5s ease-in-out infinite}.inmate-time .time{transition:color .3s,text-shadow .3s}.inmate-card:hover .inmate-time .time{text-shadow:0 0 10px rgba(var(--color-brand-primary-rgb),.5)}.inmates-section h2{align-items:center;display:inline-flex;gap:.5rem;position:relative}.inmates-section h2:after{background:linear-gradient(90deg,rgba(var(--color-brand-primary-rgb),.4),#0000);content:"";display:block;flex:1 1;height:1px;min-width:40px}.security-grid{overflow:hidden;pointer-events:none;z-index:0}.security-grid,.security-grid:before{height:100%;left:0;position:absolute;top:0;width:100%}.security-grid:before{background:linear-gradient(rgba(239,68,68,.015) 1px,#0000 0),linear-gradient(90deg,rgba(239,68,68,.015) 1px,#0000 0);background-size:60px 60px;content:""}@keyframes securityDotPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.6;transform:scale(1.8)}}.security-dot{animation:securityDotPulse ease-in-out infinite;background:#ef4444;border-radius:50%;box-shadow:0 0 6px #ef444466;height:4px;opacity:.2;position:absolute;width:4px}.security-dot:after{border:1px solid #ef44441a;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}@keyframes expandReveal{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:400px;opacity:1;transform:translateY(0)}}.inmate-card.expanded{background:rgba(var(--color-brand-primary-rgb),.12);border-color:rgba(var(--color-brand-primary-rgb),.5)}.inmate-expanded{grid-gap:1rem;animation:expandReveal .4s ease-out;border-top:1px solid rgba(var(--color-brand-primary-rgb),.2);display:grid;gap:1rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto;margin-top:1rem;padding-top:1rem;width:100%}.mugshot-placeholder{align-items:center;background:#0006;border:2px solid #ef44444d;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;grid-column:1/2;grid-row:1/2;height:100px;justify-content:center;overflow:hidden;position:relative;width:80px}.mugshot-placeholder:before{background:linear-gradient(90deg,#0000,#ef444480,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.mugshot-silhouette{background:#ffffff14;border-radius:50%;height:36px;position:relative;width:36px}.mugshot-silhouette:after{background:#ffffff14;border-radius:24px 24px 0 0;bottom:-14px;content:"";height:24px;left:50%;position:absolute;transform:translateX(-50%);width:48px}.mugshot-id{color:#ef4444b3;font-family:monospace;font-size:.7rem;letter-spacing:.1em;margin-top:.5rem}.expanded-details{display:flex;flex-direction:column;gap:.5rem;grid-column:2/3;grid-row:1/2}.detail-row{align-items:center;background:#0003;border-left:2px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:4px;display:flex;justify-content:space-between;padding:.4rem .6rem}.detail-label{color:var(--color-text-secondary);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.detail-value.severity-low{color:#22c55e}.detail-value.severity-medium{color:#f97316}.detail-value.severity-high{color:#ef4444}.detail-value.severity-critical{color:#ef4444;text-shadow:0 0 8px #ef444480}.sentence-timeline{grid-column:1/-1;grid-row:2/3}.timeline-bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}@keyframes timelinePulse{0%,to{box-shadow:0 0 4px rgba(var(--color-brand-primary-rgb),.3)}50%{box-shadow:0 0 12px rgba(var(--color-brand-primary-rgb),.6)}}.timeline-fill{animation:timelinePulse 2s ease-in-out infinite;background:linear-gradient(90deg,rgba(var(--color-brand-primary-rgb),.6),var(--color-brand-primary));border-radius:3px;height:100%;position:relative;transition:width 1s linear}.timeline-fill:after{background:var(--color-brand-primary);border-radius:2px;box-shadow:0 0 8px var(--color-brand-primary);content:"";height:12px;position:absolute;right:-1px;top:-3px;width:3px}.timeline-labels{color:var(--color-text-secondary);display:flex;font-size:.7rem;justify-content:space-between;margin-top:.25rem}.jailbreak-meter{background:#0000004d;border:1px solid #ef444426;border-radius:8px;margin-top:1.25rem;overflow:hidden;padding:1rem;position:relative}.jailbreak-meter:before{animation:bailSweep 4s linear infinite;background:linear-gradient(90deg,#0000,#ef444466,#0000);content:"";height:1px;left:-100%;position:absolute;top:0;width:100%}.jailbreak-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.5rem;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.jailbreak-icon{border:2px solid #ef444480;border-radius:2px;display:inline-block;height:14px;position:relative;width:14px}.jailbreak-icon:before{border-right:2px solid #ef4444b3;border-top:2px solid #ef4444b3;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px}.jailbreak-segments{display:flex;gap:4px;margin-bottom:.5rem}@keyframes segmentActivate{0%{opacity:0;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}.jailbreak-segment{background:#ffffff0f;border:1px solid #ffffff0d;border-radius:2px;flex:1 1;height:10px;transition:all .5s ease}.jailbreak-segment.active{animation:segmentActivate .4s ease-out;background:linear-gradient(180deg,#ef4444b3,#ef44444d);border-color:#ef444480;box-shadow:0 0 8px #ef44444d}.jailbreak-segment.active:last-child{background:linear-gradient(180deg,#f97316cc,#ef444466);box-shadow:0 0 12px #f9731666}.jailbreak-hint{color:#ef444466;font-size:.72rem;font-style:italic;letter-spacing:.05em}.threat-assessment{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:center;transition:background .3s ease}.threat-assessment.threat-bg-low{background:radial-gradient(ellipse at center,#22c55e0d 0,#0000 70%)}.threat-assessment.threat-bg-medium{background:radial-gradient(ellipse at center,#f973160f 0,#0000 70%)}.threat-assessment.threat-bg-high{background:radial-gradient(ellipse at center,#ef444414 0,#0000 70%)}.threat-assessment.threat-bg-critical{background:radial-gradient(ellipse at center,#ef44441f 0,#ef444408 50%,#0000 70%)}.threat-radar.enhanced{height:200px;width:200px}.radar-ring{border:1px solid #ef44441f;border-radius:50%;position:absolute}.radar-ring.ring-outer{height:80%;left:10%;top:10%;width:80%}.radar-ring.ring-mid{height:50%;left:25%;top:25%;width:50%}.radar-ring.ring-inner{height:24%;left:38%;top:38%;width:24%}.radar-crosshair-h,.radar-crosshair-v{background:#ef44440f;position:absolute}.radar-crosshair-h{height:1px;left:10%;top:50%;transform:translateY(-.5px);width:80%}.radar-crosshair-v{height:80%;left:50%;top:10%;transform:translateX(-.5px);width:1px}.radar-ring-label{color:#ef444440;font-family:monospace;font-size:.5rem;letter-spacing:.1em;pointer-events:none;position:absolute;text-transform:uppercase}.radar-ring-label.label-outer{right:22%;top:11%}.radar-ring-label.label-mid{right:30%;top:26%}.radar-ring-label.label-inner{right:38%;top:39%}.radar-blip.blip-low{background:#22c55e;box-shadow:0 0 6px #22c55e}.radar-blip.blip-medium{background:#f97316;box-shadow:0 0 6px #f97316}.radar-blip.blip-high{background:#ef4444;box-shadow:0 0 8px #ef4444;height:5px;width:5px}.radar-blip.blip-critical{background:#ef4444;box-shadow:0 0 12px #ef4444,0 0 24px #ef44444d;height:6px;width:6px}.inmates-section:has(.danger-critical){box-shadow:0 0 40px #ef444414}.inmate-card.expanded{box-shadow:0 8px 32px #0000004d,0 0 40px rgba(var(--color-brand-primary-rgb),.15);z-index:2}.inmate-card.danger-critical.expanded .mugshot-placeholder{animation:dangerPulse 2s ease-in-out infinite;border-color:#ef444499}.threat-assessment.threat-bg-critical .threat-radar{border-color:#ef444480;box-shadow:0 0 30px #ef444426}.detention-block:has(.my-jail-status){background:radial-gradient(ellipse at center,#0000 50%,#ef444408 100%)}.jailbreak-segment.active~.jailbreak-segment.active{box-shadow:0 0 10px #ef444466}.live-countdown{font-feature-settings:"tnum";animation:countdownTick 1s step-end infinite;color:var(--color-danger);font-variant-numeric:tabular-nums;font-weight:700}@keyframes countdownTick{0%,to{opacity:1}50%{opacity:.85}}.visit-cooldown-note{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:.75rem;gap:.4rem;margin-top:.25rem;padding:.4rem 0}.cooldown-clock-icon{border:2px solid;border-radius:50%;display:inline-block;flex-shrink:0;height:14px;position:relative;width:14px}.cooldown-clock-icon:before{height:4px;top:2px;transform:translateX(-50%);width:1.5px}.cooldown-clock-icon:after,.cooldown-clock-icon:before{background:currentColor;content:"";left:50%;position:absolute}.cooldown-clock-icon:after{height:1.5px;top:3px;width:3px}@keyframes bailSuccessPulse{0%{background:#f59e0b0d;box-shadow:0 0 0 0 #f59e0b80}40%{background:#f59e0b1a;box-shadow:0 0 20px 5px #f59e0b4d}to{background:#0000;box-shadow:0 0 0 0 #f59e0b00}}@keyframes visitSuccessGlow{0%{background:#22c55e0d;box-shadow:0 0 0 0 #22c55e80}40%{background:#22c55e1a;box-shadow:0 0 20px 5px #22c55e4d}to{background:#0000;box-shadow:0 0 0 0 #22c55e00}}.action-panel.action-feedback-bail{animation:bailSuccessPulse 1.5s ease-out}.action-panel.action-feedback-visit{animation:visitSuccessGlow 1.5s ease-out}.inmate-card{transition:all .3s ease}.inmate-expanded{animation:expandSlideDown .35s ease-out;overflow:hidden}@keyframes expandSlideDown{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:300px;opacity:1;transform:translateY(0)}}.inmate-card:not(.expanded) .inmate-expanded{display:none}.inmate-card.expanded .inmate-card-main:after{color:var(--color-text-tertiary);content:"Click to collapse";font-size:.65rem;opacity:0;position:absolute;right:8px;top:4px;transition:opacity .2s ease}.inmate-card.expanded:hover .inmate-card-main:after{opacity:1}.inmate-card-main{position:relative}.threat-level{transition:color .4s ease}.threat-assessment{transition:background .6s ease,box-shadow .6s ease}.bail-section button,.visit-section button{transition:all .2s ease}.bail-section button:active,.visit-section button:active{transform:scale(.95)}.jailbreak-btn{animation:jailbreakBtnPulse 2s ease-in-out infinite;border-color:#ef44444d;color:#ef4444;margin-top:.5rem;width:100%}@keyframes jailbreakBtnPulse{0%,to{box-shadow:0 0 0 0 #ef44444d}50%{box-shadow:0 0 12px 2px #ef444426}}.jailbreak-btn:hover{background:#ef44441a;border-color:#ef444480}.jailbreak-result{align-items:center;animation:resultFlashIn .4s ease-out;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}@keyframes resultFlashIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.jailbreak-result.success{background:#22c55e26;border:1px solid #22c55e4d;color:var(--color-success)}.jailbreak-result.failure{background:#ef444426;border:1px solid #ef44444d;color:var(--color-danger)}.jailbreak-result-icon{flex-shrink:0;height:16px;width:16px}.jailbreak-result.success .jailbreak-result-icon{background:currentColor;-webkit-clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%);clip-path:polygon(20% 50%,40% 70%,80% 25%,85% 30%,40% 80%,15% 55%)}.jailbreak-result.failure .jailbreak-result-icon{background:currentColor;-webkit-clip-path:polygon(20% 10%,10% 20%,40% 50%,10% 80%,20% 90%,50% 60%,80% 90%,90% 80%,60% 50%,90% 20%,80% 10%,50% 40%);clip-path:polygon(20% 10%,10% 20%,40% 50%,10% 80%,20% 90%,50% 60%,80% 90%,90% 80%,60% 50%,90% 20%,80% 10%,50% 40%)}.bribe-section{background:#f59e0b0f;border:1px solid #f59e0b26;border-radius:8px;margin-top:1rem;padding:1rem}.bribe-section h4{color:#f59e0b;margin:0 0 .25rem}.bribe-section p{color:var(--color-text-tertiary);font-size:.8rem;margin:0 0 .75rem}.bribe-controls{align-items:center;display:flex;gap:.5rem}.bribe-input{background:#0003;border:1px solid #f59e0b33;border-radius:6px;color:var(--color-text-primary);font-size:.85rem;padding:.4rem .5rem;width:100px}.bribe-input:focus{border-color:#f59e0b80;outline:none}.good-behavior{background:#22c55e0f;border:1px solid #22c55e26;border-radius:8px;margin-top:1rem;padding:1rem}.good-behavior h4{align-items:center;color:var(--color-success);display:flex;font-size:.9rem;gap:.4rem;margin:0 0 .75rem}.behavior-icon{background:currentColor;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:inline-block;height:16px;width:16px}.behavior-score{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.behavior-bar{background:#6b728033;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.behavior-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:3px;height:100%;transition:width .8s ease}.behavior-percent{font-feature-settings:"tnum";color:var(--color-success);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:35px;text-align:right}.behavior-milestones{display:flex;flex-direction:column;gap:.4rem}.behavior-milestone{align-items:center;border-radius:4px;display:flex;font-size:.8rem;gap:.5rem;padding:.3rem .5rem;transition:all .3s ease}.behavior-milestone.achieved{background:#22c55e1a}.milestone-check{font-weight:700;text-align:center;width:16px}.behavior-milestone.achieved .milestone-check{color:var(--color-success)}.milestone-label{color:var(--color-text-secondary);flex:1 1}.behavior-milestone.achieved .milestone-label{color:var(--color-text-primary);font-weight:600}.milestone-reward{color:var(--color-text-tertiary);font-size:.75rem}.behavior-milestone.achieved .milestone-reward{color:var(--color-success)}.smuggle-option{background:#ef444408;border:1px dashed #ef444433;border-radius:6px;margin-top:.75rem;padding:.75rem}.smuggle-option h4{color:var(--color-danger);font-size:.85rem;margin:0 0 .25rem}.smuggle-warning{color:var(--color-text-tertiary);font-size:.75rem;margin:0 0 .5rem}.smuggle-btn{border-color:#ef444433;color:var(--color-danger)}.smuggle-btn:hover{background:#ef44441a;border-color:#ef444466}.smuggle-result{animation:resultFlashIn .3s ease-out;border-radius:4px;font-size:.8rem;margin-top:.5rem;padding:.4rem .6rem}.smuggle-result.success{background:#22c55e26;color:var(--color-success)}.smuggle-result.caught{animation:caughtShake .5s ease-out;background:#ef444426;color:var(--color-danger)}@keyframes caughtShake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.synergy-section{border-top:1px solid #6b728026;margin-top:1.25rem;padding-top:1rem}.synergy-section h4{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:.5rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.synergy-icon{background:linear-gradient(135deg,#fbbf24,#8b5cf6,#ef4444);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:inline-block;height:18px;width:18px}.synergy-list{display:flex;flex-direction:column;gap:.5rem}.synergy-item{align-items:center;border-radius:6px;color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:.6rem;padding:.5rem .75rem;transition:background .2s ease}.synergy-item:hover{background:#6b728014}.synergy-item.light{border-left:3px solid #fbbf2480}.synergy-item.shadow{border-left:3px solid #8b5cf680}.synergy-item.partner{border-left:3px solid #ec489980}.synergy-item-icon{flex-shrink:0;height:20px;width:20px}.synergy-item-icon.partnership-icon{background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-clip-path:polygon(50% 0,100% 35%,80% 100%,50% 75%,20% 100%,0 35%);clip-path:polygon(50% 0,100% 35%,80% 100%,50% 75%,20% 100%,0 35%)}@media (max-width:768px){.detention-block{padding:1rem}.detention-block .header h1{font-size:2rem}.jail-alert{flex-direction:column;text-align:center}.inmates-list{grid-template-columns:1fr}.inmate-card-main{flex-direction:column;text-align:center}.inmate-time{width:100%}.inmate-expanded,.skeleton-cards{grid-template-columns:1fr}.mugshot-placeholder{justify-self:center}.threat-radar,.threat-radar.enhanced{height:160px;width:160px}}@media (max-width:480px){.detention-block{padding:.75rem}.detention-block .header h1{font-size:1.75rem}.detention-block .jail-tabs{flex-direction:column}.detention-block .jail-tab{justify-content:center}.crime-icon{font-size:1.5rem}.inmate-info h4{font-size:.95rem}.inmate-time .time{font-size:1rem}.action-panel h3{font-size:1.1rem}.detention-block .info-card{padding:1rem}.threat-radar,.threat-radar.enhanced{height:140px;width:140px}.radar-ring-label{display:none}.mugshot-placeholder{height:80px;width:64px}.jailbreak-segments{gap:2px}.jailbreak-segment{height:8px}.jailbreak-cooldown{flex-direction:column;gap:.25rem}.jailbreak-cooldown-ring{height:48px;width:48px}.jailbreak-cooldown-time{font-size:.7rem}.behavior-reduction-alert{font-size:.8rem;padding:.5rem .75rem}}@keyframes cooldownRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cooldownPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes cooldownGlow{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 16px #ef444499}}.jailbreak-cooldown{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.jailbreak-cooldown-ring{align-items:center;animation:cooldownRingSpin 5s linear infinite,cooldownGlow 2s ease-in-out infinite;background:conic-gradient(#ef4444cc 0deg,#ef44444d 120deg,#1e1e2899 120deg,#1e1e2899 1turn);border-radius:50%;display:flex;height:64px;justify-content:center;position:relative;width:64px}.jailbreak-cooldown-ring:before{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:50%;content:"";inset:4px;position:absolute}.jailbreak-cooldown-time{animation:cooldownPulse 1.5s ease-in-out infinite;color:#ef4444;font-family:Courier New,monospace;font-size:.85rem;font-weight:700;letter-spacing:.05em;position:relative;z-index:1}.jailbreak-cooldown-label{color:#ef4444b3;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}@keyframes shimmerSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes appliedTagPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.behavior-milestone.applied{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e66;position:relative}.behavior-milestone.applied:after{animation:shimmerSweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#22c55e1a,#0000);border-radius:inherit;content:"";inset:0;position:absolute}.milestone-applied-tag{align-items:center;animation:appliedTagPop .4s cubic-bezier(.34,1.56,.64,1) forwards;background:#22c55e26;border:1px solid #22c55e4d;border-radius:4px;color:#22c55e;display:inline-flex;font-size:.6rem;font-weight:700;letter-spacing:.08em;margin-left:auto;padding:.1rem .4rem;text-transform:uppercase}@keyframes reductionSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes reductionGlow{0%,to{box-shadow:0 0 8px #22c55e33}50%{box-shadow:0 0 20px #22c55e80}}@keyframes reductionIconPulse{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}.behavior-reduction-alert{align-items:center;animation:reductionSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards,reductionGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e1f,#10b98114);border:1px solid #22c55e59;border-radius:8px;color:#4ade80;display:flex;font-size:.85rem;font-weight:600;gap:.6rem;margin-top:.75rem;padding:.6rem 1rem}.reduction-icon{animation:reductionIconPulse 1.5s ease-in-out infinite;display:inline-block;flex-shrink:0;height:20px;position:relative;width:20px}.reduction-icon:before{background:#22c55e1a;border:2px solid #22c55e;border-radius:50%;content:"";inset:0;position:absolute}.reduction-icon:after{background:#22c55e;border-radius:1px;box-shadow:4px 2px 0 0 #22c55e;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-100%) rotate(-45deg);transform-origin:bottom center;width:2px}@keyframes starTwinkle{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.jail-star{animation:starTwinkle ease-in-out infinite;background:#ef44444d;border-radius:50%;box-shadow:0 0 4px #ef444433;position:absolute}@keyframes headerSweep{0%{left:-100%}to{left:200%}}.detention-block .header{overflow:hidden;position:relative}.detention-block .header:after{animation:headerSweep 6s linear infinite;background:linear-gradient(90deg,#0000,#ef44440f,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}.header-credits{font-feature-settings:"tnum";align-items:center;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:20px;color:#fbbf24;display:inline-flex;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;gap:.4rem;margin-bottom:.75rem;padding:.3rem .75rem}.credits-icon{border:2px solid #fbbf24;border-radius:50%;display:inline-block;height:14px;position:relative;width:14px}.credits-icon:before{color:#fbbf24;content:"$";font-size:.55rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.textarea-wrapper{position:relative}.textarea-wrapper textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:1rem;margin-bottom:.75rem;min-height:100px;padding:.75rem .75rem 1.5rem;resize:vertical;transition:all .2s ease;width:100%}.textarea-wrapper textarea:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.2);outline:none}.textarea-wrapper textarea::placeholder{color:var(--color-info)}.char-count{font-feature-settings:"tnum";bottom:1rem;color:var(--color-text-tertiary);font-size:.7rem;font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;right:.75rem}.jailbreak-chance{font-feature-settings:"tnum";border-radius:4px;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto;padding:.1rem .4rem}.jailbreak-chance.chance-low{background:#ef44441f;color:#ef4444}.jailbreak-chance.chance-medium{background:#f973161f;color:#f97316}.jailbreak-chance.chance-high{background:#22c55e1f;color:#22c55e}.bribe-preview{font-feature-settings:"tnum";background:#f59e0b0f;border-left:2px solid #f59e0b4d;border-radius:4px;color:var(--color-text-tertiary);font-size:.75rem;font-variant-numeric:tabular-nums;margin-top:.4rem;padding:.3rem .5rem}.confirm-overlay{align-items:center;animation:detentionFadeIn .2s ease-out;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-index-modal)}.confirm-dialog{animation:scaleIn .3s cubic-bezier(.22,1,.36,1);background:#1f2937;background:var(--color-bg-secondary,#1f2937);border:1px solid rgba(var(--color-brand-primary-rgb),.3);border-radius:12px;box-shadow:0 0 40px #00000080;max-width:400px;padding:1.5rem;width:90%}.confirm-dialog h3{color:var(--color-text-primary);margin:0 0 .75rem}.confirm-dialog p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end}.detention-block .celebration-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-index-overlay-low)}@keyframes burstExpand{0%{opacity:1;transform:scale(0)}60%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(2.5)}}@keyframes celebTextPop{0%{opacity:0;transform:scale(0) rotate(-10deg)}40%{opacity:1;transform:scale(1.2) rotate(3deg)}70%{opacity:1;transform:scale(.95) rotate(-1deg)}to{opacity:0;transform:scale(1) rotate(0deg)}}@keyframes sirenFlash{0%,to{background:#0000}25%{background:#ef444426}50%{background:#3b82f61a}75%{background:#ef444426}}@keyframes chainBreak{0%{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.3)}to{opacity:0;transform:scaleX(0)}}@keyframes celebRingExpand{0%{border-width:4px;opacity:.8;transform:scale(0)}to{border-width:1px;opacity:0;transform:scale(3)}}.celebration-burst{animation:burstExpand 1.5s ease-out forwards;background:radial-gradient(circle,#22c55e99,#22c55e1a,#0000);border-radius:50%;height:100px;width:100px}.celebration-burst.small{height:60px;width:60px}.celebration-text{animation:celebTextPop 3s ease-out forwards;font-size:2.5rem;font-weight:900;letter-spacing:.1em;position:absolute;text-shadow:0 0 30px currentColor;text-transform:uppercase}.bail-celebration .celebration-text{color:#22c55e}.escape-celebration .celebration-text{color:#3b82f6}.escape-celebration .celebration-chains{animation:chainBreak 1s ease-out forwards;background:#6b728099;border-radius:4px;height:8px;position:absolute;width:120px}.liberation-celebration .celebration-text{color:#fbbf24;font-size:2rem}.caught-celebration .siren-flash{animation:sirenFlash .3s ease-out 6;height:100%;left:0;position:fixed;top:0;width:100%}.caught-celebration .celebration-text{color:#ef4444;text-shadow:0 0 40px #ef4444cc}.milestone-celebration .celebration-burst{background:radial-gradient(circle,#22c55e66,#0000)}.visit-celebration .celebration-ring{animation:celebRingExpand 1.5s ease-out forwards;border:3px solid #22c55e99;border-radius:50%;height:80px;width:80px}.bribe-input:focus-visible,.detention-block .jail-tab:focus-visible,.detention-block button:focus-visible,.inmate-card:focus-visible,.textarea-wrapper textarea:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-brand-primary,#6366f1);outline-offset:2px}.confirm-dialog button:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-brand-primary,#6366f1);outline-offset:2px}@media (prefers-reduced-motion:reduce){.detention-block,.detention-block *,.detention-block :after,.detention-block :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.detention-block .celebration-overlay{display:none!important}.jail-star,.radar-blip,.security-dot{animation:none!important;opacity:.3}.detention-block:after,.detention-block:before{animation:none!important}.bail-timer-fill{transition:width 0s!important}.detention-block .header h1,.inmate-card,.jailbreak-cooldown-ring,.live-countdown,.my-jail-status{animation:none!important}}.inf-icon-admin,.inf-icon-back,.inf-icon-broker,.inf-icon-clean,.inf-icon-clock,.inf-icon-credits,.inf-icon-danger,.inf-icon-eye,.inf-icon-history,.inf-icon-info,.inf-icon-meter,.inf-icon-scroll,.inf-icon-search,.inf-icon-shield,.inf-icon-skull,.inf-icon-system,.inf-icon-warning{display:inline-block;flex-shrink:0;height:1em;margin-right:.35em;position:relative;vertical-align:-.125em;width:1em}.inf-icon-skull{background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-clip-path:polygon(20% 0,80% 0,95% 25%,95% 55%,80% 70%,65% 70%,65% 100%,55% 85%,45% 85%,35% 100%,35% 70%,20% 70%,5% 55%,5% 25%);clip-path:polygon(20% 0,80% 0,95% 25%,95% 55%,80% 70%,65% 70%,65% 100%,55% 85%,45% 85%,35% 100%,35% 70%,20% 70%,5% 55%,5% 25%)}.inf-icon-skull:after{background:radial-gradient(circle at 30% 50%,#000 18%,#0000 20%),radial-gradient(circle at 70% 50%,#000 18%,#0000 20%);content:"";height:25%;left:25%;position:absolute;top:25%;width:50%}.inf-icon-warning{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-clip-path:polygon(50% 5%,95% 90%,5% 90%);clip-path:polygon(50% 5%,95% 90%,5% 90%)}.inf-icon-warning:after{background:#fff;border-radius:1px;box-shadow:0 .35em 0 0 #fff;content:"";height:30%;left:45%;position:absolute;top:35%;width:10%}.inf-icon-search{border:2px solid #0000;-webkit-clip-path:circle(35% at 40% 40%);clip-path:circle(35% at 40% 40%)}.inf-icon-search,.inf-icon-search:after{background:linear-gradient(135deg,#eab308,#ca8a04)}.inf-icon-search:after{border-radius:2px;bottom:8%;content:"";height:4px;position:absolute;right:8%;transform:rotate(45deg);transform-origin:left center;width:35%}.inf-icon-eye{background:linear-gradient(135deg,#84cc16,#65a30d);-webkit-clip-path:ellipse(50% 35% at 50% 50%);clip-path:ellipse(50% 35% at 50% 50%)}.inf-icon-eye:after{background:radial-gradient(circle,#1a1a2e 30%,#22c55e 32%,#65a30d 70%);border-radius:50%;content:"";height:40%;left:35%;position:absolute;top:30%;width:30%}.inf-icon-clean{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-clip-path:polygon(20% 55%,40% 75%,85% 25%,95% 35%,40% 90%,10% 60%);clip-path:polygon(20% 55%,40% 75%,85% 25%,95% 35%,40% 90%,10% 60%)}.inf-icon-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%}.inf-icon-danger:after{background:#fff;border-radius:2px;box-shadow:0 .4em 0 0 #fff;content:"";height:38%;left:42%;position:absolute;top:18%;width:16%}.inf-icon-scroll{background:linear-gradient(135deg,#94a3b8,#64748b);-webkit-clip-path:polygon(15% 0,85% 0,90% 5%,90% 95%,85% 100%,15% 100%,10% 95%,10% 5%);clip-path:polygon(15% 0,85% 0,90% 5%,90% 95%,85% 100%,15% 100%,10% 95%,10% 5%)}.inf-icon-scroll:after{background:#ffffff4d;box-shadow:0 .22em 0 #fff3,0 .44em 0 #ffffff26;content:"";height:10%;left:25%;position:absolute;top:25%;width:50%}.inf-icon-meter{background:linear-gradient(135deg,#ef4444,#f97316 50%,#22c55e);-webkit-clip-path:polygon(50% 10%,90% 50%,80% 90%,20% 90%,10% 50%);clip-path:polygon(50% 10%,90% 50%,80% 90%,20% 90%,10% 50%)}.inf-icon-meter:after{background:#fff;border-radius:1px;bottom:30%;content:"";height:40%;left:48%;position:absolute;transform:rotate(25deg);transform-origin:bottom center;width:4%}.inf-icon-history{background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:50%}.inf-icon-history:after{background:#fff;box-shadow:.15em .15em 0 0 #fff;content:"";height:30%;left:45%;position:absolute;top:20%;transform-origin:bottom center;width:3px}.inf-icon-clock{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%}.inf-icon-clock:before{height:28%;top:22%;transform-origin:bottom center;width:6%}.inf-icon-clock:after,.inf-icon-clock:before{background:#fff;border-radius:1px;content:"";left:47%;position:absolute}.inf-icon-clock:after{height:6%;top:35%;transform-origin:left center;width:25%}.inf-icon-shield{background:linear-gradient(135deg,#22d3ee,#0891b2);-webkit-clip-path:polygon(50% 0,100% 20%,90% 75%,50% 100%,10% 75%,0 20%);clip-path:polygon(50% 0,100% 20%,90% 75%,50% 100%,10% 75%,0 20%)}.inf-icon-shield:after{background:#ffffff4d;-webkit-clip-path:polygon(50% 15%,85% 50%,50% 85%,15% 50%);clip-path:polygon(50% 15%,85% 50%,50% 85%,15% 50%);content:"";height:40%;left:30%;position:absolute;top:30%;width:40%}.inf-icon-broker{background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-clip-path:polygon(50% 0,70% 0,80% 25%,70% 40%,90% 50%,100% 80%,95% 100%,5% 100%,0 80%,10% 50%,30% 40%,20% 25%,30% 0);clip-path:polygon(50% 0,70% 0,80% 25%,70% 40%,90% 50%,100% 80%,95% 100%,5% 100%,0 80%,10% 50%,30% 40%,20% 25%,30% 0)}.inf-icon-admin{background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-clip-path:polygon(50% 0,60% 15%,80% 5%,80% 25%,100% 30%,90% 50%,100% 70%,80% 75%,80% 95%,60% 85%,50% 100%,40% 85%,20% 95%,20% 75%,0 70%,10% 50%,0 30%,20% 25%,20% 5%,40% 15%);clip-path:polygon(50% 0,60% 15%,80% 5%,80% 25%,100% 30%,90% 50%,100% 70%,80% 75%,80% 95%,60% 85%,50% 100%,40% 85%,20% 95%,20% 75%,0 70%,10% 50%,0 30%,20% 25%,20% 5%,40% 15%)}.inf-icon-system{background:linear-gradient(135deg,#94a3b8,#475569);-webkit-clip-path:polygon(0 10%,100% 10%,100% 90%,0 90%);clip-path:polygon(0 10%,100% 10%,100% 90%,0 90%)}.inf-icon-system:after{background:#22c55e;box-shadow:0 .2em 0 #22c55e;content:"";height:8%;left:15%;opacity:.8;position:absolute;top:30%;width:35%}.inf-icon-info{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%}.inf-icon-info:after{background:#fff;border-radius:50%;box-shadow:0 .25em 0 0 #fff;content:"";height:12%;left:42%;position:absolute;top:22%;width:16%}.inf-icon-credits{background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50%}.inf-icon-credits:after{border:2px solid #fff6;border-radius:2px;content:"";height:50%;left:38%;position:absolute;top:25%;width:24%}.inf-icon-back{background:#9ca3af;background:var(--color-text-secondary,#9ca3af);-webkit-clip-path:polygon(40% 0,0 50%,40% 100%,40% 65%,100% 65%,100% 35%,40% 35%);clip-path:polygon(40% 0,0 50%,40% 100%,40% 65%,100% 65%,100% 35%,40% 35%)}.inf-star{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:inline-block;height:.85em;transition:background .3s ease,transform .3s ease;width:.85em}.inf-star-active{animation:infStarIgnite .4s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--star-index, 0)*.12s);background:#ef4444;background:var(--star-color,#ef4444)}.inf-star-inactive{background:#ffffff1f}.inf-meter{animation:infFadeIn .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);background:linear-gradient(135deg,var(--color-ui-background,#1a1a2e) 0,var(--color-ui-surface,#16213e) 100%);border:1px solid #2d2d5e;border:1px solid var(--color-ui-border,#2d2d5e);border-radius:8px;overflow:hidden;padding:1rem;position:relative}.inf-criminal{animation:infFadeIn .3s ease-out,infCriminalPulse 2s ease-in-out infinite;border-color:#dc2626;box-shadow:0 0 15px #dc26264d,inset 0 0 30px #dc26260d}.inf-meter:before{background:radial-gradient(ellipse at center,#0000 50%,#dc262600 100%);background:radial-gradient(ellipse at center,#0000 50%,rgba(220,38,38,var(--vignette-opacity,0)) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.inf-meter[data-wanted-level="1"]:before{--vignette-opacity:0.03}.inf-meter[data-wanted-level="2"]:before{--vignette-opacity:0.06}.inf-meter[data-wanted-level="3"]:before{--vignette-opacity:0.1}.inf-meter[data-wanted-level="4"]:before{--vignette-opacity:0.15}.inf-meter[data-wanted-level="5"]:before{--vignette-opacity:0.2}.inf-scanline-overlay{background:repeating-linear-gradient(0deg,#0000,#0000 2px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 4px);inset:0;pointer-events:none;position:absolute;z-index:1}.inf-actions,.inf-bar-container,.inf-broker-hint,.inf-criminal-banner,.inf-error,.inf-flavor-text,.inf-header,.inf-info-row,.inf-penalties,.inf-recent-feed,.inf-wanted-stars{position:relative;z-index:2}.inf-criminal-banner{align-items:center;animation:infBannerFlash 1.5s ease-in-out infinite;background:linear-gradient(90deg,#991b1b,#dc2626 50%,#991b1b);display:flex;gap:.5rem;justify-content:center;margin:-1rem -1rem .75rem;padding:.5rem}.inf-criminal-banner .inf-icon-skull{animation:infSkullShake .5s ease-in-out infinite;font-size:1.1em;margin:0}.inf-header{justify-content:space-between;margin-bottom:.5rem}.inf-header,.inf-title{align-items:center;display:flex}.inf-title{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.inf-tier{align-items:center;display:flex;font-size:.9rem;font-weight:600}.inf-tier-icon{font-size:1.1em}.inf-flavor-text{font-size:.75rem;font-style:italic;letter-spacing:.02em;margin-bottom:.6rem;opacity:.8}.inf-bar-container{background:#0000004d;border-radius:11px;box-shadow:inset 0 1px 3px #0006;height:22px;margin-bottom:.6rem;overflow:hidden;position:relative}.inf-bar-fill{animation:infBarFill .8s ease-out;background:linear-gradient(90deg,#22c55e,color-mix(in srgb,#22c55e 80%,#fff));background:linear-gradient(90deg,var(--inf-color,#22c55e) 0,color-mix(in srgb,var(--inf-color,#22c55e) 80%,#fff) 100%);border-radius:11px;box-shadow:0 0 8px color-mix(in srgb,#22c55e 50%,#0000);box-shadow:0 0 8px color-mix(in srgb,var(--inf-color,#22c55e) 50%,#0000);height:100%;left:0;position:absolute;top:0;width:0;width:var(--inf-percentage,0)}.inf-bar-criminal{animation:infBarFill .8s ease-out,infBarDangerPulse 1.5s ease-in-out .8s infinite}.inf-bar-label{font-feature-settings:"tnum";color:#fff;color:var(--color-text-primary,#fff);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #0009;top:50%;transform:translate(-50%,-50%)}.inf-radar-wrap{align-items:center;display:inline-flex;position:relative}.inf-radar-ping{animation:infRadarPing 3s ease-out infinite;border:2px solid #fbbf24;border:2px solid var(--color-warning,#fbbf24);border-radius:50%;height:2em;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:2em}.inf-bar-marker{background:#fff3;bottom:0;left:0;left:var(--marker-pos,0);position:absolute;top:0;transition:background .3s ease;width:2px;z-index:1}.inf-bar-marker:after{background:#ffffff4d;border-radius:50%;content:"";height:6px;left:-2px;position:absolute;top:-3px;transition:background .3s ease,box-shadow .3s ease;width:6px}.inf-bar-marker-passed{background:#fff;background:var(--marker-color,#fff);opacity:.7}.inf-bar-marker-passed:after{background:#fff;background:var(--marker-color,#fff);box-shadow:0 0 4px #fff;box-shadow:0 0 4px var(--marker-color,#fff)}.inf-hologram{height:3.5rem;opacity:.35;pointer-events:none;position:absolute;right:.75rem;top:3rem;width:2.5rem;z-index:1}.inf-hologram-body{animation:infHologramGlow 2s ease-in-out infinite;background:#ef4444;background:var(--holo-color,#ef4444);-webkit-clip-path:polygon(50% 0,65% 5%,72% 20%,65% 30%,80% 40%,85% 55%,75% 65%,78% 80%,65% 100%,35% 100%,22% 80%,25% 65%,15% 55%,20% 40%,35% 30%,28% 20%,35% 5%);clip-path:polygon(50% 0,65% 5%,72% 20%,65% 30%,80% 40%,85% 55%,75% 65%,78% 80%,65% 100%,35% 100%,22% 80%,25% 65%,15% 55%,20% 40%,35% 30%,28% 20%,35% 5%);height:100%;width:100%}.inf-hologram-scanline{animation:infHologramScan 2s linear infinite;background:linear-gradient(90deg,#0000,#ef4444,#0000);background:linear-gradient(90deg,#0000,var(--holo-color,#ef4444),#0000);height:4px;left:0;opacity:.6;position:absolute;top:0;width:100%}.inf-clean-celebration{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:10}.inf-clean-ring{animation:infCleanRingExpand 1s ease-out forwards;border:3px solid #22c55e;border-radius:50%;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.inf-clean-flash{animation:infCleanFlash .6s ease-out forwards;background:radial-gradient(circle,#22c55e4d 0,#0000 70%);inset:0;position:absolute}.inf-clean-confetti{animation:infConfettiFall 2.5s ease-in forwards;animation-delay:0s;animation-delay:var(--confetti-delay,0s);background:#22c55e;background:var(--confetti-color,#22c55e);border-radius:2px;height:8px;left:50%;left:var(--confetti-x,50%);position:absolute;top:0;width:4px}.inf-criminal-text{color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.15em;position:relative;text-shadow:0 0 8px #ffffff80;text-transform:uppercase}.inf-criminal-text:after,.inf-criminal-text:before{content:attr(data-text);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.inf-criminal-text:before{animation:infGlitchLeft 3s ease-in-out infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);color:#f44}.inf-criminal-text:after{animation:infGlitchRight 3s ease-in-out infinite;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);color:#44f}.inf-wanted-stars{align-items:center;display:flex;gap:.35rem;margin-bottom:.4rem}.inf-wanted-stars .inf-star{height:1rem;width:1rem}.inf-wanted-label{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.75rem;margin-left:.5rem}.inf-info-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.inf-info-item{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;font-size:.72rem}.inf-info-item .inf-icon-clean,.inf-info-item .inf-icon-clock,.inf-info-item .inf-icon-warning{font-size:.85em}.inf-info-next-threshold{color:#fbbf24;color:var(--color-warning,#fbbf24)}.inf-broker-hint{align-items:center;background:#a78bfa0f;border:1px solid #a78bfa1f;border-radius:6px;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;font-size:.72rem;margin-bottom:.5rem;padding:.35rem .5rem;text-decoration:none;transition:background .15s ease,border-color .15s ease}a.inf-broker-hint:hover{background:#a78bfa1a;border-color:#a78bfa33;color:#d1d5db;color:var(--color-text-secondary,#d1d5db)}.inf-broker-hint strong{color:#fbbf24;color:var(--color-warning,#fbbf24);margin:0 .15em}.inf-actions{display:flex;justify-content:flex-end}.inf-recent-feed{border-top:1px solid #2d2d5e;border-top:1px solid var(--color-ui-border,#2d2d5e);margin-top:.6rem;padding-top:.6rem}.inf-recent-title{align-items:center;color:#6b7280;color:var(--color-text-tertiary,#6b7280);display:flex;font-size:.7rem;letter-spacing:.05em;margin-bottom:.35rem;text-transform:uppercase}.inf-recent-item{align-items:baseline;animation:infRecentSlide .3s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--recent-index, 0)*.08s);display:flex;font-size:.78rem;gap:.5rem;padding:.2rem 0}.inf-recent-change{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;min-width:2.5em;text-align:right}.inf-recent-reason{color:#d1d5db;color:var(--color-text-secondary,#d1d5db);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inf-penalties{border-top:1px solid #2d2d5e;border-top:1px solid var(--color-ui-border,#2d2d5e);margin-top:.6rem;padding-top:.6rem}.inf-penalties-title{display:flex;font-weight:600;margin-bottom:.5rem}.inf-penalties-title,.inf-penalty-item{align-items:center;color:#ef4444;color:var(--color-danger,#ef4444);font-size:.75rem}.inf-penalty-item{animation:infPenaltyShake .4s ease-in-out infinite;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;display:inline-flex;margin-right:.5rem;padding:.2rem .5rem}.inf-compact{align-items:center;border-radius:20px;cursor:pointer;display:flex;gap:.5rem;overflow:visible;padding:.4rem .75rem;transition:background .2s ease,box-shadow .2s ease}.inf-compact:before{display:none}.inf-compact:hover{background:#ffffff14;box-shadow:0 0 8px #ef444426}.inf-compact:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}.inf-compact .inf-tier-icon{font-size:1rem}.inf-compact .inf-level{font-size:.85rem;font-weight:600}.inf-error{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.85rem;justify-content:center;text-align:center}.inf-error,.inf-skeleton-compact{align-items:center;display:flex;gap:.5rem}.inf-skeleton-icon{border-radius:50%;height:1rem;width:1rem}.inf-skeleton-icon,.inf-skeleton-text{animation:infSkeletonShimmer 1.5s ease-in-out infinite;background:#ffffff14}.inf-skeleton-text{border-radius:4px;height:.85rem;width:3rem}.inf-skeleton-full{display:flex;flex-direction:column;gap:.75rem}.inf-skeleton-header{display:flex;justify-content:space-between}.inf-skeleton-w20{width:20%}.inf-skeleton-w30{width:30%}.inf-skeleton-w40{width:40%}.inf-skeleton-w60{width:60%}.inf-skeleton-bar{animation:infSkeletonShimmer 1.5s ease-in-out infinite;background:#ffffff14;border-radius:11px;height:22px}.inf-skeleton-row{display:flex}.inf-skeleton-actions{display:flex;justify-content:flex-end}.inf-skeleton-btn{animation:infSkeletonShimmer 1.5s ease-in-out infinite;background:#ffffff14;border-radius:4px;height:2rem;width:6rem}.inf-history-modal{min-height:200px}.inf-history-empty{align-items:center;color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);display:flex;flex-direction:column;justify-content:center;padding:2rem}.inf-history-empty .inf-icon-scroll{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.inf-history-hint{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.75rem;font-style:italic;margin-top:.25rem}.inf-history-skeleton{display:flex;flex-direction:column;gap:.75rem}.inf-skeleton-event{align-items:center;animation:infSkeletonShimmer 1.5s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--event-index, 0)*.15s);background:#00000026;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.inf-skeleton-dot{background:#ffffff1f;border-radius:50%;flex-shrink:0;height:10px;width:10px}.inf-skeleton-event-body{display:flex;flex:1 1;flex-direction:column;gap:.35rem}.inf-timeline{max-height:400px;overflow-y:auto;padding-left:1.5rem;position:relative}.inf-timeline-line{background:linear-gradient(180deg,#ef4444,#2d2d5e 40%,#22c55e);background:linear-gradient(180deg,var(--color-danger,#ef4444) 0,var(--color-ui-border,#2d2d5e) 40%,var(--color-success,#22c55e) 100%);border-radius:1px;bottom:0;left:.45rem;position:absolute;top:0;width:2px}.inf-timeline-event{animation:infEventSlideIn .3s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--event-index, 0)*.05s);margin-bottom:.5rem;position:relative}.inf-timeline-dot{border:2px solid;border-radius:50%;height:10px;left:-1.25rem;position:absolute;top:.75rem;width:10px;z-index:1}.inf-dot-gain{background:#ef4444;background:var(--color-danger,#ef4444);border-color:#ef4444;border-color:var(--color-danger,#ef4444);box-shadow:0 0 6px #ef444480}.inf-dot-loss{background:#22c55e;background:var(--color-success,#22c55e);border-color:#22c55e;border-color:var(--color-success,#22c55e);box-shadow:0 0 6px #22c55e80}.inf-timeline-card{background:#0003;border-left:3px solid #0000;border-radius:8px;padding:.65rem .75rem}.inf-event-gain .inf-timeline-card{border-left-color:#ef4444;border-left-color:var(--color-danger,#ef4444)}.inf-event-loss .inf-timeline-card{border-left-color:#22c55e;border-left-color:var(--color-success,#22c55e)}.inf-event-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.2rem}.inf-event-source-icon{font-size:.85em}.inf-event-source{color:#9ca3af;color:var(--color-text-tertiary,#9ca3af);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.inf-event-change{font-feature-settings:"tnum";font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:700;margin-left:auto}.inf-change-gain{color:#ef4444;color:var(--color-danger,#ef4444)}.inf-change-loss{color:#22c55e;color:var(--color-success,#22c55e)}.inf-event-body{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between}.inf-event-reason{color:#d1d5db;color:var(--color-text-secondary,#d1d5db);font-size:.82rem}.inf-event-date{white-space:nowrap}.inf-event-date,.inf-event-total{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.7rem}.inf-event-total{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:.15rem}@keyframes infFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes infBarFill{0%{width:0}to{width:0;width:var(--inf-percentage,0)}}@keyframes infBarDangerPulse{0%,to{box-shadow:0 0 8px #dc262666}50%{box-shadow:0 0 18px #dc2626b3,0 0 4px #ffffff26}}@keyframes infStarIgnite{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes infCriminalPulse{0%,to{border-color:#dc2626;box-shadow:0 0 15px #dc26264d,inset 0 0 30px #dc26260d}50%{border-color:#ef4444;box-shadow:0 0 25px #dc262680,inset 0 0 40px #dc262614}}@keyframes infBannerFlash{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes infPenaltyShake{0%,to{transform:translateX(0)}25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}@keyframes infSkeletonShimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}@keyframes infEventSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes infRecentSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes infRadarPing{0%{height:1em;opacity:.6;width:1em}70%{height:2.5em;opacity:0;width:2.5em}to{height:2.5em;opacity:0;width:2.5em}}@keyframes infHologramGlow{0%,to{filter:brightness(1);opacity:.25}50%{filter:brightness(1.3);opacity:.4}}@keyframes infHologramScan{0%{top:0}to{top:100%}}@keyframes infCleanRingExpand{0%{border-width:3px;height:10px;opacity:1;width:10px}to{border-width:1px;height:300px;opacity:0;width:300px}}@keyframes infCleanFlash{0%{opacity:.6}to{opacity:0}}@keyframes infConfettiFall{0%{opacity:1;transform:translateY(-10px) rotate(0deg)}30%{opacity:1}to{opacity:0;transform:translateY(300px) rotate(2turn)}}@keyframes infGlitchLeft{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(1px,-1px)}96%{transform:translate(-1px)}}@keyframes infGlitchRight{0%,88%,to{transform:translate(0)}90%{transform:translate(2px,-1px)}93%{transform:translate(-1px,1px)}95%{transform:translate(1px)}}@media (max-width:768px){.inf-event-body{flex-direction:column;gap:.15rem}.inf-info-row{flex-direction:column;gap:.3rem}}@media (max-width:480px){.inf-meter{padding:.75rem}.inf-criminal-banner{margin:-.75rem -.75rem .5rem}.inf-bar-container{height:18px}.inf-wanted-stars .inf-star{height:.85rem;width:.85rem}.inf-recent-item{font-size:.72rem}.inf-timeline{padding-left:1.25rem}}@media (prefers-reduced-motion:reduce){.inf-bar-criminal,.inf-bar-fill,.inf-clean-confetti,.inf-clean-flash,.inf-clean-ring,.inf-criminal,.inf-criminal-banner,.inf-criminal-banner .inf-icon-skull,.inf-criminal-text:after,.inf-criminal-text:before,.inf-hologram-body,.inf-hologram-scanline,.inf-meter,.inf-penalty-item,.inf-radar-ping,.inf-recent-item,.inf-skeleton-bar,.inf-skeleton-btn,.inf-skeleton-event,.inf-skeleton-icon,.inf-skeleton-text,.inf-star-active,.inf-timeline-event{animation:none!important}.inf-bar-fill,.inf-bar-marker,.inf-bar-marker:after,.inf-star{transition:none}}.inf-status-page{margin:0 auto;max-width:800px;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.inf-page-criminal{border-left:3px solid #dc2626;border-right:3px solid #dc2626}.inf-page-scanline{background:repeating-linear-gradient(0deg,#0000,#0000 3px,hsla(0,0%,100%,.008) 0,hsla(0,0%,100%,.008) 6px)}.inf-page-scanline,.inf-page-vignette{inset:0;pointer-events:none;position:fixed;z-index:0}.inf-page-vignette{transition:background .6s ease}.inf-status-page[data-wanted-level="0"] .inf-page-vignette{background:none}.inf-status-page[data-wanted-level="1"] .inf-page-vignette{background:radial-gradient(ellipse at center,#0000 60%,#ef444405 100%)}.inf-status-page[data-wanted-level="2"] .inf-page-vignette{background:radial-gradient(ellipse at center,#0000 55%,#ef44440d 100%)}.inf-status-page[data-wanted-level="3"] .inf-page-vignette{background:radial-gradient(ellipse at center,#0000 50%,#ef444414 100%)}.inf-status-page[data-wanted-level="4"] .inf-page-vignette{background:radial-gradient(ellipse at center,#0000 45%,#dc26261f 100%)}.inf-status-page[data-wanted-level="5"] .inf-page-vignette{animation:infPageVignetteBreath 3s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000 40%,#dc26262e 100%)}.inf-starfield{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.inf-star-bg{animation:infStarTwinkle 3s ease-in-out infinite;animation:infStarTwinkle var(--duration,3s) ease-in-out infinite;background:#fff9;border-radius:50%;position:absolute}.inf-danger-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.inf-danger-particle{animation:infDangerRise 5s ease-out infinite;animation:infDangerRise var(--duration,5s) ease-out infinite;background:radial-gradient(circle,#ef444499 0,#0000 70%);border-radius:50%;bottom:-10px;height:3px;position:absolute;width:3px}.inf-page-header{animation:infSlideInDown .4s ease-out;margin-bottom:1.5rem;position:relative;z-index:1}.inf-page-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.inf-page-header h1{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1.75rem;margin:0}.inf-page-header h1 .inf-icon-skull{font-size:1.3em}.inf-subtitle{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.9rem;margin:0 0 .75rem}.inf-page-status-bar{animation:infFadeInUp .35s ease-out .15s backwards;background:#0003;border:1px solid #2d2d5e;border:1px solid var(--color-ui-border,#2d2d5e);border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem .75rem}.inf-page-status-item{align-items:center;color:#d1d5db;color:var(--color-text-secondary,#d1d5db);display:flex;font-size:.78rem}.inf-page-status-icon{font-size:1.1em}.inf-page-status-warn{color:#fbbf24;color:var(--color-warning,#fbbf24)}.inf-page-criminal-banner{align-items:center;animation:infPageBannerPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#7f1d1d,#991b1b 25%,#dc2626 50%,#991b1b 75%,#7f1d1d);border:1px solid #ef4444;border-radius:8px;box-shadow:0 0 20px #dc262666,inset 0 0 20px #0003;color:#fff;display:flex;font-size:.8rem;font-weight:800;gap:.6rem;justify-content:center;letter-spacing:.15em;margin-bottom:1.5rem;padding:.6rem 1rem;position:relative;text-shadow:0 0 8px #ffffff80;text-transform:uppercase;z-index:1}.inf-page-criminal-banner .inf-icon-skull{animation:infSkullShake .5s ease-in-out infinite;font-size:1.2em;margin:0}.inf-page-criminal-banner:after,.inf-page-criminal-banner:before{background:repeating-linear-gradient(90deg,#0000,#0000 4px,#dc262699 0,#dc262699 8px);content:"";height:4px;left:0;position:absolute;right:0}.inf-page-criminal-banner:before{top:-4px}.inf-page-criminal-banner:after{bottom:-4px}.inf-main-card{animation:infFadeInUp .4s ease-out .1s backwards}.inf-consequences-card,.inf-main-card{margin-bottom:1.5rem;position:relative;z-index:1}.inf-consequences-card{animation:infFadeInUp .4s ease-out .15s backwards;border-left:3px solid #ef4444;border-left:3px solid var(--color-danger,#ef4444)}.inf-consequences-card h3{align-items:center;color:#ef4444;color:var(--color-danger,#ef4444);display:flex;font-size:1rem;margin:0 0 .75rem}.inf-consequences-list{display:flex;flex-direction:column;gap:.35rem}.inf-consequence-item{align-items:center;animation:infConsequenceSlide .3s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--consequence-index, 0)*.06s);background:#ef44440f;border-radius:6px;color:#d1d5db;color:var(--color-text-secondary,#d1d5db);display:flex;font-size:.82rem;gap:.5rem;padding:.4rem .6rem;transition:background .2s ease}.inf-consequence-item:hover{background:#ef44441a}.inf-consequence-item [class^=inf-icon-]{flex-shrink:0;font-size:.95em}.inf-consequence-text{flex:1 1}.inf-consequence-level{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.inf-section{margin-bottom:1.5rem;position:relative;z-index:1}.inf-section-title{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1.1rem;margin:0 0 1rem}.inf-wl-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.inf-wl-card{animation:infCardEntrance .35s ease-out backwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:linear-gradient(135deg,#0000004d,#00000026);border:1px solid #2d2d5e;border:1px solid var(--color-ui-border,#2d2d5e);border-radius:8px;overflow:hidden;padding:.75rem;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.inf-wl-current{border-color:#fff;border-color:var(--wl-color,#fff);box-shadow:0 0 12px color-mix(in srgb,#fff 25%,#0000);box-shadow:0 0 12px color-mix(in srgb,var(--wl-color,#fff) 25%,#0000)}.inf-wl-current-indicator{animation:infCurrentShimmer 2s ease-in-out infinite;background:#fff;background:var(--wl-color,#fff);height:3px;left:0;position:absolute;right:0;top:0}.inf-wl-current-indicator:after{animation:infShimmerSweep 2.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}.inf-wl-locked{opacity:.65}.inf-wl-active{opacity:1}.inf-wl-card:hover{box-shadow:0 4px 12px #0000004d,0 0 8px color-mix(in srgb,#fff 20%,#0000);box-shadow:0 4px 12px #0000004d,0 0 8px color-mix(in srgb,var(--wl-color,#fff) 20%,#0000);transform:translateY(-2px)}.inf-wl-card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.inf-wl-icon{font-size:1.25rem}.inf-wl-stars{display:flex;gap:.15rem}.inf-wl-stars .inf-star{height:.65em;width:.65em}.inf-wl-level{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.7rem;letter-spacing:.05em;margin-left:auto;text-transform:uppercase}.inf-wl-card-body{display:flex;flex-direction:column;gap:.15rem}.inf-wl-name{font-size:.95rem;font-weight:600}.inf-wl-threshold{font-feature-settings:"tnum";color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.7rem;font-variant-numeric:tabular-nums}.inf-wl-desc{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.78rem;line-height:1.3;margin:.25rem 0 0}.inf-wl-flavor{color:#9ca3af;color:var(--wl-color,#9ca3af);font-size:.7rem;font-style:italic;line-height:1.2;margin:.2rem 0 0;opacity:.7}.inf-info-card{animation:infFadeInUp .4s ease-out .3s backwards;margin-bottom:1.5rem;position:relative;z-index:1}.inf-info-card h3{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1rem;margin:0 0 .75rem}.inf-info-list{list-style:none;margin:0;padding:0}.inf-info-list li{align-items:flex-start;color:#d1d5db;color:var(--color-text-secondary,#d1d5db);display:flex;font-size:.85rem;gap:.5rem;line-height:1.4;margin-bottom:.6rem}.inf-info-list li [class^=inf-icon-]{flex-shrink:0;margin-top:.15rem}.inf-broker-link{color:#a78bfa;color:var(--color-primary,#a78bfa);text-decoration:underline;text-underline-offset:2px}.inf-broker-link:hover{color:#c4b5fd;color:var(--color-primary-light,#c4b5fd)}.inf-broker-link:focus-visible{border-radius:2px;outline:2px solid #6366f1;outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}.inf-broker-card{animation:infFadeInUp .4s ease-out .4s backwards;margin-bottom:1.5rem;position:relative;z-index:1}.inf-broker-card h3{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1rem;margin:0 0 .5rem}.inf-broker-desc{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.85rem;margin:0 0 .75rem}.inf-broker-table{border:1px solid #2d2d5e;border:1px solid var(--color-ui-border,#2d2d5e);border-radius:8px;display:flex;flex-direction:column;gap:0;margin-bottom:1rem;overflow:hidden}.inf-broker-header-row{background:#0000004d;color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.inf-broker-header-row,.inf-broker-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.5rem .75rem}.inf-broker-row{border-top:1px solid #ffffff0d;color:#d1d5db;color:var(--color-text-secondary,#d1d5db);font-size:.85rem;transition:background .15s ease}.inf-broker-row:hover{background:#ffffff08}.inf-broker-row-active{background:#ffffff0a;border-left:3px solid #ef4444;border-left:3px solid var(--wl-color,#ef4444);box-shadow:inset 0 0 12px color-mix(in srgb,#ef4444 8%,#0000);box-shadow:inset 0 0 12px color-mix(in srgb,var(--wl-color,#ef4444) 8%,#0000)}.inf-broker-level{align-items:center;display:flex;font-weight:500;gap:.35rem}.inf-broker-level .inf-star{height:.75em;width:.75em}.inf-broker-cost{font-feature-settings:"tnum";align-items:center;color:#fbbf24;color:var(--color-warning,#fbbf24);display:flex;font-variant-numeric:tabular-nums}.inf-broker-cost .inf-icon-credits{font-size:.75em}.inf-broker-reduction{font-feature-settings:"tnum";color:#22c55e;color:var(--color-success,#22c55e);font-variant-numeric:tabular-nums;font-weight:500}.inf-broker-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.inf-broker-cta{display:inline-block;text-decoration:none}.inf-leaderboard-card{margin-bottom:1.5rem;position:relative;z-index:1}.inf-leaderboard-card h3{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1rem;margin:0 0 .5rem}.inf-leaderboard-desc{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.85rem;margin:0 0 .75rem}.inf-leaderboard-cta{display:inline-block;text-decoration:none}.inf-live-countdown,.inf-live-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inf-live-countdown{font-weight:600;letter-spacing:.02em}.inf-whatif-card{animation:infFadeInUp .4s ease-out .12s backwards;margin-bottom:1.5rem;position:relative;z-index:1}.inf-whatif-card h3{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1rem;margin:0 0 .25rem}.inf-whatif-desc{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.82rem;margin:0 0 .75rem}.inf-whatif-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.inf-whatif-btn{align-items:center;background:#0003;border:1px solid #2d2d5e;border:1px solid var(--color-ui-border,#2d2d5e);border-radius:6px;color:#d1d5db;color:var(--color-text-secondary,#d1d5db);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;gap:.2rem;padding:.5rem .3rem;transition:background .15s ease,border-color .15s ease,transform .15s ease}.inf-whatif-btn:hover{background:#ffffff0d;transform:translateY(-1px)}.inf-whatif-btn:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}.inf-whatif-btn-active{background:#ef44441a;border-color:#ef4444;border-color:var(--color-danger,#ef4444);box-shadow:0 0 8px #ef444433}.inf-whatif-btn [class^=inf-icon-]{font-size:1.1em}.inf-whatif-label{font-size:.72rem;font-weight:500}.inf-whatif-amount{font-feature-settings:"tnum";color:#ef4444;color:var(--color-danger,#ef4444);font-size:.7rem;font-variant-numeric:tabular-nums;font-weight:700}.inf-whatif-result{animation:infFadeInUp .2s ease-out;background:#00000026;border:1px solid #2d2d5e;border:1px solid var(--color-ui-border,#2d2d5e);border-radius:6px;padding:.6rem .75rem}.inf-whatif-level-change{background:#ef44440f;border-color:#ef44444d}.inf-whatif-result-row{font-feature-settings:"tnum";align-items:baseline;color:#d1d5db;color:var(--color-text-secondary,#d1d5db);display:flex;font-size:.82rem;font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:.25rem}.inf-whatif-warning{align-items:center;animation:infConsequenceSlide .2s ease-out;background:#ef44441a;border-radius:4px;color:#ef4444;color:var(--color-danger,#ef4444);display:flex;font-size:.75rem;font-weight:600;gap:.4rem;margin-top:.35rem;padding:.35rem .5rem}.inf-whatif-warning .inf-icon-danger{font-size:.9em}.inf-decay-card{animation:infFadeInUp .4s ease-out .5s backwards;margin-bottom:1.5rem;position:relative;z-index:1}.inf-decay-card h3{align-items:center;color:#fff;color:var(--color-text-primary,#fff);display:flex;font-size:1rem;margin:0 0 .75rem}.inf-decay-info{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.inf-decay-stat{background:#0003;border:1px solid #2d2d5e;border:1px solid var(--color-ui-border,#2d2d5e);border-radius:6px;display:flex;flex-direction:column;padding:.5rem .6rem}.inf-decay-label{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.65rem;letter-spacing:.05em;margin-bottom:.2rem;text-transform:uppercase}.inf-decay-value{font-feature-settings:"tnum";color:#fff;color:var(--color-text-primary,#fff);font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:600}.inf-decay-highlight{color:#22c55e;color:var(--color-success,#22c55e)}.inf-decay-sublabel{color:#6b7280;color:var(--color-text-tertiary,#6b7280);font-size:.7rem;font-weight:400;margin-left:.25em}@keyframes infStarTwinkle{0%,to{opacity:.3}50%{opacity:.8}}@keyframes infDangerRise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.6}80%{opacity:.2}to{opacity:0;transform:translateY(-100vh) scale(.5)}}@keyframes infSlideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes infFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes infCardEntrance{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes infSkullShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes infPageBannerPulse{0%,to{box-shadow:0 0 20px #dc262666,inset 0 0 20px #0003;filter:brightness(1)}50%{box-shadow:0 0 35px #dc262699,inset 0 0 25px #00000026;filter:brightness(1.2)}}@keyframes infPageVignetteBreath{0%,to{background:radial-gradient(ellipse at center,#0000 40%,#dc26262e 100%)}50%{background:radial-gradient(ellipse at center,#0000 35%,#dc262640 100%)}}@keyframes infCurrentShimmer{0%,to{opacity:.8}50%{opacity:1}}@keyframes infShimmerSweep{0%{left:-100%}to{left:200%}}@keyframes infConsequenceSlide{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.inf-status-page{max-width:100%}.inf-wl-grid{grid-template-columns:repeat(2,1fr)}.inf-page-header h1{font-size:1.4rem}.inf-page-status-bar{flex-direction:column;gap:.35rem}.inf-decay-info{grid-template-columns:1fr}.inf-whatif-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.inf-status-page{padding:.75rem}.inf-wl-grid{grid-template-columns:1fr}.inf-broker-header-row,.inf-broker-row{font-size:.75rem;padding:.4rem .5rem}.inf-page-header h1{font-size:1.2rem}.inf-page-title-row{align-items:flex-start;flex-direction:column;gap:.5rem}.inf-page-criminal-banner{font-size:.7rem;gap:.4rem;padding:.5rem .6rem}.inf-consequence-item{font-size:.75rem}.inf-whatif-grid{grid-template-columns:repeat(2,1fr)}.inf-whatif-btn{padding:.4rem .2rem}.inf-whatif-label{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.inf-broker-card,.inf-consequence-item,.inf-consequences-card,.inf-danger-particle,.inf-decay-card,.inf-info-card,.inf-leaderboard-card,.inf-main-card,.inf-page-criminal-banner,.inf-page-criminal-banner .inf-icon-skull,.inf-page-header,.inf-page-status-bar,.inf-page-vignette,.inf-star-bg,.inf-whatif-card,.inf-whatif-result,.inf-whatif-warning,.inf-wl-card,.inf-wl-current-indicator,.inf-wl-current-indicator:after{animation:none!important}.inf-wl-card:hover{transform:none}}.quest-manager{margin:0 auto;max-width:1400px;padding:20px}.quest-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.quest-manager-header h2{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.4rem;letter-spacing:1.5px;margin:0;text-shadow:var(--adm-glow-cyan);text-transform:uppercase}.quest-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter-input,.filter-select{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.filter-input{flex:1 1;min-width:200px}.filter-select{min-width:150px}.quest-table-container{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;overflow-x:auto}.quest-table{border-collapse:collapse;width:100%}.quest-table thead{background:var(--adm-bg-elevated)}.quest-table th{border-bottom:2px solid var(--adm-border-bright);color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.75rem;font-weight:600;letter-spacing:1px;padding:12px;text-align:left;text-transform:uppercase}.quest-table td{border-bottom:1px solid var(--adm-border);color:var(--adm-text-secondary);font-size:.9rem;padding:12px}.quest-table tbody tr{transition:background-color .2s,transform .2s,box-shadow .2s}.quest-table tbody tr:hover{background:#00e5ff0d;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.adm-quest-tree{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;padding:16px}.adm-tree-node{padding-left:0;padding-left:calc(var(--depth, 0)*32px);position:relative}.adm-tree-item{align-items:center;background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);display:flex;font-size:.9rem;gap:10px;margin-bottom:4px;padding:8px 12px;transition:border-color .2s,background-color .2s}.adm-tree-item:hover{background:var(--adm-bg-elevated);border-color:var(--adm-cyan)}.adm-tree-connector{border-bottom:2px solid var(--adm-cyan);border-left:2px solid var(--adm-cyan);bottom:0;left:-16px;left:calc(var(--depth, 0)*32px - 16px);opacity:.4;pointer-events:none;position:absolute;top:0;width:16px}.form-checkbox-label{align-items:center;color:var(--adm-text-primary);cursor:pointer;display:inline-flex;font-weight:500;gap:8px}.schedule-days-checkboxes{display:flex;flex-wrap:wrap;gap:12px 20px}.schedule-day-label{align-items:center;color:var(--adm-text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px}.schedule-day-label input[type=checkbox]{accent-color:var(--adm-cyan)}.daily-schedule-view{padding:16px 0}.daily-schedule-view h2{color:var(--adm-text-primary);margin:0 0 8px}.daily-schedule-view p{color:var(--adm-text-secondary);margin:0 0 12px}.daily-schedule-table-wrap{margin-top:12px;overflow-x:auto}.daily-schedule-table td input[type=checkbox]{accent-color:var(--adm-cyan);cursor:pointer}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .3s,border-color .3s}.toggle-slider:before{background-color:var(--adm-text-secondary);border-radius:50%;bottom:2px;content:"";height:18px;left:3px;position:absolute;transition:transform .3s,background-color .3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#00e5ff33;border-color:var(--adm-cyan)}.toggle-switch input:checked+.toggle-slider:before{background-color:var(--adm-cyan);box-shadow:0 0 6px #00e5ff80;transform:translateX(26px)}.action-buttons{display:flex;gap:8px}.pagination{align-items:center;color:var(--adm-text-secondary);display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination,.quest-manager .error-message{font-family:var(--adm-text-mono);font-size:.85rem}.quest-manager .error-message{background:#ff3d3d1a;border:1px solid var(--adm-red);border-radius:4px;color:var(--adm-red);margin-bottom:20px;padding:12px 16px}.quest-form{display:flex;flex-direction:column;gap:20px;max-height:80vh;overflow-y:auto}.form-group{gap:8px}.form-group label{color:var(--adm-text-primary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:14px;padding:10px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-section{background:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-radius:6px;padding:15px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h3{color:var(--adm-text-primary);font-size:1rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.objective-item,.reward-slot{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.objective-item input,.reward-slot input,.reward-slot select{flex:1 1;min-width:150px}.form-actions{border-top:1px solid var(--adm-border);display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.chain-view{padding:20px}.chain-view h2{color:var(--adm-text-primary);margin-bottom:10px}.chain-view p{color:var(--adm-text-secondary)}@media (max-width:768px){.quest-manager-header{align-items:flex-start;flex-direction:column;gap:15px}.quest-filters{flex-direction:column}.filter-input,.filter-select{width:100%}.quest-table-container{overflow-x:scroll}.form-row{grid-template-columns:1fr}.objective-item,.reward-slot{align-items:stretch;flex-direction:column}.objective-item input,.reward-slot input,.reward-slot select{width:100%}}@media (max-width:600px){.quest-manager{padding:12px}.quest-manager-header h2{font-size:1.1rem}.quest-table td,.quest-table th{font-size:.8rem;padding:8px}}@media (max-width:480px){.form-section{padding:10px}.adm-tree-node{padding-left:0;padding-left:calc(var(--depth, 0)*20px)}}.concentration-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;margin-bottom:20px;padding:20px}.concentration-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.concentration-header h3{color:var(--adm-text-primary);font-size:1.2rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.currency-toggle{background:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-radius:6px;display:flex;gap:4px;padding:4px}.currency-toggle button{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--adm-text-secondary);cursor:pointer;font-family:var(--adm-text-mono);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s}.currency-toggle button:hover{background:#00e5ff14;color:var(--adm-text-primary)}.currency-toggle button.active{background:#00e5ff26;border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);color:var(--adm-cyan)}.concentration-card .error-message{background:#ff3d3d1a;border:1px solid var(--adm-red);border-radius:4px;color:var(--adm-red);font-family:var(--adm-text-mono);font-size:.85rem;padding:12px 16px}.insight-section{background:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-left:4px solid var(--adm-cyan);border-radius:4px;margin-bottom:24px;padding:16px}.insight-text{color:var(--adm-text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:12px}.insight-text strong{color:var(--adm-text-primary)}.gini-indicator{align-items:center;display:flex;gap:10px;margin-top:8px}.gini-label{color:var(--adm-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.gini-badge,.gini-label{font-family:var(--adm-text-mono)}.gini-badge{align-items:center;border:1px solid;border-radius:4px;display:inline-flex;font-size:.85rem;font-weight:700;padding:4px 12px}.gini-badge.low{background:#00ff881a;border-color:var(--adm-green);color:var(--adm-green);text-shadow:0 0 6px #00ff884d}.gini-badge.medium{background:#ffb3001a;border-color:var(--adm-amber);color:var(--adm-amber);text-shadow:0 0 6px #ffb3004d}.gini-badge.high{background:#ff3d3d1a;border-color:var(--adm-red);color:var(--adm-red);text-shadow:0 0 6px #ff3d3d4d}.visualization-section{margin-bottom:30px}.visualization-section h4{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.pie-chart-container{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:6px;height:300px;padding:20px;width:100%}.concentration-tooltip{background:var(--adm-bg-elevated);border:1px solid var(--adm-border-bright);border-radius:4px;box-shadow:0 4px 16px #00000080;padding:10px}.tooltip-label{color:var(--adm-text-primary);margin-bottom:4px}.tooltip-value{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.8rem}.tier-progress-section{margin-bottom:25px}.tier-progress-section h4{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.tier-progress-item{margin-bottom:20px}.tier-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tier-label{color:var(--adm-text-primary);font-size:.85rem;font-weight:600}.tier-percentage{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.8rem}.concentration-stats{border-top:1px solid var(--adm-border);display:flex;flex-wrap:wrap;gap:30px;padding-top:20px}.concentration-card .stat-item{display:flex;flex-direction:column;gap:5px}.concentration-card .stat-label{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.concentration-card .stat-value{color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-size:1.15rem;font-weight:700}.recharts-pie-label-text{fill:var(--adm-text-primary)!important;font-size:.75rem;font-weight:600}@media (max-width:768px){.concentration-header{align-items:stretch;flex-direction:column}.currency-toggle{justify-content:stretch;width:100%}.currency-toggle button{flex:1 1}.pie-chart-container{height:250px;padding:10px}.concentration-stats{flex-direction:column;gap:15px}}@media (max-width:600px){.concentration-card{padding:14px}.insight-section{padding:12px}.concentration-card .stat-value{font-size:1rem}}@media (max-width:480px){.concentration-card{padding:10px}.pie-chart-container{height:200px;padding:8px}.currency-toggle button{font-size:.7rem;padding:5px 8px}}.economy-dashboard{padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h2{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.5rem;letter-spacing:1.5px;margin:0;text-shadow:var(--adm-glow-cyan);text-transform:uppercase}.adm-auto-refresh{align-items:center;background:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 14px;transition:border-color .2s}.adm-auto-refresh:hover{border-color:var(--adm-cyan)}.adm-auto-refresh-dot{background:var(--adm-text-secondary);border-radius:50%;height:8px;transition:background .2s;width:8px}.adm-auto-refresh.active .adm-auto-refresh-dot{animation:adm-pulse-dot 2s ease-in-out infinite;background:var(--adm-green);box-shadow:0 0 6px #00ff8880}@keyframes adm-pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.adm-auto-refresh-label{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.economy-dashboard .error-message{background:#ff3d3d1a;border:1px solid var(--adm-red);border-radius:4px;color:var(--adm-red);font-family:var(--adm-text-mono);font-size:.85rem;margin-bottom:20px;padding:12px 16px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.metric-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.metric-card:after,.metric-card:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:14px;pointer-events:none;position:absolute;width:14px}.metric-card:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.metric-card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.metric-card:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.metric-label{color:var(--adm-text-secondary);font-size:.75rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.metric-label,.metric-value{font-family:var(--adm-text-mono)}.metric-value{color:var(--adm-text-primary);font-size:2rem;font-weight:700;margin-bottom:8px}.metric-subtext{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.75rem}.adm-health-card{align-items:center;background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;display:flex;gap:12px;padding:16px 20px;position:relative;transition:transform .2s,box-shadow .2s}.adm-health-card:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.health-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.health-dot.healthy{background:var(--adm-green);box-shadow:0 0 8px #0f86}.health-dot.warning{background:var(--adm-amber);box-shadow:0 0 8px #ffb30066}.health-dot.critical{animation:adm-health-blink 1s ease-in-out infinite;background:var(--adm-red);box-shadow:0 0 8px #ff3d3d66}@keyframes adm-health-blink{0%,to{opacity:1}50%{opacity:.3}}.health-label{color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.distribution-card,.maintenance-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;margin-bottom:20px;padding:20px}.distribution-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.distribution-card h3{color:var(--adm-text-primary);font-size:1.15rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.distribution-controls{align-items:center;display:flex;gap:15px}.outlier-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.outlier-toggle input[type=checkbox]{accent-color:var(--adm-cyan);cursor:pointer;height:18px;width:18px}.outlier-toggle span{color:var(--adm-text-secondary);font-size:.85rem}.distribution-description{background:var(--adm-bg-elevated);border-left:3px solid var(--adm-cyan);border-radius:4px;color:var(--adm-text-secondary);font-size:.8rem;line-height:1.6;margin:0 0 25px;padding:12px}.raw-data-section,.visual-insights-section{margin-bottom:30px}.raw-data-section:last-child,.visual-insights-section:last-child{margin-bottom:0}.raw-data-section h4,.visual-insights-section h4{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.no-chart-data{background:var(--adm-bg-elevated);border:1px dashed var(--adm-border);border-radius:6px;color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.85rem;padding:60px 20px;text-align:center}.maintenance-card h3{color:var(--adm-text-primary);font-size:1.15rem;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.distribution-table{overflow-x:auto}.distribution-table table{border-collapse:collapse;width:100%}.distribution-table thead{background:var(--adm-bg-elevated)}.distribution-table th{border-bottom:2px solid var(--adm-border-bright);color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.75rem;font-weight:600;letter-spacing:1px;padding:12px;text-align:left;text-transform:uppercase}.distribution-table td{border-bottom:1px solid var(--adm-border);color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.85rem;padding:12px}.distribution-table tbody tr{transition:background-color .2s,transform .2s,box-shadow .2s}.distribution-table tbody tr:hover{background:#00e5ff0d;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.maintenance-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.maintenance-info{flex:1 1;min-width:300px}.maintenance-info p{color:var(--adm-text-secondary);font-size:.85rem;margin:0 0 10px}.warning-text{color:var(--adm-amber)!important;font-family:var(--adm-text-mono);font-weight:600}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.maintenance-section{align-items:stretch;flex-direction:column}.distribution-table{font-size:.75rem}.distribution-table td,.distribution-table th{padding:8px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:600px){.economy-dashboard{padding:12px}.metric-value{font-size:1.5rem}.distribution-header{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.distribution-card,.maintenance-card,.metric-card{padding:14px}}.wealth-chart-container{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;height:400px;padding:20px;position:relative;width:100%}.wealth-chart-container:after,.wealth-chart-container:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:14px;opacity:.5;pointer-events:none;position:absolute;width:14px}.wealth-chart-container:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.wealth-chart-container:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.chart-tooltip{background:var(--adm-bg-elevated);border:1px solid var(--adm-border-bright);border-radius:4px;box-shadow:0 4px 16px #00000080;padding:12px}.tooltip-label{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.chart-tooltip p{font-size:.8rem;margin:4px 0}.chart-tooltip p,.tooltip-players{color:var(--adm-text-secondary);font-family:var(--adm-text-mono)}.tooltip-players{border-top:1px solid var(--adm-border);font-size:.75rem;margin-top:8px;padding-top:8px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#00e5ff14}.recharts-legend-item-text{color:var(--adm-text-primary)!important;font-size:.8rem}.recharts-tooltip-cursor{stroke:#00e5ff33}@media (max-width:768px){.wealth-chart-container{height:320px;padding:14px}}@media (max-width:600px){.wealth-chart-container{height:260px;padding:10px}.chart-tooltip{padding:8px}.tooltip-label{font-size:.75rem}}@media (max-width:480px){.wealth-chart-container{height:220px;padding:8px}}.live-events{padding:20px}.live-events-panel{min-height:320px}.events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.events-header h2{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.5rem;letter-spacing:1.5px;margin:0;text-shadow:var(--adm-glow-cyan);text-transform:uppercase}.header-actions{align-items:center;flex-wrap:wrap;gap:15px}.events-view-tabs{display:flex;gap:4px}.events-view-tabs button{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-secondary);cursor:pointer;font-family:var(--adm-text-mono);font-size:.85rem;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s}.events-view-tabs button:hover{background:var(--adm-bg-elevated);border-color:var(--adm-border-bright);color:var(--adm-text-primary)}.events-view-tabs button.active{background:#00e5ff26;border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);color:var(--adm-cyan)}.event-actions{border-top:1px solid var(--adm-border);gap:8px;margin-top:12px;padding-top:12px}.live-event-form label{color:var(--adm-text-primary);display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;margin-top:10px;text-transform:uppercase}.live-event-form label.checkbox-label{align-items:center;display:flex;font-size:.85rem;gap:8px;text-transform:none}.live-event-form label.checkbox-label input[type=checkbox]{accent-color:var(--adm-cyan)}.live-event-form input[type=date],.live-event-form input[type=number],.live-event-form input[type=text],.live-event-form input[type=time],.live-event-form select,.live-event-form textarea{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.9rem;padding:8px 10px;transition:border-color .2s;width:100%}.live-event-form input:focus,.live-event-form select:focus,.live-event-form textarea:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.live-event-form .form-row-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.live-event-form .form-group{display:flex;flex-direction:column}.live-event-form .form-section{border-top:1px solid var(--adm-border);margin-top:20px;padding-top:16px}.live-event-form .form-section-title{color:var(--adm-cyan);font-size:1rem;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.live-event-form .form-section-hint{color:var(--adm-text-secondary);font-size:.8rem;margin:0 0 12px}.loading-state{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);padding:40px;text-align:center}.live-events .error-message{background:#ff3d3d1a;border:1px solid var(--adm-red);border-radius:4px;color:var(--adm-red);font-family:var(--adm-text-mono);font-size:.85rem;margin-bottom:20px;padding:12px 16px}.no-events-card{background:var(--adm-bg-card);border:1px dashed var(--adm-border);border-radius:6px;padding:60px 20px;text-align:center}.no-events-content{align-items:center;display:flex;flex-direction:column;gap:15px}.no-events-icon{color:var(--adm-text-secondary);font-size:48px;opacity:.3}.no-events-content h3{color:var(--adm-text-primary);font-size:1.3rem;margin:0}.no-events-content p{color:var(--adm-text-secondary);font-size:.9rem;margin:0}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.event-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;padding:20px;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.event-card:after,.event-card:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:14px;opacity:.5;pointer-events:none;position:absolute;transition:opacity .2s;width:14px}.event-card:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.event-card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.event-card:hover{border-color:var(--adm-border-bright);box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.event-card:hover:after,.event-card:hover:before{opacity:1}.event-header{align-items:flex-start;border-bottom:1px solid var(--adm-border);display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px}.event-icon{align-items:center;background:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-radius:6px;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;width:40px}.event-title-section{flex:1 1}.event-title-section h3{color:var(--adm-text-primary);font-size:1.15rem;margin:0 0 8px}.event-body{display:flex;flex-direction:column;gap:15px}.event-description{color:var(--adm-text-secondary);font-size:.85rem;line-height:1.5;margin:0}.event-multiplier{align-items:center;background:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-radius:6px;display:flex;gap:10px;padding:10px}.multiplier-label{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.multiplier-value{color:var(--adm-green);font-family:var(--adm-text-mono);font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #0f86}.event-effects{background:var(--adm-bg-elevated);border:1px solid var(--adm-border);border-radius:6px;padding:10px}.event-effects strong{color:var(--adm-text-primary);display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.event-effects ul{color:var(--adm-text-secondary);font-size:.8rem;margin:0;padding-left:20px}.event-effects li{margin-bottom:4px}.event-timing{border-top:1px solid var(--adm-border);flex-direction:column;gap:8px;padding-top:15px}.time-info{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.time-label{color:var(--adm-text-secondary);font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.time-value{color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-weight:600}.time-remaining{border-top:1px solid var(--adm-border);margin-top:5px;padding-top:8px}.time-remaining .time-value{color:var(--adm-green);font-family:var(--adm-text-mono);font-size:.85rem;text-shadow:0 0 6px #00ff884d}@media (max-width:768px){.events-grid{grid-template-columns:1fr}.events-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:space-between;width:100%}.live-event-form .form-row-group{grid-template-columns:1fr}}@media (max-width:600px){.live-events{padding:12px}.events-header h2{font-size:1.2rem}.event-card{padding:14px}}@media (max-width:480px){.event-header{flex-direction:column;gap:10px}.multiplier-value{font-size:1.2rem}}.user-management{margin:0 auto;max-width:1400px;padding:20px}.user-management-header{margin-bottom:20px}.user-management-header h2{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.4rem;letter-spacing:1.5px;margin:0;text-shadow:var(--adm-glow-cyan);text-transform:uppercase}.user-management-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.user-management-filters .filter-input{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);flex:1 1;font-size:14px;min-width:200px;padding:8px 12px;transition:border-color .2s}.user-management-filters .filter-input:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.user-management-filters .filter-select{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:14px;min-width:140px;padding:8px 12px;transition:border-color .2s}.user-management-filters .filter-select:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.user-management-error{color:var(--adm-red);font-family:var(--adm-text-mono);font-size:14px;margin-bottom:12px}.user-management-loading{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);padding:24px;text-align:center}.user-management-skeleton-row{animation:adm-skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--adm-bg-secondary) 25%,var(--adm-bg-elevated) 50%,var(--adm-bg-secondary) 75%);background-size:200% 100%;border-bottom:1px solid var(--adm-border);height:48px}@keyframes adm-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.user-management-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;overflow:hidden}.user-table-container{overflow-x:auto;padding:4px;position:relative}.user-table-container:after,.user-table-container:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:16px;pointer-events:none;position:absolute;width:16px;z-index:1}.user-table-container:before{border-width:2px 0 0 2px;left:0;top:0}.user-table-container:after{border-width:0 2px 2px 0;bottom:0;right:0}.user-table{border-collapse:collapse;width:100%}.user-table thead{background:var(--adm-bg-elevated)}.user-table th{border-bottom:2px solid var(--adm-border-bright);color:var(--adm-cyan);font-size:.8rem;font-weight:600;letter-spacing:1px;padding:12px;text-align:left;text-transform:uppercase}.user-table td{border-bottom:1px solid var(--adm-border);color:var(--adm-text-secondary);font-size:.9rem;padding:12px}.user-table td:first-child,.user-table td:nth-child(2){font-family:var(--adm-text-mono);font-size:.85rem}.user-table tbody tr{transition:transform .2s,box-shadow .2s,background-color .2s}.user-table tbody tr:hover{background:#00e5ff0d;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.user-actions{display:flex;flex-wrap:wrap;gap:6px}.user-management-pagination{align-items:center;border-top:1px solid var(--adm-border);color:var(--adm-text-secondary);display:flex;font-family:var(--adm-text-mono);font-size:.85rem;gap:16px;justify-content:center;padding:16px}.user-management-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.user-management-form label{color:var(--adm-text-primary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.user-management-form input,.user-management-form select{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:14px;padding:8px 12px;transition:border-color .2s}.user-management-form input:focus,.user-management-form select:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.modal-actions{gap:10px}@media (max-width:768px){.user-management{padding:12px}.user-management-filters{flex-direction:column}.user-management-filters .filter-input,.user-management-filters .filter-select{width:100%}.user-table td,.user-table th{font-size:.8rem;padding:8px}}@media (max-width:600px){.user-management-header h2{font-size:1.1rem}.user-management-pagination{flex-wrap:wrap;gap:8px}}@media (max-width:480px){.user-management{padding:8px}.user-table td:nth-child(n+4),.user-table th:nth-child(n+4){display:none}}.announcement-manager{margin:0 auto;max-width:1200px;padding:20px}.announcement-manager-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.announcement-manager-header h2{color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-size:1.3rem;letter-spacing:1px;margin:0;text-transform:uppercase}.announcement-manager-error{background:#ff3d3d1a;border-left:3px solid var(--adm-red);border-radius:4px;color:var(--adm-red);font-family:var(--adm-text-mono);font-size:.85rem;margin-bottom:12px;padding:8px 12px}.announcement-manager-loading{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);padding:24px;text-align:center}.announcement-table-container{border:1px solid var(--adm-border);border-radius:6px;overflow-x:auto;position:relative}.announcement-table-container:after,.announcement-table-container:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:14px;pointer-events:none;position:absolute;width:14px;z-index:1}.announcement-table-container:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.announcement-table-container:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.announcement-table{border-collapse:collapse;width:100%}.announcement-table td,.announcement-table th{border-bottom:1px solid var(--adm-border);padding:10px 14px;text-align:left}.announcement-table th{background:#1f2a40;background:var(--adm-bg-elevated,#1f2a40);border-bottom:2px solid #2a4a7f;border-bottom:2px solid var(--adm-border-bright,#2a4a7f);color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.announcement-table td{color:var(--adm-text-secondary);font-size:.85rem}.announcement-table tbody tr{background:var(--adm-bg-card);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.announcement-table tbody tr:nth-child(2n){background:#11182780}.announcement-table tbody tr:hover{background:#1f2a40;background:var(--adm-bg-elevated,#1f2a40);box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.announcement-table td:first-child,.announcement-table td:nth-child(4){font-family:var(--adm-text-mono);font-size:.8rem}.announcement-manager-pagination{align-items:center;border-top:1px solid var(--adm-border);color:var(--adm-text-secondary);display:flex;font-family:var(--adm-text-mono);font-size:.85rem;gap:16px;justify-content:center;padding:16px}.announcement-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.announcement-form label{color:var(--adm-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.announcement-form-checkbox{accent-color:var(--adm-cyan);align-items:center;cursor:pointer;display:flex;gap:8px}.announcement-form input,.announcement-form select,.announcement-form textarea{background:#111827;background:var(--adm-bg-secondary,#111827);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.9rem;padding:8px 12px;transition:border-color .2s}.announcement-form input:focus,.announcement-form select:focus,.announcement-form textarea:focus{border-color:var(--adm-cyan);box-shadow:0 0 6px #00e5ff40;outline:none}.announcement-form textarea{font-family:inherit;min-height:100px;resize:vertical}@media (max-width:768px){.announcement-manager{padding:12px}.announcement-manager-header{align-items:flex-start;flex-direction:column}.announcement-table td,.announcement-table th{padding:8px 10px}.announcement-table td:nth-child(n+4),.announcement-table th:nth-child(n+4){display:none}}@media (max-width:600px){.announcement-manager-header h2{font-size:1.1rem}.announcement-table td:nth-child(n+3),.announcement-table th:nth-child(n+3){display:none}}@media (max-width:480px){.announcement-manager{padding:8px}.announcement-table td,.announcement-table th{font-size:.75rem;padding:6px 8px}}@media (prefers-reduced-motion:reduce){.announcement-table tbody tr{transition:none!important}}.game-settings{margin:0 auto;max-width:800px;padding:20px}.game-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.game-settings-header h2{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.4rem;letter-spacing:1.5px;margin:0;text-shadow:var(--adm-glow-cyan);text-transform:uppercase}.game-settings-error{background:#ff3d3d1a;border-left:3px solid var(--adm-red);color:var(--adm-red)}.game-settings-error,.game-settings-saved{border-radius:4px;font-family:var(--adm-text-mono);font-size:.85rem;margin-bottom:12px;padding:8px 12px}.game-settings-saved{background:#00ff881a;border-left:3px solid var(--adm-green);color:var(--adm-green)}.game-settings-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;padding:24px;position:relative;transition:box-shadow .2s}.game-settings-card:after,.game-settings-card:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:16px;pointer-events:none;position:absolute;width:16px}.game-settings-card:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.game-settings-card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.game-settings-form{display:flex;flex-direction:column;gap:16px}.game-settings-form label{color:var(--adm-text-primary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.game-settings-form input[type=number],.game-settings-form input[type=text]{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-size:.9rem;padding:8px 12px;transition:border-color .2s}.game-settings-form input[type=number]:focus,.game-settings-form input[type=text]:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.game-settings-checkbox{align-items:center;background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;display:flex;gap:10px;padding:12px;transition:border-color .2s}.game-settings-checkbox:hover{border-color:var(--adm-border-bright)}.game-settings-checkbox input[type=checkbox]{accent-color:var(--adm-cyan);cursor:pointer;height:18px;margin:0;width:18px}.game-settings-checkbox label{cursor:pointer;font-size:.9rem}.game-settings-maintenance-warning{align-items:center;background:#ffb3001a;border:1px solid var(--adm-amber);border-radius:4px;color:var(--adm-amber);display:flex;font-family:var(--adm-text-mono);font-size:.85rem;gap:10px;padding:14px 16px}.game-settings-maintenance-warning:before{animation:adm-warn-pulse 1.5s ease-in-out infinite;background:var(--adm-amber);border-radius:50%;box-shadow:0 0 8px #ffb30080;content:"";display:inline-block;height:10px;width:10px}@keyframes adm-warn-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.game-settings{padding:12px}.game-settings-header{align-items:flex-start;flex-direction:column;gap:12px}.game-settings-card{padding:16px}}@media (max-width:600px){.game-settings-header h2{font-size:1.1rem}.game-settings-form{gap:12px}}@media (max-width:480px){.game-settings{padding:8px}.game-settings-card{padding:12px}}.store-manager.admin-section{padding:0}.store-manager-desc{color:var(--adm-text-secondary);font-size:.85rem;margin-bottom:1rem}.store-manager-error{background:#ff3d3d1a;border-left:1px solid var(--adm-red);border:1px solid var(--adm-red);border-left-width:3px;border-radius:4px;color:var(--adm-red);font-family:var(--adm-text-mono);font-size:.85rem;margin-bottom:1rem;padding:10px 14px}.store-manager-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;overflow:hidden}.store-manager-tab{padding:1rem 0}.store-manager-subtabs{align-items:center;border-bottom:1px solid var(--adm-border);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem;padding:6px 0}.store-manager-subtabs-label{font-size:.8rem;margin-right:8px}.store-manager-subtab,.store-manager-subtabs-label{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);letter-spacing:.5px;text-transform:uppercase}.store-manager-subtab{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s}.store-manager-subtab:hover{background:var(--adm-bg-elevated);border-color:var(--adm-border-bright);color:var(--adm-text-primary)}.store-manager-subtab.active{background:#00e5ff26;border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);color:var(--adm-cyan)}.store-manager-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.store-manager-filters label{align-items:center;color:var(--adm-text-secondary);display:inline-flex;font-size:.8rem;gap:.35rem;letter-spacing:.5px;text-transform:uppercase}.store-manager-filters input[type=number],.store-manager-filters input[type=text],.store-manager-filters select{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.85rem;min-width:120px;padding:6px 10px;transition:border-color .2s}.store-manager-filters input:focus,.store-manager-filters select:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.store-manager-table-wrap{margin-bottom:1rem;overflow-x:auto}.store-manager-table{border-collapse:collapse;width:100%}.store-manager-table td,.store-manager-table th{border-bottom:1px solid var(--adm-border);padding:10px 14px;text-align:left}.store-manager-table th{background:var(--adm-bg-elevated);border-bottom:2px solid var(--adm-border-bright);color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.store-manager-table td{color:var(--adm-text-secondary);font-size:.85rem}.store-manager-table tbody tr{transition:background-color .2s,transform .2s,box-shadow .2s}.store-manager-table tbody tr:hover{background:#00e5ff0d;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.store-manager-table td .button+.button{margin-left:6px}.store-manager-pagination{align-items:center;color:var(--adm-text-secondary);display:flex;font-family:var(--adm-text-mono);font-size:.85rem;gap:1rem}.store-manager-form label{color:var(--adm-text-primary);display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;margin-top:.75rem;text-transform:uppercase}.store-manager-form label:first-of-type{margin-top:0}.store-manager-form input[type=number],.store-manager-form input[type=text],.store-manager-form select,.store-manager-form textarea{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.9rem;margin-bottom:4px;padding:8px 10px;transition:border-color .2s;width:100%}.store-manager-form input:focus,.store-manager-form select:focus,.store-manager-form textarea:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.store-manager-form input[type=checkbox]{accent-color:var(--adm-cyan);margin-right:.5rem}.store-manager-form .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.modal-actions{gap:.75rem;margin-top:1rem}@media (max-width:768px){.store-manager-subtabs{gap:4px}.store-manager-subtab{font-size:.75rem;padding:5px 10px}.store-manager-filters{align-items:stretch;flex-direction:column}.store-manager-table td,.store-manager-table th{font-size:.8rem;padding:8px 10px}}@media (max-width:600px){.store-manager-table td:nth-child(n+4),.store-manager-table th:nth-child(n+4){display:none}}@media (max-width:480px){.store-manager-subtabs{align-items:flex-start;flex-direction:column}.store-manager-pagination{flex-wrap:wrap;gap:8px}}.battle-rewards-manager{margin:0 auto;max-width:720px;padding:20px}.battle-rewards-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.battle-rewards-header h2{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.3rem;letter-spacing:1.5px;margin:0;text-shadow:var(--adm-glow-cyan);text-transform:uppercase}.battle-rewards-actions{align-items:center;display:flex;gap:10px}.battle-rewards-description{color:var(--adm-text-secondary);font-size:.85rem;line-height:1.4;margin:0 0 16px}.battle-rewards-error{background:#ff3d3d1a;border-left:3px solid var(--adm-red);color:var(--adm-red)}.battle-rewards-error,.battle-rewards-saved{border-radius:4px;font-family:var(--adm-text-mono);font-size:.85rem;margin-bottom:12px;padding:8px 12px}.battle-rewards-saved{background:#00ff881a;border-left:3px solid var(--adm-green);color:var(--adm-green)}.battle-rewards-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;overflow-x:auto;padding:16px;transition:transform .2s,box-shadow .2s}.battle-rewards-card:hover{box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.battle-rewards-card+.battle-rewards-card{margin-top:16px}.battle-rewards-table{border-collapse:collapse;width:100%}.battle-rewards-table td,.battle-rewards-table th{border-bottom:1px solid var(--adm-border);padding:10px 14px;text-align:left}.battle-rewards-table th{background:var(--adm-bg-elevated);border-bottom:2px solid var(--adm-border-bright);color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.battle-rewards-table td{color:var(--adm-text-secondary);font-size:.85rem}.battle-rewards-table tbody tr{transition:background-color .2s}.battle-rewards-table tbody tr:hover{background:#00e5ff0d}.battle-rewards-type{font-weight:500}.battle-rewards-input,.battle-rewards-type{color:var(--adm-text-primary);font-family:var(--adm-text-mono)}.battle-rewards-input{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;font-size:.9rem;max-width:120px;padding:6px 10px;transition:border-color .2s;width:100%}.battle-rewards-input:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.battle-rewards-input[type=number]{-moz-appearance:textfield}.battle-rewards-input[type=number]::-webkit-inner-spin-button,.battle-rewards-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.battle-rewards-subtitle{color:var(--adm-text-primary);font-size:1rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.battle-rewards-info{color:var(--adm-text-secondary);font-size:.8rem;line-height:1.4;margin:0 0 12px}.battle-rewards-salvage{display:flex;flex-direction:column;gap:12px}.battle-rewards-salvage-tier{color:var(--adm-text-secondary);font-size:.85rem}.battle-rewards-salvage-tier strong{color:var(--adm-text-primary)}.battle-rewards-salvage-tier ul{margin:4px 0 0 16px;padding:0}.battle-rewards-salvage-tier li{font-family:var(--adm-text-mono);font-size:.8rem;margin:2px 0}.battle-rewards-items{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.battle-rewards-items-tier{font-size:.85rem}.battle-rewards-items-tier ul{list-style:none;margin:6px 0 0;padding:0}.battle-rewards-items-tier li{color:var(--adm-text-secondary);margin:4px 0}.battle-rewards-item-type{font-family:var(--adm-text-mono);font-size:.75rem;opacity:.85}.battle-rewards-rarity{font-weight:600;text-transform:capitalize}.battle-rewards-rarity-common{color:#9ca3af}.battle-rewards-rarity-uncommon{color:#22c55e}.battle-rewards-rarity-rare{color:#3b82f6}.battle-rewards-rarity-epic{color:#a855f7}.battle-rewards-rarity-legendary{color:#eab308;text-shadow:0 0 6px #eab3084d}.battle-rewards-components{color:var(--adm-text-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:10px}.battle-rewards-component-rarities strong,.battle-rewards-component-types strong{color:var(--adm-text-primary)}.battle-rewards-component-editor,.battle-rewards-salvage-editor{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:12px}.battle-rewards-salvage-row{display:flex;flex-direction:column;gap:4px}.battle-rewards-salvage-row label{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.battle-rewards-resource-names{color:var(--adm-text-secondary);font-size:.75rem;opacity:.9}.battle-rewards-pools-editor{display:flex;flex-direction:column;gap:16px}.battle-rewards-pool-tier{display:flex;flex-direction:column;gap:8px}.battle-rewards-pool-tier .battle-rewards-rarity{display:block;margin-bottom:4px}.battle-rewards-pool-items{display:flex;flex-direction:column;gap:8px}.battle-rewards-pool-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.battle-rewards-pool-id{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-size:.85rem;padding:6px 8px;transition:border-color .2s;width:140px}.battle-rewards-pool-id:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.battle-rewards-pool-name{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.85rem;padding:6px 8px;transition:border-color .2s;width:160px}.battle-rewards-pool-name:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.battle-rewards-pool-type{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.85rem;padding:6px 8px;transition:border-color .2s}.battle-rewards-pool-type:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.battle-rewards-pool-stackable{align-items:center;color:var(--adm-text-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:4px}.battle-rewards-pool-stackable input{accent-color:var(--adm-cyan);margin:0}@media (max-width:768px){.battle-rewards-manager{padding:12px}.battle-rewards-header{align-items:flex-start;flex-direction:column}.battle-rewards-component-editor,.battle-rewards-salvage-editor{grid-template-columns:1fr}.battle-rewards-pool-row{align-items:stretch;flex-direction:column}.battle-rewards-pool-id,.battle-rewards-pool-name{width:100%}}@media (max-width:600px){.battle-rewards-header h2{font-size:1.1rem}.battle-rewards-items{grid-template-columns:1fr}.battle-rewards-table td,.battle-rewards-table th{padding:8px 10px}}@media (max-width:480px){.battle-rewards-card{padding:10px}.battle-rewards-input{max-width:100%}}.catalog-manager{margin:0 auto;max-width:1200px;padding:20px}.catalog-manager-header h2{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.3rem;letter-spacing:1.5px;margin:0 0 4px;text-shadow:var(--adm-glow-cyan);text-transform:uppercase}.catalog-manager-desc{color:var(--adm-text-secondary);font-size:.85rem;margin:0 0 16px}.catalog-manager-tabs{display:flex;gap:4px;margin-bottom:16px}.catalog-tab{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-secondary);cursor:pointer;font-family:var(--adm-text-mono);font-size:.8rem;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s}.catalog-tab:hover{background:var(--adm-bg-elevated);border-color:var(--adm-border-bright);color:var(--adm-text-primary)}.catalog-tab.active{background:#00e5ff26;border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);color:var(--adm-cyan)}.catalog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.catalog-filters select{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.85rem;min-width:140px;padding:6px 10px;transition:border-color .2s}.catalog-filters select:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.catalog-manager-error{background:#ff3d3d1a;border-left:3px solid var(--adm-red);border-radius:4px;color:var(--adm-red);font-family:var(--adm-text-mono);font-size:.85rem;margin-bottom:12px;padding:8px 12px}.catalog-manager-actions{margin-bottom:12px}.catalog-manager-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;overflow-x:auto}.catalog-table-wrap{min-height:120px}.catalog-table{border-collapse:collapse;width:100%}.catalog-table td,.catalog-table th{border-bottom:1px solid var(--adm-border);padding:10px 14px;text-align:left}.catalog-table th{background:var(--adm-bg-elevated);border-bottom:2px solid var(--adm-border-bright);color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.catalog-table td{color:var(--adm-text-secondary);font-size:.85rem}.catalog-table tbody tr{transition:background-color .2s,transform .2s,box-shadow .2s}.catalog-table tbody tr:hover{background:#00e5ff0d;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.catalog-btn-edit{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);cursor:pointer;font-family:var(--adm-text-mono);font-size:.8rem;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;transition:all .2s}.catalog-btn-edit:hover{background:#00e5ff26;border-color:var(--adm-cyan);color:var(--adm-cyan)}.catalog-empty{padding:24px;text-align:center}.catalog-empty,.catalog-total{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.85rem}.catalog-total{margin:12px 0 0}.catalog-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}.catalog-modal{background:var(--adm-bg-primary);border:1px solid var(--adm-border-bright);border-radius:8px;box-shadow:0 0 30px #00e5ff1a,0 20px 60px #0009;max-height:90vh;max-width:520px;overflow-y:auto;padding:24px;position:relative;width:90%}.catalog-modal:after,.catalog-modal:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:20px;pointer-events:none;position:absolute;width:20px}.catalog-modal:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.catalog-modal:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.catalog-modal h3{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:1.1rem;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.catalog-form{gap:12px;margin-bottom:20px}.catalog-form,.catalog-form label{display:flex;flex-direction:column}.catalog-form label{color:var(--adm-text-secondary);font-size:.8rem;gap:4px;letter-spacing:.5px;text-transform:uppercase}.catalog-form label input[type=checkbox]{accent-color:var(--adm-cyan);margin-right:8px;width:auto}.catalog-form label input,.catalog-form label select,.catalog-form label textarea{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-size:.9rem;padding:8px 10px;transition:border-color .2s}.catalog-form label input:focus,.catalog-form label select:focus,.catalog-form label textarea:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.catalog-form-note{color:var(--adm-text-secondary);font-size:.8rem;font-style:italic;margin:0}.catalog-modal-actions{display:flex;gap:10px}@media (max-width:768px){.catalog-manager{padding:12px}.catalog-manager-tabs{flex-wrap:wrap}.catalog-tab{font-size:.75rem;padding:6px 12px}.catalog-table td,.catalog-table th{padding:8px 10px}.catalog-modal{padding:16px;width:95%}}@media (max-width:600px){.catalog-manager-header h2{font-size:1.1rem}.catalog-filters{flex-direction:column}.catalog-filters select{width:100%}}@media (max-width:480px){.catalog-table td:nth-child(n+4),.catalog-table th:nth-child(n+4){display:none}.catalog-modal{border-radius:0;max-height:100vh;max-width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition-duration:.01ms!important}}.audit-log{padding:16px}.audit-header{justify-content:space-between;margin-bottom:20px}.audit-header,.audit-header h2{align-items:center;display:flex}.audit-header h2{color:var(--adm-cyan);font-size:1.5rem;gap:8px;margin:0}.audit-filters{align-items:center;background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px}.audit-date-input,.audit-filter-select{background:var(--adm-bg-primary);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-size:.85rem;padding:6px 10px}.audit-date-input:focus,.audit-filter-select:focus{border-color:var(--adm-cyan);box-shadow:0 0 6px #00e5ff40;outline:none}.audit-date-label{align-items:center;color:var(--adm-text-secondary);display:flex;font-size:.85rem;gap:6px}.audit-error{background:#ff3d3d1a;border:1px solid var(--adm-red);border-radius:6px;color:var(--adm-red);margin-bottom:12px;padding:10px 16px}.audit-table-container{border:1px solid var(--adm-border);border-radius:8px;overflow-x:auto;position:relative}.audit-table-container:after,.audit-table-container:before{border-color:var(--adm-cyan);border-style:solid;content:"";height:12px;pointer-events:none;position:absolute;width:12px;z-index:1}.audit-table-container:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.audit-table-container:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.audit-table{border-collapse:collapse;width:100%}.audit-table thead{background:#1f2a40;background:var(--adm-bg-elevated,#1f2a40)}.audit-table th{border-bottom:1px solid var(--adm-border);color:var(--adm-cyan);font-size:.8rem;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.audit-table td{border-bottom:1px solid #1e3a5f4d;color:var(--adm-text-primary);font-size:.875rem;padding:10px 14px}.audit-table tbody tr{background:var(--adm-bg-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.audit-table tbody tr:nth-child(2n){background:#11182780}.audit-table tbody tr:hover{background:#1f2a40;background:var(--adm-bg-elevated,#1f2a40);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.audit-row-reverted{opacity:.55}.audit-row-reverted td{text-decoration:line-through;-webkit-text-decoration-color:var(--adm-text-secondary);text-decoration-color:var(--adm-text-secondary)}.audit-row-reverted td:last-child{text-decoration:none}.audit-timestamp{color:var(--adm-text-secondary);font-family:var(--adm-text-mono);font-size:.8rem;white-space:nowrap}.audit-details-summary{color:var(--adm-text-secondary);font-size:.825rem}.audit-details-expanded{font-size:.825rem;line-height:1.5}.audit-revert-info{color:var(--adm-green);font-size:.8rem;font-style:italic;margin-top:4px}.audit-reverted-badge{background:#00ff8826;border-radius:10px;color:var(--adm-green);display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px}.audit-revert-warning{color:var(--adm-amber);font-size:.9rem;margin-top:8px}.audit-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px;padding:12px 0}.audit-page-info{font-family:var(--adm-text-mono);font-size:.85rem}.audit-empty,.audit-page-info{color:var(--adm-text-secondary)}.audit-empty{padding:32px 16px!important;text-align:center}@media (max-width:768px){.audit-filters{align-items:stretch;flex-direction:column}.audit-table td:nth-child(5),.audit-table th:nth-child(5){display:none}}@media (max-width:600px){.audit-header{align-items:flex-start;flex-direction:column;gap:8px}.audit-table td:nth-child(4),.audit-table th:nth-child(4){display:none}}@media (max-width:480px){.audit-log{padding:8px}.audit-table td,.audit-table th{font-size:.75rem;padding:6px 8px}}@media (prefers-reduced-motion:reduce){.audit-table tbody tr{transition:none!important}}.admin-panel{--adm-bg-primary:#0a0e1a;--adm-bg-secondary:#111827;--adm-bg-card:#1a2035;--adm-bg-elevated:#1f2a40;--adm-border:#1e3a5f;--adm-border-bright:#2a5a8f;--adm-cyan:#00e5ff;--adm-green:#0f8;--adm-amber:#ffb300;--adm-red:#ff3d3d;--adm-text-primary:#e0e8f0;--adm-text-secondary:#7a8ba0;--adm-text-mono:"Consolas","Monaco","Courier New",monospace;--adm-glow-cyan:0 0 10px #00e5ff4d;--adm-glow-green:0 0 10px #00ff884d;background:var(--adm-bg-primary);box-sizing:border-box;color:var(--adm-text-primary);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:min(1600px,96vw);min-height:0;overflow:hidden;padding:20px;position:relative;width:100%}.admin-panel:before{animation:admScanPulse 4s ease-in-out infinite;background:repeating-linear-gradient(0deg,#0000,#0000 3px,rgba(0,229,255,.015) 0,rgba(0,229,255,.015) 4px);z-index:1}.admin-panel:after,.admin-panel:before{content:"";inset:0;pointer-events:none;position:absolute}.admin-panel:after{background:radial-gradient(1px 1px at 10% 15%,#00e5ff80,#0000),radial-gradient(1px 1px at 25% 45%,#0f86,#0000),radial-gradient(1px 1px at 40% 8%,#ffb3004d,#0000),radial-gradient(1px 1px at 55% 70%,#00e5ff66,#0000),radial-gradient(1px 1px at 70% 30%,#00ff8859,#0000),radial-gradient(1px 1px at 85% 60%,#00e5ff4d,#0000),radial-gradient(1px 1px at 15% 80%,#ffb30040,#0000),radial-gradient(1px 1px at 95% 10%,#00e5ff73,#0000),radial-gradient(1px 1px at 5% 50%,#00ff884d,#0000),radial-gradient(1px 1px at 60% 90%,#00e5ff59,#0000),radial-gradient(1px 1px at 35% 25%,#ffb30033,#0000),radial-gradient(1px 1px at 80% 85%,#0f86,#0000),radial-gradient(1px 1px at 50% 50%,#00e5ff40,#0000),radial-gradient(1px 1px at 20% 95%,#00e5ff4d,#0000),radial-gradient(1px 1px at 90% 40%,#00ff8859,#0000),radial-gradient(1.5px 1.5px at 12% 35%,#00e5ff66,#0000),radial-gradient(1.5px 1.5px at 48% 22%,#00ff884d,#0000),radial-gradient(1.5px 1.5px at 72% 78%,#ffb30040,#0000),radial-gradient(1.5px 1.5px at 88% 15%,#00e5ff59,#0000),radial-gradient(1.5px 1.5px at 33% 62%,#00ff884d,#0000);z-index:0}.admin-panel>*{position:relative;z-index:2}@media (min-width:1920px){.admin-panel{max-width:min(2200px,98vw)}}@media (min-width:2560px){.admin-panel{max-width:min(2600px,98vw)}}.admin-panel-header{background:linear-gradient(135deg,var(--adm-bg-secondary) 0,var(--adm-bg-card) 60%,#00e5ff0f 100%);border:1px solid var(--adm-border);border-radius:10px;flex-shrink:0;margin-bottom:20px;overflow:hidden;padding:20px 24px;position:relative}.admin-panel-header:after{animation:admHeaderSweep 3.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--adm-cyan),#0000);bottom:0;content:"";height:2px;left:-100%;position:absolute;width:60%}.admin-panel-header h1{color:var(--adm-cyan);font-size:28px;font-weight:700;letter-spacing:1.5px;margin:0 0 8px;text-shadow:0 0 12px #00e5ff66,0 0 24px #00e5ff26;text-transform:uppercase}.admin-panel-header p{color:var(--adm-text-secondary);font-size:14px;letter-spacing:.5px;margin:0}.admin-panel .tabs{display:flex;flex:1 1;flex-direction:column;min-height:400px}.admin-panel .tabs-header{background:var(--adm-bg-secondary);border-bottom:2px solid var(--adm-border);border-radius:8px 8px 0 0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:2px;margin-bottom:0;padding:6px 8px 0}.admin-panel .tab-button{background:#0000;border:none;border-radius:6px 6px 0 0;color:var(--adm-text-secondary);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:1.2px;margin-bottom:-2px;padding:10px 18px;position:relative;text-transform:uppercase;transition:color .2s ease,background .2s ease}.admin-panel .tab-button:hover{background:#00e5ff0d;color:var(--adm-text-primary)}.admin-panel .tab-button.active{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-bottom-color:var(--adm-bg-card);border-top:2px solid var(--adm-cyan);box-shadow:0 -2px 8px #00e5ff26;color:var(--adm-cyan)}.admin-panel .tabs-content{background:var(--adm-bg-secondary);border:1px solid var(--adm-border);border-radius:0 0 8px 8px;border-top:none;flex:1 1;min-height:360px;overflow:auto;padding:20px}.admin-section{animation:admFadeIn .35s ease-out;background:repeating-linear-gradient(0deg,#0000,#0000 39px,#1e3a5f26 0,#1e3a5f26 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#1e3a5f14 0,#1e3a5f14 40px);border:1px solid var(--adm-border);border-radius:8px;min-height:200px;padding:16px}.admin-section h2{border-bottom:1px solid var(--adm-border);color:var(--adm-text-primary);font-size:18px;font-weight:600;letter-spacing:.8px;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.admin-section p{color:var(--adm-text-secondary);font-size:14px;line-height:1.6}.adm-card{animation:admCardEntrance .4s ease-out both;background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:8px;margin-bottom:16px;padding:20px;position:relative}.adm-card:before{border-left:2px solid var(--adm-cyan);border-radius:2px 0 0 0;border-top:2px solid var(--adm-cyan);left:6px;top:6px}.adm-card:after,.adm-card:before{content:"";height:16px;pointer-events:none;position:absolute;width:16px}.adm-card:after{border-bottom:2px solid var(--adm-cyan);border-radius:0 0 2px 0;border-right:2px solid var(--adm-cyan);bottom:6px;right:6px}.adm-card-header{align-items:center;border-bottom:1px solid var(--adm-border);display:flex;gap:10px;margin-bottom:12px;padding-bottom:10px}.adm-card-title{color:var(--adm-text-primary);font-size:15px;font-weight:600;letter-spacing:.5px}.adm-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.adm-table thead th{background:var(--adm-bg-elevated);border-bottom:2px solid var(--adm-border-bright);color:var(--adm-cyan);font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.adm-table thead th:first-child{border-radius:6px 0 0 0}.adm-table thead th:last-child{border-radius:0 6px 0 0}.adm-table tbody td{border-bottom:1px solid #1e3a5f4d;color:var(--adm-text-primary);font-family:var(--adm-text-mono);font-size:12px;padding:10px 14px;transition:background .15s ease,transform .15s ease}.adm-table tbody tr:nth-child(2n) td{background:#11182780}.adm-table tbody tr:nth-child(odd) td{background:#1a20354d}.adm-table tbody tr:hover td{background:#00e5ff0d;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.adm-table tbody tr:last-child td:first-child{border-radius:0 0 0 6px}.adm-table tbody tr:last-child td:last-child{border-radius:0 0 6px 0}.adm-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;letter-spacing:.8px;padding:8px 18px;text-transform:uppercase;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.adm-btn:active{transform:scale(.97)}.adm-btn-primary{background:var(--adm-cyan);color:var(--adm-bg-primary)}.adm-btn-primary:hover{background:#33ebff;box-shadow:0 0 14px #00e5ff66}.adm-btn-danger{background:var(--adm-red);color:#fff}.adm-btn-danger:hover{background:#ff5a5a;box-shadow:0 0 14px #ff3d3d66}.adm-btn-success{background:var(--adm-green);color:var(--adm-bg-primary)}.adm-btn-success:hover{background:#33ffa0;box-shadow:0 0 14px #0f86}.adm-btn-warning{background:var(--adm-amber);color:var(--adm-bg-primary)}.adm-btn-warning:hover{background:#ffc633;box-shadow:0 0 14px #ffb30066}.adm-btn-ghost{background:#0000;border:1px solid var(--adm-border);color:var(--adm-text-secondary)}.adm-btn-ghost:hover{background:#00e5ff0d;border-color:var(--adm-border-bright);color:var(--adm-cyan)}.adm-btn-icon{align-items:center;background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:6px;color:var(--adm-text-secondary);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:32px}.adm-btn-icon:hover{background:#00e5ff14;border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan)}.adm-btn-icon[disabled],.adm-btn[disabled]{cursor:not-allowed;opacity:.4;pointer-events:none}.adm-badge{align-items:center;background:#00e5ff1f;border:1px solid #00e5ff33;border-radius:50px;color:var(--adm-cyan);display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.adm-badge--success{background:#00ff881f;border-color:#0f83;color:var(--adm-green)}.adm-badge--danger{background:#ff3d3d1f;border-color:#ff3d3d33;color:var(--adm-red)}.adm-badge--warning{background:#ffb3001f;border-color:#ffb30033;color:var(--adm-amber)}.adm-badge--info{background:#00e5ff1f;border-color:#00e5ff33;color:var(--adm-cyan)}.adm-input,.adm-select{background:var(--adm-bg-primary);border:1px solid var(--adm-border);border-radius:6px;box-sizing:border-box;color:var(--adm-text-primary);display:block;font-family:var(--adm-text-mono);font-size:13px;padding:9px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.adm-input::placeholder{color:var(--adm-text-secondary);opacity:.6}.adm-input:focus,.adm-select:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.adm-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m0 0 5 6 5-6z' fill='%237a8ba0'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.adm-textarea{background:var(--adm-bg-primary);border:1px solid var(--adm-border);border-radius:6px;box-sizing:border-box;color:var(--adm-text-primary);display:block;font-family:var(--adm-text-mono);font-size:13px;min-height:80px;padding:10px 14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.adm-textarea:focus{border-color:var(--adm-cyan);box-shadow:var(--adm-glow-cyan);outline:none}.adm-label{color:var(--adm-text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.adm-form-group{margin-bottom:16px}.adm-form-row{align-items:flex-end;display:flex;gap:12px}.adm-form-row>*{flex:1 1}[class*=adm-icon-]{display:inline-block;flex-shrink:0;height:16px;vertical-align:middle;width:16px}.adm-icon-users{background:linear-gradient(135deg,var(--adm-cyan),#09c);-webkit-mask:polygon(50% 0,65% 15%,65% 35%,75% 45%,75% 55%,100% 70%,100% 100%,0 100%,0 70%,25% 55%,25% 45%,35% 35%,35% 15%);mask:polygon(50% 0,65% 15%,65% 35%,75% 45%,75% 55%,100% 70%,100% 100%,0 100%,0 70%,25% 55%,25% 45%,35% 35%,35% 15%)}.adm-icon-ban{background:linear-gradient(135deg,var(--adm-red),#c00);-webkit-mask:polygon(50% 0,70% 5%,85% 15%,95% 30%,100% 50%,95% 70%,85% 85%,70% 95%,50% 100%,30% 95%,15% 85%,5% 70%,0 50%,5% 30%,15% 15%,30% 5%,40% 45%,60% 55%,70% 5%);mask:polygon(50% 0,70% 5%,85% 15%,95% 30%,100% 50%,95% 70%,85% 85%,70% 95%,50% 100%,30% 95%,15% 85%,5% 70%,0 50%,5% 30%,15% 15%,30% 5%,40% 45%,60% 55%,70% 5%)}.adm-icon-jail{-webkit-mask:polygon(10% 0,20% 0,20% 100%,10% 100%,10% 0,30% 0,40% 0,40% 100%,30% 100%,30% 0,50% 0,60% 0,60% 100%,50% 100%,50% 0,70% 0,80% 0,80% 100%,70% 100%);mask:polygon(10% 0,20% 0,20% 100%,10% 100%,10% 0,30% 0,40% 0,40% 100%,30% 100%,30% 0,50% 0,60% 0,60% 100%,50% 100%,50% 0,70% 0,80% 0,80% 100%,70% 100%)}.adm-icon-jail,.adm-icon-mute{background:linear-gradient(135deg,var(--adm-amber),#c80)}.adm-icon-mute{-webkit-mask:polygon(0 35%,25% 35%,45% 15%,45% 85%,25% 65%,0 65%,0 35%,60% 25%,70% 35%,80% 25%,90% 35%,80% 50%,90% 65%,80% 75%,70% 65%,60% 75%);mask:polygon(0 35%,25% 35%,45% 15%,45% 85%,25% 65%,0 65%,0 35%,60% 25%,70% 35%,80% 25%,90% 35%,80% 50%,90% 65%,80% 75%,70% 65%,60% 75%)}.adm-icon-currency{background:linear-gradient(135deg,gold,#ffb300);-webkit-mask:polygon(50% 0,79% 10%,95% 35%,95% 65%,79% 90%,50% 100%,21% 90%,5% 65%,5% 35%,21% 10%);mask:polygon(50% 0,79% 10%,95% 35%,95% 65%,79% 90%,50% 100%,21% 90%,5% 65%,5% 35%,21% 10%)}.adm-icon-item{background:linear-gradient(135deg,var(--adm-cyan),#09c);-webkit-mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);mask:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.adm-icon-quest{background:linear-gradient(135deg,var(--adm-green),#095);-webkit-mask:polygon(15% 0,85% 0,95% 10%,95% 90%,85% 100%,15% 100%,5% 90%,5% 10%);mask:polygon(15% 0,85% 0,95% 10%,95% 90%,85% 100%,15% 100%,5% 90%,5% 10%)}.adm-icon-event{background:linear-gradient(135deg,var(--adm-amber),#c80);-webkit-mask:polygon(35% 0,65% 0,55% 40%,80% 40%,30% 100%,40% 55%,15% 55%);mask:polygon(35% 0,65% 0,55% 40%,80% 40%,30% 100%,40% 55%,15% 55%)}.adm-icon-announcement{-webkit-mask:polygon(0 35%,45% 20%,55% 0,55% 100%,45% 80%,0 65%);mask:polygon(0 35%,45% 20%,55% 0,55% 100%,45% 80%,0 65%)}.adm-icon-announcement,.adm-icon-settings{background:linear-gradient(135deg,var(--adm-cyan),#09c)}.adm-icon-settings{-webkit-mask:polygon(40% 0,60% 0,65% 15%,80% 20%,90% 10%,100% 25%,85% 35%,85% 50%,100% 60%,95% 75%,80% 70%,65% 80%,60% 95%,50% 100%,40% 95%,35% 80%,20% 70%,5% 75%,0 60%,15% 50%,15% 35%,0 25%,10% 10%,20% 20%,35% 15%);mask:polygon(40% 0,60% 0,65% 15%,80% 20%,90% 10%,100% 25%,85% 35%,85% 50%,100% 60%,95% 75%,80% 70%,65% 80%,60% 95%,50% 100%,40% 95%,35% 80%,20% 70%,5% 75%,0 60%,15% 50%,15% 35%,0 25%,10% 10%,20% 20%,35% 15%)}.adm-icon-store{-webkit-mask:polygon(20% 20%,25% 5%,40% 0,60% 0,75% 5%,80% 20%,90% 25%,90% 100%,10% 100%,10% 25%);mask:polygon(20% 20%,25% 5%,40% 0,60% 0,75% 5%,80% 20%,90% 25%,90% 100%,10% 100%,10% 25%)}.adm-icon-shield,.adm-icon-store{background:linear-gradient(135deg,var(--adm-cyan),#09c)}.adm-icon-shield{-webkit-mask:polygon(50% 0,100% 15%,95% 60%,50% 100%,5% 60%,0 15%);mask:polygon(50% 0,100% 15%,95% 60%,50% 100%,5% 60%,0 15%)}.adm-icon-chart{-webkit-mask:polygon(0 100%,0 60%,20% 60%,20% 100%,25% 100%,25% 30%,45% 30%,45% 100%,50% 100%,50% 50%,70% 50%,70% 100%,75% 100%,75% 10%,95% 10%,95% 100%);mask:polygon(0 100%,0 60%,20% 60%,20% 100%,25% 100%,25% 30%,45% 30%,45% 100%,50% 100%,50% 50%,70% 50%,70% 100%,75% 100%,75% 10%,95% 10%,95% 100%)}.adm-icon-audit,.adm-icon-chart{background:linear-gradient(135deg,var(--adm-cyan),#09c)}.adm-icon-audit{-webkit-mask:polygon(25% 5%,40% 5%,40% 0,60% 0,60% 5%,75% 5%,80% 10%,80% 100%,20% 100%,20% 10%);mask:polygon(25% 5%,40% 5%,40% 0,60% 0,60% 5%,75% 5%,80% 10%,80% 100%,20% 100%,20% 10%)}.adm-icon-revert{background:linear-gradient(135deg,var(--adm-green),#095);-webkit-mask:polygon(50% 0,50% 25%,90% 25%,90% 75%,30% 75%,30% 100%,0 62%,30% 25%,30% 50%,70% 50%,70% 45%,50% 45%);mask:polygon(50% 0,50% 25%,90% 25%,90% 75%,30% 75%,30% 100%,0 62%,30% 25%,30% 50%,70% 50%,70% 45%,50% 45%)}.adm-icon-search{-webkit-mask:polygon(65% 60%,95% 90%,90% 95%,60% 65%,55% 70%,35% 75%,15% 65%,5% 45%,5% 25%,15% 10%,35% 0,55% 5%,70% 20%,75% 40%,70% 55%);mask:polygon(65% 60%,95% 90%,90% 95%,60% 65%,55% 70%,35% 75%,15% 65%,5% 45%,5% 25%,15% 10%,35% 0,55% 5%,70% 20%,75% 40%,70% 55%)}.adm-icon-refresh,.adm-icon-search{background:linear-gradient(135deg,var(--adm-cyan),#09c)}.adm-icon-refresh{-webkit-mask:polygon(50% 0,70% 10%,50% 20%,85% 20%,95% 50%,80% 80%,95% 50%,75% 50%,65% 70%,50% 80%,35% 75%,20% 60%,15% 45%,20% 25%,35% 15%);mask:polygon(50% 0,70% 10%,50% 20%,85% 20%,95% 50%,80% 80%,95% 50%,75% 50%,65% 70%,50% 80%,35% 75%,20% 60%,15% 45%,20% 25%,35% 15%)}.adm-icon-warning{background:linear-gradient(135deg,var(--adm-amber),#c80);-webkit-mask:polygon(50% 5%,95% 90%,5% 90%);mask:polygon(50% 5%,95% 90%,5% 90%)}.adm-icon-health{background:linear-gradient(135deg,var(--adm-green),#095);-webkit-mask:polygon(35% 15%,50% 0,65% 15%,80% 15%,95% 30%,95% 45%,50% 95%,5% 45%,5% 30%,20% 15%);mask:polygon(35% 15%,50% 0,65% 15%,80% 15%,95% 30%,95% 45%,50% 95%,5% 45%,5% 30%,20% 15%)}.adm-skeleton{animation:admSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#00e5ff0a 25%,#00e5ff14 50%,#00e5ff0a 75%);background-size:200% 100%;border-radius:6px}.adm-skeleton-row{height:48px;margin-bottom:8px}.adm-skeleton-card{height:120px;margin-bottom:12px}.adm-skeleton-text{height:16px;margin-bottom:8px;width:60%}.adm-skeleton-metric{height:80px}.adm-skeleton-list{display:flex;flex-direction:column;gap:4px}.adm-flex,.adm-flex-between{align-items:center;display:flex}.adm-flex-between{justify-content:space-between}.adm-flex-wrap{display:flex;flex-wrap:wrap;gap:8px}.adm-gap-sm{gap:6px}.adm-gap-md{gap:12px}.adm-gap-lg{gap:20px}.adm-mt-sm{margin-top:8px}.adm-mt-md{margin-top:16px}.adm-mt-lg{margin-top:24px}.adm-mb-sm{margin-bottom:8px}.adm-mb-md{margin-bottom:16px}.adm-mb-lg{margin-bottom:24px}.adm-text-cyan{color:var(--adm-cyan)}.adm-text-green{color:var(--adm-green)}.adm-text-amber{color:var(--adm-amber)}.adm-text-red{color:var(--adm-red)}.adm-text-muted{color:var(--adm-text-secondary)}.adm-text-mono{font-family:var(--adm-text-mono)}.adm-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.adm-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.adm-grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.adm-metric{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:8px;padding:16px;text-align:center}.adm-metric-value{color:var(--adm-cyan);font-family:var(--adm-text-mono);font-size:28px;font-weight:700;line-height:1.2}.adm-metric-label{color:var(--adm-text-secondary);font-size:11px;font-weight:600;letter-spacing:.8px;margin-top:6px;text-transform:uppercase}.adm-divider{background:var(--adm-border);border:none;height:1px;margin:16px 0}.adm-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;margin-right:6px;width:8px}.adm-status-dot--online{background:var(--adm-green);box-shadow:0 0 6px #00ff8880}.adm-status-dot--offline{background:var(--adm-text-secondary)}.adm-status-dot--warning{background:var(--adm-amber);box-shadow:0 0 6px #ffb30080}.adm-status-dot--danger{background:var(--adm-red);box-shadow:0 0 6px #ff3d3d80}.adm-pagination{display:flex;gap:4px;margin-top:16px}.adm-pagination,.adm-pagination-btn{align-items:center;justify-content:center}.adm-pagination-btn{background:var(--adm-bg-card);border:1px solid var(--adm-border);border-radius:4px;color:var(--adm-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--adm-text-mono);font-size:12px;height:32px;min-width:32px;padding:0 8px;transition:border-color .2s ease,color .2s ease}.adm-pagination-btn:hover{border-color:var(--adm-border-bright);color:var(--adm-text-primary)}.adm-pagination-btn.active{background:#00e5ff14;border-color:var(--adm-cyan);color:var(--adm-cyan)}.adm-search-bar{align-items:center;display:flex;position:relative}.adm-search-bar .adm-input{padding-left:36px}.adm-search-bar [class*=adm-icon-]{left:12px;opacity:.5;pointer-events:none;position:absolute}.adm-tooltip{cursor:help;position:relative}.adm-tooltip:after{background:var(--adm-bg-elevated);border:1px solid var(--adm-border-bright);border-radius:4px;bottom:calc(100% + 6px);color:var(--adm-text-primary);content:attr(data-tooltip);font-size:11px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.9);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:20}.adm-tooltip:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.admin-panel ::-webkit-scrollbar{height:6px;width:6px}.admin-panel ::-webkit-scrollbar-track{background:var(--adm-bg-primary)}.admin-panel ::-webkit-scrollbar-thumb{background:var(--adm-border);border-radius:3px}.admin-panel ::-webkit-scrollbar-thumb:hover{background:var(--adm-border-bright)}@keyframes admHeaderSweep{0%{left:-100%}to{left:100%}}@keyframes admSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes admFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes admPulseGlow{0%,to{box-shadow:0 0 4px #00e5ff26}50%{box-shadow:0 0 16px #00e5ff66}}@keyframes admCardEntrance{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes admScanPulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width:768px){.admin-panel{padding:12px}.admin-panel-header{padding:14px 16px}.admin-panel-header h1{font-size:22px}.admin-panel .tabs-header{flex-direction:column;gap:2px;padding:4px}.admin-panel .tab-button{border-radius:4px;margin-bottom:0;padding:10px 14px;text-align:left;width:100%}.admin-panel .tab-button.active{border-bottom-color:var(--adm-border-bright);border:1px solid var(--adm-border-bright);border-radius:4px;border-top:2px solid var(--adm-cyan)}.admin-panel .tabs-content{border-radius:0 0 6px 6px;padding:14px}.admin-section{min-height:160px;padding:12px}.adm-grid-2,.adm-grid-3,.adm-grid-4{grid-template-columns:1fr}.adm-form-row{flex-direction:column}.adm-table{font-size:12px}.adm-table tbody td,.adm-table thead th{padding:8px 10px}}@media (max-width:600px){.admin-panel{padding:8px}.admin-panel-header{padding:12px}.admin-panel-header h1{font-size:18px;letter-spacing:1px}.admin-panel-header p{font-size:12px}.admin-panel .tab-button{font-size:11px;letter-spacing:.8px;padding:8px 12px}.admin-panel .tabs-content{min-height:280px;padding:10px}.admin-section h2{font-size:15px}.adm-card{padding:14px}.adm-metric-value{font-size:22px}}@media (max-width:480px){.admin-panel{padding:4px}.admin-panel-header{border-radius:6px;margin-bottom:12px;padding:10px}.admin-panel-header h1{font-size:16px}.admin-panel .tabs-header{padding:2px}.admin-panel .tab-button{font-size:10px;letter-spacing:.6px;padding:7px 10px}.admin-panel .tabs-content{padding:8px}.admin-section{min-height:120px;padding:8px}.adm-card{margin-bottom:10px;padding:10px}.adm-card:after,.adm-card:before{height:10px;width:10px}.adm-btn{font-size:11px;padding:6px 12px}.adm-metric{padding:10px}.adm-metric-value{font-size:18px}}@media (prefers-reduced-motion:reduce){.admin-panel,.admin-panel *,.admin-panel :after,.admin-panel :before{animation:none!important;transition-duration:.01ms!important}}:root{--color-brand-primary:#dc2626;--color-brand-primary-bright:#ef4444;--color-brand-primary-dark:#991b1b;--color-brand-secondary:#00d4c8;--color-brand-accent:#f59e0b;--color-ui-background:#0a0a0a;--color-ui-surface:#0d0d0d;--color-ui-elevated:#141414;--color-ui-hover:#1a1a1a;--color-ui-border:#2a2a2a;--color-ui-divider:#1a1a1a;--color-text-primary:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:#707070;--color-text-muted:#505050;--color-text-error:#ef4444;--color-text-on-badge:#000;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#dc2626;--color-info:#6b7280;--color-brand-primary-rgb:220,38,38;--chassis-light-bg:#00d4c826;--chassis-light-fg:var(--color-brand-secondary);--chassis-medium-bg:#f59e0b26;--chassis-medium-fg:var(--color-brand-accent);--chassis-heavy-bg:#dc262626;--chassis-heavy-fg:var(--color-brand-primary);--chassis-assault-bg:#6b728033;--chassis-assault-fg:var(--color-info);--glow-primary:#dc262666;--glow-primary-strong:#dc262699;--glow-secondary:#00d4c866;--glow-accent:#f59e0b66;--font-family-primary:"Exo 2",sans-serif;--font-family-secondary:"Roboto",sans-serif;--font-family-mono:"Roboto Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-xxl:2rem;--font-size-3xl:2.5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-base:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 25px #00000080;--shadow-glow:0 0 20px var(--glow-primary);--z-index-dropdown:1000;--z-index-overlay-low:999;--z-index-popover:1001;--z-index-modal:2000;--z-index-tooltip:3000;--z-index-fixed:1200;--z-index-panel:1500;--z-index-overlay:5000;--z-index-modal-backdrop:9999;--z-index-modal-content:9998;--z-index-modal-below:9997;--z-index-battle-fx:9000;--z-index-toast:10000;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;background-color:var(--color-ui-background);color:#f5f5f5;color:var(--color-text-primary);font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-md);line-height:1.5}.app-loading{align-items:center;background:#0a0a0a;background:var(--color-ui-background);color:#a0a0a0;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.app-loading-spinner{animation:appSpin 1s linear infinite;border:3px solid #2a2a2a;border-top-color:#dc2626;border:3px solid var(--color-ui-border);border-radius:50%;border-top-color:var(--color-brand-primary);height:48px;width:48px}.app-loading-text{font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}@keyframes appSpin{to{transform:rotate(1turn)}}.game-header{align-items:center;background-color:#0d0d0d;background-color:var(--color-ui-surface);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--color-ui-border);display:flex;height:64px;justify-content:space-between;min-height:64px;overflow:hidden;padding:0 1.5rem;padding:0 var(--spacing-lg);position:relative}.game-header:before{animation:hdrScanSweep 6s linear infinite;background:linear-gradient(90deg,#0000,#dc26260a,#00d4c805,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%;z-index:0}@keyframes hdrScanSweep{0%{left:-100%}to{left:200%}}.game-header:after{animation:headerGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc2626 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-brand-primary) 50%,#0000 100%);bottom:0;content:"";height:2px;left:0;opacity:.8;position:absolute;right:0}@keyframes headerGlow{0%,to{opacity:.4}50%{opacity:.9}}.game-header .game-title{animation:hdrTitlePulse 4s ease-in-out infinite;color:#dc2626;color:var(--color-brand-primary);cursor:pointer;font-size:2rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:6px;margin:0;text-shadow:0 0 30px #dc262666,0 0 60px #dc26264d;text-shadow:0 0 30px var(--glow-primary),0 0 60px #dc26264d;transition:text-shadow .2s ease;transition:text-shadow var(--transition-normal)}.game-header .game-title:hover{animation:none;text-shadow:0 0 40px #dc262699,0 0 80px #dc262666;text-shadow:0 0 40px var(--glow-primary-strong),0 0 80px var(--glow-primary)}@keyframes hdrTitlePulse{0%,to{text-shadow:0 0 25px #dc26264d,0 0 50px #dc262626}50%{text-shadow:0 0 35px #dc262680,0 0 70px #dc262640}}.game-header .header-main{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;min-height:64px;padding:0;width:100%}.game-header .header-left{align-items:center;display:flex;flex-shrink:0;order:1}.game-header .header-left .game-title-link{align-items:center;display:flex;text-decoration:none}.game-header .header-center{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:center;min-height:64px;min-width:0;order:2;padding:8px 0}.game-header .header-right{align-items:center;display:flex;flex-shrink:0;gap:1rem;gap:var(--spacing-md);order:3}.server-time-display{align-items:center;background:#0000004d;border-radius:6px;display:flex;flex-direction:column;font-size:.85em;margin-left:20px;min-width:100px;padding:6px 12px}.server-time-display .server-time-date{color:#a0a0a0;color:var(--color-text-secondary);font-size:.75em}.server-time-display .server-time-time{color:#f5f5f5;color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-family:var(--font-family-mono);font-weight:700}.header-announcement-btn{align-items:center;background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;border-radius:var(--border-radius-md);color:#f5f5f5;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s ease,border-color .2s ease}.header-announcement-btn:hover{background:#dc262633;border-color:#dc262680}.game-header a:focus-visible,.game-header button:focus-visible,.header-announcement-btn:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (max-width:1400px){.game-header .header-center .stock-ticker{display:none}}@media (max-width:1200px){.game-header .header-center .header-battlepass-link{display:none}}@media (max-width:992px){.game-header .header-center{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);justify-content:center}}.header-announcement-btn--unread{animation:hdrAnnouncePulse 2.5s ease-in-out infinite}@keyframes hdrAnnouncePulse{0%,to{box-shadow:none}50%{box-shadow:0 0 12px #dc26264d}}.header-announcement-icon{font-size:1.2em;line-height:1}.header-announcement-label{white-space:nowrap}.header-announcement-badge{align-items:center;background:#dc2626;background:var(--color-brand-primary);border-radius:10px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px}.header-battlepass-link{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;border-radius:var(--border-radius-md);color:#f5f5f5;color:var(--color-text-primary);display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;overflow:hidden;padding:6px 12px;position:relative;text-decoration:none;transition:background .2s ease,border-color .2s ease}.header-battlepass-link:after{animation:hdrBpShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#f59e0b26,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%}@keyframes hdrBpShimmer{0%{left:-100%}40%,to{left:200%}}.header-battlepass-link:hover{background:#f59e0b33;border-color:#f59e0b80;box-shadow:0 0 12px #f59e0b33}.header-battlepass-icon{font-size:1.2em;line-height:1}.header-battlepass-label{white-space:nowrap}.header-battlepass-badge{align-items:center;background:#f59e0b;border-radius:999px;color:#0f172a;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.currency-display{display:flex;gap:.5rem;gap:var(--spacing-sm)}.currency{align-items:center;background-color:#141414;background-color:var(--color-ui-elevated);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border);border-radius:6px;border-radius:var(--border-radius-md);display:flex;font-family:Roboto Mono,monospace;font-family:var(--font-family-mono);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);line-height:1.2;padding:8px 14px;transition:all .2s ease;transition:all var(--transition-normal)}.currency:hover{border-color:#dc26264d;box-shadow:0 0 15px #dc26261a}.currency-amount{color:#f5f5f5;color:var(--color-text-primary)}.currency.gold .currency-amount{color:#f59e0b;color:var(--color-brand-accent)}.notification-badge{cursor:pointer;position:relative}.logout-button{background-color:initial;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#f5f5f5;color:var(--color-text-primary);cursor:pointer;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-normal)}.logout-button:hover{background-color:#dc26261a;border-color:#dc262666;box-shadow:0 0 12px #dc262666;box-shadow:0 0 12px var(--glow-primary)}.game-footer{align-items:center;background-color:#0d0d0d;background-color:var(--color-ui-surface);border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border);display:flex;justify-content:space-between;overflow:hidden;padding:.5rem 2rem;padding:var(--spacing-sm) var(--spacing-xl);position:relative}.game-footer:before{animation:footerGlow 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc2626 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-brand-primary) 50%,#0000 100%);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}@keyframes footerGlow{0%,to{opacity:.3}50%{opacity:.7}}.game-footer:after{animation:ftrScanSweep 8s linear infinite;background:linear-gradient(90deg,#0000,#dc262608,rgba(0,212,200,.015),#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:60%;z-index:0}@keyframes ftrScanSweep{0%{left:-100%}to{left:200%}}.game-footer>*{position:relative;z-index:1}.chat-toggle{align-items:center;background-color:initial;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#f5f5f5;color:var(--color-text-primary);cursor:pointer;display:flex;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-normal)}.chat-toggle:hover{background-color:#dc26261a;border-color:#dc262666;box-shadow:0 0 12px #dc262666;box-shadow:0 0 12px var(--glow-primary)}.version-info{color:#707070;color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm)}.footer-links{display:flex;gap:1.5rem;gap:var(--spacing-lg)}.footer-link{color:#a0a0a0;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease;transition:color var(--transition-normal)}.footer-link:hover{color:#ef4444;color:var(--color-brand-primary-bright);text-shadow:0 0 8px #dc26264d}.footer-copyright{color:#505050;color:var(--color-text-muted);font-size:.75rem;font-size:var(--font-size-xs);margin-left:1rem;margin-left:var(--spacing-md)}.login-page,.register-page{align-items:center;background-color:#0a0a0a;background-color:var(--color-ui-background);background-image:linear-gradient(135deg,#dc262614,#0a0a0a 50%,#991b1b0f);display:flex;justify-content:center;min-height:100vh}.login-container,.register-container{background-color:#0d0d0d;background-color:var(--color-ui-surface);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 10px 25px #00000080;box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;padding:var(--spacing-xl);width:100%}.login-form,.registration-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);margin-top:2rem;margin-top:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.form-group label{color:#a0a0a0;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.form-group input{background-color:#0003;border:1px solid #2a2a2a;border:1px solid var(--color-ui-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#f5f5f5;color:var(--color-text-primary);font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-md);padding:.5rem;padding:var(--spacing-sm)}.form-group input:focus{border-color:#dc2626;border-color:var(--color-brand-primary);outline:none}.field-error{font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--spacing-xs)}.error-message,.field-error{color:#ef4444;color:var(--color-text-error)}.error-message{background-color:#ff453a1a;border-radius:4px;border-radius:var(--border-radius-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem;padding:var(--spacing-sm)}.form-actions{margin-top:1rem;margin-top:var(--spacing-md)}.login-button,.register-button{background:linear-gradient(135deg,#dc2626,#991b1b);background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border:none;border-radius:4px;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #dc262666;box-shadow:0 2px 8px var(--glow-primary);color:#fff;cursor:pointer;font-family:Exo\ 2,sans-serif;font-family:var(--font-family-primary);font-weight:500;font-weight:var(--font-weight-medium);padding:1rem;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-normal);width:100%}.login-button:hover,.register-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-brand-primary-bright) 0,var(--color-brand-primary) 100%);box-shadow:0 4px 15px #dc262699;box-shadow:0 4px 15px var(--glow-primary-strong);transform:translateY(-1px)}.login-button:disabled,.register-button:disabled{background:#4a4a4a;box-shadow:none;cursor:not-allowed;transform:none}.login-link,.password-reset,.register-link{color:#a0a0a0;color:var(--color-text-secondary);margin-top:1.5rem;margin-top:var(--spacing-lg);text-align:center}.login-link a,.password-reset a,.register-link a{color:#dc2626;color:var(--color-brand-primary);text-decoration:none}.login-link a:hover,.password-reset a:hover,.register-link a:hover{text-decoration:underline}.sector3-page.sector3-fallback{padding:1rem;padding:var(--spacing-md)}.sector-title{color:#dc2626;color:var(--color-brand-primary);font-size:1.5rem;font-size:var(--font-size-xl);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.sector-content{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl)}.activity-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem;margin-top:var(--spacing-md)}.activity-card{background-color:#141414;background-color:var(--color-ui-elevated);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border);border-radius:6px;border-radius:var(--border-radius-md);cursor:pointer;padding:1rem;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-normal)}.activity-card:hover{border-color:#dc2626;border-color:var(--color-brand-primary);box-shadow:0 4px 15px #dc262666;box-shadow:0 4px 15px var(--glow-primary);transform:translateY(-2px)}.activity-card h4{color:#00d4c8;color:var(--color-brand-secondary);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.activity-card p{color:#a0a0a0;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.announcements-section,.mission-tracker-section{background-color:#141414;background-color:var(--color-ui-elevated);border:1px solid #2a2a2a;border:1px solid var(--color-ui-border);border-radius:6px;border-radius:var(--border-radius-md);padding:1rem;padding:var(--spacing-md)}.announcement,.mission{border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--color-ui-divider);padding:.5rem 0;padding:var(--spacing-sm) 0}.announcement:last-child,.mission:last-child{border-bottom:none}.announcement h4,.mission h4{color:#f59e0b;color:var(--color-brand-accent);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.announcement p,.mission p{color:#a0a0a0;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}input:focus,select:focus,textarea:focus{border-color:#dc2626;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px #dc262640;outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #dc2626;outline:2px solid var(--color-brand-primary);outline-offset:2px}input::placeholder,textarea::placeholder{color:#707070;color:var(--color-text-tertiary)}.active-selection,.card-selected,.item-selected{position:relative}.active-selection:before,.card-selected:before,.item-selected:before{background:linear-gradient(135deg,#dc2626,#991b1b);background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border-radius:inherit;bottom:-1px;content:"";left:-1px;opacity:.6;position:absolute;right:-1px;top:-1px;z-index:-1}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f5f5f5,#dc2626);background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-brand-primary) 100%);-webkit-background-clip:text;background-clip:text}.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 3px #dc262666;outline:none}::selection{background-color:#dc26264d;color:#f5f5f5;color:var(--color-text-primary)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.game-header:before{animation:none;display:none}.game-header .game-title{animation:none}.header-battlepass-link:after{animation:none;display:none}.header-announcement-btn--unread{animation:none}.game-footer:before{animation:none;opacity:.5}.game-footer:after{animation:none;display:none}.hdr-daily-bonus-btn .hdr-daily-dot{animation:none;opacity:1}}@keyframes scanLine{0%{left:-100%}to{left:100%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #dc262666;box-shadow:0 0 20px var(--glow-primary);opacity:.6}50%{box-shadow:0 0 40px #dc262699;box-shadow:0 0 40px var(--glow-primary-strong);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gradientSpin{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spark{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes eventPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes portalOpen{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes glitch{0%,to{opacity:.4;transform:translateX(0)}25%{opacity:.6;transform:translateX(-2px)}50%{opacity:.3;transform:translateX(2px)}75%{opacity:.5;transform:translateX(-1px)}}@keyframes radarSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes victoryGlow{0%,to{box-shadow:0 0 10px #22c55e4d,inset 0 0 20px #22c55e1a}50%{box-shadow:0 0 20px #22c55e80,inset 0 0 30px #22c55e33}}@keyframes workshopWork{0%,to{opacity:.5}50%{opacity:1}}:root{--rarity-common:#9ca3af;--rarity-uncommon:#22c55e;--rarity-rare:#94a3b8;--rarity-epic:#a855f7;--rarity-legendary:#f59e0b;--rarity-epic-dark:#9333ea;--rarity-legendary-dark:#ea580c;--rarity-common-glow:#9ca3af4d;--rarity-uncommon-glow:#22c55e66;--rarity-rare-glow:#94a3b866;--rarity-epic-glow:#a855f780;--rarity-legendary-glow:#f59e0b80}.scan-line-effect{overflow:hidden;position:relative}.scan-line-effect:before{animation:scanLine 3s linear infinite;background:linear-gradient(90deg,#0000,#dc2626,#0000);background:linear-gradient(90deg,#0000,var(--color-brand-primary),#0000);content:"";height:2px;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.shimmer-effect{overflow:hidden;position:relative}.shimmer-effect:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);background-size:200% 100%;content:"";inset:0;position:absolute}.float-animation{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.activity-dot{animation:pulseDot 1.5s ease-in-out infinite;background:#22c55e;background:var(--color-success);border-radius:50%;height:6px;width:6px}.event-pulse{animation:eventPulse 2s ease-in-out infinite}.rarity-border-common{border-color:#9ca3af;border-color:var(--rarity-common)}.rarity-border-uncommon{border-color:#22c55e;border-color:var(--rarity-uncommon)}.rarity-border-rare{border-color:#94a3b8;border-color:var(--rarity-rare)}.rarity-border-epic{border-color:#a855f7;border-color:var(--rarity-epic)}.rarity-border-legendary{border-color:#f59e0b;border-color:var(--rarity-legendary)}.rarity-glow-common:hover{box-shadow:0 0 20px #9ca3af4d;box-shadow:0 0 20px var(--rarity-common-glow)}.rarity-glow-uncommon:hover{box-shadow:0 0 20px #22c55e66;box-shadow:0 0 20px var(--rarity-uncommon-glow)}.rarity-glow-rare:hover{box-shadow:0 0 20px #94a3b866;box-shadow:0 0 20px var(--rarity-rare-glow)}.rarity-glow-epic:hover{box-shadow:0 0 25px #a855f780;box-shadow:0 0 25px var(--rarity-epic-glow)}.rarity-glow-legendary:hover{box-shadow:0 0 30px #f59e0b80;box-shadow:0 0 30px var(--rarity-legendary-glow)}.animated-border-epic,.animated-border-legendary{position:relative}.animated-border-epic:before,.animated-border-legendary:before{animation:gradientSpin 3s linear infinite;background:linear-gradient(135deg,#a855f7,#0000,#a855f7);background:linear-gradient(135deg,var(--rarity-epic),#0000,var(--rarity-epic));background-size:200% 200%;border-radius:inherit;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.animated-border-legendary:before{background:linear-gradient(135deg,#f59e0b,#0000,#f59e0b);background:linear-gradient(135deg,var(--rarity-legendary),#0000,var(--rarity-legendary))}.hdr-icon{display:inline-block;flex-shrink:0;height:16px;position:relative;vertical-align:middle;width:16px}.hdr-icon-battlepass{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-brand-accent) 0,#d97706 100%);-webkit-clip-path:polygon(0 20%,10% 0,90% 0,100% 20%,100% 80%,90% 100%,10% 100%,0 80%);clip-path:polygon(0 20%,10% 0,90% 0,100% 20%,100% 80%,90% 100%,10% 100%,0 80%);height:14px;width:18px}.hdr-icon-announce{background:linear-gradient(135deg,#dc2626,#991b1b);background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);-webkit-clip-path:polygon(0 35%,40% 35%,70% 0,70% 100%,40% 65%,0 65%,0 55%,30% 55%,30% 45%,0 45%);clip-path:polygon(0 35%,40% 35%,70% 0,70% 100%,40% 65%,0 65%,0 55%,30% 55%,30% 45%,0 45%);height:16px;width:18px}.hdr-icon-calendar{border:2px solid #f59e0b;border:2px solid var(--color-brand-accent);border-radius:2px;height:18px;position:relative;width:18px}.hdr-icon-calendar:before{background:#f59e0b;background:var(--color-brand-accent);content:"";height:2px;left:2px;position:absolute;right:2px;top:3px}.hdr-icon-calendar:after{background:#22c55e;background:var(--color-success);border-radius:50%;bottom:2px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.hdr-icon-close{height:14px;position:relative;width:14px}.hdr-icon-close:after,.hdr-icon-close:before{background:#a0a0a0;background:var(--color-text-secondary);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:50%;width:12px}.hdr-icon-close:before{transform:translate(-50%,-50%) rotate(45deg)}.hdr-icon-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.ftr-icon{display:inline-block;flex-shrink:0;height:16px;vertical-align:middle;width:16px}.ftr-icon-chat{background:#a0a0a0;background:var(--color-text-secondary);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,65% 70%,45% 100%,45% 70%,0 70%);clip-path:polygon(0 0,100% 0,100% 70%,65% 70%,45% 100%,45% 70%,0 70%);height:14px;width:16px}.hdr-online-players{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s ease}.hdr-online-players:hover{background:#22c55e33;border-color:#22c55e80}.hdr-online-players.disabled{background:#64646426;border-color:#6464644d;cursor:not-allowed;opacity:.7}.hdr-online-dot{font-size:1.2em;line-height:1}.hdr-online-count,.hdr-online-dot{color:#22c55e;color:var(--color-success)}.hdr-online-count{font-family:Roboto Mono,monospace;font-family:var(--font-family-mono);font-weight:700}.hdr-online-label{color:#707070;color:var(--color-text-tertiary);font-size:.8em}.hdr-daily-bonus-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;border-radius:var(--border-radius-md);color:#f5f5f5;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:6px 14px;position:relative;transition:all .2s ease}.hdr-daily-bonus-btn:hover{background:#f59e0b33;border-color:#f59e0b80;box-shadow:0 0 12px #f59e0b4d}.hdr-daily-bonus-btn.disabled{cursor:not-allowed;opacity:.7}.hdr-daily-bonus-btn .hdr-daily-label{white-space:nowrap}.hdr-daily-bonus-btn .hdr-daily-dot{animation:hdrDailyPulse 2s ease-in-out infinite;background:#22c55e;background:var(--color-success);border-radius:50%;height:8px;position:absolute;right:-3px;top:-3px;width:8px}@keyframes hdrDailyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.game-layout{position:relative}.game-layout:before{background-image:radial-gradient(ellipse at 15% 20%,#dc262608 0,#0000 50%),radial-gradient(ellipse at 85% 80%,#00d4c805 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#f59e0b03 0,#0000 40%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.game-layout>*{position:relative;z-index:1}.game-header .game-title-link{text-decoration:none}.game-header .game-title-link.disabled{cursor:not-allowed;opacity:.7;text-decoration:none}.currency.arcade .currency-amount{color:#00d4c8;color:var(--color-brand-secondary)}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}.game-layout{background-color:var(--color-ui-background);flex-direction:column;height:100vh;width:100vw}.game-content,.game-layout{display:flex;overflow:hidden}.game-content{flex:1 1;position:relative}.player-panel{border-right:1px solid var(--color-ui-border);display:flex;flex-direction:column;min-width:240px;overflow-x:hidden;overflow-y:auto;width:240px}.notification-panel,.player-panel{background-color:var(--color-ui-surface);position:relative;transition:width var(--transition-smooth),min-width var(--transition-smooth)}.notification-panel{border-left:1px solid var(--color-ui-border);min-width:60px;overflow:hidden;width:60px}.notification-panel.expanded{min-width:320px;width:320px}.center-content{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.main-display{flex:1 1;min-width:0;overflow-y:auto;scroll-behavior:smooth;scrollbar-color:var(--color-brand-primary) var(--color-ui-background);scrollbar-width:thin;transition:margin var(--transition-smooth)}.main-display::-webkit-scrollbar{width:8px}.main-display::-webkit-scrollbar-track{background:#0003}.main-display::-webkit-scrollbar-thumb{background-color:var(--color-ui-border);border-radius:4px}.main-display::-webkit-scrollbar-thumb:hover{background-color:var(--color-brand-primary)}.chat-panel{flex-shrink:0;height:40px;transition:height .3s cubic-bezier(.4,0,.2,1);z-index:100}.chat-panel.expanded{height:300px}.player-panel.collapsed{min-width:60px;overflow:hidden;width:60px}.notification-panel-toggle,.player-panel-toggle{align-items:center;background-color:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;top:12px;transition:all var(--transition-normal);width:28px;z-index:100}.player-panel-toggle{right:10px;top:10px}.notification-panel-toggle{left:12px}.notification-panel-toggle:hover,.player-panel-toggle:hover{background-color:#dc262626;border-color:#dc262680;box-shadow:0 0 15px var(--glow-primary);color:var(--color-text-primary)}.notification-panel-toggle:active,.player-panel-toggle:active{transform:scale(.95)}#player-panel-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:0;width:100%}.player-info-block{border-bottom:1px solid var(--color-ui-border);flex-shrink:0;padding:50px 15px 15px;text-align:left}.player-panel.collapsed .player-info-block{padding:50px 10px 15px;text-align:center}.player-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.player-panel.collapsed .player-info{align-items:center;text-align:center}.player-info .player-avatar{align-items:center;background-color:#dc2626;background-color:var(--color-brand-primary,#dc2626);border:2px solid #dc262680;border-radius:50%;box-shadow:0 0 15px #dc26264d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin-bottom:0;width:60px}.player-panel.collapsed .player-info .player-avatar{font-size:1.2rem;height:40px;margin:0 auto;width:40px}.player-info .player-header{align-items:flex-start;display:flex;flex-direction:column;gap:0;margin-bottom:0;margin-top:10px}.player-panel.collapsed .player-info .player-header{display:none}.player-info .player-username-title h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.player-info .player-title{color:#dc2626;color:var(--color-brand-primary,#dc2626);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.player-info .player-level-xp{align-items:stretch;display:flex;flex-direction:column;margin-bottom:0;margin-top:10px;width:100%}.player-panel.collapsed .player-info .player-level-xp{display:none}.player-info .level-label-row{color:#a0a0a0;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:4px}.player-info .progress-bar-container,.player-info [class*=energy-meter]{width:100%}.player-info .energy-meter{padding:0}.player-info .energy-bar-wrap{margin-top:8px;width:100%}.player-info .energy-bar-wrap .energy-bar-container,.player-info .energy-bar-wrap .energy-meter,.player-info .energy-bar-wrap [class*=energy-bar-container]{box-sizing:border-box;max-width:100%;width:100%}.player-info .level-badge,.player-panel.collapsed .player-info .energy-bar-wrap,.player-panel.collapsed .player-info [class*=energy-meter]{display:none}@media (max-width:992px){.game-content{flex-direction:column}.notification-panel,.player-panel{height:auto;min-width:100%;width:100%}.notification-panel.collapsed,.player-panel.collapsed{height:40px;min-width:100%;width:100%}.panel-toggle{transform:rotate(90deg)}.player-panel .panel-toggle{bottom:var(--spacing-xs);left:50%;right:auto;top:auto;transform:translateX(-50%) rotate(90deg)}.notification-panel .panel-toggle{bottom:var(--spacing-xs);left:auto;right:50%;top:auto;transform:translateX(50%) rotate(90deg)}}.mobile-nav-toggle{background-color:var(--color-brand-primary);border:none;border-radius:50%;bottom:var(--spacing-md);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:none;font-size:24px;height:50px;position:fixed;right:var(--spacing-md);width:50px;z-index:var(--z-index-dropdown)}@media (max-width:768px){.mobile-nav-toggle{align-items:center;display:flex;justify-content:center}.player-panel{bottom:0;height:100vh;left:0;max-width:300px;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-smooth);width:80%;z-index:1001}.player-panel.mobile-visible{transform:translateX(0)}.notification-panel{bottom:0;height:100vh;max-width:300px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform var(--transition-smooth);width:80%;z-index:1001}.notification-panel.mobile-visible{transform:translateX(0)}.mobile-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-dropdown)}.mobile-overlay.visible{display:block}.navigation-menu{padding:15px}.navigation-menu ul{display:block;list-style:none;margin:0;padding:0}.navigation-menu li{margin-bottom:8px}}.navigation-menu{flex:1 1;overflow-y:auto;padding:10px}.navigation-menu ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.navigation-menu li{margin:0 0 4px;position:relative}.navigation-menu a{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:#a0a0a0;cursor:pointer;display:flex;flex-direction:row;gap:12px;min-height:auto;padding:12px 15px;text-decoration:none;transition:all .2s ease}.player-panel.collapsed .navigation-menu a{justify-content:center;padding:12px}.navigation-menu a .nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;text-align:center;width:24px}.navigation-menu a .ui-icon{color:inherit;font-size:1.3rem;margin-bottom:0;transition:color .2s ease}.player-panel.collapsed .navigation-menu .nav-text{display:none}.navigation-menu .nav-text{font-size:.9rem;font-weight:500}.navigation-menu a:hover{background:#1a1a1a;border-color:#dc26264d;color:var(--color-text-primary)}.navigation-menu a:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.navigation-menu a:hover .ui-icon,.navigation-menu li.active a{color:var(--color-text-primary)}.navigation-menu li.active a{background:#dc262626;border-color:#dc262680;box-shadow:0 0 15px #dc262633,inset 0 0 20px #dc26261a}.navigation-menu li.active a:before{background-color:#dc2626;background-color:var(--color-brand-primary,#dc2626);border-radius:0 2px 2px 0;box-shadow:0 0 10px #dc2626cc;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.navigation-menu li.active a .ui-icon{color:#f5f5f5;color:var(--color-brand-primary-bright,#f5f5f5)}.notification-panel-icons{display:flex;flex-direction:column;gap:8px;padding:12px 8px;transition:all var(--transition-smooth)}.notification-panel.expanded .notification-panel-icons{border-bottom:1px solid var(--color-ui-border);flex-direction:row;justify-content:center;padding:12px}.notification-panel-icon-btn{align-items:center;background-color:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.3rem;height:44px;justify-content:center;position:relative;transition:all var(--transition-normal);width:44px}.notification-panel-icon-btn:hover{background-color:#dc26261a;border-color:#dc26264d;color:var(--color-text-secondary)}.notification-panel-icon-btn.active{background-color:#dc262626;border-color:#dc262680;box-shadow:0 0 15px var(--glow-primary);color:var(--color-text-primary)}.notification-panel-icon-btn .icon-badge{align-items:center;background-color:var(--color-brand-primary);border-radius:10px;color:#fff;display:flex;font-size:.6rem;font-weight:var(--font-weight-bold);height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.notification-panel-icon-btn .icon-badge.cyan{background-color:var(--color-brand-secondary)}.notification-panel-icon-btn .icon-badge.gold{background-color:var(--color-brand-accent)}.notification-panel-content{display:none;overflow:auto;padding:var(--spacing-md)}.notification-panel.expanded .notification-panel-content{display:block}.notification-panel-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.notification-panel-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:var(--font-weight-semibold);gap:10px}.notification-panel-close{align-items:center;background:#0000;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all var(--transition-normal);width:28px}.notification-panel-close:hover{background-color:#dc262626;border-color:#dc262666;color:var(--color-text-primary)}.player-profile-modal{max-width:600px}.player-profile-modal .profile-modal-content{padding:20px}.player-profile-modal .profile-header{border-bottom:2px solid var(--color-ui-border);display:flex;gap:20px;margin-bottom:25px;padding-bottom:20px}.player-profile-modal .profile-header-info h2{color:var(--color-brand-primary);margin-bottom:5px}.player-profile-modal .stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:10px}.player-profile-modal .stat-box{background:#0000004d;border-radius:8px;padding:10px;text-align:center}.player-profile-modal .stat-box .stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.player-profile-modal .stat-box .stat-value.positive{color:var(--color-success)}.player-profile-modal .stat-box .stat-value.negative{color:var(--color-danger)}.player-profile-modal .profile-actions{display:flex;gap:10px;justify-content:center;margin-top:25px}.navigation-menu.in-active-battle .nav-link-disabled{color:var(--color-text-muted);cursor:not-allowed;display:block;opacity:.7;padding:10px 14px;text-decoration:none}.navigation-menu.in-active-battle li.disabled{pointer-events:none}.game-header.in-active-battle .game-title-link.disabled{cursor:not-allowed}.game-header.in-active-battle .header-announcement-btn.disabled,.game-header.in-active-battle .header-battlepass-link.disabled,.mail-icon-btn.disabled,.stock-ticker.disabled,.vip-status-badge.disabled{cursor:not-allowed;opacity:.7}.game-footer .footer-link.disabled{cursor:not-allowed;opacity:.7;pointer-events:none}.quest-tracker .view-all-btn.disabled{cursor:not-allowed;opacity:.7}.player-panel:before{background:radial-gradient(ellipse at 30% 20%,#dc26260f 0,#0000 60%),radial-gradient(ellipse at 70% 80%,#00d4c80a 0,#0000 60%),radial-gradient(ellipse at 50% 50%,#f59e0b05 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.player-panel>*{position:relative;z-index:1}.player-info .player-avatar{animation:ppAvatarRing 4s ease-in-out infinite}@keyframes ppAvatarRing{0%,to{border-color:#dc262680;box-shadow:0 0 12px #dc262640}50%{border-color:#dc2626cc;box-shadow:0 0 25px #dc262680,0 0 50px #dc262626}}.player-info .player-username-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f5f5f5,#ef4444);-webkit-background-clip:text;background-clip:text}.player-info .player-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444b3);background:linear-gradient(135deg,var(--color-brand-primary,#dc2626),#ef4444b3);-webkit-background-clip:text;background-clip:text}.pp-skeleton{animation:ppSkeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-ui-surface) 25%,#dc26260f 50%,var(--color-ui-surface) 75%);background-size:200% 100%;border-radius:4px}.pp-skeleton-avatar{border-radius:50%;height:60px;margin-bottom:10px;width:60px}.pp-skeleton-line{height:14px;margin-bottom:8px}.pp-skeleton-line.short{width:60%}.pp-skeleton-line.xs{height:10px;width:40%}.pp-skeleton-bar{border-radius:4px;height:8px;margin-top:10px}.pp-skeleton-energy{border-radius:4px;height:24px;margin-top:8px}@keyframes ppSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.player-info-loading{display:flex;flex-direction:column;gap:4px;padding:50px 15px 15px}.navigation-menu li{animation:ppNavSlideIn .3s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--nav-index, 0)*.04s);opacity:1}@keyframes ppNavSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.navigation-menu a{overflow:hidden}.navigation-menu a:after{background:linear-gradient(90deg,#0000,#dc26260f,#0000);content:"";height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:50%}.navigation-menu a:hover:after{animation:ppNavScanPass .6s ease-out forwards;opacity:1}@keyframes ppNavScanPass{0%{left:-100%}to{left:200%}}.navigation-menu li.active a{animation:ppActiveGlow 3s ease-in-out infinite}@keyframes ppActiveGlow{0%,to{box-shadow:0 0 12px #dc262626,inset 0 0 15px #dc262614}50%{box-shadow:0 0 22px #dc26264d,inset 0 0 25px #dc26261f}}.navigation-menu li.active a:before{animation:ppBarPulse 3s ease-in-out infinite}@keyframes ppBarPulse{0%,to{box-shadow:0 0 8px #dc262699;height:55%}50%{box-shadow:0 0 14px #dc2626;height:70%}}@media (prefers-reduced-motion:reduce){.player-panel:before{animation:none}.player-info .player-avatar{animation:none;box-shadow:0 0 15px #dc26264d}.navigation-menu li{animation:none;opacity:1}.navigation-menu a:hover:after{animation:none;display:none}.navigation-menu li.active a{animation:none;box-shadow:0 0 15px #dc262633,inset 0 0 20px #dc26261a}.navigation-menu li.active a:before,.pp-skeleton{animation:none}}@media (max-width:1400px){.game-header .header-center .stock-ticker,.game-header .header-center .stock-ticker-wrapper{display:none}}@media (max-width:1200px){.game-header .header-battlepass-label{display:none}.game-header .header-center{gap:var(--spacing-md)}}@media (max-width:992px){.game-header .hdr-online-label,.game-header .header-announcement-label{display:none}.game-header .header-center{gap:var(--spacing-sm)}}@media (max-width:768px){.game-header .header-center{flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end;padding:4px 0}.game-header .hdr-daily-label{display:none}}.btn{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);justify-content:center;outline:none;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-normal)}.btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border:none;box-shadow:0 2px 8px var(--glow-primary);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--color-brand-primary-bright) 0,var(--color-brand-primary) 100%);box-shadow:0 4px 15px var(--glow-primary-strong);transform:translateY(-1px)}.btn-secondary{background-color:#ffffff1a;border:1px solid var(--color-ui-border);color:var(--color-text-primary);transition:all var(--transition-normal)}.btn-secondary:hover{background-color:#dc26261a;border-color:#dc262666;box-shadow:0 0 12px var(--glow-primary)}.btn-success{box-shadow:0 2px 8px #22c55e4d;color:#fff;transition:all var(--transition-normal)}.btn-success,.btn-success:hover{background-color:var(--color-success)}.btn-success:hover{box-shadow:0 4px 15px #22c55e80;transform:translateY(-1px)}.btn-error{background-color:var(--color-danger);box-shadow:0 2px 8px var(--glow-primary);color:#fff;transition:all var(--transition-normal)}.btn-error:hover{background-color:var(--color-brand-primary-bright);box-shadow:0 4px 15px var(--glow-primary-strong);transform:translateY(-1px)}.btn-text{background-color:initial;border:1px solid #0000;color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal)}.currency-display.currency-gems .currency-icon{color:var(--rarity-epic)}.btn-text:hover{background-color:#dc262614;border-color:#dc262633;color:var(--color-text-primary)}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-lg)}.btn-full{width:100%}.btn-disabled,.btn:disabled{cursor:not-allowed;opacity:.6}.btn-loading{color:#0000;position:relative}.btn-loading .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;position:absolute;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.card{background-color:var(--color-ui-surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-ui-divider);padding:var(--spacing-md)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.card-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card-body,.card-footer{padding:var(--spacing-md)}.card-footer{align-items:center;border-top:1px solid var(--color-ui-divider);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.card-error{background-color:#ff453a1a;border-left:4px solid var(--color-text-error)}.avatar{align-items:center;background-color:var(--color-brand-primary);border-radius:50%;color:#fff;display:inline-flex;font-weight:var(--font-weight-bold);justify-content:center;overflow:hidden;position:relative}.avatar-sm{font-size:var(--font-size-sm);height:32px;width:32px}.avatar-md{font-size:var(--font-size-md);height:48px;width:48px}.avatar-lg{font-size:var(--font-size-lg);height:64px;width:64px}.avatar-xl{font-size:var(--font-size-xl);height:96px;width:96px}.avatar-img{height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.avatar-status{border:2px solid var(--color-ui-surface);border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.avatar-status-online{background-color:var(--color-success)}.avatar-status-away{background-color:var(--color-warning)}.avatar-status-busy{background-color:var(--color-danger)}.avatar-status-offline{background-color:var(--color-info)}.badge{align-items:center;border-radius:var(--border-radius-sm);display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--spacing-xs) var(--spacing-sm)}.badge-primary{background-color:var(--color-brand-primary);color:#fff}.badge-secondary{background-color:#ffffff1a;color:var(--color-text-secondary)}.badge-success{background-color:var(--color-success);color:#fff}.badge-error{background-color:var(--color-danger);color:#fff}.badge-info{background-color:var(--color-info);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-sm{font-size:calc(var(--font-size-xs) - 1px);padding:2px 6px}.badge-lg{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.badge-icon-left{margin-right:.25em}.badge-icon-right{margin-left:.25em}.progress-bar-container{margin:var(--spacing-xs) 0;width:100%}.progress-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.progress-bar{background-color:#ffffff1a;height:10px;height:var(--progress-bar-height,10px);overflow:hidden;width:100%}.progress-bar,.progress-bar-fill{border-radius:var(--border-radius-sm)}.progress-bar-fill{background-color:var(--color-brand-primary);background-color:var(--progress-bar-color,var(--color-brand-primary));box-shadow:0 0 10px var(--glow-primary);height:100%;transition:width .3s ease-in-out;width:0;width:var(--progress-bar-width,0)}.progress-bar-fill.success{background-color:var(--color-success);box-shadow:0 0 10px #22c55e80}.progress-bar-fill.cyan{background-color:var(--color-brand-secondary);box-shadow:0 0 10px var(--glow-secondary)}.progress-bar-container-xp .progress-bar{background-color:#46464699;background-color:var(--progress-bar-track-grey,#46464699)}.progress-bar-fill-xp{animation:progress-bar-xp-shine 2.5s ease-in-out infinite;background:linear-gradient(90deg,#22c55e,#21c45d 25%,#22c55e 50%,#1ca64f 75%,#22c55e);background:linear-gradient(90deg,var(--color-success,#22c55e) 0,#21c45d 25%,var(--color-success,#22c55e) 50%,#1ca64f 75%,var(--color-success,#22c55e) 100%);background-size:200% 100%;box-shadow:0 0 8px #22c55e66;width:0;width:var(--progress-bar-width,0)}@keyframes progress-bar-xp-shine{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.progress-percentage{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:right}.tabs{width:100%}.tabs-header{-ms-overflow-style:none;border-bottom:1px solid var(--color-ui-divider);display:flex;overflow-x:auto;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-button{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-normal);white-space:nowrap}.tab-button.active,.tab-button:hover{color:var(--color-text-primary)}.tab-button.active{background-color:#dc26261a}.tab-button.active:after{background-color:var(--color-brand-primary);bottom:-1px;box-shadow:0 0 10px var(--glow-primary);content:"";height:2px;left:0;position:absolute;width:100%}.tabs-content{padding:var(--spacing-md) 0}.tabs-vertical{display:flex}.tabs-vertical .tabs-header{border-bottom:none;border-right:1px solid var(--color-ui-divider);flex-direction:column;min-width:200px}.tabs-vertical .tab-button{padding:var(--spacing-md);text-align:left}.tabs-vertical .tab-button.active:after{bottom:auto;height:100%;left:auto;right:-1px;top:0;width:2px}.tabs-vertical .tabs-content{flex:1 1;padding:0 0 0 var(--spacing-md)}.tooltip-container{display:inline-block;position:relative}.tooltip{animation:tooltip-appear .2s ease forwards;background-color:var(--color-ui-surface);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);color:var(--color-text-primary);font-size:var(--font-size-sm);max-width:300px;opacity:0;padding:var(--spacing-sm);pointer-events:none;position:absolute;transform-origin:center;width:-webkit-max-content;width:max-content;z-index:var(--z-index-tooltip)}.tooltip-content{position:relative}.tooltip-arrow{background-color:var(--color-ui-surface);height:8px;position:absolute;transform:rotate(45deg);width:8px}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.tooltip-top .tooltip-arrow{bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip-bottom{left:50%;top:calc(100% + 8px);transform:translateX(-50%)}.tooltip-bottom .tooltip-arrow{left:50%;top:-4px;transform:translateX(-50%) rotate(45deg)}.tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}@keyframes tooltip-appear{0%{opacity:0;transform:scale(.9) translateX(-50%)}to{opacity:1;transform:scale(1) translateX(-50%)}}.modal-overlay{align-items:center;animation:overlay-appear .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.modal{animation:modal-appear .3s ease;background-color:var(--color-ui-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90%;max-width:90%;overflow:hidden}.modal-sm{width:400px}.modal-md{width:600px}.modal-lg{width:800px}.modal-xl{width:1000px}.modal-header{align-items:center;border-bottom:1px solid var(--color-ui-divider);display:flex;justify-content:space-between;padding:var(--spacing-md)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.modal-close-btn{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:24px;line-height:1}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.modal-footer{border-top:1px solid var(--color-ui-divider);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md)}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.countdown-timer{align-items:center;color:var(--color-text-primary);display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.countdown-days,.countdown-hours,.countdown-minutes{margin-right:4px}.countdown-days,.countdown-hours,.countdown-minutes,.countdown-seconds{display:inline-block}.currency-display{align-items:center;color:var(--color-text-primary);display:inline-flex;font-family:var(--font-family-primary);gap:var(--spacing-xs)}.currency-display .currency-icon{font-size:var(--font-size-lg);margin-right:.3em}.currency-display.currency-colorized .currency-amount{color:var(--currency-amount-color)}.currency-amount{font-weight:var(--font-weight-medium)}.currency-name{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.currency-credits,.currency-gold{color:var(--color-brand-accent)}.currency-energy{color:var(--color-success)}.energy-meter{background-color:#0003;border-radius:var(--border-radius-md);padding:var(--spacing-sm);width:100%}.energy-header{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.energy-icon{color:var(--color-success);font-size:var(--font-size-lg)}.energy-text{font-weight:var(--font-weight-medium)}.energy-bar-container{background-color:#ffffff1a;border-radius:var(--border-radius-sm);height:8px;overflow:hidden;width:100%}.energy-bar{height:100%;transition:width var(--transition-smooth);width:0;width:var(--energy-meter-pct,0)}.energy-high{background-color:var(--color-success)}.energy-medium{background-color:var(--color-warning)}.energy-low{background-color:var(--color-danger)}.energy-bar-container-track{background-color:#46464699;background-color:var(--progress-bar-track-grey,#46464699)}.energy-bar-animated{animation:energy-bar-shine 2.5s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24 25%,#f59e0b 50%,#d97706 75%,#f59e0b);background-size:200% 100%;box-shadow:0 0 8px #f59e0b66}@keyframes energy-bar-shine{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.energy-recharge{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.recharge-icon{font-size:var(--font-size-md)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--color-brand-primary);height:40px;width:40px}.loading-text{color:var(--color-text-secondary);margin-top:var(--spacing-md)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.empty-description{color:var(--color-text-secondary);max-width:500px}.chat-panel{background-color:var(--color-ui-surface);border-top:1px solid var(--color-ui-border)}.chat-header{cursor:pointer;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.chat-header,.chat-title{align-items:center;display:flex}.chat-title{font-weight:var(--font-weight-medium);gap:var(--spacing-xs)}.chat-header-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.user-list-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;position:relative}.user-list-toggle.active{color:var(--color-brand-primary)}.online-count{align-items:center;background-color:var(--color-brand-primary);border-radius:8px;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;min-width:16px;position:absolute;right:-4px;top:-4px}.minimize-btn{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-lg)}.chat-content{display:flex;height:calc(100% - 40px)}.chat-sidebar{border-right:1px solid var(--color-ui-border);min-width:200px;overflow-y:auto;width:200px}.chat-main,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:var(--spacing-sm);overflow-y:auto;padding:var(--spacing-sm)}.chat-message{align-self:flex-start;background-color:#ffffff0a;border:1px solid #ffffff0d;border-radius:var(--border-radius-md);max-width:80%;padding:var(--spacing-sm);position:relative;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;transition:background-color var(--transition-fast,.15s ease),border-color var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.chat-message:hover{background-color:#ffffff0f;border-color:#dc26261f}.chat-message.my-message{align-self:flex-end;background-color:#dc26260f;border-color:#dc26261a}.chat-message.my-message:hover{background-color:#dc26261a;border-color:#dc262633;box-shadow:0 0 12px #dc262614}.chat-message.system-message{align-self:center;background-color:#ffffff05;border-color:#0000;color:var(--color-text-secondary);font-style:italic;max-width:90%;text-align:center}.message-sender{color:var(--color-brand-primary);font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.3px;margin-bottom:var(--spacing-xs)}.message-content{line-height:1.5;word-break:break-word}.message-timestamp{color:var(--color-text-tertiary);font-family:Roboto Mono,monospace;font-family:var(--font-family-mono,"Roboto Mono",monospace);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);text-align:right}.chat-input-form{border-top:1px solid var(--color-ui-border);display:flex;padding:var(--spacing-sm)}.chat-input{background-color:#0003;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);flex:1 1;outline:none;padding:var(--spacing-sm)}.chat-input:focus{border-color:var(--color-brand-primary)}.send-button{background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border:none;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px var(--glow-primary);color:#fff;cursor:pointer;margin-left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.send-button:hover{background:linear-gradient(135deg,var(--color-brand-primary-bright) 0,var(--color-brand-primary) 100%);box-shadow:0 4px 15px var(--glow-primary-strong);transform:translateY(-1px)}.channel-selector{padding:var(--spacing-sm)}.channel-header{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.channel-list{list-style:none;margin:0;padding:0}.channel-item{align-items:center;border:1px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-sm);transition:all var(--transition-normal)}.channel-item:hover{background-color:#dc262614;border-color:#dc262633}.channel-item.active{background-color:#dc262626;border-color:#dc262666;box-shadow:0 0 12px var(--glow-primary)}.channel-name{color:var(--color-text-secondary)}.channel-item.active .channel-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.unread-badge{align-items:center;background-color:var(--color-brand-primary);border-radius:10px;display:flex;height:20px;justify-content:center;min-width:20px}.chat-user-sidebar{border-left:1px solid var(--color-ui-border);min-width:200px;overflow-y:auto;width:200px}.user-list{padding:var(--spacing-sm)}.user-list-header{color:var(--color-text-tertiary);font-size:var(--font-size-sm);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.users{list-style:none;margin:0;padding:0}.user-item{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;padding:var(--spacing-sm);transition:all var(--transition-normal)}.user-item:hover{background-color:#dc262614}.status-icon,.username{margin-right:var(--spacing-xs)}.username{flex:1 1}.location{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.user-item.online .username{color:var(--color-text-primary)}.user-item.away .username,.user-item.busy .username{color:var(--color-text-secondary)}.user-item.offline .username{color:var(--color-text-tertiary)}.chat-status-dot{margin-right:6px;vertical-align:middle}.chat-status-dot--away{background:#f59e0b}.chat-status-dot--offline{background:#6b7280}.chat-icon{display:inline-block;height:16px;vertical-align:middle;width:16px}.chat-icon--bubble{background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--mail{background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--expand{background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--collapse{background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--users{background:currentColor;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center/contain no-repeat}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--color-brand-primary);font-size:var(--font-size-xxl);letter-spacing:1px;margin-bottom:var(--spacing-xs);text-shadow:0 0 20px var(--glow-primary),0 0 40px #dc262640}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.section-title{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.coming-soon{color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-xl);text-align:center}.events-page{padding:var(--spacing-md)}.events-page .events-tabs{display:flex;flex-direction:column;width:100%}.events-page .events-tabs .tabs-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--color-ui-border,#ffffff1a);display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;margin-bottom:0;padding-bottom:0}.events-page .events-tabs .tab-button{border-radius:0;flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg)}.events-page .events-tabs-content{min-height:200px;padding:var(--spacing-lg) 0}.featured-event{margin-bottom:var(--spacing-xl)}.featured-event-card{border:1px solid var(--color-brand-primary)}.battle-pass-preview{display:flex;gap:var(--spacing-lg)}.battle-pass-info{flex:1 1}.battle-pass-progress{margin-top:var(--spacing-md)}.battle-pass-image{align-items:center;background-color:#0000004d;border-radius:var(--border-radius-sm);display:flex;height:120px;justify-content:center;width:200px}.image-placeholder{color:var(--color-text-tertiary)}.card-actions{display:flex;gap:var(--spacing-sm)}.event-card{margin-bottom:var(--spacing-md)}.event-title{align-items:center;display:flex;gap:var(--spacing-sm)}.event-icon{font-size:var(--font-size-xl)}.event-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto;text-transform:capitalize}.event-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.event-description{color:var(--color-text-primary)}.event-rewards{background-color:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.rewards-list{list-style:none;padding-left:var(--spacing-md)}.reward-item{padding-left:var(--spacing-sm);position:relative}.reward-item:before{color:var(--color-brand-secondary);content:"•";left:-10px;position:absolute}.event-dates{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.date-label{font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.event-footer{justify-content:space-between;width:100%}.event-footer,.event-timing{align-items:center;display:flex}.event-timing{font-size:var(--font-size-sm);gap:var(--spacing-xs)}.event-actions{display:flex;gap:var(--spacing-sm)}.battle-pass{display:flex;flex-direction:column;gap:var(--spacing-xl)}.battle-pass-header{align-items:center;display:flex;justify-content:space-between}.bp-info{flex:1 1}.bp-name{font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs)}.bp-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.bp-dates{color:var(--color-text-tertiary)}.bp-dates,.premium-badge{font-size:var(--font-size-sm)}.premium-badge{background-color:var(--color-brand-accent);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.bp-progress{padding:var(--spacing-md)}.level-display{align-items:baseline;display:flex;margin-bottom:var(--spacing-sm)}.current-level{color:var(--color-brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.max-level{margin-left:var(--spacing-xs)}.max-level,.xp-needed{color:var(--color-text-secondary)}.xp-needed{font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:right}.rewards-timeline{margin-top:var(--spacing-xl)}.rewards-track{display:flex;flex-direction:column;gap:var(--spacing-lg)}.reward-level{display:flex}.level-marker{flex-direction:column;margin-right:var(--spacing-md);width:50px}.level-marker,.level-number{align-items:center;display:flex}.level-number{background-color:var(--color-ui-border);border-radius:50%;color:var(--color-text-primary);font-weight:var(--font-weight-medium);height:30px;justify-content:center;margin-bottom:var(--spacing-xs);width:30px}.reward-level.current .level-number{background-color:var(--color-brand-primary);color:#fff}.level-line{background-color:var(--color-ui-border);flex:1 1;height:100%;width:2px}.level-rewards{display:flex;flex:1 1;gap:var(--spacing-md)}.free-reward,.premium-reward{flex:1 1}.reward-label{margin-bottom:var(--spacing-xs)}.reward-card{height:100%}.reward-card.premium{border-left:2px solid var(--color-brand-accent)}.reward-card.claimed{opacity:.7}.reward-content{align-items:center;display:flex;gap:var(--spacing-sm)}.reward-icon{font-size:24px}.reward-details{flex:1 1}.reward-name{font-weight:var(--font-weight-medium)}.reward-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:capitalize}.reward-action{margin-left:auto}.claimed-tag{color:var(--color-success)}.claimed-tag,.locked-tag{font-size:var(--font-size-xs)}.locked-tag{color:var(--color-text-tertiary)}.show-more-rewards{margin-top:var(--spacing-md);text-align:center}.tournament-card{margin-bottom:var(--spacing-md)}.tournament-title{align-items:center;display:flex;gap:var(--spacing-sm)}.tournament-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.tournament-description{color:var(--color-text-primary)}.tournament-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.detail-item{flex:1 1;min-width:150px}.detail-label{font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.tournament-rewards{background-color:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.rewards-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.tournament-reward-item{align-items:center;display:flex;margin-bottom:var(--spacing-xs)}.reward-place{font-weight:var(--font-weight-medium);margin-right:var(--spacing-sm);width:30px}.more-rewards{color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-xs)}.player-status{background-color:#0003;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.status-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.status-title{font-weight:var(--font-weight-medium)}.next-match{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.match-label{font-weight:var(--font-weight-medium)}.match-round{background-color:#ffffff1a;border-radius:var(--border-radius-sm);padding:2px 6px}.tournament-footer{align-items:center;display:flex;justify-content:space-between;width:100%}.tournament-timing{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.timing-label{font-weight:var(--font-weight-medium)}.tournament-actions{display:flex;gap:var(--spacing-sm)}.event-calendar{width:100%}.calendar-header{margin-bottom:var(--spacing-md)}.month-navigation{align-items:center;display:flex;justify-content:space-between}.current-month{font-size:var(--font-size-xl);margin:0}.calendar-days{grid-gap:1px;background-color:var(--color-ui-border);border:1px solid var(--color-ui-border);border-bottom:none;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day{background-color:var(--color-ui-surface);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);text-align:center}.calendar-body{border:1px solid var(--color-ui-border);border-top:none}.calendar-row{grid-gap:1px;background-color:var(--color-ui-border);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-cell{background-color:var(--color-ui-surface);cursor:pointer;min-height:100px;padding:var(--spacing-xs)}.calendar-cell.today .date-number{align-items:center;background-color:var(--color-brand-primary);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.calendar-cell.other-month{opacity:.5}.cell-content{display:flex;flex-direction:column;height:100%}.date-number{align-items:center;display:flex;font-weight:var(--font-weight-medium);height:24px;justify-content:center;margin-bottom:var(--spacing-xs);width:24px}.cell-events{display:flex;flex-direction:column;gap:2px}.event-indicator{background-color:#ffffff1a;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);overflow:hidden;padding:2px 4px;text-overflow:ellipsis;white-space:nowrap}.event-type-tournament{background-color:#dc26264d}.event-type-bonus{background-color:#f59e0b4d}.event-type-market{background-color:#10b9814d}.event-type-alliance{background-color:#ef44444d}.event-type-challenge{background-color:#8b5cf64d}.more-events{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center}.event-tooltip{max-width:250px}.event-name,.event-time{margin-bottom:var(--spacing-xs)}.event-time{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.event-description{font-size:var(--font-size-sm)}.selected-date-events{margin-top:var(--spacing-lg)}.selected-date-header{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.no-events{color:var(--color-text-secondary);padding:var(--spacing-md) 0;text-align:center}.calendar-event-item{align-items:center;background-color:var(--color-ui-surface);display:flex;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.calendar-event-item,.event-color{border-radius:var(--border-radius-sm)}.event-color{height:40px;margin-right:var(--spacing-sm);width:4px}.event-title{font-weight:var(--font-weight-medium)}.event-timing,.event-title{margin-bottom:var(--spacing-xs)}.event-timing{font-size:var(--font-size-xs)}.event-desc,.event-timing{color:var(--color-text-secondary)}.event-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);overflow:hidden}@media (max-width:992px){.battle-pass-preview{flex-direction:column}.battle-pass-image{height:150px;width:100%}.level-rewards{flex-direction:column}.calendar-cell{min-height:60px}}@media (max-width:768px){.page-header h1{font-size:var(--font-size-xl)}.page-description{font-size:var(--font-size-md)}.calendar-days,.calendar-row{grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:40px;padding:2px}.date-number{font-size:var(--font-size-xs);height:20px;width:20px}.cell-events{display:none}}.tab-icon-css{display:inline-block;height:16px;margin-right:6px;position:relative;vertical-align:middle;width:16px}.tab-icon-css--flame:before{background:linear-gradient(0deg,#f59e0b,#ef4444);-webkit-clip-path:polygon(50% 0,80% 30%,100% 70%,80% 100%,20% 100%,0 70%,20% 30%);clip-path:polygon(50% 0,80% 30%,100% 70%,80% 100%,20% 100%,0 70%,20% 30%);content:"";display:block;height:14px;margin:1px auto 0;width:10px}.tab-icon-css--calendar:before{border:2px solid var(--color-text-secondary);border-radius:2px;border-top:3px solid var(--color-brand-primary);box-sizing:border-box;content:"";display:block;height:14px;width:14px}.tab-icon-css--trophy:before{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-clip-path:polygon(10% 0,90% 0,100% 40%,70% 70%,70% 100%,30% 100%,30% 70%,0 40%);clip-path:polygon(10% 0,90% 0,100% 40%,70% 70%,70% 100%,30% 100%,30% 70%,0 40%);content:"";display:block;height:10px;margin:2px auto 0;width:12px}.tab-icon-css--swords:before{background:linear-gradient(135deg,var(--color-text-secondary),var(--color-brand-primary));-webkit-clip-path:polygon(20% 0,35% 0,80% 45%,100% 65%,85% 80%,65% 100%,45% 80%,0 35%,0 20%);clip-path:polygon(20% 0,35% 0,80% 45%,100% 65%,85% 80%,65% 100%,45% 80%,0 35%,0 20%);content:"";display:block;height:14px;width:14px}.tab-icon-css--grid:before{background:linear-gradient(to right,var(--color-text-secondary) 1px,#0000 1px) 0 0 /5px 5px,linear-gradient(to bottom,var(--color-text-secondary) 1px,#0000 1px) 0 0 /5px 5px;border:1px solid var(--color-text-secondary);border-radius:1px;box-sizing:border-box;content:"";display:block;height:14px;width:14px}.event-icon-css{align-items:center;border-radius:4px;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;width:24px}.event-icon--trophy{background:linear-gradient(135deg,#f59e0b,#d97706)}.event-icon--trophy:before{background:#0003;-webkit-clip-path:polygon(10% 0,90% 0,100% 40%,70% 70%,70% 100%,30% 100%,30% 70%,0 40%);clip-path:polygon(10% 0,90% 0,100% 40%,70% 70%,70% 100%,30% 100%,30% 70%,0 40%);content:"";height:12px;width:14px}.event-icon--star{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.event-icon--star:before{background:#0003;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:14px;width:14px}.event-icon--cart{background:linear-gradient(135deg,#14b8a6,#0d9488)}.event-icon--cart:before{background:#0003;-webkit-clip-path:polygon(0 0,20% 0,25% 60%,90% 60%,95% 20%,30% 20%,25% 0,100% 0,95% 70%,20% 70%,15% 100%,25% 100%,30% 80%,85% 80%,90% 100%,80% 100%);clip-path:polygon(0 0,20% 0,25% 60%,90% 60%,95% 20%,30% 20%,25% 0,100% 0,95% 70%,20% 70%,15% 100%,25% 100%,30% 80%,85% 80%,90% 100%,80% 100%);content:"";height:12px;width:14px}.event-icon--shield{background:linear-gradient(135deg,#ef4444,#dc2626)}.event-icon--shield:before{background:#0003;-webkit-clip-path:polygon(50% 0,100% 20%,100% 60%,50% 100%,0 60%,0 20%);clip-path:polygon(50% 0,100% 20%,100% 60%,50% 100%,0 60%,0 20%);content:"";height:14px;width:14px}.event-icon--target{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.event-icon--target:before{background:#00000026;border-radius:50%;box-shadow:inset 0 0 0 2px #0003,inset 0 0 0 5px #0000,inset 0 0 0 6px #00000026;content:"";height:14px;width:14px}.event-icon--gamepad{background:linear-gradient(135deg,#6366f1,#4f46e5)}.event-icon--gamepad:before{background:#0003;border-radius:4px 4px 2px 2px;content:"";height:10px;width:14px}.event-type-badge{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;display:inline-block;font-size:var(--font-size-xs);font-weight:600;margin-left:8px;padding:2px 8px;text-transform:capitalize}.reward-icon-css{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;margin-right:8px;width:28px}.reward-icon--currency{background:linear-gradient(135deg,#fbbf24,#d97706)}.reward-icon--currency:before{background:#0003;border:2px solid #00000026;border-radius:50%;box-sizing:border-box;content:"";height:16px;width:16px}.reward-icon--component{background:linear-gradient(135deg,#6b7280,#4b5563)}.reward-icon--component:before{background:#0003;-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);content:"";height:14px;width:14px}.reward-icon--skin{background:linear-gradient(135deg,#ec4899,#db2777)}.reward-icon--skin:before{background:conic-gradient(#f472b6,#a855f7,#3b82f6,#22d3ee,#a3e635,#f472b6);border-radius:50%;content:"";height:14px;width:14px}.reward-icon--title{background:linear-gradient(135deg,#3b82f6,#2563eb)}.reward-icon--title:before{border-bottom:2px solid #fff6;border-top:2px solid #fff6;content:"";height:10px;width:12px}.reward-icon--emote{background:linear-gradient(135deg,#f97316,#ea580c)}.reward-icon--emote:before{background:#00000026;border:2px solid #ffffff4d;border-radius:50%;box-sizing:border-box;content:"";height:14px;width:14px}.reward-icon--gift{background:linear-gradient(135deg,#a855f7,#7c3aed)}.reward-icon--gift:before{background:#0003;-webkit-clip-path:polygon(0 40%,40% 40%,40% 0,60% 0,60% 40%,100% 40%,100% 100%,0 100%);clip-path:polygon(0 40%,40% 40%,40% 0,60% 0,60% 40%,100% 40%,100% 100%,0 100%);content:"";height:14px;width:14px}.reward-label--free{color:var(--color-text-secondary)}.reward-label--premium{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;font-weight:700}.nav-arrow{border-color:var(--color-text-secondary);border-style:solid;display:inline-block;height:8px;vertical-align:middle;width:8px}.nav-arrow--prev{border-width:0 0 2px 2px;margin-right:4px;transform:rotate(45deg)}.nav-arrow--next{border-width:2px 2px 0 0;margin-left:4px;transform:rotate(45deg)}.empty-icon-css{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.empty-icon-css--calendar{background:linear-gradient(135deg,#3b82f633,#2563eb1a);border:2px solid #3b82f64d}.empty-icon-css--calendar:before{border:2px solid #3b82f680;border-radius:3px;border-top:3px solid #3b82f6cc;box-sizing:border-box;content:"";height:24px;width:24px}.empty-icon-css--trophy{background:linear-gradient(135deg,#f59e0b33,#d977061a);border:2px solid #f59e0b4d}.empty-icon-css--trophy:before{background:#f59e0b66;-webkit-clip-path:polygon(10% 0,90% 0,100% 40%,70% 70%,70% 100%,30% 100%,30% 70%,0 40%);clip-path:polygon(10% 0,90% 0,100% 40%,70% 70%,70% 100%,30% 100%,30% 70%,0 40%);content:"";height:20px;width:24px}.empty-icon-css--swords{background:linear-gradient(135deg,#ef444433,#dc26261a);border:2px solid #ef44444d}.empty-icon-css--swords:before{background:#ef444466;-webkit-clip-path:polygon(20% 0,35% 0,80% 45%,100% 65%,85% 80%,65% 100%,45% 80%,0 35%,0 20%);clip-path:polygon(20% 0,35% 0,80% 45%,100% 65%,85% 80%,65% 100%,45% 80%,0 35%,0 20%);content:"";height:24px;width:24px}.season-icon-css{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.season-icon-css:before{background:#ffffff40;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);content:"";height:20px;width:20px}.season-info-card{margin-bottom:var(--spacing-lg)}.season-card{background:linear-gradient(135deg,#6366f11a,#4f46e50d);border:1px solid #6366f133}.season-card__content{align-items:center;display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.season-card__details{flex:1 1}.season-card__name{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:700}.season-card__theme{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:2px}.season-card__days{color:var(--color-brand-primary);font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.skeleton-line{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff14 50%,#ffffff0a);background-size:200% 100%;border-radius:4px}.skeleton-line--title{height:20px;margin-bottom:12px;width:60%}.skeleton-line--text{height:14px;margin-bottom:8px;width:80%}.skeleton-line--text.short{width:40%}.skeleton-line--bar{border-radius:5px;height:10px;margin-top:8px;width:100%}.skeleton-line--cell{border-radius:4px;height:50px}.skeleton-line--circle{border-radius:50%;height:28px;width:28px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.event-card-skeleton,.tournament-card-skeleton{background:#ffffff05;background:var(--color-bg-surface,#ffffff05);border:1px solid #ffffff0f;border-radius:8px;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.bp-skeleton-header,.bp-skeleton-progress{margin-bottom:var(--spacing-lg)}.bp-skeleton-reward{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.calendar-skeleton-header{margin-bottom:var(--spacing-md)}.calendar-skeleton-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.events-page{animation:events-page-entry .4s ease-out}@keyframes events-page-entry{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.event-card{transition:transform .2s ease,box-shadow .2s ease}.event-card:hover{box-shadow:0 6px 20px #dc262626,0 0 0 1px #dc262614;transform:translateY(-3px)}.tournament-card{transition:transform .2s ease,box-shadow .2s ease}.tournament-card:hover{box-shadow:0 6px 20px #f59e0b26,0 0 0 1px #f59e0b14;transform:translateY(-3px)}.reward-card{transition:transform .15s ease,box-shadow .15s ease}.reward-card:hover{box-shadow:0 4px 12px #ffffff0d;transform:translateY(-2px)}.featured-event-card{background:linear-gradient(135deg,#dc262614,#6366f10d);overflow:hidden;position:relative}.featured-event-card:before{background:linear-gradient(135deg,#dc262626,#0000 60%);border-radius:inherit;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:0}.featured-event-card:after{animation:featured-border-sweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff08,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%;z-index:1}@keyframes featured-border-sweep{0%{left:-50%}50%{left:100%}to{left:100%}}.season-card{box-shadow:0 0 20px #6366f114;transition:box-shadow .3s ease}.season-card:hover{box-shadow:0 0 30px #6366f126}.season-card__days{animation:days-pulse 2s ease-in-out infinite}@keyframes days-pulse{0%,to{opacity:.8}50%{opacity:1}}.bp-progress-card .progress-bar-fill{animation:bp-bar-sweep 3s ease-in-out infinite;background:linear-gradient(90deg,var(--color-brand-primary),#f59e0b,var(--color-brand-primary))!important;background-size:200% 100%;border-radius:inherit;box-shadow:0 0 8px #dc26264d,0 0 16px #dc26261a}@keyframes bp-bar-sweep{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.event-type-badge--tournament{background:#dc262626;border-color:#dc26264d;color:#fca5a5}.event-type-badge--seasonal{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.event-type-badge--special{background:#f59e0b26;border-color:#f59e0b4d;color:#fcd34d}.event-type-badge--world-event{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.event-type-badge--crafting_frenzy{background:#14b8a626;border-color:#14b8a64d;color:#5eead4}.event-type-badge--credit_rush{background:#fbbf2426;border-color:#fbbf244d;color:#fde68a}.event-type-badge--xp_boost{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}.event-type-badge--market_madness{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.event-type-badge--repair_discount{background:#f9731626;border-color:#f973164d;color:#fdba74}.event-list .event-card{animation:event-card-entry .3s ease-out backwards}.event-list .event-card:first-child{animation-delay:.05s}.event-list .event-card:nth-child(2){animation-delay:.1s}.event-list .event-card:nth-child(3){animation-delay:.15s}.event-list .event-card:nth-child(4){animation-delay:.2s}.event-list .event-card:nth-child(5){animation-delay:.25s}@keyframes event-card-entry{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tournament-list .tournament-card{animation:event-card-entry .3s ease-out backwards}.tournament-list .tournament-card:first-child{animation-delay:.05s}.tournament-list .tournament-card:nth-child(2){animation-delay:.1s}.tournament-list .tournament-card:nth-child(3){animation-delay:.15s}.reward-level{animation:event-card-entry .3s ease-out backwards}.reward-level:first-child{animation-delay:.05s}.reward-level:nth-child(2){animation-delay:.1s}.reward-level:nth-child(3){animation-delay:.15s}.reward-level:nth-child(4){animation-delay:.2s}.reward-level:nth-child(5){animation-delay:.25s}.reward-level.current{position:relative}.reward-level.current:before{background:linear-gradient(135deg,#f59e0b26,#0000 60%);border-radius:8px;content:"";inset:-2px;pointer-events:none;position:absolute;z-index:0}.reward-level.current .level-number{animation:level-glow-pulse 2s ease-in-out infinite;box-shadow:0 0 10px #dc262666,0 0 20px #dc262626}@keyframes level-glow-pulse{0%,to{box-shadow:0 0 10px #dc262666,0 0 20px #dc262626}50%{box-shadow:0 0 14px #dc262699,0 0 28px #dc262640}}.premium-badge{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative;text-shadow:none}.bp-progress-card{overflow:hidden;position:relative}.bp-progress-card:after{background:linear-gradient(90deg,var(--color-brand-primary),#f59e0b);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.calendar-cell{transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.calendar-cell:hover{background-color:#dc262614;transform:scale(1.02)}.calendar-cell.selected{background:linear-gradient(135deg,#dc26261f,#dc262633);box-shadow:0 0 16px #dc262626,inset 0 0 0 1px #dc26264d}.calendar-cell.today{animation:today-pulse 2s ease-in-out infinite}@keyframes today-pulse{0%,to{box-shadow:inset 0 0 0 1px #dc26264d}50%{box-shadow:inset 0 0 0 1px #dc262699,0 0 8px #dc262626}}.calendar-event-item{transition:transform .15s ease,background-color .15s ease}.calendar-event-item:hover{background-color:#ffffff0a;transform:translateX(4px)}.tournament-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.tournament-details-grid .detail-item{background:#ffffff08;border-left:2px solid #f59e0b4d;border-radius:0 4px 4px 0;padding:8px 12px}.tournament-details-grid .detail-label{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);margin-bottom:2px}.tournament-details-grid .detail-value{color:var(--color-text-primary);font-weight:600}.tournament-reward-item .reward-place{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;height:28px;justify-content:center;margin-right:10px;width:28px}.tournament-reward-item:first-child .reward-place{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 0 8px #fbbf244d;color:#451a03}.tournament-reward-item:nth-child(2) .reward-place{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:0 0 8px #9ca3af4d;color:#1f2937}.tournament-reward-item:nth-child(3) .reward-place{background:linear-gradient(135deg,#d97706,#92400e);box-shadow:0 0 8px #d977064d;color:#fffbeb}.player-tournament-status{background:#0003;border-left:3px solid var(--color-brand-primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;padding:var(--spacing-sm) var(--spacing-md)}.bp-name,.events-page .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-brand-primary),#f59e0b);-webkit-background-clip:text;background-clip:text}.battle-pass .section-title,.rewards-timeline .section-title{display:inline-block;padding-bottom:6px;position:relative}.battle-pass .section-title:after,.rewards-timeline .section-title:after{background:linear-gradient(90deg,var(--color-brand-primary),#f59e0b,#0000);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.bp-challenges{background:linear-gradient(135deg,#6366f10d,#8b5cf608);border:1px solid #6366f11a;border-radius:8px;padding:var(--spacing-lg)}.challenges-coming-soon{color:var(--color-text-tertiary);font-style:italic;padding:var(--spacing-xl) 0;text-align:center}.events-page .events-tabs .tab-button.active{border-bottom:2px solid var(--color-brand-primary);box-shadow:0 2px 8px #dc262633}.empty-icon-css{animation:empty-float 3s ease-in-out infinite}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.event-rewards{background:linear-gradient(135deg,#f59e0b0d,#d9770605);border-image:linear-gradient(180deg,#f59e0b,#d97706) 1;border-left:3px solid #0000}.reward-item:before{text-shadow:0 0 6px var(--color-brand-secondary)}.xp-needed{cursor:help;transition:color .2s ease}.xp-needed:hover{color:var(--color-brand-primary)}.event-timers .event-item{padding:4px 6px;transition:background-color .15s ease}.event-timers .event-item:hover{background:#ffffff08;border-radius:6px}.calendar-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-md)}.calendar-filter-pill{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;padding:4px 12px;text-transform:capitalize;transition:all .15s ease}.calendar-filter-pill:hover{background:#ffffff14;border-color:#fff3}.calendar-filter-pill.active{background:#dc262626;border-color:#dc262666;color:var(--color-brand-primary)}@media (max-width:480px){.tab-icon-css{margin-right:0}.events-page .events-tabs .tabs-header .tab-button{font-size:0}.events-page .events-tabs .tabs-header .tab-button .tab-icon-css{font-size:medium;height:20px;width:20px}.season-card__content{flex-direction:column;text-align:center}.tournament-details-grid{grid-template-columns:1fr!important}}.mech-shop-page{padding:var(--spacing-lg)}.mech-shop-page .page-header{margin-bottom:var(--spacing-xl);text-align:center}.mech-shop-page .page-header h1{color:var(--color-brand-primary);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.mech-shop-page .page-description{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.chassis-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:var(--spacing-xl)}.chassis-shop-card{display:flex;flex-direction:column;padding:var(--spacing-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.chassis-shop-card:hover{box-shadow:0 4px 15px var(--glow-primary);transform:translateY(-4px)}.chassis-shop-card.locked{filter:grayscale(.4);opacity:.65;pointer-events:auto}.chassis-shop-card.locked:hover{box-shadow:inherit;transform:none}.chassis-unlocked-at{border-radius:var(--border-radius-sm);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.chassis-unlocked-at,.mech-shop-page .modal-unlocked-at{background:var(--color-ui-surface);color:var(--color-text-secondary)}.mech-shop-page .modal-unlocked-at{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md)}.chassis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.chassis-header h3{font-size:var(--font-size-lg);margin:0}.chassis-class{border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.chassis-class.light{background:var(--chassis-light-bg);color:var(--chassis-light-fg)}.chassis-class.medium{background:var(--chassis-medium-bg);color:var(--chassis-medium-fg)}.chassis-class.heavy{background:var(--chassis-heavy-bg);color:var(--chassis-heavy-fg)}.chassis-class.assault{background:var(--chassis-assault-bg);color:var(--chassis-assault-fg)}.chassis-image-placeholder{align-items:center;background-color:var(--color-ui-background);border-radius:var(--border-radius-md);display:flex;height:150px;justify-content:center;margin-bottom:var(--spacing-md)}.chassis-icon{font-size:4rem}.chassis-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);min-height:60px}.chassis-stats{grid-gap:var(--spacing-sm);background-color:var(--color-ui-background);border-radius:var(--border-radius-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md);min-height:100px;padding:var(--spacing-md);position:relative}.chassis-stats .stat{align-items:center;display:flex;justify-content:space-between;position:relative}.chassis-stats .stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.chassis-stats .stat-value{color:var(--color-brand-primary);font-weight:var(--font-weight-medium);position:relative}.chassis-price{align-items:center;background-color:var(--color-ui-surface);border-radius:var(--border-radius-sm);display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.price-value.affordable{color:var(--color-success)}.price-value.too-expensive{color:var(--color-danger)}.chassis-actions{margin-top:auto}.purchase-modal-content{max-width:600px}.purchase-modal-content h2{color:var(--color-brand-primary);margin-top:0}.modal-section,.purchase-modal-content h2{margin-bottom:var(--spacing-lg)}.modal-section h3{border-bottom:2px solid var(--color-ui-border);color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.stats-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:100px}.stat-row{justify-content:space-between;padding:var(--spacing-sm)}.slots-info,.stat-row{background-color:var(--color-ui-background);border-radius:var(--border-radius-sm);display:flex}.slots-info{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.purchase-summary{background-color:var(--color-ui-surface);border:2px solid var(--color-ui-border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.credits-row,.price-row{align-items:center;display:flex;font-size:var(--font-size-lg);justify-content:space-between;padding:var(--spacing-sm) 0}.price-row .price{color:var(--color-brand-primary);font-size:var(--font-size-xl)}.credits-row .sufficient{color:var(--color-success)}.credits-row .insufficient{color:var(--color-danger)}.purchase-result{border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);margin:var(--spacing-md) 0;padding:var(--spacing-md);text-align:center}.purchase-result.success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.purchase-result.error{background-color:var(--color-danger-light);border:1px solid var(--color-danger);color:var(--color-danger-dark)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.loading-spinner{font-size:var(--font-size-xl);padding:var(--spacing-xxl);text-align:center}.error-card{padding:var(--spacing-xl);text-align:center}.error-card h3{color:var(--color-danger);margin-bottom:var(--spacing-md)}@media (max-width:768px){.chassis-grid,.chassis-stats{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.notification-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.notification-list-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.notification-list-header .header-left{align-items:center;display:flex;gap:var(--spacing-sm)}.notification-list-header .header-left h3{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0}.unread-badge{background:var(--color-danger);border-radius:var(--border-radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.header-actions{display:flex;gap:var(--spacing-sm)}.mark-all-read-btn{align-items:center;background:#0000;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal)}.mark-all-read-btn:hover{background:#dc262614;border-color:var(--color-brand-primary);box-shadow:0 0 12px var(--glow-primary);color:var(--color-brand-primary)}.notification-filters{border-bottom:1px solid var(--color-ui-border);display:flex;gap:var(--spacing-xs);overflow-x:auto;padding:var(--spacing-sm) var(--spacing-md)}.filter-btn{background:#0000;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal);white-space:nowrap}.filter-btn:hover{background:#dc262614;border-color:#dc26264d;color:var(--color-text-primary)}.filter-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:0 0 12px var(--glow-primary);color:#fff}.notifications-container{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.no-notifications{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.no-notifications svg{opacity:.5}.no-notifications svg,.notification-group{margin-bottom:var(--spacing-md)}.notification-group-header{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.notification-item{align-items:flex-start;background:var(--color-ui-surface);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.notification-item:hover{background:var(--color-ui-background);border-color:var(--color-brand-primary)}.notification-item.unread{background:rgba(var(--color-brand-primary-rgb),.05);border-left:3px solid var(--color-brand-primary)}.notification-item.read{opacity:.8}.notification-card.notification-urgent{border-left-color:var(--color-danger)}.notification-card.notification-high{border-left-color:var(--color-warning)}.notification-card.notification-system{border-left-color:var(--color-info)}.notification-card.notification-battle{border-left-color:var(--color-danger)}.notification-card.notification-market{border-left-color:var(--color-success)}.notification-card.notification-alliance{border-left-color:var(--color-brand-primary)}.notification-card.notification-quest{border-left-color:var(--color-brand-accent)}.notification-card.notification-achievement{border-left-color:var(--color-brand-secondary)}.notification-card.notification-resource{border-left-color:var(--color-warning)}.notification-card.notification-event{border-left-color:var(--color-brand-accent)}.notification-card.notification-social{border-left-color:var(--color-info)}.notification-card.notification-admin{border-left-color:var(--color-danger)}.notification-card.notification-reward{border-left-color:var(--color-brand-secondary)}.notification-icon-wrapper{align-items:center;background:var(--color-ui-background);border-radius:var(--border-radius-full);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-type-icon{color:var(--color-text-secondary)}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:2px}.notification-message{word-wrap:break-word;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;white-space:normal}.notification-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-md);margin-top:var(--spacing-xs)}.notification-action-hint{color:var(--color-brand-primary)}.notification-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-xs)}.unread-indicator{background:var(--color-brand-primary);border-radius:var(--border-radius-full);height:8px;width:8px}.dismiss-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;transition:all var(--transition-normal);width:24px}.notification-item:hover .dismiss-btn{opacity:1}.dismiss-btn:hover{background:var(--color-danger);color:#fff}.notification-load-more{display:flex;justify-content:center;padding:var(--spacing-md)}.notification-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.notification-panel{background:var(--color-ui-background);display:flex;flex-direction:column;height:100%}.notification-panel.collapsed{min-width:48px;width:48px}.notification-panel-toggle{align-items:center;background:var(--color-ui-surface);border:none;border-bottom:1px solid var(--color-ui-border);color:var(--color-text-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);transition:background var(--transition-normal)}.notification-panel-toggle:hover{background:var(--color-ui-border)}.toggle-label{align-items:center;display:flex;font-weight:500;gap:var(--spacing-sm)}.notification-panel.collapsed .toggle-label{display:none}.notification-panel.collapsed .notification-panel-toggle{justify-content:center}.connection-status{font-size:10px;margin-left:auto}.connection-status.disconnected{color:var(--color-danger)}.connection-status.connected{color:var(--color-success)}.notification-panel-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.quest-item-compact{background-color:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);margin-bottom:10px;padding:14px;transition:all var(--transition-normal)}.quest-item-compact:hover{background-color:var(--color-ui-hover);border-color:#dc26264d}.quest-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.quest-type-badge{border-radius:var(--border-radius-sm);font-size:.65rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.quest-type-badge.daily{background-color:#00d4c826;color:var(--color-brand-secondary)}.quest-type-badge.story{background-color:#dc262626;color:var(--color-brand-primary)}.quest-progress-text{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:.8rem}.quest-name{font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:6px}.quest-reward{color:var(--color-text-muted);font-size:.75rem;margin-bottom:10px}.quest-reward span{color:var(--color-brand-accent)}.event-item-compact{align-items:center;background-color:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);display:flex;gap:14px;margin-bottom:10px;padding:14px;transition:all var(--transition-normal)}.event-item-compact:hover{background-color:var(--color-ui-hover);border-color:#dc26264d}.event-icon-box{align-items:center;border-radius:var(--border-radius-lg);display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;width:44px}.event-icon-box.bonus{background-color:#f59e0b26}.event-icon-box.pvp{background-color:#dc262626}.event-icon-box.event{background-color:#00d4c826}.event-info{flex:1 1}.event-name{font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:4px}.event-timer{font-family:var(--font-family-mono);font-size:.8rem}.event-timer.bonus{color:var(--color-brand-accent)}.event-timer.pvp{color:var(--color-brand-primary)}.event-timer.event{color:var(--color-brand-secondary)}.panel-action-btn{background-color:initial;border:1px dashed var(--color-ui-border);border-radius:var(--border-radius-md);color:var(--color-text-muted);cursor:pointer;font-size:.85rem;margin-top:8px;padding:12px;transition:all var(--transition-normal);width:100%}.panel-action-btn:hover{border-color:#dc262666;color:var(--color-text-secondary)}.notification-item{background-color:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-left:3px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;margin-bottom:10px;padding:14px;transition:all var(--transition-normal)}.notification-item:hover{background-color:var(--color-ui-hover);border-color:var(--color-ui-border)}.notification-item.unread{background-color:#dc26260d;border-left-color:var(--color-brand-primary)}.qb-starfield{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.qb-star{animation:qbTwinkle 3s ease-in-out infinite;animation:qbTwinkle var(--dur,3s) ease-in-out infinite;background:#fff;border-radius:50%;opacity:0;position:absolute}@keyframes qbTwinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.qb-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.qb-particle{animation:qbParticleRise calc(4s + var(--p-index)*.5s) ease-in-out infinite;animation-delay:calc(var(--p-index)*.4s);background:#dc262666;border-radius:50%;bottom:-10px;height:3px;left:calc(var(--p-index)*8.3%);position:absolute;width:3px}@keyframes qbParticleRise{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.6}80%{opacity:.3}to{opacity:0;transform:translateY(-80vh) scale(.3)}}.qb-scan-beam{animation:qbScanBeam 6s linear infinite;background:linear-gradient(90deg,#0000,#dc262699,#0000);height:2px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes qbScanBeam{0%{opacity:0;top:0}10%{opacity:.8}90%{opacity:.8}to{opacity:0;top:100%}}.qb-page{margin:0 auto;max-width:min(1400px,96vw);min-height:80vh;overflow:hidden;padding:1rem;position:relative;width:100%}.qb-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;position:relative;z-index:1}.qb-header,.qb-header-content{align-items:center;display:flex;gap:1rem}.qb-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.qb-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:.25rem 0 0}.qb-header:after{animation:qbScanLine 4s linear infinite;background:linear-gradient(90deg,#0000,#dc262680,#0000);bottom:-4px;content:"";height:1px;left:0;position:absolute;width:100%}@keyframes qbScanLine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.qb-completable-alert{align-items:center;animation:qbAlertPulse 2s ease-in-out infinite;background:#22c55e26;border:1px solid #22c55e66;border-radius:var(--border-radius-md);color:#22c55e;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;padding:.5rem 1rem}@keyframes qbAlertPulse{0%,to{box-shadow:0 0 0 0 #22c55e33}50%{box-shadow:0 0 12px 4px #22c55e26}}.qb-icon{display:inline-block;flex-shrink:0;height:16px;vertical-align:middle;width:16px}.qb-icon-mission-control{background:radial-gradient(circle at 50% 60%,#dc2626 30%,#0000 32%),conic-gradient(from 180deg at 50% 60%,#dc2626 0deg,#0000 90deg,#0000 1turn);border:2px solid #dc2626;border-radius:50%;height:28px;width:28px}.qb-icon-daily{background:linear-gradient(135deg,#3b82f6,#60a5fa);border:1px solid #2563eb;border-radius:50%}.qb-icon-story{background:linear-gradient(135deg,#a855f7,#c084fc);border:1px solid #7c3aed;border-radius:2px}.qb-icon-alliance{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.qb-icon-territory{background:linear-gradient(135deg,#22c55e,#4ade80);border:1px solid #16a34a;border-radius:2px}.qb-icon-event{background:linear-gradient(135deg,#ec4899,#f472b6);border:1px solid #db2777;border-radius:50%}.qb-icon-challenge{background:linear-gradient(135deg,#ef4444,#f87171);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.qb-icon-combat{background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-clip-path:polygon(50% 0,90% 30%,80% 100%,20% 100%,10% 30%);clip-path:polygon(50% 0,90% 30%,80% 100%,20% 100%,10% 30%)}.qb-icon-crafting{background:linear-gradient(135deg,#f59e0b,#fbbf24);border:1px solid #d97706;border-radius:3px}.qb-icon-exploration{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}.qb-icon-credits{background:linear-gradient(135deg,#22c55e,#4ade80);border:1px solid #16a34a;border-radius:50%}.qb-icon-gold{background:linear-gradient(135deg,#d97706,#fbbf24);border:1px solid #b45309;border-radius:50%;box-shadow:0 0 4px #fbbf244d}.qb-icon-xp{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:1px solid #7c3aed;border-radius:50%}.qb-icon-item{background:linear-gradient(135deg,#64748b,#94a3b8);border:1px solid #475569;border-radius:3px}.qb-icon-accept{background:linear-gradient(135deg,#22c55e,#4ade80);height:14px;width:14px}.qb-icon-accept,.qb-icon-check{-webkit-clip-path:polygon(20% 50%,45% 75%,85% 20%,95% 30%,45% 90%,10% 55%);clip-path:polygon(20% 50%,45% 75%,85% 20%,95% 30%,45% 90%,10% 55%)}.qb-icon-check{background:#22c55e}.qb-icon-circle{background:#0000;border:2px solid var(--color-text-muted);border-radius:50%;height:14px;width:14px}.qb-icon-complete{background:linear-gradient(135deg,#22c55e,#fbbf24);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.qb-icon-close{background:#ef4444;-webkit-clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%);clip-path:polygon(20% 0,50% 30%,80% 0,100% 20%,70% 50%,100% 80%,80% 100%,50% 70%,20% 100%,0 80%,30% 50%,0 20%);height:12px;width:12px}.qb-icon-details{background:var(--color-text-secondary);border-radius:2px;position:relative}.qb-icon-details:after{background:var(--color-ui-surface);box-shadow:0 4px 0 var(--color-ui-surface),0 8px 0 var(--color-ui-surface);content:"";height:2px;left:3px;position:absolute;right:3px;top:3px}.qb-icon-trophy{background:linear-gradient(135deg,#d97706,#fbbf24);-webkit-clip-path:polygon(15% 0,85% 0,100% 30%,75% 30%,70% 50%,60% 70%,60% 80%,70% 85%,70% 100%,30% 100%,30% 85%,40% 80%,40% 70%,30% 50%,25% 30%,0 30%);clip-path:polygon(15% 0,85% 0,100% 30%,75% 30%,70% 50%,60% 70%,60% 80%,70% 85%,70% 100%,30% 100%,30% 85%,40% 80%,40% 70%,30% 50%,25% 30%,0 30%);height:32px;width:32px}.qb-icon-alert{animation:qbAlertBlink 1s ease-in-out infinite;background:#22c55e;border-radius:50%}@keyframes qbAlertBlink{0%,to{opacity:1}50%{opacity:.5}}.qb-icon-empty{background:var(--color-text-muted);border-radius:50%;height:48px;opacity:.3;width:48px}.qb-icon-milestone{background:linear-gradient(135deg,#d97706,#fbbf24);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:20px;width:20px}.qb-icon-chevron-right{background:var(--color-brand-primary);-webkit-clip-path:polygon(30% 15%,75% 50%,30% 85%);clip-path:polygon(30% 15%,75% 50%,30% 85%);height:12px;width:12px}.qb-icon-chevron-up{-webkit-clip-path:polygon(15% 70%,50% 30%,85% 70%);clip-path:polygon(15% 70%,50% 30%,85% 70%)}.qb-icon-chevron-down,.qb-icon-chevron-up{background:var(--color-text-muted);height:14px;width:14px}.qb-icon-chevron-down{-webkit-clip-path:polygon(15% 30%,50% 70%,85% 30%);clip-path:polygon(15% 30%,50% 70%,85% 30%)}.qb-icon-timer{background:linear-gradient(180deg,#f59e0b,#f59e0b 45%,#0000 0,#0000 55%,#f59e0b 0,#f59e0b);-webkit-clip-path:polygon(15% 0,85% 0,85% 10%,65% 45%,65% 55%,85% 90%,85% 100%,15% 100%,15% 90%,35% 55%,35% 45%,15% 10%);clip-path:polygon(15% 0,85% 0,85% 10%,65% 45%,65% 55%,85% 90%,85% 100%,15% 100%,15% 90%,35% 55%,35% 45%,15% 10%);height:14px;width:14px}.qb-icon-recommended{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:14px;width:14px}.qb-type-bg-daily:before{border:2px solid #3b82f61a;border-radius:50%;content:"";height:40px;pointer-events:none;position:absolute;right:8px;top:8px;width:40px}.qb-type-bg-daily:after{background:#3b82f614;content:"";height:2px;pointer-events:none;position:absolute;right:18px;top:18px;transform:rotate(45deg);transform-origin:left center;width:20px}.qb-type-bg-story{background:linear-gradient(135deg,#1e1e1ef2,#141414fa),linear-gradient(to bottom right,#a855f708,#0000)!important}.qb-type-bg-alliance{background:linear-gradient(135deg,#1e1e1ef2,#141414fa),linear-gradient(to bottom right,#f59e0b08,#0000)!important}.qb-type-bg-territory{background:linear-gradient(135deg,#1e1e1ef2,#141414fa),linear-gradient(to bottom right,#22c55e08,#0000)!important}.qb-type-bg-event{background:linear-gradient(135deg,#1e1e1ef2,#141414fa),linear-gradient(to bottom right,#ec489908,#0000)!important}.qb-type-bg-challenge{background:linear-gradient(135deg,#1e1e1ef2,#141414fa),linear-gradient(to bottom right,#ef444408,#0000)!important}.qb-recommended-badge{align-items:center;animation:qbRecommendedShine 3s ease-in-out infinite;background:linear-gradient(135deg,#d97706,#f59e0b);border-radius:0 var(--border-radius-md) 0 8px;color:#000;display:inline-flex;font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;padding:3px 10px;position:absolute;right:-1px;text-transform:uppercase;top:-1px;z-index:1}@keyframes qbRecommendedShine{0%,to{box-shadow:0 0 0 0 #f59e0b00}50%{box-shadow:0 0 8px 2px #f59e0b4d}}.qb-rarity-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.qb-rarity-uncommon{background:#22c55e;box-shadow:0 0 4px #22c55e80}.qb-rarity-rare{background:#3b82f6;box-shadow:0 0 4px #3b82f680}.qb-rarity-epic{background:#a855f7;box-shadow:0 0 4px #a855f780}.qb-rarity-legendary{animation:qbRarityGlow 2s ease-in-out infinite;background:#f59e0b;box-shadow:0 0 6px #f59e0b99}@keyframes qbRarityGlow{0%,to{box-shadow:0 0 4px #f59e0b66}50%{box-shadow:0 0 10px #f59e0bcc}}.qb-skeleton-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.qb-skeleton-card{animation:qbSkeletonFadeIn .6s ease-out both;background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);padding:1.25rem}.qb-skeleton-line{animation:qbShimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%);background-size:200% 100%;border-radius:4px;height:12px;margin-bottom:.75rem}.qb-skeleton-short{width:40%}.qb-skeleton-title{height:16px;width:70%}.qb-skeleton-body{width:90%}@keyframes qbShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes qbSkeletonFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qb-filters{background:#0000004d;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.qb-filter-group,.qb-filters{align-items:center;display:flex}.qb-filter-group{gap:6px}.qb-filter-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.qb-filter-group select{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);min-width:120px;padding:6px 10px;transition:border-color .2s}.qb-filter-group select:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #dc262626;outline:none}.qb-quest-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));position:relative;z-index:1}.qb-quest-card{animation:qbCardEntrance .4s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:linear-gradient(135deg,#1e1e1ef2,#141414fa);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}@keyframes qbCardEntrance{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.qb-quest-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-4px) scale(1.01)}.qb-quest-card:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.qb-difficulty-easy{border-left:3px solid #22c55e}.qb-difficulty-easy:hover{animation:qbDiffGlowGreen 2s ease-in-out infinite;box-shadow:0 8px 24px #0006,inset 0 0 20px #22c55e0d}.qb-difficulty-medium{border-left:3px solid #f59e0b}.qb-difficulty-medium:hover{animation:qbDiffGlowAmber 2s ease-in-out infinite;box-shadow:0 8px 24px #0006,inset 0 0 20px #f59e0b0d}.qb-difficulty-hard{border-left:3px solid #ef4444}.qb-difficulty-hard:hover{animation:qbDiffGlowRed 2s ease-in-out infinite;box-shadow:0 8px 24px #0006,inset 0 0 20px #ef44440d}.qb-difficulty-extreme{border-left:3px solid #a855f7}.qb-difficulty-extreme:hover{animation:qbDiffGlowPurple 2s ease-in-out infinite;box-shadow:0 8px 24px #0006,inset 0 0 20px #a855f70d}@keyframes qbDiffGlowGreen{0%,to{border-left-color:#22c55e}50%{border-left-color:#4ade80;box-shadow:0 8px 24px #0006,inset 0 0 30px #22c55e14,-3px 0 12px #22c55e1a}}@keyframes qbDiffGlowAmber{0%,to{border-left-color:#f59e0b}50%{border-left-color:#fbbf24;box-shadow:0 8px 24px #0006,inset 0 0 30px #f59e0b14,-3px 0 12px #f59e0b1a}}@keyframes qbDiffGlowRed{0%,to{border-left-color:#ef4444}50%{border-left-color:#f87171;box-shadow:0 8px 24px #0006,inset 0 0 30px #ef444414,-3px 0 12px #ef44441a}}@keyframes qbDiffGlowPurple{0%,to{border-left-color:#a855f7}50%{border-left-color:#c084fc;box-shadow:0 8px 24px #0006,inset 0 0 30px #a855f714,-3px 0 12px #a855f71a}}.qb-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.qb-type-tag{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:12px;color:#a78bfa}.qb-category-tag,.qb-type-tag{align-items:center;display:inline-flex;font-size:var(--font-size-xs);gap:4px;padding:2px 10px}.qb-category-tag{background:#3b82f626;border:1px solid #3b82f64d;border-radius:12px;color:#60a5fa}.qb-card-title{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.qb-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.5;margin:0 0 1rem;overflow:hidden}.qb-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.qb-card-rewards{flex:1 1;min-width:0}.qb-rewards-inline{display:flex;flex-wrap:wrap;gap:6px}.qb-reward-badge{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:var(--color-text-secondary);display:inline-flex;font-size:var(--font-size-xs);gap:4px;padding:3px 8px;white-space:nowrap}.qb-reward-lg{font-size:var(--font-size-sm);padding:6px 12px}.qb-no-rewards{color:var(--color-text-muted);font-size:var(--font-size-xs)}.qb-celebrate{animation:qbCelebrationFlash .6s ease-out}.qb-celebrate:before{animation:qbCelebrationBurst 1.2s ease-out;background:radial-gradient(circle at center,#22c55e4d,#0000 70%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}@keyframes qbCelebrationFlash{0%{box-shadow:0 0 0 0 #22c55e80}50%{box-shadow:0 0 30px 10px #22c55e33}to{box-shadow:none}}@keyframes qbCelebrationBurst{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.qb-check-pop{animation:qbCheckPop .4s ease-out}@keyframes qbCheckPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.qb-active-section{position:relative;z-index:1}.qb-active-row{animation:qbCardEntrance .4s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:linear-gradient(135deg,#1e1e1ef2,#141414fa);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);margin-bottom:.75rem;padding:1.25rem;transition:border-color .3s}.qb-active-row:hover{border-color:#dc26264d}.qb-completable{border-color:#22c55e80;box-shadow:0 0 12px #22c55e1a}.qb-urgent{animation:qbUrgentPulse 1.5s ease-in-out infinite;border-color:#ef444480}@keyframes qbUrgentPulse{0%,to{box-shadow:0 0 0 0 #ef44441a}50%{box-shadow:0 0 16px 4px #ef444426}}.qb-active-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.qb-active-header h4{font-size:1rem;font-weight:600;margin:0}.qb-active-row{cursor:pointer}.qb-active-header-right{align-items:center;display:flex;gap:.75rem}.qb-progress-pct{font-feature-settings:"tnum";color:var(--color-brand-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:600}.qb-timer{font-feature-settings:"tnum";align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;color:#f59e0b;display:inline-flex;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:600;gap:4px;padding:2px 8px}.qb-timer-urgent{animation:qbTimerFlash .8s ease-in-out infinite;background:#ef444426;border-color:#ef444466;color:#ef4444}.qb-timer-expired{background:#64748b26;border-color:#64748b4d;color:#94a3b8;text-decoration:line-through}@keyframes qbTimerFlash{0%,to{opacity:1}50%{opacity:.6}}.qb-active-objectives{margin-top:.75rem}.qb-objective{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:.5rem;padding:.25rem 0}.qb-objective-done{color:var(--color-success)}.qb-objective-done span:last-child{opacity:.7;text-decoration:line-through}.qb-complete-action{display:flex;justify-content:flex-end;margin-top:1rem}.qb-completed-section{position:relative;z-index:1}.qb-milestone-celebration{align-items:center;animation:qbMilestoneFadeOut 3s ease-out forwards;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-index-modal)}.qb-milestone-celebration-inner{align-items:center;animation:qbMilestonePopIn .5s ease-out;background:#000000d9;border:2px solid #fbbf24;border-radius:16px;box-shadow:0 0 40px #fbbf244d;display:flex;flex-direction:column;gap:.75rem;padding:2rem 3rem}.qb-milestone-celebration-text{color:#fbbf24;font-size:1.3rem;font-weight:700;text-shadow:0 0 12px #fbbf2466}.qb-milestone-celebration .qb-icon-trophy{animation:qbMilestoneSpin 1s ease-out}@keyframes qbMilestonePopIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes qbMilestoneFadeOut{0%,70%{opacity:1}to{opacity:0}}@keyframes qbMilestoneSpin{0%{transform:rotateY(0deg) scale(.5)}50%{transform:rotateY(180deg) scale(1.2)}to{transform:rotateY(1turn) scale(1)}}.qb-confetti{animation:qbConfettiFall 2s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--c-index, 0)*.05s);border-radius:2px;height:8px;left:50%;position:absolute;top:50%;width:8px}.qb-confetti:nth-child(odd){background:#fbbf24}.qb-confetti:nth-child(2n){background:#dc2626}.qb-confetti:nth-child(3n){background:#22c55e}.qb-confetti:nth-child(4n){background:#3b82f6}.qb-confetti:nth-child(5n){background:#a855f7;border-radius:50%;height:10px;width:6px}@keyframes qbConfettiFall{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}to{opacity:0;transform:translate(-300px,200px) rotate(0deg) scale(.3);transform:translate(calc((var(--c-index, 0) - 10)*30px),calc(200px + var(--c-index, 0)*15px)) rotate(calc(var(--c-index, 0)*72deg)) scale(.3)}}.qb-milestone-display{align-items:center;animation:qbMilestoneGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#d977061a,#fbbf240d);border:1px solid #d977064d;border-radius:var(--border-radius-md);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem}@keyframes qbMilestoneGlow{0%,to{box-shadow:0 0 0 0 #d977061a}50%{box-shadow:0 0 16px 4px #d9770614}}.qb-milestone-label{color:#fbbf24;font-size:1.1rem;font-weight:700}.qb-milestone-count{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.qb-milestone-next{color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:.35rem;margin-top:.25rem;width:100%}.qb-completed-item{align-items:center;animation:qbCardEntrance .3s ease-out both;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.04s);background:#1e1e1e99;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s}.qb-completed-item:hover{background:#282828cc;border-color:#dc26264d;transform:translateX(4px)}.qb-completed-item:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.qb-completed-title{flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-completed-type{color:var(--color-text-muted);font-size:var(--font-size-xs)}.qb-load-more-wrap{padding:1rem 0}.qb-empty-state,.qb-load-more-wrap{display:flex;justify-content:center}.qb-empty-state{align-items:center;color:var(--color-text-secondary);flex-direction:column;grid-column:1/-1;padding:3rem;text-align:center}.qb-empty-state h3{margin:1rem 0 .5rem}.qb-empty-state p{line-height:1.5;margin:0}.qb-detail-modal{display:flex;flex-direction:column;gap:var(--spacing-md)}.qb-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.qb-detail-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.qb-detail-objectives{display:flex;flex-direction:column;gap:var(--spacing-sm)}.qb-detail-objectives h4{font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-xs) 0}.qb-detail-obj{align-items:center;background:#0003;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:.5rem;padding:var(--spacing-sm)}.qb-obj-done{color:var(--color-success)}.qb-optional-badge{background:var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:auto;padding:2px 6px}.qb-detail-rewards{background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:var(--border-radius-md);padding:var(--spacing-md)}.qb-detail-rewards h4{color:#f59e0b;font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-sm) 0}.qb-rewards-list{display:flex;flex-wrap:wrap;gap:8px}.qb-detail-meta{color:var(--color-text-tertiary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-md)}.qb-detail-actions{border-top:1px solid var(--color-ui-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-sm)}.qb-rewards-modal{padding:1rem;text-align:center}.qb-rewards-celebration{margin-bottom:1.5rem}.qb-rewards-celebration h3{color:#fbbf24;font-size:1.3rem;margin:.75rem 0 0}.qb-rewards-list-modal{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.qb-reward-row{align-items:center;animation:qbRewardSlideIn .4s ease-out both;background:#ffffff0d;border-radius:var(--border-radius-sm);display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.qb-reward-row:first-child{animation-delay:.1s}.qb-reward-row:nth-child(2){animation-delay:.2s}.qb-reward-row:nth-child(3){animation-delay:.3s}.qb-reward-row:nth-child(4){animation-delay:.4s}@keyframes qbRewardSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quest-tracker{display:flex;flex-direction:column;height:100%;overflow:hidden}.quest-tracker-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.view-toggle,.view-toggle .toggle-btn{display:flex;gap:var(--spacing-xs)}.view-toggle .toggle-btn{align-items:center;background:#0000;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal)}.view-toggle .toggle-btn:hover{background:#dc262614;border-color:#dc26264d;color:var(--color-text-primary)}.view-toggle .toggle-btn.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:0 0 12px var(--glow-primary);color:var(--color-text-inverse)}.view-toggle .toggle-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.view-all-btn{align-items:center;background:#0000;border:none;color:var(--color-brand-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-normal)}.view-all-btn:hover{color:var(--color-brand-secondary)}.quests-list{flex:1 1;overflow-y:auto;padding:var(--spacing-sm)}.no-quests{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.no-quests p{line-height:1.5;margin-bottom:var(--spacing-md)}.quest-item{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);cursor:pointer;margin-bottom:var(--spacing-sm);padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.quest-item:hover{border-color:var(--color-brand-primary);box-shadow:0 0 12px var(--glow-primary)}.quest-item:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.quest-item.expanded{border-color:var(--color-brand-primary)}.quest-header{justify-content:space-between;margin-bottom:var(--spacing-xs)}.quest-header,.quest-title-row{align-items:center;display:flex}.quest-title-row{gap:var(--spacing-sm)}.quest-type-badge{flex-shrink:0}.quest-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin:0}.quest-progress-text{color:var(--color-brand-secondary);font-size:var(--font-size-sm);font-weight:500}.quest-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:var(--spacing-sm) 0}.quest-details{border-top:1px solid var(--color-ui-border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.quest-objectives{margin-bottom:var(--spacing-md)}.quest-objectives h5{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-sm) 0}.quest-objectives ul{list-style:none;margin:0;padding:0}.objective-item{align-items:flex-start;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.objective-item.complete{color:var(--color-success)}.objective-item.complete .objective-text{opacity:.8;text-decoration:line-through}.optional-badge{background:var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:2px 6px}.quest-info{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.info-item{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.info-label{color:var(--color-text-secondary)}.info-value{color:var(--color-text-primary);font-weight:500}.info-value.difficulty{font-weight:600}.quest-rewards{background:var(--color-ui-background);border-radius:var(--border-radius-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.quest-rewards,.reward-label{align-items:center;display:flex}.reward-label{color:var(--color-text-secondary);gap:var(--spacing-xs)}.reward-label,.reward-value{font-size:var(--font-size-sm)}.reward-value{color:var(--color-brand-accent);font-weight:500}.quest-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.expand-indicator{bottom:var(--spacing-xs);left:50%;opacity:.5;position:absolute;transform:translateX(-50%)}.quest-item:hover .expand-indicator{opacity:1}.qb-tracker-error,.qb-tracker-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.qb-tracker-error{color:var(--color-danger)}.qb-spinner{animation:qbSpin 1s linear infinite;border:3px solid var(--color-ui-border);border-radius:50%;border-top-color:var(--color-brand-primary);height:32px;margin-bottom:var(--spacing-md);width:32px}@keyframes qbSpin{to{transform:rotate(1turn)}}@media (max-width:1024px){.qb-quest-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.qb-page{padding:.75rem}.qb-header{align-items:flex-start;flex-direction:column}.qb-header h1{font-size:1.4rem}.qb-quest-grid{grid-template-columns:1fr}.qb-filters{flex-direction:column;gap:.5rem}.qb-filter-group{width:100%}.qb-filter-group select{flex:1 1}.qb-skeleton-grid{grid-template-columns:1fr}.qb-active-header{align-items:flex-start;flex-direction:column;gap:.5rem}.qb-active-header-right{justify-content:space-between;width:100%}}@media (max-width:600px){.qb-card-footer{align-items:stretch;flex-direction:column}.qb-card-footer button{width:100%}.qb-milestone-celebration-inner{padding:1.5rem 2rem}.qb-milestone-celebration-text{font-size:1rem}}@media (max-width:480px){.qb-header h1{font-size:1.2rem}.qb-quest-card{padding:1rem}.qb-detail-header{gap:.25rem}.qb-recommended-badge{font-size:9px;padding:2px 8px}}.qb-header:before{animation:qbHeaderSweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc26260f,#0000);background-size:200% 100%;border-radius:var(--border-radius-md);content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}@keyframes qbHeaderSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.qb-search-group{flex:1 1;min-width:180px}.qb-search-input{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:1px solid var(--color-ui-border);border-radius:6px;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);min-width:140px;padding:6px 10px;transition:border-color .2s}.qb-search-input::placeholder{color:var(--color-text-muted)}.qb-search-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #dc262626;outline:none}.qb-chain-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:var(--border-radius-md) 0 8px 0;color:#fff;font-size:10px;font-weight:700;left:-1px;letter-spacing:.5px;padding:3px 10px;position:absolute;text-transform:uppercase;top:-1px;z-index:1}.qb-chain-badge,.qb-chain-tag{align-items:center;display:inline-flex;gap:4px}.qb-chain-tag{background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:12px;color:#a78bfa;font-size:var(--font-size-xs);padding:2px 10px}.qb-icon-chain{background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-clip-path:polygon(20% 0,40% 0,40% 30%,60% 30%,60% 0,80% 0,80% 45%,60% 45%,60% 55%,80% 55%,80% 100%,60% 100%,60% 70%,40% 70%,40% 100%,20% 100%,20% 55%,40% 55%,40% 45%,20% 45%);clip-path:polygon(20% 0,40% 0,40% 30%,60% 30%,60% 0,80% 0,80% 45%,60% 45%,60% 55%,80% 55%,80% 100%,60% 100%,60% 70%,40% 70%,40% 100%,20% 100%,20% 55%,40% 55%,40% 45%,20% 45%);height:14px;width:14px}.qb-almost-done{animation:qbAlmostDonePulse 2.5s ease-in-out infinite;border-color:#f59e0b66}@keyframes qbAlmostDonePulse{0%,to{box-shadow:0 0 0 0 #f59e0b1a}50%{box-shadow:0 0 12px 3px #f59e0b1a}}.qb-almost-badge{align-items:center;animation:qbAlmostBadgeGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b33,#fbbf2426);border:1px solid #f59e0b66;border-radius:4px;color:#fbbf24;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}@keyframes qbAlmostBadgeGlow{0%,to{text-shadow:none}50%{text-shadow:0 0 6px #fbbf2466}}.qb-active-title-row{align-items:center;display:flex;gap:.5rem;min-width:0}.qb-active-title-row h4{font-size:1rem;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-active-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.qb-abandon-confirm{align-items:center;animation:qbAbandonFadeIn .2s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--border-radius-sm);color:#ef4444;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;padding:4px 8px}@keyframes qbAbandonFadeIn{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.qb-complete-all-bar{align-items:center;background:linear-gradient(135deg,#22c55e14,#22c55e08);border:1px solid #22c55e40;border-radius:var(--border-radius-md);display:flex;justify-content:flex-end;margin-bottom:.75rem;padding:.75rem 1rem}.qb-daily-section{position:relative;z-index:1}.qb-daily-header-bar{align-items:center;background:linear-gradient(135deg,#3b82f61a,#3b82f608);border:1px solid #3b82f640;border-radius:var(--border-radius-md);display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.qb-daily-title{color:#60a5fa;flex:1 1;font-size:1.1rem;font-weight:600}.qb-daily-reset-timer{font-feature-settings:"tnum";align-items:center;animation:qbDailyTimerPulse 3s ease-in-out infinite;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;display:inline-flex;font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;font-weight:600;gap:4px;padding:4px 10px}@keyframes qbDailyTimerPulse{0%,to{box-shadow:0 0 0 0 #3b82f600}50%{box-shadow:0 0 8px 2px #3b82f61a}}.qb-daily-active{border-color:#3b82f666;opacity:.7}.qb-daily-active-badge{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:4px;color:#60a5fa;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;padding:2px 8px}.qb-story-lore{align-items:flex-start;background:linear-gradient(135deg,#a855f70f,#0000);border-left:2px solid #a855f74d;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.qb-lore-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:var(--font-size-xs);font-style:italic;line-height:1.5;overflow:hidden}.qb-detail-story{background:linear-gradient(135deg,#a855f714,#a855f705);border:1px solid #a855f733;border-radius:var(--border-radius-md);padding:var(--spacing-md)}.qb-detail-story h4{align-items:center;color:#a78bfa;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;margin:0 0 var(--spacing-sm) 0}.qb-lore-block{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;line-height:1.7;margin:0}@media (max-width:768px){.qb-daily-header-bar{flex-wrap:wrap}.qb-daily-reset-timer{justify-content:center;width:100%}.qb-active-actions{justify-content:stretch}.qb-active-actions button{flex:1 1}.qb-search-group{width:100%}.qb-complete-all-bar{justify-content:center}}@media (prefers-reduced-motion:reduce){.qb-abandon-confirm,.qb-active-row,.qb-almost-badge,.qb-almost-done,.qb-celebrate,.qb-celebrate:before,.qb-check-pop,.qb-completable-alert,.qb-completed-item,.qb-confetti,.qb-daily-reset-timer,.qb-difficulty-easy:hover,.qb-difficulty-extreme:hover,.qb-difficulty-hard:hover,.qb-difficulty-medium:hover,.qb-header:after,.qb-header:before,.qb-icon-alert,.qb-milestone-celebration,.qb-milestone-celebration .qb-icon-trophy,.qb-milestone-celebration-inner,.qb-milestone-display,.qb-particle,.qb-quest-card,.qb-rarity-legendary,.qb-recommended-badge,.qb-reward-row,.qb-scan-beam,.qb-skeleton-card,.qb-skeleton-line,.qb-spinner,.qb-star,.qb-timer-urgent,.qb-urgent{animation:none!important;transition:none!important}.qb-star{opacity:.3}.qb-active-row,.qb-completed-item,.qb-quest-card,.qb-reward-row,.qb-skeleton-card{opacity:1;transform:none}}.page-transition-overlay{align-items:center;background-color:var(--color-ui-background);bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:var(--z-index-modal)}.page-transition-overlay.active{opacity:1;pointer-events:all}.page-transition-content{text-align:center}.page-transition-icon{animation:transitionPulse .8s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--glow-primary));font-size:4rem;margin-bottom:20px}.page-transition-text{color:var(--color-brand-primary);font-size:1.1rem;font-weight:var(--font-weight-medium);letter-spacing:4px;text-transform:uppercase}@keyframes transitionPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-index-toast)}.card-glow-top{background:linear-gradient(90deg,#0000,var(--color-brand-primary),#0000);height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.activity-card:hover .card-glow-top,.card:hover .card-glow-top{opacity:1}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--color-ui-surface)}::-webkit-scrollbar-thumb{background:var(--color-brand-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary-bright)}*{scrollbar-color:var(--color-brand-primary) var(--color-ui-surface);scrollbar-width:thin}.chat-input-wrapper{background-color:var(--color-ui-surface);border-top:1px solid var(--color-ui-border);display:flex;flex-direction:column;position:relative}.chat-reply-bar{align-items:center;animation:replyBarSlideIn .15s ease-out;background-color:#dc26260f;border-bottom:1px solid #dc262626;border-left:3px solid var(--color-brand-primary);display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}@keyframes replyBarSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-reply-preview{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.chat-reply-author{color:var(--color-brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px}.chat-reply-text{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-cancel{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;padding:0;transition:all var(--transition-fast);width:22px}.chat-reply-cancel:hover{background-color:#dc26261a;border-color:#dc26264d;color:var(--color-text-primary)}.chat-close-icon{background:currentColor;display:inline-block;height:12px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") center/contain no-repeat;width:12px}.emoji-toggle-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;padding:0;transition:all var(--transition-fast);width:34px}.emoji-toggle-btn:hover{background-color:#dc262614;border-color:#dc262633;color:var(--color-brand-primary)}.emoji-toggle-icon{background:currentColor;display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.char-count{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0;font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:0 var(--spacing-xs);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.char-count--warning{color:var(--color-warning)}.char-count--danger{animation:charCountPulse 1s ease-in-out infinite;color:var(--color-danger);font-weight:var(--font-weight-semibold)}@keyframes charCountPulse{0%,to{opacity:1}50%{opacity:.6}}.emoji-picker{animation:emojiPickerOpen .15s ease-out;background-color:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-lg);bottom:100%;box-shadow:var(--shadow-lg),0 0 20px #dc26261a;display:flex;flex-direction:column;left:var(--spacing-sm);max-height:360px;position:absolute;width:320px;z-index:var(--z-index-dropdown)}@keyframes emojiPickerOpen{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-picker-header{align-items:center;border-bottom:1px solid var(--color-ui-border);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm)}.emoji-search{background-color:var(--color-ui-elevated);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-sm);outline:none;padding:6px var(--spacing-sm);transition:border-color var(--transition-fast)}.emoji-search:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #dc262626}.emoji-picker-close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;padding:0;transition:all var(--transition-fast);width:26px}.emoji-picker-close:hover{background-color:#dc26261a;color:var(--color-text-primary)}.emoji-categories{border-bottom:1px solid var(--color-ui-divider);display:flex;gap:2px;padding:var(--spacing-xs) var(--spacing-sm)}.emoji-cat-btn{background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 0;text-align:center;transition:all var(--transition-fast)}.emoji-cat-btn:hover{background-color:var(--color-ui-hover);color:var(--color-text-primary)}.emoji-cat-btn.active{background-color:#dc26261a;color:var(--color-brand-primary)}.emoji-grid{grid-gap:2px;display:grid;flex:1 1;gap:2px;grid-template-columns:repeat(8,1fr);overflow-y:auto;padding:var(--spacing-sm);scrollbar-color:var(--color-ui-border) #0000;scrollbar-width:thin}.emoji-grid::-webkit-scrollbar{width:4px}.emoji-grid::-webkit-scrollbar-track{background:#0000}.emoji-grid::-webkit-scrollbar-thumb{background:var(--color-ui-border);border-radius:2px}.emoji-item{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1.25rem;height:34px;justify-content:center;padding:0;transition:all var(--transition-fast);width:34px}.emoji-item:hover{background-color:var(--color-ui-hover);transform:scale(1.15)}.emoji-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);grid-column:1/-1;padding:var(--spacing-lg);text-align:center}.link-previews{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.link-preview-card{align-items:center;background-color:#ffffff08;border:1px solid var(--color-ui-border);border-left:3px solid var(--color-brand-secondary);border-radius:var(--border-radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.link-preview-card:hover{background-color:#00d4c80f;border-color:#00d4c84d;box-shadow:0 0 10px #00d4c81a}.link-preview-icon{background:var(--color-brand-secondary);display:inline-block;flex-shrink:0;height:16px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E") center/contain no-repeat;width:16px}.link-preview-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.link-preview-domain{color:var(--color-brand-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px}.link-preview-url{color:var(--color-text-muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-external{background:var(--color-text-muted);display:inline-block;flex-shrink:0;height:12px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") center/contain no-repeat;transition:background var(--transition-fast);width:12px}.link-preview-card:hover .link-preview-external{background:var(--color-brand-secondary)}.link-preview-card--rich{align-items:stretch;flex-direction:column;overflow:hidden;padding:0}.link-preview-card--rich .link-preview-body{padding:var(--spacing-xs) var(--spacing-sm)}.link-preview-body{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.link-preview-card--rich .link-preview-external{position:absolute;right:8px;top:8px}.link-preview-card--rich{position:relative}.link-preview-image{background:#0003;max-height:140px;overflow:hidden;width:100%}.link-preview-image img{display:block;height:100%;max-height:140px;object-fit:cover;width:100%}.link-preview-site-name{color:var(--color-text-muted);font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.link-preview-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3}.link-preview-description,.link-preview-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.link-preview-description{color:var(--color-text-secondary);font-size:.72rem;line-height:1.35}.link-preview-loading{animation:linkPreviewPulse 1.2s ease-in-out infinite}@keyframes linkPreviewPulse{0%,to{opacity:.5}50%{opacity:1}}.message-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-badge{align-items:center;background-color:#ffffff0a;border:1px solid var(--color-ui-border);border-radius:12px;cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);gap:4px;padding:2px 8px;transition:all var(--transition-fast)}.reaction-badge:hover{background-color:#dc262614;border-color:#dc26264d}.reaction-badge--active{background-color:#dc26261f;box-shadow:0 0 6px #dc262626}.reaction-emoji{font-size:.9rem;line-height:1}.reaction-count{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:.7rem;font-weight:var(--font-weight-semibold)}.reaction-badge--active .reaction-count{color:var(--color-brand-primary-bright)}.reaction-add-menu{display:inline-flex;position:relative}.reaction-add-btn{align-items:center;background-color:initial;border:1px dashed var(--color-ui-border);border-radius:12px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:24px;justify-content:center;padding:0;transition:all var(--transition-fast);width:24px}.reaction-add-btn:hover{background-color:#ffffff0a;border-color:var(--color-text-tertiary);color:var(--color-text-secondary)}.reaction-picker-popup{background-color:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);bottom:calc(100% + 6px);box-shadow:var(--shadow-md);display:none;flex-direction:row;gap:2px;left:50%;padding:4px;position:absolute;transform:translateX(-50%);z-index:var(--z-index-dropdown)}.reaction-add-menu:hover .reaction-picker-popup{display:flex}.reaction-picker-item{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;padding:0;transition:all var(--transition-fast);width:30px}.reaction-picker-item:hover{background-color:var(--color-ui-hover);transform:scale(1.2)}.message-edited-badge{color:var(--color-text-muted);display:inline;font-size:.65rem;font-style:italic;margin-left:var(--spacing-xs);-webkit-user-select:none;user-select:none}.message-reply-ref{align-items:center;background-color:#ffffff05;border-left:2px solid var(--color-text-tertiary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);margin-bottom:4px;padding:3px var(--spacing-sm);transition:all var(--transition-fast)}.message-reply-ref:hover{background-color:#ffffff0a;border-left-color:var(--color-brand-primary);color:var(--color-text-secondary)}.message-reply-ref:before{background:currentColor;content:"";display:inline-block;flex-shrink:0;height:12px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z'/%3E%3C/svg%3E") center/contain no-repeat;width:12px}.mention-highlight{background-color:#dc26261a;border-radius:3px;color:var(--color-brand-primary-bright);cursor:pointer;font-weight:var(--font-weight-semibold);padding:1px 3px;transition:all var(--transition-fast)}.mention-highlight:hover{background-color:#dc262633;text-decoration:underline}.mention-autocomplete{animation:mentionDropdownOpen .12s ease-out;background-color:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-md);bottom:100%;box-shadow:var(--shadow-md),0 0 15px #dc262614;display:flex;flex-direction:column;gap:2px;left:var(--spacing-sm);max-height:240px;overflow-y:auto;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);scrollbar-color:var(--color-ui-border) #0000;scrollbar-width:thin;z-index:var(--z-index-dropdown)}@keyframes mentionDropdownOpen{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mention-autocomplete::-webkit-scrollbar{width:4px}.mention-autocomplete::-webkit-scrollbar-track{background:#0000}.mention-autocomplete::-webkit-scrollbar-thumb{background:var(--color-ui-border);border-radius:2px}.mention-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:left;transition:all var(--transition-fast);width:100%}.mention-item:hover{background-color:#dc262614;border-color:#dc262633}.mention-avatar{align-items:center;background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 100%);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);height:26px;justify-content:center;text-transform:uppercase;width:26px}.mention-username{flex:1 1;font-weight:var(--font-weight-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-status{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.mention-status--online{background-color:var(--color-success);box-shadow:0 0 4px #22c55e80}.mention-status--away{background-color:var(--color-warning)}.mention-status--busy{background-color:var(--color-danger)}.mention-status--offline{background-color:var(--color-info)}.send-button:disabled{cursor:not-allowed;opacity:.4}.send-button:disabled,.send-button:disabled:hover{box-shadow:none;transform:none}@media (max-width:480px){.emoji-picker{left:calc(var(--spacing-xs));right:calc(var(--spacing-xs));width:calc(100vw - var(--spacing-md))}.emoji-grid{grid-template-columns:repeat(7,1fr)}.char-count{display:none}}@media (max-width:768px){.emoji-picker{width:280px}.emoji-grid{grid-template-columns:repeat(7,1fr)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:messageSlideIn .2s ease-out}.message-sender,.reply-ref-author{font-weight:var(--font-weight-bold)}.message-sender{cursor:default;margin-bottom:4px;transition:opacity var(--transition-fast)}.message-sender--clickable{cursor:pointer}.message-sender--clickable:hover{opacity:.8}.message-sender--mine{color:#dc2626;color:var(--color-brand-primary,#dc2626)}.message-sender--other{color:#00d4c8;color:var(--color-brand-secondary,#00d4c8)}.message-edit-actions{display:flex;gap:4px;margin-top:4px}.message-edit-btn{background:#dc2626;background:var(--color-brand-primary,#dc2626);border:1px solid #0000;border-radius:var(--border-radius-sm);color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;font-family:var(--font-family-primary);font-size:.75em;font-weight:var(--font-weight-semibold);padding:2px 8px;transition:all var(--transition-fast)}.message-edit-btn:hover{background:#ef4444;background:var(--color-brand-primary-bright,#ef4444);box-shadow:0 0 8px #dc26264d}.message-edit-btn--cancel{background:#0000;border-color:var(--color-ui-border);color:var(--color-text-secondary);opacity:.6}.message-edit-btn--cancel:hover{background:#ffffff0f;box-shadow:none;opacity:1}.message-action-buttons{animation:actionButtonsFadeIn .12s ease-out;background:#1a1a2e;background:var(--color-ui-surface,#1a1a2e);border:1px solid #333;border:1px solid var(--color-ui-border,#333);border-radius:var(--border-radius-sm);display:flex;gap:2px;padding:2px;position:absolute;right:4px;top:4px;z-index:1}@keyframes actionButtonsFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.message-action-btn{background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-family-primary);font-size:.75em;font-weight:var(--font-weight-medium);padding:2px 6px;transition:all var(--transition-fast)}.message-action-btn:hover{background-color:#dc26261a;box-shadow:0 0 6px #dc262633;color:#dc2626;color:var(--color-brand-primary,#dc2626)}.typing-dots{padding:4px 0}.typing-dots span,.typing-dots:after,.typing-dots:before{animation:typingBounce 1.2s ease-in-out infinite;background-color:var(--color-text-muted);height:6px;width:6px}.typing-dots:after{animation-delay:.2s}.typing-dots span{animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.message-skeleton{animation:messageSlideIn .2s ease-out;display:flex;flex-direction:column;gap:6px;padding:var(--spacing-sm)}.message-skeleton-sender{height:12px;width:80px}.message-skeleton-content,.message-skeleton-sender{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:var(--border-radius-sm)}.message-skeleton-content{animation-delay:.1s;height:14px;width:200px}.message-skeleton-content--short{width:120px}.message-skeleton-timestamp{align-self:flex-end;animation:skeletonShimmer 1.5s ease-in-out infinite;animation-delay:.2s;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:var(--border-radius-sm);height:10px;width:60px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.typing-indicator{align-items:center;animation:typingFadeIn .2s ease;color:#606060;color:var(--color-text-muted,#606060);display:flex;font-size:.75rem;font-size:var(--font-size-xs,.75rem);gap:6px;padding:4px 12px;padding:4px var(--spacing-sm,12px)}@keyframes typingFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.typing-indicator-text{color:#a0a0a0;color:var(--color-text-secondary,#a0a0a0);font-weight:500;font-weight:var(--font-weight-medium,500)}.typing-dots{align-items:center;display:inline-flex;gap:3px;margin-left:2px}.typing-dots span,.typing-dots:after,.typing-dots:before{animation:typingBounce 1.4s ease-in-out infinite both;background-color:#dc2626;background-color:var(--color-brand-primary,#dc2626);border-radius:50%;content:"";display:inline-block;height:5px;width:5px}.typing-dots:before{animation-delay:0s}.typing-dots span{animation-delay:.2s}.typing-dots:after{animation-delay:.4s}.chat-footer-area{background:#0a0a0a;background:var(--color-ui-surface,#0a0a0a);border-top:1px solid #2a2a2a;border-top:1px solid var(--color-ui-border,#2a2a2a);position:relative}.chat-skeleton-list{display:flex;flex:1 1;flex-direction:column;gap:8px;gap:var(--spacing-sm,8px);padding:8px;padding:var(--spacing-sm,8px)}.chat-skeleton-list .message-skeleton:nth-child(2),.chat-skeleton-list .message-skeleton:nth-child(4){align-self:flex-end}@media (max-width:768px){.chat-panel.expanded .chat-content{position:relative}.chat-panel.expanded .chat-sidebar{background:#0a0a0a;background:var(--color-ui-surface,#0a0a0a);border-right:1px solid #2a2a2a;border-right:1px solid var(--color-ui-border,#2a2a2a);bottom:0;box-shadow:4px 0 20px #00000080;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease,opacity .3s ease;width:200px;z-index:10}.chat-panel.expanded .chat-sidebar.mobile-open{opacity:1;pointer-events:auto;transform:translateX(0)}.chat-panel.expanded .chat-main{width:100%}.chat-user-sidebar{background:#0a0a0a;background:var(--color-ui-surface,#0a0a0a);border-left:1px solid #2a2a2a;border-left:1px solid var(--color-ui-border,#2a2a2a);bottom:0;box-shadow:-4px 0 20px #00000080;position:absolute;right:0;top:0;width:180px;z-index:10}}@media (max-width:480px){.chat-panel.expanded{border:none;border-radius:0;max-height:70vh}.message-skeleton-content{width:140px}.message-skeleton-content--short{width:80px}.message-action-buttons{margin-top:4px;position:static}}.chat-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.chat-status-dot--online{background:#22c55e;background:var(--color-success,#22c55e);box-shadow:0 0 6px #22c55e80}.chat-status-dot--busy{animation:statusPulse 2s ease-in-out infinite;background:#ef4444;background:var(--color-danger,#ef4444);box-shadow:0 0 6px #ef444480}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.chat-icon--gap-right{margin-right:8px}.chat-icon--gap-left{margin-left:8px}.message-edit-area{display:flex;flex-direction:column;gap:4px}.message-edit-area .chat-input{border-color:#dc2626;border-color:var(--color-brand-primary,#dc2626);box-shadow:0 0 0 2px #dc262626;font-size:.875rem;font-size:var(--font-size-sm,.875rem);padding:6px 8px;padding:var(--spacing-xs,6px) var(--spacing-sm,8px)}.chat-icon--bubble{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-primary-dark));-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--bubble,.chat-icon--send{display:inline-block;height:18px;width:18px}.chat-icon--send{background:linear-gradient(135deg,var(--color-brand-primary),#f97316);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--pin{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--pin,.chat-icon--thread{display:inline-block;height:18px;width:18px}.chat-icon--thread{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 6h-2v9H6v2c0 .55.45 1 1 1h11l4 4V7c0-.55-.45-1-1-1zm-4 6V3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v14l4-4h10c.55 0 1-.45 1-1z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--channel{background:linear-gradient(135deg,#00d4c8,#0891b2);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10V8h-4V4h-2v4h-4V4H8v4H4v2h4v4H4v2h4v4h2v-4h4v4h2v-4h4v-2h-4v-4h4zm-6 4h-4v-4h4v4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 10V8h-4V4h-2v4h-4V4H8v4H4v2h4v4H4v2h4v4h2v-4h4v4h2v-4h4v-2h-4v-4h4zm-6 4h-4v-4h4v4z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--at,.chat-icon--channel{display:inline-block;height:18px;width:18px}.chat-icon--at{background:linear-gradient(135deg,#ec4899,#db2777);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8 8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47.65.89 1.77 1.47 2.96 1.47 1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8 8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47.65.89 1.77 1.47 2.96 1.47 1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--edit{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--edit,.chat-icon--image{display:inline-block;height:18px;width:18px}.chat-icon--image{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--mute{background:linear-gradient(135deg,var(--color-brand-primary-bright),var(--color-brand-primary));-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--mute,.chat-icon--users{display:inline-block;height:18px;width:18px}.chat-icon--users{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--search{background:linear-gradient(135deg,#f5f5f5,#a0a0a0);display:inline-block;height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat;width:18px}.chat-hex-badge{align-items:center;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-primary-dark));-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;display:inline-flex;font-size:.65rem;font-weight:700;height:24px;justify-content:center;width:24px}.chat-diamond-status{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex-shrink:0;height:10px;width:10px}.chat-diamond-status--online{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 6px #22c55e80}.chat-diamond-status--away{background:linear-gradient(135deg,#f59e0b,#d97706)}.chat-diamond-status--busy{background:linear-gradient(135deg,var(--color-brand-primary-bright),var(--color-brand-primary))}.chat-octagon-badge{align-items:center;background:linear-gradient(135deg,#00d4c826,#00d4c80d);-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);display:flex;height:28px;justify-content:center;width:28px}.chat-arrow-accent{background:linear-gradient(90deg,#0000,#dc26264d,#0000);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);height:4px;width:100%}.chat-pentagon-badge{align-items:center;background:linear-gradient(135deg,#f59e0b4d,#f59e0b1a);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);display:flex;height:22px;justify-content:center;width:22px}.send-button{animation:chatBtnGradientShift 3s ease infinite;background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-primary-dark) 50%,var(--color-brand-primary-dark) 100%);background-size:200% 200%;border:1px solid #dc262680;overflow:hidden;position:relative}@keyframes chatBtnGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.send-button:after{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.send-button:hover:not(:disabled):after{animation:chatShimmerSweep .5s ease forwards}@keyframes chatShimmerSweep{0%{left:-100%}to{left:100%}}.emoji-cat-btn.active{background:linear-gradient(135deg,#dc262626,#dc26260d);border-bottom:2px solid var(--color-brand-primary)}.mention-avatar{animation:chatAvatarShift 4s ease infinite;background:linear-gradient(135deg,var(--color-brand-primary) 0,#f97316 50%,var(--color-brand-primary) 100%);background-size:200% 200%}@keyframes chatAvatarShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.reaction-badge--active{background:linear-gradient(135deg,#dc262626,#dc26260d);border-color:#dc262666}.chat-reply-bar{background:linear-gradient(135deg,#dc26260f,#dc262605)}.link-preview-card:hover{background:linear-gradient(135deg,#00d4c814,#00d4c805)}.chat-header{background:linear-gradient(180deg,#141414,#0a0a0a);background:linear-gradient(180deg,var(--color-ui-elevated,#141414) 0,var(--color-ui-background,#0a0a0a) 100%)}.chat-message:hover{background:linear-gradient(135deg,#dc262608,#0000)}.chat-message.my-message{background:linear-gradient(135deg,#dc26260f,#dc262605)}.chat-messages-area{position:relative}.chat-messages-area:after{animation:chatParticleDrift 30s linear infinite;background-image:radial-gradient(1px 1px at 10% 20%,#dc262626 50%,#0000 0),radial-gradient(1px 1px at 30% 60%,#00d4c81f 50%,#0000 0),radial-gradient(1px 1px at 50% 40%,#dc26261a 50%,#0000 0),radial-gradient(1px 1px at 70% 80%,#8b5cf61a 50%,#0000 0),radial-gradient(1px 1px at 90% 30%,#00d4c814 50%,#0000 0);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@keyframes chatParticleDrift{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.chat-panel:before{border-left:2px solid #dc262640;border-top:2px solid #dc262640;left:0;top:0}.chat-panel:after,.chat-panel:before{content:"";height:16px;pointer-events:none;position:absolute;width:16px;z-index:2}.chat-panel:after{border-bottom:2px solid #dc262640;border-right:2px solid #dc262640;bottom:0;right:0}.chat-channel-tab{position:relative;transition:all .2s ease}.chat-channel-tab:hover{background:linear-gradient(135deg,#dc26260f,#0000)}.chat-channel-tab.active{background:linear-gradient(135deg,#dc26261a,#dc262608);border-left:2px solid var(--color-brand-primary)}.chat-channel-tab.active:after{background:linear-gradient(180deg,#0000,#dc262666,#0000);border-radius:2px;content:"";height:60%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px}.chat-reconnecting-banner{align-items:center;animation:reconnectPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#ef444426,#ef444414,#ef444426);border-bottom:1px solid #ef444433;color:var(--color-brand-primary-bright);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:8px;justify-content:center;letter-spacing:.5px;padding:6px var(--spacing-sm)}.chat-reconnecting-dot{animation:reconnectDotBlink 1s ease-in-out infinite;background:var(--color-brand-primary-bright);border-radius:50%;height:8px;width:8px}@keyframes reconnectPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes reconnectDotBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.chat-empty-state{align-items:center;animation:emptyStateFadeIn .5s ease-out;display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center}@keyframes emptyStateFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-empty-icon{align-items:center;background:linear-gradient(135deg,#dc26261f,#dc26260a);border:1px solid #dc262626;border-radius:50%;display:flex;height:56px;justify-content:center;margin-bottom:var(--spacing-xs);width:56px}.chat-icon--xl{height:28px;width:28px}.chat-icon--xs{height:12px;width:12px}.chat-empty-title{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.chat-empty-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.chat-pinned-panel{background:linear-gradient(180deg,#f59e0b0f,#0000);border-bottom:1px solid var(--color-ui-border);max-height:200px;overflow-y:auto}.chat-pinned-header{align-items:center;border-bottom:1px solid #f59e0b26;color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.chat-pinned-close{background:#0000;border:none;color:var(--color-text-tertiary);cursor:pointer;margin-left:auto;padding:2px}.chat-pinned-list{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-xs) var(--spacing-sm)}.chat-pinned-empty{color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--spacing-sm);text-align:center}.chat-pinned-item{background:#f59e0b0a;border-left:2px solid #f59e0b;border-left:2px solid var(--color-warning,#f59e0b);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;font-size:var(--font-size-xs);padding:4px var(--spacing-sm)}.chat-pinned-author{color:#f59e0b;color:var(--color-warning,#f59e0b);font-weight:var(--font-weight-bold);margin-bottom:1px}.chat-pinned-content{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-load-more{display:flex;justify-content:center;padding:var(--spacing-sm)}.chat-load-more-btn{background:#0000;border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-xs);padding:4px 16px;transition:all var(--transition-fast)}.chat-load-more-btn:hover:not(:disabled){background:#dc262614;border-color:#dc26264d;color:var(--color-brand-primary)}.chat-load-more-btn:disabled{cursor:not-allowed;opacity:.5}.edit-countdown{color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:.6rem;margin-left:6px;opacity:.7}.message-pinned-badge{align-items:center;color:#f59e0b;color:var(--color-warning,#f59e0b);display:flex;font-size:.6rem;font-weight:var(--font-weight-bold);gap:4px;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.pinned-message{background:linear-gradient(135deg,#f59e0b0a,#0000);border-left:2px solid #f59e0b;border-left:2px solid var(--color-warning,#f59e0b)}.pin-toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;gap:4px;padding:2px 6px;transition:all var(--transition-fast)}.pin-toggle-btn.active,.pin-toggle-btn:hover{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning,#f59e0b)}.pin-count{font-family:var(--font-family-mono);font-size:.65rem;font-weight:var(--font-weight-bold)}.chat-user-sidebar-header{align-items:center;border-bottom:1px solid var(--color-ui-border);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.online-filter-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;height:22px;justify-content:center;transition:all var(--transition-fast);width:22px}.online-filter-btn.active,.online-filter-btn:hover{background:#22c55e1a;border-color:#22c55e66}.chat-panel.expanded:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);background:none;border-left:2px solid #dc262640;border-top:2px solid #dc262640;height:16px;width:16px;z-index:3}.chat-messages-area:before,.chat-panel.expanded:before{content:"";inset:0;pointer-events:none;position:absolute}.chat-messages-area:before{background:repeating-linear-gradient(0deg,#0000,#0000 3px,rgba(0,0,0,.015) 0,rgba(0,0,0,.015) 6px);mix-blend-mode:multiply;z-index:1}.chat-panel.expanded .chat-header{border-bottom:1px solid color-mix(in srgb,#dc2626 20%,#0000);border-bottom:1px solid color-mix(in srgb,var(--channel-accent,#dc2626) 20%,#0000)}.chat-panel.expanded .chat-channel-tab.active{border-left-color:#dc2626;border-left-color:var(--channel-accent,#dc2626)}.chat-panel.expanded .chat-channel-tab.active:after{background:linear-gradient(180deg,#0000,color-mix(in srgb,#dc2626 40%,#0000),#0000);background:linear-gradient(180deg,#0000,color-mix(in srgb,var(--channel-accent,#dc2626) 40%,#0000),#0000)}@keyframes chatMessageStagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:chatMessageStagger .25s ease-out both}.chat-search-bar{align-items:center;animation:chatSearchSlideDown .2s ease-out;background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid var(--color-ui-border);display:flex;gap:6px;padding:6px var(--spacing-sm);position:relative}@keyframes chatSearchSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-search-input{background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-sm);outline:none;padding:5px var(--spacing-sm);transition:border-color var(--transition-fast)}.chat-search-input:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #dc262626}.chat-search-input::placeholder{color:var(--color-text-muted)}.chat-search-close{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:22px;justify-content:center;transition:all var(--transition-fast);width:22px}.chat-search-close:hover{background:#dc26261a;color:var(--color-text-primary)}.chat-search-spinner{animation:chatSearchSpin .6s linear infinite;border:2px solid var(--color-ui-border);border-radius:50%;border-top-color:var(--color-brand-primary);flex-shrink:0;height:14px;width:14px}@keyframes chatSearchSpin{to{transform:rotate(1turn)}}.chat-search-results{background:var(--color-ui-surface);border:1px solid var(--color-ui-border);border-top:none;box-shadow:var(--shadow-md);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100;z-index:var(--z-index-dropdown,100)}.chat-search-results-header{border-bottom:1px solid var(--color-ui-divider);color:var(--color-text-muted);font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;padding:4px var(--spacing-sm);text-transform:uppercase}.chat-search-result-item{border-bottom:1px solid #ffffff05;cursor:pointer;display:flex;flex-direction:column;gap:1px;padding:4px var(--spacing-sm);transition:background var(--transition-fast)}.chat-search-result-item:hover{background:#dc26260f}.chat-search-result-author{color:var(--color-brand-secondary);font-size:.7rem;font-weight:var(--font-weight-bold)}.chat-search-result-content{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-read-receipt-indicator{align-items:center;animation:readReceiptFadeIn .3s ease;color:var(--color-text-muted);display:flex;font-size:.6rem;gap:4px;justify-content:flex-end;padding:2px var(--spacing-sm)}@keyframes readReceiptFadeIn{0%{opacity:0}to{opacity:1}}.chat-read-receipt-check{background:#00d4c8;background:var(--color-brand-secondary,#00d4c8);display:inline-block;height:12px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z'/%3E%3C/svg%3E") center/contain no-repeat;width:12px}.chat-message--highlight{animation:threadHighlightPulse 2s ease-out!important}@keyframes threadHighlightPulse{0%{background:#00d4c840;box-shadow:0 0 12px #00d4c84d}30%{background:#00d4c826;box-shadow:0 0 6px #00d4c833}to{background:#0000;box-shadow:none}}.chat-mute-panel{background:linear-gradient(180deg,#ef44440f,#0000);border-bottom:1px solid var(--color-ui-border);max-height:280px;overflow-y:auto}.chat-mute-header{align-items:center;border-bottom:1px solid #ef444426;color:#ef4444;color:var(--color-danger,#ef4444);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--spacing-xs)}.chat-mute-form,.chat-mute-header{display:flex;padding:var(--spacing-xs) var(--spacing-sm)}.chat-mute-form{flex-wrap:wrap;gap:4px}.chat-mute-input{background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-xs);min-width:80px;outline:none;padding:4px 8px}.chat-mute-input:focus{border-color:var(--color-danger)}.chat-mute-select{background:#141414;background:var(--color-ui-elevated,#141414);border:1px solid var(--color-ui-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);outline:none;padding:4px 8px}.chat-mute-btn,.chat-mute-select{cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-xs)}.chat-mute-btn{background:#ef4444;background:var(--color-danger,#ef4444);border:none;border-radius:var(--border-radius-sm);color:#fff;font-weight:var(--font-weight-bold);padding:4px 12px;transition:all var(--transition-fast)}.chat-mute-btn:hover:not(:disabled){background:var(--color-brand-primary);box-shadow:0 0 8px #ef44444d}.chat-mute-btn:disabled{cursor:not-allowed;opacity:.4}.chat-muted-list{padding:var(--spacing-xs) var(--spacing-sm)}.chat-muted-list-header{color:var(--color-text-muted);font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.chat-muted-item{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:var(--font-size-xs);gap:6px;padding:3px 0}.chat-muted-username{color:var(--color-danger);font-weight:var(--font-weight-bold);min-width:60px}.chat-muted-reason{color:var(--color-text-muted);flex:1 1;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-muted-expires{color:var(--color-text-tertiary);flex-shrink:0;font-family:var(--font-family-mono);font-size:.65rem}.chat-unmute-btn{background:#0000;border:1px solid #22c55e;border:1px solid var(--color-success,#22c55e);border-radius:var(--border-radius-sm);color:#22c55e;color:var(--color-success,#22c55e);cursor:pointer;flex-shrink:0;font-family:var(--font-family-primary);font-size:.65rem;padding:2px 8px;transition:all var(--transition-fast)}.chat-unmute-btn:hover{background:#22c55e1a}.chat-header-btn{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;gap:4px;padding:2px 6px;transition:all var(--transition-fast)}.chat-header-btn.active,.chat-header-btn:hover{background:#dc26261a;color:var(--color-text-primary)}.chat-icon--streak{background:linear-gradient(135deg,#f97316,var(--color-brand-primary-bright));-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--streak,.chat-icon--trophy{display:inline-block;height:18px;width:18px}.chat-icon--trophy{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") center/contain no-repeat}.chat-icon--md{height:28px;width:28px}.streak-badge{background:linear-gradient(135deg,#f97316,var(--color-brand-primary-bright));border-radius:8px;color:#fff;font-size:.6rem;font-weight:700;line-height:1.4;margin-left:2px;min-width:14px;padding:0 4px;text-align:center}.chat-streak-panel{animation:chatStreakSlideIn .2s ease-out;background:#000000d9;border:1px solid #f9731633;border-radius:var(--border-radius-sm);margin:0 var(--spacing-sm) var(--spacing-xs);overflow:hidden}@keyframes chatStreakSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-streak-header{align-items:center;background:linear-gradient(90deg,#f9731626,#0000);border-bottom:1px solid #f9731626;color:#f97316;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm)}.chat-streak-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 4px}.chat-streak-close:hover{color:var(--color-text-primary)}.chat-streak-body{padding:var(--spacing-sm)}.chat-streak-stat--fire{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.chat-streak-stat--fire .chat-streak-value{color:#f97316;font-size:1.5rem;font-weight:800;line-height:1}.chat-streak-stat--fire .chat-streak-label{color:var(--color-text-muted);display:block;font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.chat-streak-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr)}.chat-streak-stat{text-align:center}.chat-streak-value{color:var(--color-text-primary);display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.chat-streak-label{color:var(--color-text-muted);display:block;font-size:.6rem;letter-spacing:.3px;text-transform:uppercase}.chat-streak-achievements{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.chat-streak-achievements-title{color:var(--color-text-secondary);font-size:.7rem;font-weight:var(--font-weight-semibold);margin-bottom:2px;width:100%}.chat-streak-achievement-badge{background:linear-gradient(135deg,#f9731633,#ef444433);border:1px solid #f973164d;border-radius:10px;color:#f97316;font-size:.6rem;font-weight:600;padding:2px 6px;text-transform:capitalize}.chat-streak-empty{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}.chat-achievement-toast{align-items:center;animation:achievementToastIn .4s ease-out;background:linear-gradient(135deg,#f97316f2,#ea580cf2);border:1px solid #fff3;border-radius:var(--border-radius-md);box-shadow:0 8px 32px #f9731666;color:#fff;display:flex;gap:var(--spacing-sm);left:50%;max-width:300px;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);position:absolute;top:50px;transform:translateX(-50%);z-index:100}@keyframes achievementToastIn{0%{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.9)}60%{transform:translateX(-50%) translateY(4px) scale(1.02)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.chat-achievement-toast-title{display:block;font-size:.65rem;letter-spacing:1px;opacity:.85;text-transform:uppercase}.chat-achievement-toast-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.chat-achievement-toast-desc{display:block;font-size:.7rem;opacity:.9}@media (prefers-reduced-motion:reduce){.chat-empty-state,.chat-message,.chat-reconnecting-banner,.chat-reconnecting-dot,.chat-reply-bar,.emoji-picker,.mention-autocomplete,.message-action-buttons,.message-skeleton,.message-skeleton-content,.message-skeleton-sender,.message-skeleton-timestamp,.typing-indicator{animation:none!important;transition:none!important}.chat-messages-area:after,.chat-status-dot--busy,.mention-avatar,.send-button,.send-button:after,.typing-dots span,.typing-dots:after,.typing-dots:before{animation:none!important}.emoji-item:hover,.reaction-picker-item:hover{transform:none!important}.char-count--danger,.chat-achievement-toast,.chat-message--highlight,.chat-read-receipt-indicator,.chat-search-bar,.chat-search-spinner,.chat-streak-panel,.link-preview-loading{animation:none!important}}
/*# sourceMappingURL=main.bea95838.css.map*/