.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-bottom-nav);display:flex;align-items:center;justify-content:space-around;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-darker);border-top:1px solid var(--border-gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (min-width: 769px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;min-width:60px}.bottom-nav-item svg{width:22px;height:22px;transition:color var(--transition-fast)}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item--active{color:var(--gold-primary)}.bottom-nav-item--active svg{filter:drop-shadow(0 0 6px var(--gold-glow))}.bottom-nav-create{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;-webkit-tap-highlight-color:transparent;margin-top:-18px;color:var(--text-muted)}.bottom-nav-create-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--gold-primary);color:var(--bg-dark);box-shadow:0 2px 12px var(--gold-glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.bottom-nav-create:hover .bottom-nav-create-icon,.bottom-nav-create:active .bottom-nav-create-icon{transform:scale(1.08);box-shadow:0 4px 16px var(--gold-glow)}.bottom-nav-create--active{color:var(--gold-primary)}.bottom-nav-create--active .bottom-nav-create-icon{box-shadow:0 0 16px var(--gold-glow)}.bottom-nav-more-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.bottom-nav-more-btn{background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.bottom-nav-more-popup{position:absolute;bottom:calc(100% + 8px);right:-8px;background:var(--bg-darker);border:1px solid var(--border-gold);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);display:flex;flex-direction:column;gap:2px;min-width:140px;z-index:var(--z-header)}.bottom-nav-more-popup:after{content:"";position:absolute;bottom:-6px;right:24px;width:10px;height:10px;background:var(--bg-darker);border-right:1px solid var(--border-gold);border-bottom:1px solid var(--border-gold);transform:rotate(45deg)}.bottom-nav-more-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);text-decoration:none;font-size:.8125rem;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.bottom-nav-more-item:hover{background:var(--bg-card);color:var(--gold-primary)}.bottom-nav-more-item svg{flex-shrink:0}.bottom-nav-label{font-size:.625rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.keyboard-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.keyboard-overlay{background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:360px;width:calc(100% - 2 * var(--spacing-lg));box-shadow:0 16px 48px #00000080}.keyboard-overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.keyboard-overlay-header h2{font-family:var(--font-display);font-size:1.125rem;color:var(--gold-primary);margin:0}.keyboard-overlay-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:0}.keyboard-overlay-close:hover{color:var(--text-primary)}.keyboard-shortcut-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.keyboard-shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) 0}.keyboard-shortcut-keys{display:flex;align-items:center;gap:4px}.keyboard-shortcut-or{color:var(--text-muted);font-size:.6875rem;margin:0 2px}.keyboard-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--text-primary)}.keyboard-shortcut-label{font-size:.8125rem;color:var(--text-secondary)}.user-portrait{border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border-subtle)}.user-portrait--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-muted)}.auth-button-container{position:relative;display:flex;align-items:center;gap:8px}.auth-login-label{color:var(--text-muted);font-size:.75rem;font-weight:500;white-space:nowrap}.auth-login-buttons{display:flex;align-items:center;gap:6px}.auth-icon-btn{display:flex;align-items:center;gap:5px;height:36px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;font-family:var(--font-body);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.auth-icon-btn svg{flex-shrink:0}.auth-icon-btn--battlenet{background:#00aeff26;border-color:#00aeff66;color:#00aeff}.auth-icon-btn--battlenet:hover{background:#00aeff4d;border-color:#00aeff}.auth-icon-btn--discord{background:#5865f226;border-color:#5865f266;color:#5865f2}.auth-icon-btn--discord:hover{background:#5865f24d;border-color:#5865f2}.auth-profile-link{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--gold-dark);color:var(--gold-primary);padding:4px 10px 4px 4px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;text-decoration:none;white-space:nowrap;max-width:180px;transition:all var(--transition-fast)}.auth-profile-name{overflow:hidden;text-overflow:ellipsis}.auth-profile-link:hover{background:var(--arena-glow);border-color:var(--gold-primary);color:var(--gold-light)}@media (max-width: 768px){.auth-login-label{display:none}.auth-icon-btn{height:32px;padding:0 10px;font-size:.6875rem}.auth-profile-link{font-size:.8125rem;padding:4px 8px 4px 4px;max-width:140px}}@media (max-width: 480px){.auth-icon-btn{height:30px;padding:0 8px;font-size:0;gap:0}.auth-profile-link{font-size:.75rem;padding:4px 6px 4px 4px}}.notification-bell,.notification-bell__button{position:relative}.notification-bell__badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--error);color:var(--text-primary);font-size:.625rem;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-overlay);overflow:hidden}.notification-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.notification-panel__title{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.notification-panel__mark-all{background:none;border:none;color:var(--gold-primary);font-size:.75rem;font-weight:500;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.notification-panel__mark-all:hover{background:var(--arena-glow)}.notification-panel__list{overflow-y:auto;max-height:400px;flex:1}.notification-panel__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-muted);font-size:.875rem}.notification-panel__empty p{margin:0}.notification-panel__loading{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.8125rem}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-left:2px solid transparent;background:none;text-align:left;cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-body)}.notification-item:hover{background:var(--bg-card-hover)}.notification-item--unread{border-left-color:var(--gold-primary);background:var(--arena-glow)}.notification-item__icon{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.notification-item--unread .notification-item__icon{color:var(--gold-primary)}.notification-item__content{flex:1;min-width:0}.notification-item__text{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.notification-item__text strong{color:var(--text-primary);font-weight:600}.notification-item--unread .notification-item__text{color:var(--text-primary)}.notification-item__time{font-size:.6875rem;color:var(--text-muted);margin-top:2px;display:block}@media (max-width: 768px){.notification-panel{width:calc(100vw - 32px);right:-8px}}@media (max-width: 480px){.notification-panel{right:-16px}}.layout{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;max-width:100vw}.header{position:sticky;top:0;z-index:var(--z-header);background:var(--bg-darker);border-bottom:1px solid var(--border-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold-primary);letter-spacing:.1em;text-shadow:0 0 10px rgba(201,168,76,.3)}.logo:hover .logo-text{text-shadow:0 0 20px rgba(201,168,76,.5)}.nav{display:flex;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--border-subtle)}.nav-link.active{color:var(--gold-primary);background:var(--arena-glow)}.nav-link--glow{animation:nav-glow 2s ease-in-out 3}@keyframes nav-glow{0%,to{text-shadow:0 0 4px rgba(201,168,76,.2)}50%{text-shadow:0 0 10px rgba(201,168,76,.6),0 0 20px rgba(201,168,76,.3);color:var(--gold-primary)}}.nav-new-badge{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--bg-darker);background:var(--gold-primary);padding:1px 5px;border-radius:var(--radius-full);margin-left:4px;vertical-align:super;line-height:1}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.color-mode-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.color-mode-toggle:hover{color:var(--gold-primary);border-color:var(--gold-primary)}.nav-link--mobile-cta{display:none}.main{flex:1}.footer{background:var(--bg-darker);border-top:1px solid var(--border-subtle);padding:var(--spacing-lg) 0;margin-top:auto}.footer-content{text-align:center}.footer-copyright{font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.footer-disclaimer{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.footer-credit{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.footer-links{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}.footer-link{font-size:.75rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.footer-link:hover{color:var(--gold-primary)}.footer-separator{color:var(--text-muted);font-size:.75rem}@media (max-width: 768px){.header-content{height:56px}.logo-text{font-size:1.25rem}.nav{display:none}.nav-link--mobile-cta{display:inline-flex;padding:var(--spacing-xs) var(--spacing-sm);color:var(--gold-primary);border:1px solid var(--gold-dark);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.nav-link--mobile-cta:hover{background:var(--arena-glow);border-color:var(--gold-primary)}.main{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.footer{padding:var(--spacing-md) 0;padding-bottom:calc(var(--spacing-md) + 60px + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.nav-link--mobile-cta{font-size:.6875rem;padding:3px var(--spacing-xs)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg-dark)}.error-boundary-content{max-width:480px;text-align:center}.error-boundary-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--gold-primary);opacity:.8}.error-boundary-icon svg{width:100%;height:100%}.error-boundary-title{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);margin-bottom:var(--spacing-md)}.error-boundary-message{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.error-boundary-details{margin-bottom:var(--spacing-xl);text-align:left;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-md);padding:var(--spacing-md)}.error-boundary-details summary{cursor:pointer;color:var(--gold-primary);font-weight:500;margin-bottom:var(--spacing-sm)}.error-boundary-details pre{font-size:.75rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-darker);border-radius:var(--radius-sm);overflow-x:auto}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl)}.error-boundary-actions .btn{min-width:120px}.error-boundary-brand{font-family:var(--font-display);font-size:1rem;color:var(--gold-dark);letter-spacing:.1em}@media (max-width: 480px){.error-boundary-title{font-size:1.5rem}.error-boundary-actions{flex-direction:column}.error-boundary-actions .btn{width:100%}}.transmog-card{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.transmog-card--battle{width:352px;height:506px}.transmog-card--leaderboard,.transmog-card--favorite{width:200px;height:290px}.card-frame{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);border:2px solid var(--gold-primary);overflow:hidden;background:var(--bg-card);box-shadow:0 4px 20px #0006;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.transmog-card:hover .card-frame{border-color:var(--gold-light);box-shadow:0 4px 20px #0006}.transmog-card:focus-visible .card-frame{border-color:var(--gold-light);box-shadow:0 0 20px 4px var(--gold-glow),0 4px 20px #0006}.card-frame--winner{border-color:var(--gold-light);animation:winner-border-pulse .8s ease-out forwards}@keyframes winner-border-pulse{0%{box-shadow:0 4px 20px #0006}35%{box-shadow:0 0 50px 12px #c9a84c99,0 0 20px 4px #ffdf7866,0 4px 20px #0006}to{box-shadow:0 0 30px 6px #c9a84c59,0 0 12px 2px #ffdf7833,0 4px 20px #0006}}[data-card-theme=basic] .card-frame .class-accent-line{position:absolute;top:0;left:0;right:0;height:3px;background:var(--class-color-hex, var(--gold-primary));z-index:calc(var(--z-base) + 4);pointer-events:none}.card-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-conic-gradient(rgba(255,255,255,.02) 0% 25%,transparent 0% 50%);background-size:4px 4px;pointer-events:none;z-index:var(--z-base)}.card-background{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.7}[data-card-theme=basic] .card-background--class-1,.card-background--class-1{background:linear-gradient(180deg,#c69b6d2e,#c69b6d0f)}[data-card-theme=basic] .card-background--class-2,.card-background--class-2{background:linear-gradient(180deg,#f48cba2e,#f48cba0f)}[data-card-theme=basic] .card-background--class-3,.card-background--class-3{background:linear-gradient(180deg,#aad3722e,#aad3720f)}[data-card-theme=basic] .card-background--class-4,.card-background--class-4{background:linear-gradient(180deg,#fff4682e,#fff4680f)}[data-card-theme=basic] .card-background--class-5,.card-background--class-5{background:linear-gradient(180deg,#ffffff24,#ffffff0d)}[data-card-theme=basic] .card-background--class-6,.card-background--class-6{background:linear-gradient(180deg,#c41e3a2e,#c41e3a0f)}[data-card-theme=basic] .card-background--class-7,.card-background--class-7{background:linear-gradient(180deg,#0070dd2e,#0070dd0f)}[data-card-theme=basic] .card-background--class-8,.card-background--class-8{background:linear-gradient(180deg,#3fc7eb2e,#3fc7eb0f)}[data-card-theme=basic] .card-background--class-9,.card-background--class-9{background:linear-gradient(180deg,#8788ee2e,#8788ee0f)}[data-card-theme=basic] .card-background--class-10,.card-background--class-10{background:linear-gradient(180deg,#00ff982e,#00ff980f)}[data-card-theme=basic] .card-background--class-11,.card-background--class-11{background:linear-gradient(180deg,#ff7c0a2e,#ff7c0a0f)}[data-card-theme=basic] .card-background--class-12,.card-background--class-12{background:linear-gradient(180deg,#a330c92e,#a330c90f)}[data-card-theme=basic] .card-background--class-13,.card-background--class-13{background:linear-gradient(180deg,#33937f2e,#33937f0f)}[data-card-theme=basic] .card-background--class-14,.card-background--class-14{background:linear-gradient(180deg,#aad3722e,#aad3720f)}[data-card-theme=basic] .card-background--class-15,.card-background--class-15{background:linear-gradient(180deg,#6699992e,#6699990f)}[data-card-theme=refract] .card-background{background:var(--refract-bg, var(--bg-card));opacity:1}[data-card-theme=refract] .card-frame{--class-accent: var(--class-color-hex, var(--gold-primary))}[data-card-theme=refract] .card-frame:before{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-color:var(--class-accent);border-style:solid;border-width:2px 0 0 2px;opacity:.4;pointer-events:none;z-index:var(--z-dropdown);border-radius:2px 0 0}[data-card-theme=refract] .card-frame:after{content:"";position:absolute;bottom:40px;right:4px;width:20px;height:20px;border-color:var(--class-accent);border-style:solid;border-width:0 2px 2px 0;opacity:.4;pointer-events:none;z-index:var(--z-dropdown);border-radius:0 0 2px}[data-card-theme=refract] .refract-corner-tr,[data-card-theme=refract] .refract-corner-bl{position:absolute;width:20px;height:20px;border-color:var(--class-accent);border-style:solid;opacity:.4;pointer-events:none;z-index:var(--z-dropdown)}[data-card-theme=refract] .refract-corner-tr{top:4px;right:4px;border-width:2px 2px 0 0;border-radius:0 2px 0 0}[data-card-theme=refract] .refract-corner-bl{bottom:40px;left:4px;border-width:0 0 2px 2px;border-radius:0 0 0 2px}.character-render{position:absolute;top:-27%;bottom:20px;left:50%;transform:translate(-50%);width:218%;height:auto;min-height:145%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));pointer-events:none}.transmog-card--leaderboard .character-render,.transmog-card--favorite .character-render{top:-22%;bottom:16px;width:206%}.character-render.character-render--community{top:0;bottom:0;left:0;width:100%;min-height:100%;transform:none;object-fit:cover}.character-render--community.character-render--mirrored{transform:scaleX(-1)}.character-render--mirrored{transform:translate(-50%) scaleX(-1)}.info-strip{position:absolute;bottom:0;left:0;right:0;height:36px;background:var(--bg-darker);border-top:2px solid var(--class-color-hex, var(--gold-dark));display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.transmog-card--leaderboard .info-strip,.transmog-card--favorite .info-strip{height:32px}.race-label{font-family:var(--font-display);font-size:.8125rem;font-weight:400;color:var(--text-primary);letter-spacing:.02em}.info-dot{color:var(--class-color-hex, var(--gold-primary));margin:0 2px}.transmog-card--leaderboard .race-label,.transmog-card--favorite .race-label{font-size:.6875rem}.gender-icon{font-size:1rem;color:var(--gold-primary)}.gender-icon[data-gender=male]{color:#6bb8ff}.gender-icon[data-gender=female]{color:#ff8ed4}.rank-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--bg-dark);font-weight:700;padding:4px 10px;border-radius:var(--radius-sm);font-size:.875rem;box-shadow:var(--shadow-sm)}.transmog-card--leaderboard .rank-badge{font-size:.75rem;padding:3px 8px}.votes-badge{position:absolute;top:8px;right:8px;background:#000000bf;color:var(--text-primary);font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transmog-card--leaderboard .votes-badge{font-size:.625rem;padding:2px 6px}.winner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(201,168,76,.35) 0%,rgba(201,168,76,.1) 50%,transparent 80%);border-top:1px solid rgba(255,223,120,.3);pointer-events:none}.stats-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;background:#000c;padding:12px 24px;border-radius:var(--radius-md);border:1px solid var(--gold-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stats-percent{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--gold-primary)}.stats-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.transmog-card--battle{animation:card-float 4s ease-in-out infinite;will-change:transform;backface-visibility:hidden}@keyframes card-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-5px,0)}}.transmog-card--battle:hover,.transmog-card--battle:active{animation-play-state:paused}@media (max-width: 768px){.transmog-card--battle{width:280px;height:400px}}@media (max-width: 480px){.transmog-card--battle{width:240px;height:350px}.transmog-card--leaderboard,.transmog-card--favorite{width:160px;height:230px}}.social-badge{position:absolute;bottom:40px;right:6px;display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;pointer-events:none;z-index:calc(var(--z-base) + 5)}.social-badge--trending{background:#ff6b35e6;color:#fff}.social-badge--top25{background:#ffd700e6;color:var(--bg-dark)}.transmog-card--leaderboard .social-badge,.transmog-card--favorite .social-badge{bottom:36px}@media (prefers-reduced-motion: reduce){.transmog-card--battle{animation:none}}.destruction-overlay{position:fixed;z-index:var(--z-header);pointer-events:none;overflow:visible}.destruction-fragment{position:absolute;top:0;right:0;bottom:0;left:0}.destruction-fragment-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.destruction-fragment-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:2px solid var(--gold-primary);box-shadow:0 4px 20px #0006}.destruction-fragment-card .card-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7}.destruction-character-render{position:absolute;top:-27%;bottom:20px;left:50%;transform:translate(-50%);width:218%;height:auto;min-height:145%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));pointer-events:none}.destruction-character-render--mirrored{transform:translate(-50%) scaleX(-1)}.slash-container{position:absolute;top:50%;left:50%;width:160%;height:3px;pointer-events:none;z-index:var(--z-dropdown);filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 0 20px rgba(201,168,76,.35))}.slash-line{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 5%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.8) 95%,transparent 100%);border-radius:2px}.fireball-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:var(--z-dropdown);pointer-events:none}.fireball-overlay__flash{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,180,.9) 0%,rgba(255,160,40,.7) 40%,rgba(255,60,0,.4) 70%,transparent 100%)}.fireball-overlay__ring{position:absolute;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;border:3px solid rgba(255,140,20,.6);box-shadow:0 0 15px #ff640066}.fireball-overlay__ember{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffb428e6;box-shadow:0 0 6px #ff640099}.destruction-smoke-trail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(80,60,40,.5) 0%,rgba(60,40,20,.25) 40%,transparent 70%);filter:blur(12px);pointer-events:none}.destruction-fragment--fireball .destruction-fragment-clip{filter:brightness(1.2)}.destruction-fragment--fireball .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,100,0,.3),rgba(255,50,0,.15) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--frost .destruction-fragment-clip{filter:brightness(1.1) saturate(.7)}.destruction-fragment--frost .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(128,192,255,.25),rgba(100,160,255,.1) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--lightning .destruction-fragment-clip{filter:brightness(1.15)}.destruction-fragment--lightning .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(64,128,255,.25),rgba(40,80,255,.1) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--holy .destruction-fragment-clip{filter:brightness(1.15)}.destruction-fragment--holy .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(240,192,64,.3),rgba(240,180,40,.1) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--nature .destruction-fragment-clip{filter:brightness(1.05) saturate(1.1)}.destruction-fragment--nature .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(77,179,77,.2),transparent 60%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--hunter .destruction-fragment-clip{animation:hunter-shake 1.3s ease-out}@keyframes hunter-shake{0%{transform:translate(0)}11%{transform:translate(0)}12%{transform:translate(-8px)}15%{transform:translate(5px)}17%{transform:translate(-2px)}19%{transform:translate(0)}30%{transform:translate(0)}31%{transform:translate(10px)}34%{transform:translate(-6px)}36%{transform:translate(3px)}38%{transform:translate(0)}49%{transform:translate(0)}50%{transform:translate(-12px)}53%{transform:translate(7px)}55%{transform:translate(-3px)}57%{transform:translate(0)}to{transform:translate(0)}}.hunter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-dropdown);pointer-events:none;overflow:visible}.hunter-overlay__arrow{width:36px;height:3px;margin:-1.5px 0 0 -18px;background:linear-gradient(90deg,#4db34d4d,#a08c64b3 30%,#c8c8c8e6 70%,#c8c8c899);border-radius:1px;box-shadow:0 0 4px #4db34d4d}.hunter-overlay__arrow--right{transform:scaleX(-1)}.hunter-overlay__impact{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,200,.6) 0%,rgba(77,179,77,.2) 60%,transparent 100%)}.destruction-fragment--jade .destruction-fragment-clip{filter:brightness(1.1)}.destruction-fragment--jade .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(64,224,160,.2),transparent 60%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--shadow .destruction-fragment-clip{filter:brightness(.85) saturate(1.2)}.destruction-fragment--shadow .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(144,64,224,.3),rgba(80,0,160,.15) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--holy-dissolve .destruction-fragment-clip{filter:brightness(1.3)}.destruction-fragment--holy-dissolve .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,251,230,.3),rgba(255,230,160,.1) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--rogue .destruction-fragment-clip{filter:brightness(.9)}.destruction-fragment--fel .destruction-fragment-clip{filter:brightness(1.1) hue-rotate(-10deg)}.destruction-fragment--fel .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(160,64,255,.2),rgba(0,255,0,.05) 60%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--druid .destruction-fragment-clip{filter:brightness(1.05) saturate(1.15)}.destruction-fragment--druid .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(128,255,128,.15),transparent 60%);mix-blend-mode:screen;pointer-events:none}.destruction-fragment--evoker .destruction-fragment-clip{filter:brightness(1.1)}.destruction-fragment--evoker .destruction-fragment-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(64,224,224,.25),rgba(0,192,192,.1) 50%,transparent 80%);mix-blend-mode:screen;pointer-events:none}.frost-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:-1;pointer-events:none}.frost-overlay__glow{position:absolute;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:50%;background:radial-gradient(circle,rgba(200,235,255,.7) 0%,rgba(128,200,255,.35) 40%,rgba(100,180,255,.1) 70%,transparent 100%)}.frost-overlay__glow-ring{position:absolute;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;background:radial-gradient(circle,rgba(180,220,255,.25) 0%,rgba(128,200,255,.08) 50%,transparent 80%)}.lightning-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:var(--z-dropdown);pointer-events:none}.lightning-overlay__flash{position:absolute;width:100px;height:100px;margin:-50px 0 0 -50px;border-radius:50%;background:radial-gradient(circle,rgba(220,240,255,.95) 0%,rgba(100,180,255,.5) 40%,rgba(64,128,255,.2) 60%,transparent 80%)}.lightning-overlay__arc{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#b4dcffe6;box-shadow:0 0 8px #64b4ffcc,0 0 16px #4080ff66}.holy-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:var(--z-dropdown);pointer-events:none}.holy-overlay__flash{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,180,.9) 0%,rgba(240,192,64,.5) 40%,rgba(201,168,76,.2) 60%,transparent 80%)}.holy-overlay__ray{position:absolute;width:100px;height:2px;margin:-1px 0 0;transform-origin:0% 50%;background:linear-gradient(90deg,rgba(255,240,180,.8) 0%,rgba(240,192,64,.4) 60%,transparent 100%)}.shadow-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:var(--z-dropdown);pointer-events:none}.shadow-overlay__vortex{position:absolute;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;border:3px solid rgba(144,64,224,.5);box-shadow:inset 0 0 30px #5000a066,0 0 20px #9040e04d}.shadow-overlay__glow{position:absolute;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle,rgba(180,100,255,.6) 0%,rgba(144,64,224,.3) 50%,transparent 80%)}.nature-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:var(--z-dropdown);pointer-events:none}.nature-overlay__ring{position:absolute;width:140px;height:140px;margin:-70px 0 0 -70px;border-radius:50%;border:3px solid rgba(64,224,160,.6);box-shadow:0 0 20px #40e0a066}.nature-overlay__glow{position:absolute;width:180px;height:180px;margin:-90px 0 0 -90px;border-radius:50%;background:radial-gradient(circle,rgba(128,255,128,.3) 0%,rgba(64,224,160,.1) 50%,transparent 80%)}.nature-overlay__particle{position:absolute;border-radius:50%;background:#80ff80cc;box-shadow:0 0 10px #40e0a099}.arrow-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:var(--z-dropdown);pointer-events:none}.arrow-overlay__impact{position:absolute;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;background:radial-gradient(circle,rgba(77,179,77,.4) 0%,rgba(77,179,77,.1) 50%,transparent 80%)}.breath-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-dropdown);pointer-events:none;overflow:hidden}.breath-overlay__wash{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top center;background:linear-gradient(180deg,rgba(64,224,224,.35) 0%,rgba(0,192,192,.15) 50%,transparent 100%)}.wind-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-dropdown);pointer-events:none;overflow:visible}.wind-overlay__gust{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(200,230,220,.4) 20%,rgba(220,245,235,.5) 50%,rgba(200,230,220,.3) 80%,transparent 100%);border-radius:2px;filter:blur(2px)}.divine-light-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;z-index:-1;pointer-events:none}.divine-light-overlay__core{position:absolute;width:160px;height:160px;margin:-80px 0 0 -80px;border-radius:50%;background:radial-gradient(circle,rgba(255,251,230,.7) 0%,rgba(255,230,160,.4) 35%,rgba(240,192,64,.15) 65%,transparent 100%)}.divine-light-overlay__ring{position:absolute;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,200,.3) 0%,rgba(240,200,100,.1) 50%,transparent 80%)}@media (prefers-reduced-motion: reduce){.fireball-overlay,.frost-overlay,.lightning-overlay,.holy-overlay,.wind-overlay,.divine-light-overlay,.shadow-overlay,.nature-overlay,.arrow-overlay,.breath-overlay,.slash-container{display:none}}.vs-emblem{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;z-index:calc(var(--z-base) + 4)}.vs-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(201,168,76,.3) 0%,transparent 70%);animation:vs-pulse 2s ease-in-out infinite}@keyframes vs-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.vs-text{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--gold-primary);text-shadow:0 0 10px rgba(201,168,76,.5);letter-spacing:.1em;position:relative;z-index:calc(var(--z-base) + 1)}.vs-line{position:absolute;top:50%;width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);transform:translateY(-50%)}.vs-line--left{right:100%;margin-right:10px}.vs-line--right{left:100%;margin-left:10px}@media (max-width: 768px){.vs-emblem{width:60px;height:60px}.vs-text{font-size:1.75rem}.vs-line{width:30px}}@media (max-width: 480px){.vs-emblem{width:50px;height:50px}.vs-text{font-size:1.5rem}.vs-line{display:none}}@media (prefers-reduced-motion: reduce){.vs-glow{animation:none;opacity:.7}}.battle-cards--overlay{position:relative;width:100%;max-width:416px;aspect-ratio:320 / 460;margin:0 auto;touch-action:pan-y}.overlay-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.overlay-card--right{z-index:var(--z-base)}.overlay-card--left{z-index:calc(var(--z-base) + 1);-webkit-mask-image:linear-gradient(to right,black 0%,black calc(var(--slider-percent, 50%) - 8px),transparent calc(var(--slider-percent, 50%) + 8px),transparent 100%);mask-image:linear-gradient(to right,black 0%,black calc(var(--slider-percent, 50%) - 8px),transparent calc(var(--slider-percent, 50%) + 8px),transparent 100%);will-change:mask-image,-webkit-mask-image}.overlay-card .transmog-card{width:100%;height:100%;pointer-events:none}.overlay-card .transmog-card--battle{width:100%;height:100%;animation:none}.overlay-card .transmog-card--battle:hover{transform:none}.overlay-card .card-frame{width:100%;height:100%}.overlay-card .transmog-card:hover .card-frame{border-color:var(--gold-primary)}.overlay-card--winner{z-index:var(--z-dropdown)}.overlay-card--loser{pointer-events:none}.overlay-card--left .info-strip{justify-content:flex-start;padding-left:12px;padding-right:8px}.overlay-card--right .info-strip{justify-content:flex-end;padding-right:12px;padding-left:8px}.slider-handle{position:absolute;top:0;bottom:0;width:44px;transform:translate(-50%);z-index:var(--z-sticky);cursor:ew-resize;display:flex;align-items:center;justify-content:center}.slider-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--gold-primary);transform:translate(-50%);box-shadow:0 0 8px var(--gold-glow);border-radius:2px}.slider-grip{position:relative;width:40px;height:40px;border-radius:50%;background:var(--bg-card);border:2px solid var(--gold-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006,0 0 12px var(--gold-glow);transition:transform .15s ease-out,box-shadow .15s ease-out}.slider-grip-icon{color:var(--gold-primary);flex-shrink:0}.slider-handle--dragging .slider-grip{transform:scale(1.15);box-shadow:0 4px 16px #00000080,0 0 20px var(--gold-glow)}.slider-handle--dragging .slider-line{box-shadow:0 0 16px var(--gold-glow)}@media (hover: hover){.slider-handle:hover .slider-grip{transform:scale(1.08);box-shadow:0 3px 12px #00000073,0 0 16px var(--gold-glow)}}.slider-handle:focus-visible .slider-grip{outline:none;box-shadow:0 0 0 3px var(--gold-glow),0 2px 8px #0006}@media (max-width: 480px){.battle-cards--overlay{max-width:312px}}@media (prefers-reduced-motion: reduce){.overlay-card,.slider-grip,.slider-line{transition:none!important}}.ambient-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-particle{position:absolute;bottom:-10px;left:var(--particle-left);width:var(--particle-size);height:var(--particle-size);border-radius:50%;background:var(--gold-primary);opacity:0;animation:particle-float var(--particle-duration) var(--particle-delay) infinite;will-change:transform,opacity}@keyframes particle-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:var(--particle-opacity)}90%{opacity:var(--particle-opacity)}to{transform:translateY(calc(-100vh - 20px)) translate(var(--particle-drift));opacity:0}}@media (prefers-reduced-motion: reduce){.ambient-particles{display:none}}.last-winner-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:calc(var(--z-sticky) + 5);width:80px;height:115px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.mini-card-frame{position:relative;width:100%;height:100%;border-radius:var(--radius-md);border:2px solid var(--gold-primary);overflow:hidden;background:var(--bg-card);box-shadow:0 4px 12px #00000080,inset 0 1px 0 var(--border-subtle);transition:border-color var(--transition-fast),transform var(--transition-fast)}.last-winner-badge:hover .mini-card-frame{border-color:var(--gold-light);transform:scale(1.05)}.last-winner-badge:focus-visible .mini-card-frame{border-color:var(--gold-light);box-shadow:0 4px 12px #00000080,0 0 0 3px var(--gold-glow)}.mini-card-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7}.mini-card-background--class-1{background:linear-gradient(180deg,#c69b6d40,#c69b6d14)}.mini-card-background--class-2{background:linear-gradient(180deg,#f48cba40,#f48cba14)}.mini-card-background--class-3{background:linear-gradient(180deg,#aad37240,#aad37214)}.mini-card-background--class-4{background:linear-gradient(180deg,#fff46840,#fff46814)}.mini-card-background--class-5{background:linear-gradient(180deg,#ffffff2e,#ffffff0f)}.mini-card-background--class-6{background:linear-gradient(180deg,#c41e3a40,#c41e3a14)}.mini-card-background--class-7{background:linear-gradient(180deg,#0070dd40,#0070dd14)}.mini-card-background--class-8{background:linear-gradient(180deg,#3fc7eb40,#3fc7eb14)}.mini-card-background--class-9{background:linear-gradient(180deg,#8788ee40,#8788ee14)}.mini-card-background--class-10{background:linear-gradient(180deg,#00ff9840,#00ff9814)}.mini-card-background--class-11{background:linear-gradient(180deg,#ff7c0a40,#ff7c0a14)}.mini-card-background--class-12{background:linear-gradient(180deg,#a330c940,#a330c914)}.mini-card-background--class-13{background:linear-gradient(180deg,#33937f40,#33937f14)}.mini-card-render{position:absolute;top:-25%;left:50%;transform:translate(-50%);width:200%;height:auto;min-height:140%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none}.mini-card-render--community{top:0;left:0;width:100%;min-height:100%;transform:none;object-fit:cover}.mini-card-trophy{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));display:flex;align-items:center;justify-content:center;color:var(--bg-dark);box-shadow:0 2px 4px #0000004d}.mini-card-count{position:absolute;bottom:4px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:#000c;color:var(--text-primary);font-size:.625rem;font-weight:600;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mini-card-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-md);border:2px solid var(--gold-primary);pointer-events:none}.winners-gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-header);background:#000000e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) 0}.winners-gallery-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold-primary);margin:0 0 var(--spacing-lg) 0;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.winners-gallery-container{position:relative;width:100%;max-height:70vh;display:flex;align-items:center;overflow:hidden}.winners-gallery-scroll{display:flex;gap:var(--spacing-md);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:var(--spacing-md) calc(50vw - 150px);scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none}@media (hover: none) and (pointer: coarse){.winners-gallery-scroll{scroll-snap-type:x mandatory;scroll-behavior:smooth}.winners-gallery-scroll .gallery-card{scroll-snap-align:center}}.winners-gallery-scroll::-webkit-scrollbar{display:none}.winners-gallery-scroll .gallery-card{flex-shrink:0;width:300px;height:430px;cursor:pointer;-webkit-tap-highlight-color:transparent}.gallery-card-frame{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);border:3px solid var(--gold-primary);overflow:hidden;background:var(--bg-card);box-shadow:0 8px 32px #0009,inset 0 1px 0 var(--border-subtle)}.gallery-card-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7}.gallery-card-background--class-1{background:linear-gradient(180deg,#c69b6d38,#c69b6d12)}.gallery-card-background--class-2{background:linear-gradient(180deg,#f48cba38,#f48cba12)}.gallery-card-background--class-3{background:linear-gradient(180deg,#aad37238,#aad37212)}.gallery-card-background--class-4{background:linear-gradient(180deg,#fff46838,#fff46812)}.gallery-card-background--class-5{background:linear-gradient(180deg,#ffffff29,#ffffff0d)}.gallery-card-background--class-6{background:linear-gradient(180deg,#c41e3a38,#c41e3a12)}.gallery-card-background--class-7{background:linear-gradient(180deg,#0070dd38,#0070dd12)}.gallery-card-background--class-8{background:linear-gradient(180deg,#3fc7eb38,#3fc7eb12)}.gallery-card-background--class-9{background:linear-gradient(180deg,#8788ee38,#8788ee12)}.gallery-card-background--class-10{background:linear-gradient(180deg,#00ff9838,#00ff9812)}.gallery-card-background--class-11{background:linear-gradient(180deg,#ff7c0a38,#ff7c0a12)}.gallery-card-background--class-12{background:linear-gradient(180deg,#a330c938,#a330c912)}.gallery-card-background--class-13{background:linear-gradient(180deg,#33937f38,#33937f12)}.gallery-card-render{position:absolute;top:-27%;left:50%;transform:translate(-50%);width:218%;height:auto;min-height:145%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));pointer-events:none}.gallery-card-render--community{top:0;left:0;width:100%;min-height:100%;transform:none;object-fit:cover}.gallery-card-info{position:absolute;bottom:0;left:0;right:0;height:40px;background:#000c;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-card-label{font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:center}.gallery-card-position{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--bg-dark);font-weight:700;padding:6px 12px;border-radius:var(--radius-sm);font-size:.875rem;box-shadow:var(--shadow-sm)}.gallery-card-favorite{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.3);color:#b4b4b4cc;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.gallery-card-favorite:hover{background:#0009;border-color:#ffffff80;color:#dcdcdc}.gallery-card-favorite:active{transform:scale(.95)}.gallery-card-favorite--active{color:var(--rank-gold);background:#ffd70026;border-color:#ffd70080;box-shadow:0 0 12px #ffd7004d,inset 0 0 8px #ffd7001a}.gallery-card-favorite--active:hover{color:var(--rank-gold);background:#ffd70040;border-color:#ffd700b3}.winners-gallery-close-btn{width:56px;height:56px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.8);color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}.winners-gallery-close-btn:hover{background:#ffffff40;transform:scale(1.05)}.winners-gallery-close-btn:active{transform:scale(.95)}.winners-gallery-close-btn--desktop{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.winners-gallery-close-btn--mobile{display:none;margin-top:var(--spacing-lg)}@media (max-width: 768px){.last-winner-badge{top:var(--spacing-lg);right:var(--spacing-sm);width:78px;height:112px}.mini-card-trophy{width:18px;height:18px}.mini-card-trophy svg{width:11px;height:11px}.mini-card-count{min-width:17px;height:17px;font-size:.5625rem}.winners-gallery-title{font-size:1.25rem}.winners-gallery-close-btn--desktop{display:none}.winners-gallery-close-btn--mobile{display:flex;width:64px;height:64px}.winners-gallery-scroll .gallery-card{width:260px;height:370px}.winners-gallery-scroll{padding:var(--spacing-md) calc(50vw - 130px)}.gallery-card-info{height:36px}.gallery-card-label{font-size:.75rem}.gallery-card-position{padding:4px 8px;font-size:.75rem}.gallery-card-favorite{width:40px;height:40px}.gallery-card-favorite svg{width:20px;height:20px}}@media (max-width: 480px){.last-winner-badge{width:50px;height:72px}.mini-card-trophy{width:12px;height:12px}.mini-card-trophy svg{width:10px;height:10px}.mini-card-count{min-width:15px;height:15px;font-size:.5rem;bottom:3px;right:3px}.winners-gallery-scroll .gallery-card{width:220px;height:315px}.winners-gallery-scroll{padding:var(--spacing-md) calc(50vw - 110px)}.gallery-card-favorite{width:36px;height:36px;top:8px;right:8px}.gallery-card-favorite svg{width:18px;height:18px}.gallery-card-position{top:8px;left:8px;padding:3px 6px;font-size:.6875rem}}@media (prefers-reduced-motion: reduce){.mini-card-pulse{display:none}.winners-gallery-scroll{scroll-behavior:auto}}.filter-dropdown{position:relative;display:inline-flex}.filter-dropdown__trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 10px;font-family:var(--font-body);font-size:.75rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast)}.filter-dropdown__trigger:hover{color:var(--text-primary);border-color:var(--gold-primary)}.filter-dropdown--open .filter-dropdown__trigger{border-color:var(--gold-primary);color:var(--text-primary)}.filter-dropdown__chevron{flex-shrink:0;transition:transform var(--transition-fast)}.filter-dropdown--open .filter-dropdown__chevron{transform:rotate(180deg)}.filter-dropdown__list{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;max-height:240px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-header)}.filter-dropdown__option{padding:6px 12px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.filter-dropdown__option--focused{background:var(--bg-card-hover);color:var(--text-primary)}.filter-dropdown__option--selected{color:var(--gold-primary)}.filter-dropdown--lg .filter-dropdown__trigger{padding:8px 16px 8px 12px;font-size:1rem;border-radius:var(--radius-md);min-width:150px}.filter-dropdown--lg .filter-dropdown__list{min-width:150px}.filter-dropdown--lg .filter-dropdown__option{padding:8px 12px;font-size:.9375rem}.filter-dropdown__list::-webkit-scrollbar{width:6px}.filter-dropdown__list::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:var(--radius-full)}@media (max-width: 768px){.filter-dropdown--lg .filter-dropdown__trigger{min-width:120px;font-size:.875rem}.filter-dropdown__list{max-height:200px}}.achievement-toast-container{position:fixed;top:var(--spacing-lg, 24px);right:var(--spacing-lg, 24px);z-index:var(--z-toast);pointer-events:none}.achievement-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--spacing-md, 16px);background:var(--bg-card);border:2px solid var(--gold-primary);border-radius:12px;padding:var(--spacing-md, 16px) var(--spacing-lg, 24px);min-width:280px;max-width:380px;cursor:pointer;box-shadow:0 0 20px var(--gold-glow),var(--shadow-lg)}.achievement-toast-icon{font-size:2rem;flex-shrink:0;line-height:1}.achievement-toast-content{display:flex;flex-direction:column;gap:2px}.achievement-toast-label{font-family:Cinzel,serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-primary)}.achievement-toast-name{font-family:Cinzel,serif;font-size:1rem;font-weight:600;color:var(--text-primary)}.achievement-toast-desc{font-size:.8rem;color:var(--text-secondary)}@media (max-width: 480px){.achievement-toast-container{top:auto;bottom:80px;right:var(--spacing-sm, 8px);left:var(--spacing-sm, 8px)}.achievement-toast{max-width:none;min-width:0}}.milestone-prompt{position:fixed;bottom:80px;right:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:280px;box-shadow:0 8px 32px #0006;z-index:var(--z-overlay)}.milestone-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;line-height:1;padding:0}.milestone-close:hover{color:var(--text-primary)}.milestone-message{font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-right:var(--spacing-md);line-height:1.5}.milestone-actions{display:flex;gap:var(--spacing-sm)}.milestone-btn{flex:1;padding:8px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;border:none;transition:opacity var(--transition-fast)}.milestone-btn:hover{opacity:.85}.milestone-btn--twitter{background:#1da1f2;color:#fff}.milestone-btn--copy{background:var(--gold-primary);color:var(--bg-dark)}@media (max-width: 768px){.milestone-prompt{bottom:calc(70px + env(safe-area-inset-bottom,0px));right:var(--spacing-md);left:var(--spacing-md);max-width:none}}.battle-arena{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;padding:100px var(--spacing-lg) var(--spacing-lg);position:relative}.battle-arena:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.35) 100%);pointer-events:none;z-index:0}.battle-mode-toggle{position:absolute;top:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:2px;background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--gold-dark);padding:3px;z-index:var(--z-battle-ui)}.battle-mode-pill{padding:5px 16px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast)}.battle-mode-pill--active{background:var(--gold-primary);color:var(--bg-dark)}.battle-mode-pill:hover:not(.battle-mode-pill--active){color:var(--gold-primary)}.battle-interstitial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:var(--z-header)}.battle-interstitial{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-2xl);text-align:center;z-index:var(--z-header);box-shadow:0 8px 40px #0009}.battle-interstitial p{font-family:var(--font-display);font-size:1.125rem;color:var(--gold-primary);margin:0}.battle-interstitial-sub{font-size:.875rem!important;color:var(--text-muted)!important;margin-top:var(--spacing-sm)!important}.battle-counter{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-family:var(--font-display);font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;z-index:var(--z-dropdown)}.battle-filters{position:absolute;top:calc(var(--spacing-md) + 38px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);z-index:var(--z-sticky)}.battle-filter-select{padding:4px 8px;font-size:.75rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-full);color:var(--text-secondary);min-width:100px}.gender-toggle{display:flex;gap:2px;background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--gold-dark);padding:2px}.gender-pill{padding:3px 10px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text-secondary);font-size:.6875rem;cursor:pointer;transition:all var(--transition-fast)}.gender-pill--active{background:var(--gold-primary);color:var(--bg-dark)}.battle-arena--loading,.battle-arena--error{display:flex;align-items:center;justify-content:center}.battle-loading,.battle-error{text-align:center;padding:var(--spacing-2xl)}.battle-error h2{color:var(--gold-primary);margin-bottom:var(--spacing-sm)}.battle-error p{margin-bottom:var(--spacing-lg)}.swipes-counter{position:absolute;top:calc(var(--spacing-md) + 115px + var(--spacing-sm));right:var(--spacing-md);display:flex;flex-direction:column;align-items:flex-end;gap:2px}.swipes-count{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold-primary)}.swipes-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.battle-cards{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg)}.battle-card-wrapper{position:relative}.layout-toggle-btn{display:none}.battle-cards-container{display:contents;transition:opacity .5s ease-out,transform .5s ease-out}.battle-cards-skipping{display:contents}.battle-cards-skipping>*{opacity:0!important;transform:scale(.9)!important;transition:opacity .5s ease-out,transform .5s ease-out!important}.skip-both-btn{position:absolute;bottom:calc(var(--spacing-md) + 50px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius-full);background:transparent;border:1px solid var(--gold-dark);color:var(--text-muted);font-family:var(--font-display);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast);z-index:var(--z-sticky)}.skip-both-btn:hover{color:var(--gold-primary);border-color:var(--gold-primary);background:var(--arena-glow)}.keyboard-hints{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xl);color:var(--text-muted);font-size:.75rem}.keyboard-hints span{padding:4px 8px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}@media (max-width: 768px){.battle-arena{padding:100px var(--spacing-md) var(--spacing-md);min-height:500px;justify-content:flex-start}.battle-cards{flex-direction:column;gap:var(--spacing-xs)}.battle-cards--horizontal{padding-top:0}.swipes-counter{top:calc(var(--spacing-sm) + 112px + var(--spacing-sm));right:var(--spacing-sm)}.swipes-count{font-size:1.25rem}.keyboard-hints{display:none}.skip-both-btn{padding:10px 24px}.skip-both-btn--horizontal,.skip-both-btn--overlay,.skip-both-btn--vertical{position:relative;bottom:auto;left:auto;transform:none;margin-top:var(--spacing-md)}.layout-toggle-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:36px;height:36px;padding:0;border-radius:50%;background:var(--bg-card);border:2px solid var(--gold-primary);color:var(--gold-primary);cursor:pointer;z-index:var(--z-sticky);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),background var(--transition-fast)}.layout-toggle-label{display:none}.layout-toggle-btn:hover,.layout-toggle-btn:active{background:var(--gold-primary);color:var(--bg-dark);transform:scale(1.05)}.layout-toggle-btn svg{width:20px;height:20px}.battle-cards--horizontal{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:300px;gap:0;touch-action:pan-y}.horizontal-card{flex-shrink:0;will-change:transform,opacity;transform-origin:center center}.horizontal-card .transmog-card--battle{width:59vw;max-width:252px;height:auto;aspect-ratio:320 / 460;animation:none}.horizontal-card .card-frame{width:100%;height:100%;border-radius:var(--radius-md)}.horizontal-card--winner{z-index:var(--z-dropdown)}.horizontal-card--loser{pointer-events:none}.vs-emblem-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:calc(var(--z-dropdown) + 5);pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 40%,transparent 70%);padding:32px;border-radius:50%}}@media (max-width: 480px){.battle-arena{padding:120px var(--spacing-sm) var(--spacing-sm)}.battle-cards{gap:2px}.swipes-counter{top:calc(var(--spacing-sm) + 94px + var(--spacing-sm))}}.skeleton-battle-card{cursor:default;animation:none;pointer-events:none}.skeleton-frame{border-color:var(--border-gold);box-shadow:0 4px 20px #0006}@media (min-width: 1440px){.battle-cards{gap:var(--spacing-2xl)}}@media (prefers-reduced-motion: reduce){.horizontal-card{transition:none!important}.layout-toggle-btn,.battle-mode-pill,.battle-interstitial,.skip-both-btn{transition:none}.battle-cards-skipping>*{transition:none!important}}.swipe-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-battle-ui);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;cursor:pointer}.swipe-hint-hand{color:var(--gold-primary);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.swipe-hint-text{color:var(--gold-primary);font-family:var(--font-display);font-size:.9rem;letter-spacing:.08em;text-shadow:0 2px 8px rgba(0,0,0,.7);margin:0}.hero-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 120px);padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-lg)}.hero-tagline{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--gold-primary);letter-spacing:.12em;text-shadow:0 0 40px rgba(201,168,76,.3);text-transform:uppercase}.hero-subtitle{font-family:var(--font-body);font-size:1.125rem;color:var(--text-secondary);max-width:480px;line-height:1.6}.hero-cta{padding:var(--spacing-md) var(--spacing-2xl);font-size:1.125rem;font-family:var(--font-display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:var(--spacing-md)}.hero-cta:disabled{opacity:.6;cursor:wait}.hero-hint{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.hero-accent-line{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);transform-origin:center}.battle-loading-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:var(--spacing-lg)}.skeleton-cards{display:flex;align-items:center;gap:var(--spacing-lg)}.skeleton-card-frame{width:320px;height:460px;border-radius:var(--radius-lg);border:2px solid var(--border-gold)}.skeleton-vs{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.skeleton-vs-text{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--gold-primary);opacity:.3}.skeleton-text{font-size:.875rem;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.hero-banner{min-height:calc(100vh - 80px);padding:var(--spacing-xl) var(--spacing-md)}.hero-tagline{font-size:2.25rem}.hero-subtitle{font-size:1rem}.skeleton-cards{flex-direction:column;gap:var(--spacing-xs)}.skeleton-card-frame{width:280px;height:400px}.skeleton-vs{width:60px;height:40px}.skeleton-vs-text{font-size:1.75rem}.battle-loading-enhanced{min-height:calc(100vh - 80px)}}@media (max-width: 480px){.hero-tagline{font-size:1.75rem;letter-spacing:.08em}.hero-subtitle{font-size:.875rem}.skeleton-cards{gap:2px}.skeleton-card-frame{width:240px;height:350px}.skeleton-vs{width:50px;height:30px}.skeleton-vs-text{font-size:1.5rem}}.home-page{padding-top:var(--spacing-xl)}.home-recent{max-width:1440px;margin:0 auto var(--spacing-2xl);padding:0 var(--spacing-md)}.home-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--spacing-lg)}.home-section-header h2{font-family:var(--font-display);font-size:1.5rem;margin:0}.home-section-header a{font-family:var(--font-display);font-size:.875rem;color:var(--gold-primary);text-decoration:none;letter-spacing:.03em;transition:color var(--transition-fast)}.home-section-header a:hover{color:var(--gold-light)}.home-section-header p{color:var(--text-secondary);font-size:.9375rem;margin:0}.home-submit-cta{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.home-divider{border:none;border-top:1px solid var(--border-gold);margin:0 auto var(--spacing-xl);max-width:1440px}.home-battle{position:relative}.home-battle .home-section-header{text-align:center;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.home-news{max-width:1440px;margin:0 auto var(--spacing-lg);padding:0 var(--spacing-md)}.home-news__cards{display:flex;gap:var(--spacing-sm)}.home-news-card{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color var(--transition-fast);min-width:0}.home-news-card:hover{border-color:var(--gold-dark)}.home-news-card__title{font-family:var(--font-display);font-size:.875rem;color:var(--gold-light);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-news-card__excerpt{font-size:.75rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}@media (max-width: 768px){.home-page{padding-top:var(--spacing-lg)}.home-recent{padding:0 var(--spacing-md);margin-bottom:var(--spacing-xl)}.home-section-header h2{font-size:1.25rem}.home-news__cards{flex-direction:column}}.gallery-page{padding:var(--spacing-xl) 0}.gallery-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:center}.gallery-header h1{font-family:var(--font-display);font-size:2rem;margin:0}.gallery-subtitle{color:var(--text-secondary);font-size:.9375rem;max-width:480px;margin:0}.gallery-submit-cta{margin-top:var(--spacing-xs)}.gallery-header-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.gallery-toolbar{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.gallery-search{position:relative;min-width:200px}.gallery-search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.gallery-search__input{width:100%;padding:.5rem .75rem .5rem 2rem;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);outline:none;transition:border-color var(--transition-fast)}.gallery-search__input::placeholder{color:var(--text-muted)}.gallery-search__input:focus{border-color:var(--gold-primary)}.gallery-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;font-size:1rem;line-height:1}.gallery-search__clear:hover{color:var(--text-primary)}.gallery-results-info{text-align:center;color:var(--text-secondary);font-size:.8125rem;margin-bottom:var(--spacing-lg)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm) var(--spacing-lg);justify-items:center}.gallery-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;max-width:220px}.gallery-card__link{cursor:pointer;text-decoration:none;color:inherit;display:contents}.gallery-card__image-wrap{position:relative;width:200px;height:290px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-gold);background:var(--bg-card);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.gallery-card:hover .gallery-card__image-wrap{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 20px var(--border-gold)}.gallery-card__image{width:100%;height:100%;object-fit:cover;display:block}.gallery-card__class-bar{position:absolute;bottom:0;left:0;right:0;height:3px}.gallery-card__status{position:absolute;top:8px;left:8px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-full);z-index:calc(var(--z-base) + 1)}.gallery-card__status--pending{background:#ffc107e6;color:#1a1a00}.gallery-card__status--rejected{background:#f44336e6;color:#fff}.gallery-card__delete{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#f44336d9;color:#fff;border:none;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-base) + 1);transition:background var(--transition-fast)}.gallery-card__delete:hover{background:#f44336}.gallery-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 8px;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;gap:2px}.gallery-card__name{font-family:var(--font-display);font-size:.8125rem;color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card__meta{font-size:.6875rem;color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card__author{font-size:.6875rem;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.gallery-card__author-link{color:var(--gold-primary);text-decoration:none}.gallery-card__author-link:hover{text-decoration:underline}.gallery-card__edit{display:block;width:100%;padding:6px 0;font-size:.75rem;font-weight:600;color:var(--gold-primary);background:none;border:none;border-top:1px solid var(--border-gold);cursor:pointer;transition:background var(--transition-fast)}.gallery-card__edit:hover{background:var(--arena-glow)}.gallery-card__actions{position:absolute;bottom:16px;right:6px;display:flex;gap:4px;z-index:calc(var(--z-base) + 2)}.gallery-card__action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);background:#0009;color:#ffffffb3;border:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);font-size:.6875rem;line-height:1}.gallery-card__action-btn:hover{background:#000c}.gallery-card__action-btn--liked{color:#ff4d6d}.gallery-card__action-btn:not(.gallery-card__action-btn--liked):hover svg[viewBox="0 0 24 24"]:first-child{color:#ff4d6d}.gallery-card__action-btn--faved{color:gold}.gallery-card__action-count{font-family:var(--font-body);font-size:.6875rem;font-weight:600}.gallery-card__like-badge{position:absolute;bottom:16px;right:6px;display:flex;align-items:center;gap:3px;padding:3px 7px;border-radius:var(--radius-full);background:#00000080;color:#ff4d6d;font-size:.625rem;font-weight:600;z-index:calc(var(--z-base) + 2);pointer-events:none}.gallery-card__report{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#0009;color:#ffffffb3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-base) + 1);opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.gallery-card:hover .gallery-card__report{opacity:1}.gallery-card__report:hover{background:#f44336d9;color:#fff}.gallery-card__reported{position:absolute;top:8px;right:8px;font-size:.625rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);background:#f44336e6;color:#fff;z-index:calc(var(--z-base) + 1)}.gallery-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.gallery-report-modal{background:var(--bg-dark);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:360px;width:90%}.gallery-report-modal h3{font-family:var(--font-display);font-size:1.125rem;margin:0 0 var(--spacing-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-report-label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.gallery-report-select{padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);outline:none}.gallery-report-select:focus{border-color:var(--gold-primary)}.gallery-report-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);cursor:pointer}.gallery-lightbox__img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.gallery-skeleton{width:200px;height:290px;border-radius:var(--radius-lg);border:1px solid var(--border-gold)}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.gallery-pagination__info{color:var(--text-secondary);font-size:.875rem}.gallery-pagination button:disabled{opacity:.5;cursor:not-allowed}.gallery-error{text-align:center;padding:var(--spacing-2xl)}@media (max-width: 768px){.gallery-page{padding:var(--spacing-lg) 0}.gallery-header{margin-bottom:var(--spacing-lg)}.gallery-header h1{font-size:1.5rem}.gallery-toolbar{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.gallery-search{min-width:160px;flex:1 1 100%;order:-1}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);justify-items:stretch}.gallery-card{max-width:none;width:100%}.gallery-card__image-wrap{width:100%;height:0;padding-bottom:145%}.gallery-card__image{position:absolute;top:0;left:0}.gallery-skeleton{width:100%;height:0;padding-bottom:145%}.gallery-card__name{font-size:.75rem}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);max-width:400px;margin:0 auto}.empty-state-icon{margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin-bottom:var(--spacing-lg)}.empty-state-cta{margin-top:var(--spacing-xs)}.leaderboard-page{padding:var(--spacing-xl) 0}.leaderboard-header{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.leaderboard-header h1{text-align:center}.discovery-mode-toggle,.discovery-tabs{display:flex;gap:2px;background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--gold-dark);padding:3px;align-self:center}.discovery-tab{display:flex;align-items:center;gap:6px;padding:5px 16px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast)}.discovery-tab:hover:not(.discovery-tab--active){color:var(--gold-primary)}.discovery-tab--active{background:var(--gold-primary);color:var(--bg-dark)}.discovery-icon{flex-shrink:0;display:block}.discovery-icon--hot{color:#ff6b35}.discovery-icon--loved{color:#e74c3c}.discovery-icon--new{color:#ffd93d}.discovery-tab--active .discovery-icon{color:var(--bg-dark)}.discovery-tab-desc{text-align:center;color:var(--text-muted);font-size:.8rem;margin:0}.leaderboard-filters{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.filter-select{min-width:150px}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);justify-items:center}.skeleton-card{width:200px;height:290px;border-radius:var(--radius-lg);border:1px solid var(--border-gold)}.leaderboard-error,.leaderboard-empty{text-align:center;padding:var(--spacing-2xl)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.leaderboard-page{padding:var(--spacing-lg) 0}.leaderboard-header{margin-bottom:var(--spacing-lg)}.leaderboard-filters{gap:var(--spacing-sm)}.filter-select{min-width:120px;font-size:.875rem}.leaderboard-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);justify-items:stretch}.leaderboard-grid .gallery-card{max-width:none;width:100%}.leaderboard-grid .gallery-card__image-wrap{width:100%}.skeleton-card{width:100%;height:230px}.discovery-tab{padding:5px 12px}}.favorites-page{padding:var(--spacing-xl) 0}.favorites-header{text-align:center;margin-bottom:var(--spacing-xl)}.favorites-header h1{margin-bottom:var(--spacing-xs)}.favorites-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-md)}.clear-button{font-size:.75rem}.favorites-empty{text-align:center;padding:var(--spacing-2xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.favorites-empty h2{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.favorites-empty p{color:var(--text-muted);max-width:400px;margin:0 auto}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.favorites-grid .transmog-card--favorite{width:100%;height:auto;aspect-ratio:2/3}.favorite-item{position:relative;transition:opacity .3s,filter .3s}.favorite-item--pending{opacity:.45;filter:grayscale(60%)}.favorite-star-btn{position:absolute;top:6px;right:6px;background:none;border:none;padding:0;cursor:pointer;z-index:var(--z-base);-webkit-tap-highlight-color:transparent;color:#a0a0a099;filter:drop-shadow(0 1px 0 rgba(255,255,255,.15)) drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:color .2s,filter .2s,transform .15s}.favorite-star-btn:hover{color:#c8c8c8cc;filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 3px 6px rgba(0,0,0,.6));transform:scale(1.1)}.favorite-star-btn--active{color:gold;filter:drop-shadow(0 -1px 0 rgba(255,235,130,.6)) drop-shadow(0 1px 0 rgba(160,120,0,.8)) drop-shadow(0 3px 6px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(255,215,0,.3))}.favorite-star-btn--active:hover{color:#ffec8b;filter:drop-shadow(0 -1px 0 rgba(255,245,170,.7)) drop-shadow(0 1px 0 rgba(180,140,0,.8)) drop-shadow(0 3px 8px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(255,215,0,.4));transform:scale(1.1)}.favorites-loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.favorite-community-card{position:relative;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border-gold);aspect-ratio:2/3;background:var(--bg-card);display:flex;flex-direction:column}.favorite-community-card:hover{border-color:var(--gold-primary)}.favorite-community-img{width:100%;height:100%;object-fit:cover}.favorite-community-placeholder{width:100%;height:100%;background:var(--bg-card)}.favorite-community-name{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(transparent,#000c);color:var(--text-primary);font-size:.8rem;text-align:center;font-family:Cinzel,serif}@media (max-width: 768px){.favorites-page{padding:var(--spacing-lg) 0}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}}.privacy-page{padding:var(--spacing-xl) 0}.privacy-content{max-width:800px;margin:0 auto;padding:0 var(--spacing-md)}.privacy-content h1{text-align:center;margin-bottom:var(--spacing-xs)}.last-updated{text-align:center;color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-2xl)}.privacy-content section{margin-bottom:var(--spacing-xl)}.privacy-content h2{font-size:1.25rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.privacy-content h3{font-size:1rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.privacy-content p{margin-bottom:var(--spacing-md);line-height:1.7;color:var(--text-secondary)}.privacy-content ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.privacy-content li{margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--text-secondary)}.privacy-content li strong{color:var(--text-primary)}.privacy-content a{color:var(--gold-primary);text-decoration:underline;text-underline-offset:2px}.privacy-content a:hover{color:var(--gold-light)}.legal-notice{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.legal-notice h2{border-bottom:none;padding-bottom:0}.legal-notice p{font-size:.875rem;color:var(--text-muted);margin-bottom:0}@media (max-width: 768px){.privacy-page{padding:var(--spacing-lg) 0}.privacy-content h1{font-size:1.5rem}.privacy-content h2{font-size:1.125rem}.privacy-content{padding:0 var(--spacing-sm)}}.contact-page{padding:var(--spacing-xl) 0}.contact-content{max-width:600px;margin:0 auto;padding:0 var(--spacing-md)}.contact-content h1{text-align:center;margin-bottom:var(--spacing-xs)}.contact-intro{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.contact-links{margin-bottom:var(--spacing-2xl)}.contact-links h2{font-size:1.25rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.links-grid{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-fast)}.contact-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-link.discord:hover{border-color:#5865f2;color:#5865f2}.contact-link.twitter:hover{border-color:var(--text-primary)}.contact-link svg{flex-shrink:0}.contact-form-section h2{font-size:1.25rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9375rem}.form-group .optional{color:var(--text-muted);font-weight:400;font-size:.875rem}.form-group .required{color:var(--gold-primary)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:border-color var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold-primary)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23A0A0A0' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-xl)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.char-count{align-self:flex-end;font-size:.75rem;color:var(--text-muted);margin-top:calc(var(--spacing-xs) * -1)}.form-status{padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-weight:500}.form-status.success{background:#4ade801a;color:var(--success);border:1px solid rgba(74,222,128,.3)}.form-status.error{background:#f871711a;color:var(--error);border:1px solid rgba(248,113,113,.3)}.submit-btn{padding:var(--spacing-md) var(--spacing-xl);background:var(--gold-primary);color:var(--bg-darker);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.submit-btn:hover:not(:disabled){background:var(--gold-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.contact-page{padding:var(--spacing-lg) 0}.contact-content{padding:0 var(--spacing-sm)}.contact-content h1{font-size:1.5rem}.links-grid{flex-direction:column;align-items:stretch}.contact-link{justify-content:center}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.loading-spinner__circle{border:3px solid var(--border-gold);border-top-color:var(--gold-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner--sm .loading-spinner__circle{width:16px;height:16px;border-width:2px}.loading-spinner--md .loading-spinner__circle{width:32px;height:32px}.loading-spinner--lg .loading-spinner__circle{width:48px;height:48px;border-width:4px}.loading-spinner__text{font-size:.875rem;color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{min-height:100vh;background:var(--bg-dark);display:flex;flex-direction:column}.admin-layout--loading,.admin-layout--login{display:flex;align-items:center;justify-content:center}.admin-login{width:100%;max-width:400px;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);text-align:center}.admin-login__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--gold-primary);margin-bottom:var(--spacing-xs)}.admin-login__subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.admin-login__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-login__input{width:100%;padding:var(--spacing-md);background:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);transition:border-color var(--transition-fast)}.admin-login__input:focus{outline:none;border-color:var(--gold-primary)}.admin-login__input::placeholder{color:var(--text-muted)}.admin-login__button{padding:var(--spacing-md);background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.admin-login__button:hover:not(:disabled){background:var(--gold-light)}.admin-login__button:disabled{opacity:.6;cursor:not-allowed}.admin-login__error{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error)}[data-color-mode=light] .admin-login__error{background:#dc262614;border-color:#dc262640;font-size:.875rem}.admin-header{background:var(--bg-darker);border-bottom:1px solid var(--border-gold);padding:0 var(--spacing-lg);z-index:var(--z-sticky);position:relative}.admin-header__content{height:64px;display:flex;align-items:center;justify-content:space-between}.admin-header__left{display:flex;align-items:center;gap:var(--spacing-md)}.admin-header__hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;padding:4px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.admin-header__hamburger:hover{border-color:var(--gold-primary)}.admin-header__hamburger span{display:block;width:100%;height:2px;background:var(--text-secondary);border-radius:1px;transition:background var(--transition-fast)}.admin-header__hamburger:hover span{background:var(--gold-primary)}.admin-header__title{display:flex;align-items:baseline;gap:var(--spacing-xs);font-size:1.25rem}.admin-header__logo{font-family:var(--font-display);font-weight:700;color:var(--gold-primary);letter-spacing:.05em}.admin-header__separator{color:var(--text-muted)}.admin-header__label{font-weight:500;color:var(--text-secondary)}.admin-header__logout{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.admin-header__logout:hover{border-color:var(--error);color:var(--error)}.admin-body{display:flex;flex:1;min-height:0}.admin-sidebar{width:240px;min-width:240px;background:var(--bg-darker);border-right:1px solid var(--border-subtle);overflow-y:auto;transition:width .2s ease,min-width .2s ease}.admin-sidebar--collapsed{width:0;min-width:0;overflow:hidden}.admin-sidebar__nav{padding:var(--spacing-md) 0}.admin-sidebar__backdrop{display:none}.admin-nav__group{margin-bottom:var(--spacing-sm)}.admin-nav__group-label{display:block;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-xs);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);-webkit-user-select:none;user-select:none}.admin-nav__item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-left:3px solid transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.admin-nav__item:hover{color:var(--text-primary);background:var(--border-subtle)}.admin-nav__item--active{color:var(--gold-primary);background:var(--arena-glow);border-left-color:var(--gold-primary)}.admin-main{flex:1;padding:var(--spacing-lg);overflow-y:auto;min-width:0}.admin-main__content{max-width:1200px}@media (max-width: 768px){.admin-header{padding:0 var(--spacing-md)}.admin-header__content{height:56px}.admin-header__title{font-size:1rem}.admin-sidebar{position:fixed;top:56px;left:0;bottom:0;z-index:var(--z-battle-ui);box-shadow:4px 0 24px #00000080}.admin-sidebar--collapsed{box-shadow:none}.admin-sidebar__backdrop{display:block;position:fixed;right:0;bottom:0;left:0;top:56px;z-index:calc(var(--z-sticky) + 5);background:#00000080}.admin-main{padding:var(--spacing-md)}}.metric-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-card__label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-card__value{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.metric-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.metric-card__subtitle{font-size:.75rem;color:var(--text-secondary)}.metric-card__trend{font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.metric-card__trend--up{color:#10b981;background:#10b9811a}.metric-card__trend--down{color:#ef4444;background:#ef44441a}.metric-card__trend--neutral{color:var(--text-secondary);background:var(--border-subtle)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge__dot{width:8px;height:8px;border-radius:50%}.status-badge--running{color:#10b981;background:#10b9811a}.status-badge--running .status-badge__dot{background:#10b981}.status-badge--paused{color:#f59e0b;background:#f59e0b1a}.status-badge--paused .status-badge__dot{background:#f59e0b}.status-badge--stopped{color:#6b7280;background:#6b72801a}.status-badge--stopped .status-badge__dot{background:#6b7280}.status-badge--success{color:#10b981;background:#10b9811a}.status-badge--success .status-badge__dot{background:#10b981}.status-badge--error{color:#ef4444;background:#ef44441a}.status-badge--error .status-badge__dot{background:#ef4444}.status-badge--warning{color:#f59e0b;background:#f59e0b1a}.status-badge--warning .status-badge__dot{background:#f59e0b}.status-badge--info{color:#3b82f6;background:#3b82f61a}.status-badge--info .status-badge__dot{background:#3b82f6}.status-badge--pulse .status-badge__dot{animation:pulse 2s ease-in-out infinite}.data-table{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);overflow:hidden}.data-table--empty{padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center}.data-table__empty-message{color:var(--text-muted);font-size:.875rem}.data-table__table{width:100%;border-collapse:collapse}.data-table__header{padding:var(--spacing-md);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-darker);border-bottom:1px solid var(--border-gold)}.data-table__header--left{text-align:left}.data-table__header--center{text-align:center}.data-table__header--right{text-align:right}.data-table__row{transition:background var(--transition-fast)}.data-table__row:hover{background:var(--arena-glow)}.data-table__row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.data-table__cell{padding:var(--spacing-md);font-size:.875rem;color:var(--text-primary)}.data-table__cell--left{text-align:left}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.overview-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.overview-tab--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.overview-cache{display:flex;flex-direction:column;gap:var(--spacing-lg)}.overview-cache__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.overview-cache__stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.overview-cache__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.overview-cache__value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.overview-cache__value--success{color:#10b981}.overview-cache__value--warning{color:#f59e0b}.overview-cache__value--error{color:#ef4444}.overview-cache__progress{display:flex;flex-direction:column;gap:var(--spacing-xs)}.overview-cache__progress-bar{height:8px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.overview-cache__progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-light));border-radius:4px;transition:width .3s ease}.overview-cache__progress-text{font-size:.75rem;color:var(--text-secondary);text-align:right}.overview-worker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.overview-worker__stat{display:flex;flex-direction:column;gap:var(--spacing-xs)}.overview-worker__label{font-size:.75rem;color:var(--text-muted)}.overview-worker__value{font-size:1rem;font-weight:600;color:var(--text-primary)}.overview-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width: 768px){.overview-cache__stats{grid-template-columns:repeat(2,1fr)}.overview-worker{grid-template-columns:1fr}}.traffic-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.traffic-tab__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.traffic-tab__controls{display:flex;gap:var(--spacing-xs)}.traffic-tab__loading{display:flex;align-items:center;justify-content:center;min-height:400px}.traffic-tab__chart{padding:var(--spacing-md)}.recharts-tooltip-cursor{stroke:var(--border-gold)}@media (max-width: 640px){.traffic-tab__header{flex-direction:column;align-items:flex-start}.traffic-tab__controls{width:100%;overflow-x:auto}}.engagement-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.engagement-tab--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.engagement-tab__chart{padding:var(--spacing-md) 0}.content-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.content-tab--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.content-tab__thumbnail{width:40px;height:50px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-gold)}.content-tab__no-image{width:40px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem}.worker-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.worker-tab--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.worker-tab__status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.worker-tab__status-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.worker-tab__controls{display:flex;flex-direction:column;gap:var(--spacing-lg)}.worker-tab__buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.worker-tab__rate{max-width:400px}.worker-tab__rate-input{display:flex;gap:var(--spacing-sm)}.worker-tab__rate-input .admin-input{flex:1}.worker-tab__rate-hint{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.worker-tab__progress{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.worker-tab__progress-bar{height:12px;background:var(--border-subtle);border-radius:6px;overflow:hidden}.worker-tab__progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-light));border-radius:6px;transition:width .3s ease}.worker-tab__progress-text{font-size:.875rem;color:var(--text-secondary);text-align:right}.worker-tab__metric--success .metric-card__value{color:#10b981}.worker-tab__metric--warning .metric-card__value{color:#f59e0b}.worker-tab__metric--error .metric-card__value{color:#ef4444}.settings-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-tab--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.settings-tab__form{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:500px}.settings-tab__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-tab__list{display:flex;flex-direction:column}.settings-tab__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.settings-tab__item:last-child{border-bottom:none}.settings-tab__key{font-family:monospace;font-size:.875rem;color:var(--text-primary)}.settings-tab__value{font-family:monospace;font-size:.875rem;color:var(--text-secondary);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-tab__empty{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.875rem}.settings-tab__toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.settings-tab__toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--gold-primary)}.settings-tab__toggle-label{font-size:.9rem;color:var(--text-secondary)}.hidden-items__add-row{display:flex;gap:var(--spacing-sm);align-items:center}.hidden-items__add-row .admin-input{flex:1;max-width:200px}.hidden-items__count{font-size:.8rem;color:var(--text-muted)}.hidden-items__list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);max-height:200px;overflow-y:auto;padding:var(--spacing-xs);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-darker)}.hidden-items__item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:16px;font-size:.8rem}.hidden-items__id{font-family:monospace;color:var(--text-primary)}.hidden-items__remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.hidden-items__remove:hover{color:var(--error)}.security-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.security-tab--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.security-tab__session-id{font-family:monospace;font-size:.75rem;background:var(--bg-darker);padding:2px 6px;border-radius:var(--radius-sm)}.security-tab__description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.security-tab__form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.security-tab__input-group{display:flex;align-items:center;gap:var(--spacing-sm)}.security-tab__input-group .admin-input{width:100px}.security-tab__input-label{font-size:.875rem;color:var(--text-secondary)}.security-settings-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.security-settings-group{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.security-settings-group:last-of-type{border-bottom:none;padding-bottom:0}.security-settings-group__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.security-settings-group__description{font-size:.8rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.security-settings-group__fields{display:flex;flex-direction:column;gap:var(--spacing-sm)}.security-setting-field{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.security-setting-field__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.security-setting-field__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.security-setting-field__hint{font-size:.75rem;color:var(--text-muted)}.security-setting-field__input-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.security-setting-field__input{width:100px;text-align:right}.security-setting-field__unit{font-size:.75rem;color:var(--text-muted);min-width:60px}.security-tab__flag-reason{font-size:.8rem;color:var(--warning)}.admin-button--small{padding:4px 10px;font-size:.75rem}.blizzard-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blizzard-tab--loading{display:flex;align-items:center;justify-content:center;min-height:400px}.blizzard-tab__gauge{display:flex;flex-direction:column;gap:var(--spacing-sm)}.blizzard-tab__gauge-bar{height:16px;background:var(--border-subtle);border-radius:8px;overflow:hidden}.blizzard-tab__gauge-fill{height:100%;border-radius:8px;transition:width .5s ease}.blizzard-tab__gauge-fill--green{background:linear-gradient(90deg,#10b981,#34d399)}.blizzard-tab__gauge-fill--yellow{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.blizzard-tab__gauge-fill--orange{background:linear-gradient(90deg,#f97316,#fb923c)}.blizzard-tab__gauge-fill--red{background:linear-gradient(90deg,#ef4444,#f87171)}.blizzard-tab__gauge-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.blizzard-tab__gauge-pct{font-weight:600}.blizzard-tab__gauge-pct--green{color:#10b981}.blizzard-tab__gauge-pct--yellow{color:#f59e0b}.blizzard-tab__gauge-pct--orange{color:#f97316}.blizzard-tab__gauge-pct--red{color:#ef4444}.blizzard-tab__endpoints{width:100%;border-collapse:collapse}.blizzard-tab__endpoints th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.blizzard-tab__endpoints th:last-child{text-align:right}.blizzard-tab__endpoints td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.blizzard-tab__endpoint-name{font-family:monospace;font-size:.8125rem;color:var(--text-primary)}.blizzard-tab__endpoint-count{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--gold-primary)}.blizzard-tab__chart{height:300px}.blizzard-tab__metric--green .metric-card__value{color:#10b981}.blizzard-tab__metric--yellow .metric-card__value{color:#f59e0b}.blizzard-tab__metric--orange .metric-card__value{color:#f97316}.blizzard-tab__metric--red .metric-card__value{color:#ef4444}.admin-section{margin-bottom:var(--spacing-xl)}.admin-section__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.admin-section__description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.admin-grid{display:grid;gap:var(--spacing-md)}.admin-grid--2{grid-template-columns:repeat(2,1fr)}.admin-grid--3{grid-template-columns:repeat(3,1fr)}.admin-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.admin-grid--4,.admin-grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.admin-grid--4,.admin-grid--3,.admin-grid--2{grid-template-columns:1fr}}.admin-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.admin-button--primary{background:var(--gold-primary);color:var(--bg-dark);border:none}.admin-button--primary:hover:not(:disabled){background:var(--gold-light)}.admin-button--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.admin-button--secondary:hover:not(:disabled){border-color:var(--gold-primary);color:var(--gold-primary)}.admin-button--danger{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-button--danger:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.admin-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.admin-card__title{font-size:1rem;font-weight:600;color:var(--text-primary)}.admin-btn{padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-body);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.admin-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--gold-dark);color:var(--text-primary)}.admin-btn:disabled{opacity:.4;cursor:not-allowed}.admin-btn--primary{background:var(--gold-primary);border-color:var(--gold-primary);color:#000;font-weight:600}.admin-btn--primary:hover:not(:disabled){background:var(--gold-light);border-color:var(--gold-light);color:#000}.admin-btn--danger{color:#ff6b6b;border-color:#ff6b6b4d}.admin-btn--danger:hover:not(:disabled){background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.admin-btn--sm{padding:4px var(--spacing-sm);font-size:.75rem}.admin-btn--active{background:var(--gold-dark);border-color:var(--gold-primary);color:var(--gold-light)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);background:#0000004d;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.admin-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;font-family:var(--font-body);letter-spacing:.03em;background:#ffffff0f;color:var(--text-muted)}.admin-badge--success{background:#16a36a26;color:#16a36a}.admin-badge--warning{background:#c9a84c26;color:var(--gold-primary)}.admin-badge--muted{background:#ffffff0a;color:var(--text-muted)}.admin-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:border-color var(--transition-fast)}.admin-input:focus{outline:none;border-color:var(--gold-primary)}.admin-input::placeholder{color:var(--text-muted)}.admin-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);cursor:pointer}.admin-select:focus{outline:none;border-color:var(--gold-primary)}.admin-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.admin-alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.admin-alert--success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.admin-alert--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.admin-alert--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.admin-alert--info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.not-found{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.not-found-content{max-width:480px;text-align:center}.not-found-code{font-family:var(--font-display);font-size:8rem;font-weight:700;line-height:1;color:transparent;background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));background-clip:text;-webkit-background-clip:text;margin-bottom:var(--spacing-md);text-shadow:0 4px 20px var(--gold-glow)}.not-found-title{font-family:var(--font-display);font-size:1.75rem;color:var(--text-primary);margin-bottom:var(--spacing-md)}.not-found-message{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.not-found-actions{display:flex;gap:var(--spacing-md);justify-content:center}.not-found-actions .btn{min-width:140px}@media (max-width: 480px){.not-found-code{font-size:5rem}.not-found-title{font-size:1.5rem}.not-found-actions{flex-direction:column}.not-found-actions .btn{width:100%}}.share-buttons-container{position:relative;display:flex;justify-content:center;margin-bottom:var(--spacing-md);z-index:var(--z-dropdown)}.share-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--arena-glow);border:2px solid var(--gold-primary);border-radius:var(--radius-md);color:var(--gold-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.share-button:hover{background:var(--gold-glow);border-color:var(--gold-light)}.share-button:active{transform:scale(.98)}.share-button svg{flex-shrink:0}.share-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:50%;transform:translate(-50%);min-width:180px;background:var(--bg-overlay);border:1px solid var(--border-gold);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080,0 0 20px #c9a84c1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;z-index:var(--z-sticky)}.share-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:left}.share-menu-item:hover{background:var(--arena-glow);color:var(--gold-primary)}.share-menu-item:active{background:var(--gold-glow)}.share-menu-item svg{flex-shrink:0;opacity:.9}.share-menu-item:hover svg{opacity:1}.share-menu-divider{height:1px;background:var(--border-subtle);margin:var(--spacing-xs) 0}.share-menu-loading{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-secondary);font-size:.875rem}.share-spinner{animation:share-spin 1s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.share-button{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.share-menu{min-width:160px}.share-menu-item{padding:var(--spacing-sm) var(--spacing-sm);font-size:.875rem}}@media (max-width: 480px){.share-buttons-container{margin-bottom:var(--spacing-sm)}.share-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.share-menu{min-width:150px}.share-menu-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;gap:var(--spacing-xs)}.share-menu-item svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.share-spinner{animation:none}}.items-list{width:550px;max-width:100%;overflow:hidden}.items-list-inner{background:#0009;border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:2px}.items-list--always-visible .items-list-inner{border-top:1px solid var(--border-subtle);border-radius:var(--radius-md)}.items-list-disclaimer{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:.6875rem;color:var(--text-muted);text-align:center;font-style:italic;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.items-list-scroll{max-height:280px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;padding-bottom:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.items-list-scroll::-webkit-scrollbar{width:6px}.items-list-scroll::-webkit-scrollbar-track{background:transparent}.items-list-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.items-list-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.items-list-empty{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:.875rem}.item-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.item-row:hover{background:#ffffff14}.item-slot{flex-shrink:0;width:90px;font-size:.75rem;font-weight:600;color:var(--gold-primary);text-transform:uppercase;letter-spacing:.5px}.item-link{flex:1;color:var(--text-primary);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.item-link:hover{color:var(--gold-light)}.items-list a[data-wowhead]{display:inline-flex;align-items:center;gap:4px}[data-color-mode=light] .items-list-inner{background:#ffffffeb;border-color:#0000001f}[data-color-mode=light] .item-row{background:#00000008}[data-color-mode=light] .item-row:hover{background:#0000000f}[data-color-mode=light] .item-link{filter:brightness(.7) saturate(1.3)}[data-color-mode=light] .items-list-scroll{scrollbar-color:rgba(0,0,0,.2) transparent}[data-color-mode=light] .items-list-scroll::-webkit-scrollbar-thumb{background:#0003}[data-color-mode=light] .items-list-scroll::-webkit-scrollbar-thumb:hover{background:#00000059}@media (max-width: 768px){.items-list{width:100%}.items-list-scroll{max-height:none;overflow-y:visible}.items-list-disclaimer{font-size:.625rem}.item-slot{width:75px;font-size:.6875rem}.item-link{font-size:.8125rem}}@media (max-width: 480px){.items-list-disclaimer{font-size:.5625rem}.item-slot{width:65px;font-size:.625rem}.item-link{font-size:.75rem}}.card-detail{max-width:900px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.card-detail-loading,.card-detail-error{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.card-detail-error h2{font-family:Cinzel,serif;color:var(--gold-primary);margin-bottom:var(--spacing-sm)}.card-detail-back-btn{background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;cursor:pointer;margin-top:var(--spacing-md)}.card-detail-hero{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.card-detail-hero-image{position:relative;flex-shrink:0;width:320px}.card-detail-card-img{width:100%;border-radius:var(--radius-lg);border:2px solid var(--border-gold);display:block}.card-detail-fav-btn{position:absolute;top:10px;left:10px;width:44px;height:44px;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.3);color:#b4b4b4cc;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,border-color .2s,color .2s;z-index:calc(var(--z-base) + 1)}.card-detail-fav-btn:hover{background:#0009;border-color:#ffffff80;color:#dcdcdc}.card-detail-fav-btn--active{color:gold;background:#ffd70026;border-color:#ffd70080;box-shadow:0 0 12px #ffd7004d,inset 0 0 8px #ffd7001a}.card-detail-fav-btn--active:hover{color:#ffec8b;background:#ffd70040;border-color:#ffd700b3}.card-detail-hero-info{flex:1;display:flex;flex-direction:column}.card-detail-hero-name{font-family:Cinzel,serif;color:var(--text-primary);font-size:1.75rem;margin:0 0 var(--spacing-sm)}.card-detail-hero-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.card-detail-meta-tag{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px 12px;font-size:.8rem}.card-detail-ctas{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto}.card-detail-ctas .share-buttons-container{margin-bottom:0}.card-detail-ctas .share-button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem;font-weight:400}.card-detail-ctas .share-button:hover{background:var(--bg-card-hover);border-color:var(--border-subtle)}.card-detail-action-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;font-size:.85rem;transition:background .15s}.card-detail-action-btn:hover{background:var(--bg-card-hover)}.card-detail-action-btn--primary{background:var(--gold-primary);color:var(--bg-dark);border-color:var(--gold-primary);font-weight:600}.card-detail-action-btn--primary:hover{background:var(--gold-light)}.card-detail-section-title{font-family:Cinzel,serif;color:var(--gold-primary);font-size:1.25rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-gold)}.card-detail-items{margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.card-detail-hero{flex-direction:column;gap:var(--spacing-md)}.card-detail-hero-image{width:100%;max-width:400px;margin:0 auto}.card-detail-hero-name{font-size:1.4rem}}@media (max-width: 480px){.card-detail{padding:var(--spacing-md) var(--spacing-sm)}}.challenge-create-page{min-height:100vh;padding:2rem 1rem}.challenge-create-container{max-width:800px;margin:0 auto}.challenge-create-container h1{text-align:center;margin-bottom:1.5rem;color:var(--text-primary)}.wizard-progress{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:2rem;padding-bottom:1.25rem;max-width:400px;margin-left:auto;margin-right:auto}.wizard-step-group{display:flex;flex-direction:column;align-items:center;position:relative}.wizard-connector{flex:1;height:2px;background:var(--border-subtle);transition:background .3s;margin-top:13px}.wizard-connector--active{background:var(--gold-primary)}.wizard-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:var(--border-subtle);border:2px solid var(--border-subtle);color:var(--text-muted);transition:all .3s;flex-shrink:0}.wizard-dot--active{border-color:var(--gold-primary);color:var(--gold-primary)}.wizard-dot--current{background:var(--gold-primary);color:var(--bg-dark);border-color:var(--gold-primary);box-shadow:0 0 12px var(--gold-glow)}.wizard-label{display:none}@media (min-width: 600px){.wizard-label{display:block;position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.6875rem;color:var(--text-muted);margin-top:6px;white-space:nowrap;text-align:center}.wizard-label--current{color:var(--gold-primary)}}.wizard-content{min-height:300px}.wizard-nav{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.preview-summary{margin-bottom:1.5rem}.preview-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.preview-label{color:var(--text-muted);font-size:.875rem}.preview-value{color:var(--text-primary);font-weight:500}.start-section h2{margin-bottom:1rem}.challenge-create-container h2{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.bracket-hint{font-size:.75rem;font-weight:400;color:var(--text-muted)}.error-banner{background:var(--error);color:#fff;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.settings-section,.deck-section,.start-section{background:var(--bg-card);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--gold-dark);border-radius:.25rem;background:var(--bg-card-hover);color:var(--text-primary);font-size:1rem}.form-group select option{background:var(--bg-card);color:var(--text-primary)}.form-group textarea{resize:vertical}.format-options{display:flex;flex-direction:column;gap:.5rem}.format-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:0;border:1px solid var(--gold-dark);border-radius:.25rem;cursor:pointer;transition:border-color .2s,background .2s}.format-option:hover{border-color:var(--gold-primary)}.format-option:has(input:checked){border-color:var(--gold-primary);background:var(--arena-glow)}.format-option input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;box-sizing:content-box;border:2px solid var(--gold-dark);border-radius:50%;margin:0;cursor:pointer;position:relative;transition:border-color .2s}.format-option input[type=radio]:checked{border-color:var(--gold-primary)}.format-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--gold-primary);border-radius:50%;transform:translate(-50%,-50%)}.format-content{display:flex;flex-direction:column}.format-name{font-weight:500}.format-desc{font-size:.875rem;color:var(--text-muted)}.advance-options{display:flex;gap:1rem}.advance-options label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.advance-options input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;box-sizing:content-box;border:2px solid var(--gold-dark);border-radius:50%;margin:0;cursor:pointer;position:relative;transition:border-color .2s}.advance-options input[type=radio]:checked{border-color:var(--gold-primary)}.advance-options input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--gold-primary);border-radius:50%;transform:translate(-50%,-50%)}.add-entry-form{margin-bottom:1rem}.form-row{display:flex;gap:.5rem;flex-wrap:wrap}.form-row input[type=text]{flex:1;min-width:150px;padding:.75rem;border:1px solid var(--gold-dark);border-radius:.25rem;background:var(--bg-card-hover);color:var(--text-primary)}.form-row select{padding:.75rem;border:1px solid var(--gold-dark);border-radius:.25rem;background:var(--bg-card-hover);color:var(--text-primary)}.form-row select option{background:var(--bg-card);color:var(--text-primary)}.form-row button{padding:.75rem 1.5rem;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:.25rem;cursor:pointer;font-weight:500}.form-row button:disabled{opacity:.5;cursor:not-allowed}.add-error{color:var(--error);font-size:.875rem;margin-top:.5rem}.entry-list{display:flex;flex-direction:column;gap:.5rem}.empty-deck{text-align:center;color:var(--text-muted);padding:2rem}.entry-card{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-card-hover);border-radius:.25rem;border:1px solid var(--gold-dark)}.entry-card.fetching,.entry-card.pending{opacity:.7}.entry-card.error{border-color:var(--error)}.entry-position{width:2rem;text-align:center;font-weight:700;color:var(--text-muted)}.entry-image{width:48px;height:64px;object-fit:cover;border-radius:.25rem}.entry-placeholder{width:48px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:.25rem;color:var(--text-muted)}.entry-info{flex:1;display:flex;flex-direction:column}.entry-name{font-weight:500}.entry-realm{font-size:.75rem;color:var(--text-muted)}.entry-error{font-size:.75rem;color:var(--error)}.entry-actions{display:flex;gap:.5rem}.retry-entry,.remove-entry{position:relative;width:32px;height:32px;background:none;border:1px solid var(--gold-dark);border-radius:.25rem;cursor:pointer}.remove-entry:before,.remove-entry:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:var(--text-muted);border-radius:1px}.remove-entry:before{transform:translate(-50%,-50%) rotate(45deg)}.remove-entry:after{transform:translate(-50%,-50%) rotate(-45deg)}.retry-entry:hover{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--bg-dark)}.remove-entry:hover{background:var(--error);border-color:var(--error)}.remove-entry:hover:before,.remove-entry:hover:after{background:#fff}.skip-entry-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.step-description{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}.transmog-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.transmog-card-pick{position:relative;border:2px solid var(--border-subtle);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:var(--bg-card)}.transmog-card-pick:hover{border-color:var(--gold-dark)}.transmog-card-pick--selected{border-color:var(--gold-primary);box-shadow:0 0 8px #c9a84c33}.transmog-card-pick__img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.transmog-card-pick__placeholder{width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;background:var(--bg-darker);color:var(--text-muted);font-size:2rem}.transmog-card-pick__name{display:block;padding:.4rem .5rem;font-size:.75rem;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transmog-card-pick__badge{position:absolute;top:.4rem;right:.4rem;background:var(--gold-primary);color:var(--bg-dark);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:3px}.validation-errors{list-style:none;padding:0;margin:0 0 1rem}.validation-errors li{color:var(--error);font-size:.875rem;padding:.25rem 0}.validation-errors li:before{content:"• "}.start-button{width:100%;padding:1rem;font-size:1.125rem;font-weight:700;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:.5rem;cursor:pointer;transition:background .2s}.start-button:hover:not(:disabled){background:var(--gold-light)}@media (max-width: 600px){.form-row{flex-direction:column}.form-row input[type=text],.form-row select{min-width:100%}}.challenge-list-page{padding:var(--spacing-xl) 0}.challenge-list-header{text-align:center;margin-bottom:var(--spacing-xl)}.challenge-list-header h1{margin-bottom:var(--spacing-xs)}.challenge-list-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg)}.challenge-create-btn{display:inline-block;padding:.6rem 1.5rem;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer}.challenge-create-btn:hover{opacity:.9}.challenge-list-tabs{display:flex;justify-content:center;gap:0;margin-bottom:var(--spacing-xl)}.challenge-list-tab{padding:.5rem 1.25rem;font-size:.8rem;color:var(--text-muted);background:none;border:1px solid var(--border-subtle);cursor:pointer;transition:color .15s,border-color .15s;font-family:var(--font-body)}.challenge-list-tab:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.challenge-list-tab:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.challenge-list-tab+.challenge-list-tab{margin-left:-1px}.challenge-list-tab--active{color:var(--gold-primary);border-color:#c9a84c4d;background:#c9a84c14;z-index:1;position:relative}.challenge-list-loading,.challenge-list-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.challenge-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);max-width:900px;margin:0 auto}.challenge-list-card{display:block;padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:border-color .15s,box-shadow .15s}.challenge-list-card:hover{border-color:var(--gold-dark);box-shadow:0 2px 8px #0003}.challenge-list-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.challenge-list-card__title{color:var(--text-primary);font-size:1rem;font-weight:600;flex:1}.challenge-list-card__status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.challenge-list-card__status--draft{color:var(--warning);background:#fbbf241a}.challenge-list-card__status--active{color:var(--success);background:#4ade801a}.challenge-list-card__status--ended{color:var(--text-muted);background:#ffffff0d}.challenge-list-card__desc{color:var(--text-secondary);font-size:.8rem;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.challenge-list-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-muted)}@media (max-width: 480px){.challenge-list-grid{grid-template-columns:1fr}}.challenge-matchup-view{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.matchup-header{text-align:center}.counter-text{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.round-timer-row{display:flex;align-items:center;justify-content:center;gap:1rem}.round-info{font-size:.875rem;color:var(--text-muted)}.matchup-timer{font-size:.875rem;font-weight:600;color:var(--gold-primary);padding:.25rem .5rem;background:var(--arena-glow);border-radius:.25rem}.matchup-arena{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:1000px}.nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0}.nav-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--gold-primary)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-arrow{width:12px;height:12px;border:solid var(--gold-primary);border-width:0 3px 3px 0}.nav-prev .nav-arrow{transform:rotate(135deg);margin-left:4px}.nav-next .nav-arrow{transform:rotate(-45deg);margin-right:4px}.nav-btn:disabled .nav-arrow{border-color:var(--text-muted)}.arena-cards{display:flex;align-items:center;justify-content:center;gap:1rem;flex:1}.card-container{position:relative;width:fit-content;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.card-container:not(.voted):hover{transform:scale(1.02)}.card-container.voted:not(.selected){opacity:.6}.placeholder-card{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px dashed var(--gold-dark);border-radius:.5rem;font-size:2rem;color:var(--text-muted)}.card-name{margin-top:.75rem;font-size:1rem;font-weight:500;color:var(--text-primary);text-align:center}.vote-badge{position:absolute;top:.5rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:var(--success);color:#fff;border-radius:1rem;font-size:.875rem;font-weight:700;white-space:nowrap;z-index:var(--z-dropdown);box-shadow:0 2px 8px #0000004d}.matchup-status{text-align:center;min-height:2.5rem}.voting-indicator{color:var(--gold-primary);font-style:italic}.voted-indicator{color:var(--success);font-weight:500}.vote-prompt{color:var(--text-muted)}.vote-prompt kbd{display:inline-block;padding:.125rem .375rem;margin:0 .125rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:.25rem;font-family:monospace;font-size:.75rem}@media (max-width: 768px){.matchup-arena{flex-direction:column;gap:1rem}.arena-cards{flex-direction:column;gap:1.5rem}.card-container{max-width:280px}.nav-btn{width:40px;height:40px}.nav-arrow{width:10px;height:10px;border-width:0 2px 2px 0}.counter-text{font-size:1rem}.matchup-arena{flex-direction:column}.nav-buttons-mobile{display:flex;gap:2rem;margin-top:1rem}}.bracket-view-wrapper{overflow-x:auto;padding:var(--spacing-md) 0;-webkit-overflow-scrolling:touch}.bracket-view{display:block;min-width:100%}.bracket-line{fill:none;stroke:var(--border-gold);stroke-width:2}.bracket-round-label{fill:var(--text-muted);font-size:.6875rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em}.bracket-node{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden;font-size:.75rem}.bracket-node--active{border-color:var(--gold-primary);box-shadow:0 0 10px var(--gold-glow)}.bracket-node--complete{opacity:.85}.bracket-node-entry{display:flex;align-items:center;gap:6px;padding:4px 8px;flex:1;min-height:0}.bracket-node-entry--winner{background:#4ade8014}[data-color-mode=light] .bracket-node-entry--winner{background:#16a34a14;font-weight:600}.bracket-node-entry--loser{opacity:.5}.bracket-node-thumb{width:20px;height:26px;object-fit:cover;border-radius:2px;flex-shrink:0}.bracket-node-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.bracket-node-votes{flex-shrink:0;color:var(--text-muted);font-size:.625rem}.bracket-node-divider{height:1px;background:var(--border-subtle)}.challenge-page{min-height:100vh;padding:2rem 1rem}.challenge-container{max-width:900px;margin:0 auto}.back-link{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--gold-primary);color:#fff;text-decoration:none;border-radius:.25rem}.challenge-header{text-align:center;margin-bottom:2rem}.challenge-header h1{margin-bottom:.5rem}.challenge-header .description{color:var(--text-muted);margin-bottom:1rem}.challenge-meta{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.challenge-meta .format{padding:.25rem .75rem;background:var(--bg-card);border-radius:1rem;font-size:.875rem}.challenge-meta .timer{padding:.25rem .75rem;background:var(--gold-primary);color:#fff;border-radius:1rem;font-size:.875rem}.status-ended,.status-draft{display:inline-block;padding:.5rem 1rem;border-radius:.25rem;font-weight:700}.status-ended{background:var(--text-muted);color:#fff}.status-draft{background:var(--warning);color:#000}.share-button{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:.25rem;cursor:pointer;color:var(--text-primary)}.share-button:hover{background:var(--bg-card-hover)}.view-results-button{display:block;text-align:center;padding:1rem 2rem;background:var(--gold-primary);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:700;margin:2rem auto;max-width:300px}.creator-notice{text-align:center;padding:1rem;background:var(--bg-card);border-radius:.5rem}.creator-notice a{color:var(--gold-primary)}.share-prompt{text-align:center;padding:1.5rem;margin-bottom:1.5rem;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:.5rem}.share-prompt h3{color:var(--gold-primary);font-family:var(--font-display);margin-bottom:.25rem}.share-prompt p{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem}.share-prompt-url{display:flex;gap:.5rem;margin-bottom:1rem}.share-prompt-url input{flex:1;padding:.5rem .75rem;background:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:.25rem;color:var(--text-primary);font-size:.85rem;font-family:var(--font-body)}.share-prompt-url button{padding:.5rem 1rem;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:.25rem;font-weight:600;cursor:pointer;white-space:nowrap}.share-prompt-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem}.share-prompt-dismiss:hover{color:var(--text-secondary)}.draft-info{margin-top:1.5rem}.draft-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.draft-stats .stat{text-align:center}.draft-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--gold-primary)}.draft-stats .stat-label{font-size:.8rem;color:var(--text-muted)}.join-section{text-align:center;margin:1.5rem 0}.join-button{padding:.75rem 2rem;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer}.join-picker{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.5rem;padding:1.5rem;text-align:left}.join-picker h3{margin-bottom:1rem;color:var(--gold-primary);font-family:var(--font-display)}.transmog-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.transmog-pick{border:2px solid var(--border-subtle);border-radius:.5rem;padding:.5rem;cursor:pointer;text-align:center;transition:border-color .15s}.transmog-pick:hover{border-color:var(--gold-dark)}.transmog-pick--selected{border-color:var(--gold-primary);background:#c9a84c14}.transmog-pick-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:.25rem;margin-bottom:.25rem}.transmog-pick-name{display:block;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-actions{display:flex;gap:.75rem;justify-content:center}.join-confirm{padding:.5rem 1.5rem;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:.25rem;font-weight:600;cursor:pointer}.join-confirm:disabled{opacity:.5;cursor:not-allowed}.join-cancel{padding:.5rem 1.5rem;background:none;border:1px solid var(--border-subtle);border-radius:.25rem;color:var(--text-secondary);cursor:pointer}.entered-notice{text-align:center;color:var(--success);padding:1rem;font-weight:600}.login-notice{text-align:center;color:var(--text-muted);padding:1rem}.login-notice a{color:var(--gold-primary)}.creator-draft-controls{margin-top:1.5rem}.creator-draft-controls h3{color:var(--gold-primary);font-family:var(--font-display);margin-bottom:1rem}.entry-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.entry-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:.25rem}.entry-thumb{width:40px;height:40px;object-fit:cover;border-radius:.25rem}.entry-name{flex:1;color:var(--text-primary);font-size:.9rem}.entry-remove{background:none;border:none;color:var(--error);cursor:pointer;font-size:.8rem}.start-button{display:block;width:100%;padding:.75rem;background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:.5rem;font-weight:700;font-size:1rem;cursor:pointer}.start-button:disabled{opacity:.5;cursor:not-allowed}.delete-challenge-btn{display:block;width:100%;margin-top:.75rem;padding:.5rem;background:none;border:1px solid var(--error);color:var(--error);border-radius:.25rem;cursor:pointer;font-size:.85rem}.delete-challenge-btn:hover{background:var(--error);color:#fff}.delete-confirm{margin-top:.75rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--error);border-radius:.25rem;text-align:center}.delete-confirm p{margin-bottom:.5rem;color:var(--error);font-size:.85rem}.loading-text,.empty-text{text-align:center;color:var(--text-muted);padding:1rem}.empty-text a{color:var(--gold-primary)}.vote-error{background:var(--error);color:#fff;padding:.75rem 1rem;border-radius:.25rem;margin-bottom:1rem;text-align:center}.matchups-section h2,.completed-section h2{margin-bottom:1rem}.voting-progress{text-align:center;margin-bottom:1.5rem}.progress-text{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.progress-bar{width:100%;max-width:300px;height:6px;background:var(--bg-card);border-radius:3px;margin:0 auto;overflow:hidden}.progress-fill{height:100%;background:var(--gold-primary);border-radius:3px;transition:width .3s ease}.matchups-grid{display:flex;flex-direction:column;gap:1.5rem}.matchup{background:var(--bg-card);border-radius:.5rem;padding:1rem}.matchup.voted{opacity:.8}.matchup-round{text-align:center;font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem}.matchup-cards{display:flex;align-items:center;justify-content:center;gap:1rem}.matchup-card{flex:1;max-width:200px;display:flex;flex-direction:column;align-items:center;padding:.5rem;background:var(--bg-card-hover);border:2px solid var(--gold-dark);border-radius:.5rem;cursor:pointer;transition:border-color .2s,transform .2s}.matchup-card:hover:not(:disabled){border-color:var(--gold-primary);transform:scale(1.02)}.matchup-card:disabled{cursor:default}.matchup-card.selected{border-color:var(--success);background:#4ade801a}.matchup-card img{width:100%;max-width:150px;aspect-ratio:3/4;object-fit:cover;border-radius:.25rem}.matchup-card .placeholder{width:100%;max-width:150px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:.25rem;font-size:2rem;color:var(--text-muted)}.matchup-card .card-name{margin-top:.5rem;font-size:.875rem;text-align:center}.matchup-card .voted-badge{margin-top:.25rem;padding:.125rem .5rem;background:var(--success);color:#fff;border-radius:1rem;font-size:.75rem}.vs{font-weight:700;font-size:1.25rem;color:var(--text-muted)}.voting-indicator,.voted-indicator{text-align:center;font-size:.875rem;margin-top:.5rem}.voting-indicator{color:var(--gold-primary)}.voted-indicator{color:var(--success)}.no-matchups{text-align:center;padding:2rem;background:var(--bg-card);border-radius:.5rem}.no-matchups button{margin-top:1rem;padding:.5rem 1rem;background:var(--gold-primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer}.bracket-viz-section{margin-top:2rem}.bracket-viz-section h2{margin-bottom:1rem}.completed-section{margin-top:2rem}.completed-list{display:flex;flex-direction:column;gap:.5rem}.completed-matchup{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-card);border-radius:.25rem;font-size:.875rem}.completed-matchup .matchup-info{color:var(--text-muted);min-width:60px}.completed-matchup .winner{font-weight:700;color:var(--success)}.completed-matchup .result{margin-left:auto;margin-right:auto;color:var(--text-muted)}.creator-controls{background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.creator-controls h3{margin:0 0 1rem;font-size:1rem;color:var(--gold-primary)}.controls-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.controls-stats .stat{display:flex;flex-direction:column}.controls-stats .stat-label{font-size:.75rem;color:var(--text-muted)}.controls-stats .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stop-button{padding:.5rem 1rem;background:var(--error);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:500}.stop-button:hover{opacity:.9}.stop-confirm{background:#ef44441a;border:1px solid var(--error);border-radius:.25rem;padding:1rem}.stop-confirm p{margin:0 0 .75rem;color:var(--error)}.confirm-buttons{display:flex;gap:.5rem}.confirm-yes{padding:.5rem 1rem;background:var(--error);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:500}.confirm-yes:disabled{opacity:.5;cursor:not-allowed}.confirm-no{padding:.5rem 1rem;background:transparent;color:var(--text-primary);border:1px solid var(--gold-dark);border-radius:.25rem;cursor:pointer}.confirm-no:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.matchup-cards{flex-direction:column}.matchup-card{max-width:100%;width:100%}.vs{margin:.5rem 0}.controls-stats{flex-wrap:wrap}}.challenge-results-page{min-height:100vh;padding:2rem 1rem}.results-container{max-width:900px;margin:0 auto}.loading,.error-container{text-align:center;padding:4rem 1rem}.error-container h1{margin-bottom:1rem}.back-link{display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background:var(--gold-primary);color:#fff;text-decoration:none;border-radius:.25rem}.results-header{text-align:center;margin-bottom:2rem}.results-header h1{margin-bottom:.5rem}.results-header .description{color:var(--text-muted);margin-bottom:1rem}.results-header .challenge-meta{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.results-header .format,.results-header .status{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.results-header .format{background:var(--bg-card)}.results-header .status{background:var(--text-muted);color:#fff}.share-button--copy{display:block;margin:0 auto;padding:.5rem 1rem;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;font-weight:600;background:var(--gold-primary);color:var(--bg-dark);transition:opacity var(--transition-fast)}.share-button--copy:hover{opacity:.85}.winner-section{margin-bottom:2rem}.winner-section h2{text-align:center;margin-bottom:1rem}.winner-card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem}.winner-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:400px;background:radial-gradient(ellipse at center,rgba(201,168,76,.5) 0%,rgba(201,168,76,.2) 40%,transparent 70%);filter:blur(20px);pointer-events:none;z-index:0}.winner-gallery-card{position:relative;z-index:var(--z-base)}.winner-gallery-card__image-wrap{position:relative;width:260px;height:380px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gold-primary);background:var(--bg-card);box-shadow:0 0 20px #c9a84c26}.winner-gallery-card__image{width:100%;height:100%;object-fit:cover;display:block}.winner-gallery-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 10px 8px;background:linear-gradient(transparent,#000000d9);display:flex;flex-direction:column;gap:2px}.winner-gallery-card__name{font-family:var(--font-display);font-size:.9375rem;color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-gallery-card__meta{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-gallery-card__class-bar{position:absolute;bottom:0;left:0;right:0;height:3px}.winner-info{margin-top:1rem;text-align:center;position:relative;z-index:var(--z-base)}.winner-stats{display:block;font-size:.875rem;color:var(--text-muted)}.standings-section{margin-bottom:2rem}.standings-section h2{margin-bottom:1rem}.standings-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:.5rem;overflow:hidden}.standings-table th,.standings-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gold-dark)}.standings-table th{background:var(--bg-card-hover);font-weight:600}.standings-table .rank{width:60px;text-align:center;font-weight:700}.standings-table .entry{display:flex;align-items:center;gap:.5rem}.standings-table .entry-thumb{width:32px;height:42px;object-fit:cover;border-radius:.25rem}.standings-table .winner-row{background:var(--arena-glow)}.standings-table .winner-row .rank{color:var(--gold-primary)}.stats-section{margin-bottom:2rem}.stats-section h2{margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:var(--bg-card);border-radius:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--gold-primary)}.stat-label{font-size:.875rem;color:var(--text-muted);text-align:center}.bracket-section{margin-bottom:2rem}.bracket-section h2{margin-bottom:1rem}.bracket-rounds{display:flex;gap:2rem;overflow-x:auto;padding:1rem 0}.bracket-round{min-width:200px}.bracket-round h3{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.round-matchups{display:flex;flex-direction:column;gap:1rem}.bracket-matchup{background:var(--bg-card);border-radius:.25rem;overflow:hidden}.bracket-entry{display:flex;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--gold-dark)}.bracket-entry:last-child{border-bottom:none}.bracket-entry.winner{background:#4ade801a;font-weight:700}.bracket-entry.loser{opacity:.6}.bracket-entry .votes{color:var(--text-muted)}.matchups-section{margin-bottom:2rem}.matchups-section h2{margin-bottom:1rem}.matchups-list{display:flex;flex-direction:column;gap:.5rem}.matchup-result{display:flex;align-items:center;padding:.75rem;background:var(--bg-card);border-radius:.25rem}.matchup-result>span{flex:1}.matchup-result>span:first-child{text-align:right}.matchup-result>span:last-child{text-align:left}.matchup-result .score{flex:0;padding:0 1rem;color:var(--text-muted);white-space:nowrap}.matchup-result .winner{font-weight:700;color:var(--success)}@media (max-width: 600px){.standings-table{font-size:.875rem}.standings-table th,.standings-table td{padding:.5rem}.bracket-rounds{flex-direction:column}.bracket-round{min-width:100%}}.item-grid{--cell-size: 128px;position:relative;border:none}.item-grid__cells{position:relative;background-color:#1c1c1f;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:var(--cell-size) var(--cell-size);background-position:-1px -1px}.item-grid__cells:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(255,255,255,.012) 0% 25%,transparent 0% 50%) 0 0 / 6px 6px,radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:0}.item-grid--scrollable .item-grid__cells{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-dark, #8B7430) transparent}.item-grid--scrollable .item-grid__cells::-webkit-scrollbar{width:6px}.item-grid--scrollable .item-grid__cells::-webkit-scrollbar-track{background:transparent}.item-grid--scrollable .item-grid__cells::-webkit-scrollbar-thumb{background:var(--gold-dark, #8B7430);border-radius:3px}.item-grid__item{-webkit-user-select:none;user-select:none;position:absolute;cursor:pointer;z-index:1;transition:box-shadow .2s ease,filter .2s ease,border-color .2s ease;background:linear-gradient(180deg,#00000040,#0000001a 40%,#0003);border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 2px 4px #00000059}.item-grid__item:hover{z-index:10;filter:brightness(1.2);border-color:#c9a84c4d;box-shadow:inset 0 1px 3px #0003,0 0 8px #c9a84c1f}.item-grid__item--dragging{opacity:.4;z-index:0}.item-grid__link{display:block;width:100%;height:100%}.item-grid__render{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.item-grid__rank{position:absolute;top:3px;left:4px;padding:4px;color:var(--gold-primary, #C9A84C);font-size:.65rem;font-weight:700;font-family:DM Sans,sans-serif;font-variant-numeric:tabular-nums;z-index:2;line-height:1.3;pointer-events:none;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7)}.item-grid__rank--1{color:gold;font-size:.72rem;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(255,215,0,.5)}.item-grid__rank--2{color:#d4d4d4;font-size:.72rem;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(212,212,212,.4)}.item-grid__rank--3{color:#cd7f32;font-size:.72rem;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(205,127,50,.4)}.item-grid__usage{position:absolute;bottom:3px;right:3px;background:linear-gradient(165deg,#282418f2,#14120cf2);border:1px solid rgba(201,168,76,.2);color:var(--gold-light, #E8D48C);font-size:.6rem;padding:2px 6px;border-radius:2px;opacity:0;transition:opacity .15s ease;pointer-events:none;z-index:2;font-family:DM Sans,sans-serif;font-variant-numeric:tabular-nums;line-height:1.3}.item-grid__item:hover .item-grid__usage{opacity:1}.item-grid__label{position:absolute;bottom:4px;left:4px;right:4px;padding:3px 5px;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.35) 60%,transparent 100%);pointer-events:none;z-index:2;opacity:0;transition:opacity .15s ease}.item-grid__item:hover .item-grid__label{opacity:1}.item-grid__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:.7rem;font-weight:600;font-family:DM Sans,sans-serif;line-height:1.2;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7)}.item-grid__slot{display:block;color:#ffffff80;font-size:.55rem;font-family:DM Sans,sans-serif;line-height:1.3;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.9)}[data-color-mode=light] .item-grid__slot{color:#ffffffb3}.item-grid__drop-preview{position:absolute;background:#c9a84c1a;border:2px solid rgba(201,168,76,.35);pointer-events:none;z-index:5;transition:left .08s ease,top .08s ease;box-shadow:inset 0 0 12px #c9a84c1a}[data-color-mode=light] .item-grid__cells{background-color:#e8e8ea;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px)}[data-color-mode=light] .item-grid__cells:before{background:repeating-conic-gradient(rgba(0,0,0,.015) 0% 25%,transparent 0% 50%) 0 0 / 6px 6px,radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.06) 100%)}[data-color-mode=light] .item-grid__item{background:linear-gradient(180deg,#0003,#0000001f 40%,#0000002e);border-color:#00000024;box-shadow:inset 0 2px 5px #0000002e}[data-color-mode=light] .item-grid__item:hover{border-color:#9a7b2d66;box-shadow:inset 0 1px 3px #0000000d,0 0 8px #9a7b2d26}[data-color-mode=light] .item-grid__render{filter:brightness(1.15) drop-shadow(0 3px 5px rgba(0,0,0,.4))}[data-color-mode=light] .item-grid__rank{color:#ffe066;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 6px rgba(0,0,0,.4)}[data-color-mode=light] .item-grid__rank--1{color:#ffed4a;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4)}[data-color-mode=light] .item-grid__rank--2{color:#e0e0e0;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4)}[data-color-mode=light] .item-grid__rank--3{color:#f0a050;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4)}[data-color-mode=light] .item-grid__usage{background:linear-gradient(165deg,#fffffff2,#f5f3eef2);border-color:#9a7b2d33;color:var(--gold-dark, #7a6223)}.item-grid__popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.item-grid__popup{position:relative;background:var(--bg-card, #2b2d31);border:1px solid var(--border-gold, rgba(201, 168, 76, .2));box-shadow:0 8px 32px #00000080;padding:24px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:default}.item-grid__popup-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted, #6B6B6B);font-size:1.5rem;cursor:pointer;line-height:1;padding:4px;transition:color .15s ease}.item-grid__popup-close:hover{color:var(--text-primary, #E8E8E8)}.item-grid__popup-image{display:flex;align-items:center;justify-content:center}.item-grid__popup-image img{height:40vh;max-width:60vw;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7))}.item-grid__popup-info{padding:6px 16px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.45) 20%,rgba(0,0,0,.45) 80%,transparent 100%)}.item-grid__popup-info a{font-family:DM Sans,sans-serif;font-size:.8rem}.item-stats-page{padding:var(--spacing-xl) 0}.item-stats-header{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.item-stats-header h1{text-align:center}.item-stats-subtitle{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:calc(-1 * var(--spacing-sm))}.item-stats-mode-toggle{display:flex;justify-content:center;gap:0;border:1px solid var(--border-gold);border-radius:var(--radius-md);overflow:hidden;width:fit-content;margin:0 auto}.item-stats-mode-btn{padding:.5rem 1.25rem;border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.item-stats-mode-btn:not(:last-child){border-right:1px solid var(--border-gold)}.item-stats-mode-btn:hover{color:var(--text-primary)}.item-stats-mode-btn--active{background:var(--gold-primary);color:var(--bg-dark)}.item-stats-filters{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.color-picker{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.color-picker__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.color-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:280px}.color-picker__swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;outline:none;padding:0}.color-picker__swatch:hover{transform:scale(1.2);border-color:#fff6}.color-picker__swatch--selected{border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-primary),0 0 8px #c9a84c66;transform:scale(1.15)}.color-picker__clear{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;transition:color .15s}.color-picker__clear:hover{color:var(--text-primary)}.item-stats-view-toggle{display:flex;justify-content:center;gap:0}.item-stats-grid-view{margin-bottom:var(--spacing-xl);overflow:hidden;max-width:70vw;margin-left:auto;margin-right:auto}@media (max-width: 768px){.item-stats-grid-view{max-width:100%}}.item-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-sm)}.item-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid transparent;border-radius:var(--radius-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.item-card:hover{border-color:var(--gold-dark);background:var(--bg-card-hover)}.item-card--top3{border-color:var(--border-gold)}.item-card-rank{flex-shrink:0;width:32px;font-size:.8rem;font-weight:700;color:var(--text-muted);text-align:center;font-family:var(--font-body);font-variant-numeric:tabular-nums}.item-card-rank--top3{color:var(--gold-primary);font-size:.9rem}.item-card-icon{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;row-gap:1px}.item-card-icon>a{display:contents;font-size:.8rem;color:var(--text-secondary);text-decoration:none}.item-card-icon .iconmedium,.item-card-icon .iconsmall{grid-column:1;grid-row:1 / 3}.item-card-slot{grid-column:2;grid-row:2;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.item-card-usage{flex-shrink:0;font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.item-card-skeleton{height:48px;border-radius:var(--radius-md);border:1px solid var(--border-gold)}.item-stats-error{text-align:center;padding:var(--spacing-2xl)}.item-stats-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.item-stats-empty h2{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem}.item-stats-empty p{color:var(--text-muted);max-width:360px}@media (max-width: 768px){.item-stats-page{padding:var(--spacing-lg) 0}.item-stats-header{margin-bottom:var(--spacing-lg)}.item-stats-filters{gap:var(--spacing-sm)}.item-stats-grid{grid-template-columns:1fr}}.card-crop-tool{display:flex;flex-direction:column;gap:1rem}.card-crop-tool__container{position:relative;width:100%;height:400px;background:var(--bg-card);border-radius:12px;overflow:hidden}.card-crop-tool__cropper{border-radius:12px}.card-crop-tool__area{border:2px solid var(--gold-primary)!important;box-shadow:0 0 0 9999px #0009}.card-crop-tool__controls{display:flex;align-items:center;gap:1rem}.card-crop-tool__zoom-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--text-secondary);flex:1}.card-crop-tool__zoom-slider{flex:1;accent-color:var(--gold-primary)}.card-crop-tool__error{margin:0;padding:.5rem .75rem;font-size:.8125rem;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.25);border-radius:6px}.card-crop-tool__actions{display:flex;gap:.75rem;justify-content:flex-end}.card-crop-tool__btn{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.card-crop-tool__btn:disabled{opacity:.5;cursor:not-allowed}.card-crop-tool__btn--cancel{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle)}.card-crop-tool__btn--confirm{background:var(--gold-primary);color:#000}.card-crop-tool__btn--confirm:hover:not(:disabled){opacity:.9}.card-crop-tool__trim{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-subtle)}.card-crop-tool__trim-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.card-crop-tool__timeline{position:relative;height:32px;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none}.card-crop-tool__trim-track{position:absolute;top:50%;left:0;right:0;height:6px;transform:translateY(-50%);background:var(--border-subtle);border-radius:3px;pointer-events:none}.card-crop-tool__trim-range{position:absolute;top:0;height:100%;background:var(--gold-primary);border-radius:3px;opacity:.6}.card-crop-tool__thumb{position:absolute;top:50%;width:16px;height:24px;border-radius:4px;background:var(--gold-primary);border:2px solid #000;transform:translate(-50%,-50%);cursor:grab;pointer-events:none;transition:box-shadow .1s}.card-crop-tool__thumb--active{cursor:grabbing;box-shadow:0 0 0 3px var(--gold-glow)}.card-crop-tool__time-labels{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.card-crop-tool__time-duration{font-weight:600;color:var(--gold-primary)}.card-crop-tool__preview-btn{align-self:flex-start;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);transition:background .15s,color .15s}.card-crop-tool__preview-btn:hover{background:var(--border-subtle)}.card-crop-tool__preview-btn--active{background:var(--gold-primary);color:#000;border-color:var(--gold-primary)}.card-crop-tool__preview-btn--active:hover{opacity:.9;background:var(--gold-primary)}.card-crop-tool__preview-player{border-radius:8px;overflow:hidden;background:#000}.card-crop-tool__preview-player video,.card-crop-tool__preview-player img{display:block;width:100%;max-height:200px;object-fit:contain}@media (max-width: 480px){.card-crop-tool__container{height:300px}}.item-editor{display:flex;flex-direction:column;gap:.5rem}.item-editor__slot{display:flex;align-items:center;gap:.75rem;position:relative}.item-editor__label-row{display:flex;flex-direction:column;align-items:flex-end;width:100px;flex-shrink:0;gap:2px}.item-editor__label{font-size:.8125rem;color:var(--text-secondary);text-align:right}.item-editor__shoulder-toggle{background:none;border:none;color:var(--gold-primary);font-size:.625rem;cursor:pointer;padding:0;opacity:.7;transition:opacity .15s}.item-editor__shoulder-toggle:hover{opacity:1}.item-editor__selected{display:flex;align-items:center;gap:.5rem;flex:1;padding:.375rem .625rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px}.item-editor__icon{width:24px;height:24px;border-radius:4px;flex-shrink:0}.item-editor__wh-link{flex:1;font-size:.8125rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.item-editor__wh-link:hover{text-decoration:underline}.item-editor__name{font-size:.8125rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-editor__remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.125rem;padding:0 .25rem;line-height:1}.item-editor__remove:hover{color:var(--error)}.item-editor__search-wrap{flex:1;position:relative}.item-editor__input{width:100%;padding:.375rem .625rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.8125rem;outline:none}.item-editor__input:focus{border-color:var(--gold-primary)}.item-editor__dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:6px;margin-top:2px;z-index:var(--z-header);box-shadow:0 4px 12px #0006}.item-editor__loading,.item-editor__empty{padding:.5rem .75rem;font-size:.8125rem;color:var(--text-secondary)}.item-editor__result{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .625rem;border:none;background:none;cursor:pointer;text-align:left}.item-editor__result:hover{background:var(--bg-card)}.item-editor__result-name{font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-editor__import-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--bg-card);border:1px dashed var(--gold-dark);border-radius:var(--radius-md);color:var(--gold-primary);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.item-editor__import-btn:hover{background:var(--arena-glow);border-color:var(--gold-primary);border-style:solid}.item-import-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem}.item-import-dialog{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:500px;width:100%;padding:1.5rem}.item-import-dialog__title{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary)}.item-import-dialog__hint{margin:0 0 1rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.item-import-textarea{width:100%;padding:.625rem;background:var(--bg-dark, var(--bg-card));border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-family:monospace;resize:vertical;outline:none;box-sizing:border-box}.item-import-textarea:focus{border-color:transparent;box-shadow:none}.item-import-textarea:disabled{opacity:.6}.item-import-actions{display:flex;gap:.75rem;margin-top:1rem}.item-import-warnings{font-size:.75rem;color:var(--warning);padding:.375rem 0;line-height:1.4}.item-import-error{font-size:.8125rem;color:var(--error);margin-top:.5rem}@media (max-width: 480px){.item-editor__label{width:70px;font-size:.75rem}.item-import-dialog{padding:1rem}}.comments-section{margin-top:var(--spacing-xl)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.comments-title{font-family:Cinzel,serif;color:var(--gold-primary);font-size:1.25rem;margin:0}.comments-sort select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-gold);border-radius:var(--radius-sm);padding:4px 8px;font-size:.8rem;cursor:pointer}.comments-sort select:focus{outline:none;border-color:var(--gold-primary)}.comment-form{margin-bottom:var(--spacing-lg)}.comment-input{width:100%;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-family:DM Sans,sans-serif;font-size:.9rem;resize:vertical;min-height:70px}.comment-input--edit,.comment-input--reply{min-height:50px}.comment-input:focus{outline:none;border-color:var(--gold-primary)}.comment-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xs)}.comment-char-count{color:var(--text-muted);font-size:.8rem}.comment-submit{background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);font-weight:600;cursor:pointer;font-size:.85rem}.comment-submit--sm{padding:3px 10px;font-size:.8rem}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comment-error{color:var(--error);font-size:.85rem;margin-top:var(--spacing-xs)}.comment-login-prompt{text-align:center;padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.comment-login-prompt p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.comment-login-btn{background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-lg);font-weight:600;cursor:pointer}.comment-pinned-wrapper{margin-bottom:var(--spacing-md)}.comment-pinned-wrapper .comment-card{border-color:var(--border-gold)}.comment-pinned-label{color:var(--gold-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:4px}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md)}.comment-card--reply{background:transparent;border:none;border-left:2px solid var(--border-gold);border-radius:0;padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-md)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.comment-header-left{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.comment-author{color:var(--gold-light);font-weight:600;font-size:.9rem;text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-owner-badge{background:var(--gold-primary);color:var(--bg-dark);font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:10px;line-height:1.4}.comment-time{color:var(--text-muted);font-size:.8rem}.comment-edited{color:var(--text-muted);font-size:.75rem;font-style:italic}.comment-body{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0;word-break:break-word;white-space:pre-line}.comment-body a{color:var(--gold-light);text-decoration:underline;text-decoration-color:var(--gold-glow)}.comment-body a:hover{color:var(--gold-primary);text-decoration-color:var(--gold-primary)}.comment-mention{color:var(--gold-primary);font-weight:600;text-decoration:none}.comment-mention:hover{text-decoration:underline}.comment-actions{margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.comment-action-btn{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:2px 4px}.comment-action-btn:hover{color:var(--text-secondary)}.comment-like-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:3px;font-size:.8rem;padding:2px 4px}.comment-like-btn:hover{color:var(--text-secondary)}.comment-like-btn--active{color:var(--error)}.comment-edit-form{margin-bottom:var(--spacing-xs)}.comment-edit-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.comment-reply-form{margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.comment-reply-form-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.comment-replies{margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.comment-report-form{display:flex;align-items:center;gap:var(--spacing-xs)}.comment-report-select{background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 6px;font-size:.8rem}.comments-load-more{display:block;margin:var(--spacing-md) auto 0;background:none;border:1px solid var(--gold-dark);color:var(--gold-primary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-lg);cursor:pointer;font-size:.85rem}.comments-load-more:hover{background:var(--arena-glow)}@media (max-width: 480px){.comment-replies,.comment-card--reply,.comment-reply-form{padding-left:var(--spacing-sm)}.comments-header{flex-wrap:wrap;gap:var(--spacing-sm)}}.submit-transmog-page{min-height:100vh;padding:2rem var(--spacing-lg);overflow-x:hidden}.submit-transmog-container{max-width:800px;margin:0 auto}.submit-transmog-container h1{text-align:center;margin-bottom:1.5rem;color:var(--text-primary)}.submit-title-row{position:relative}.submit-rules-btn{padding:.375rem .75rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:6px;font-size:.8125rem;cursor:pointer;transition:color .15s,border-color .15s}.submit-rules-btn:hover{color:var(--gold-primary);border-color:var(--gold-primary)}.submit-title-row .submit-rules-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.wizard-nav .submit-rules-btn{margin-right:.75rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:8px}.submit-rules-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-header);padding:1rem}.submit-rules-modal{background:var(--bg-darker);border-radius:12px;max-width:480px;width:100%;max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--border-subtle)}.submit-rules-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.submit-rules-header h3{margin:0;font-size:1rem;color:var(--text-primary)}.submit-rules-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.submit-rules-close:hover{color:var(--text-primary)}.submit-rules-content{padding:1rem 1.25rem;overflow-y:auto}.submit-rules-content ul{margin:0;padding:0 0 0 1.25rem}.submit-rules-content li{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:.625rem}.submit-rules-content li:last-child{margin-bottom:0}.submit-auth-prompt{text-align:center;padding:3rem 1rem}.submit-auth-prompt p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}.submit-auth-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.submit-auth-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:.9375rem}.submit-auth-btn--bnet{background:#0074e0;color:#fff}.submit-auth-btn--discord{background:#5865f2;color:#fff}.submit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-field{display:flex;flex-direction:column;gap:.375rem}.submit-field span{font-size:.8125rem;color:var(--text-secondary)}.submit-field input[type=text],.submit-field select{padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.875rem;outline:none}.submit-field input[type=text]:focus,.submit-field select:focus{border-color:var(--gold-primary)}.submit-field--checkbox{flex-direction:row;align-items:center;grid-column:1 / -1}.submit-field--checkbox input[type=checkbox]{accent-color:var(--gold-primary);width:16px;height:16px}.submit-upload-area{text-align:center;padding:2rem;border:2px dashed var(--border-subtle);border-radius:12px;background:var(--bg-card)}.submit-upload-area p{color:var(--text-secondary);margin-bottom:1rem}.submit-tips{text-align:left;margin:1rem auto;max-width:360px;font-size:.8125rem;color:var(--text-secondary)}.submit-tips ul{padding-left:1.25rem;margin-top:.375rem}.submit-tips li{margin-bottom:.25rem}.submit-rotating-tip{margin-top:.375rem;transition:opacity .3s ease}.submit-rotating-tip--fading{opacity:0}.submit-file-input{display:none}.submit-upload-btn{margin-top:1rem;padding:.625rem 1.5rem;background:var(--gold-primary);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.875rem}.submit-upload-btn:hover{opacity:.9}.submit-examples{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:1.25rem}.submit-example{position:relative;width:180px;height:260px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-subtle)}.submit-example__badge{position:absolute;top:8px;left:8px;z-index:var(--z-base);display:block}.submit-example__img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.3)}.submit-example-hint{color:var(--text-muted);font-size:.8rem;text-align:center;margin:var(--spacing-sm) auto 0;max-width:400px}.submit-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.submit-card-preview{width:320px;height:460px;object-fit:cover;border-radius:12px;border:2px solid var(--gold-primary)}.submit-change-btn{padding:.5rem 1.25rem;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;font-size:.8125rem}.submit-gallery-section{width:100%;max-width:480px;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.submit-gallery-section h3{font-size:1rem;margin:0 0 .25rem}.submit-gallery-optional{font-weight:400;font-size:.8125rem;color:var(--text-muted)}.submit-gallery-desc{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.submit-gallery-grid{display:flex;gap:.5rem;flex-wrap:wrap}.submit-gallery-thumb{position:relative;width:100px;height:75px;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle)}.submit-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.submit-gallery-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:.875rem;line-height:1;display:flex;align-items:center;justify-content:center}.submit-gallery-remove:hover{background:#ff6b6b}.submit-gallery-add{width:100px;height:75px;border-radius:8px;border:2px dashed var(--border-subtle);background:none;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.6875rem;transition:border-color var(--transition-fast),color var(--transition-fast)}.submit-gallery-add:hover{border-color:var(--gold-primary);color:var(--gold-primary)}.submit-video-preview{position:relative;max-width:320px;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle)}.submit-video-player{width:100%;display:block;border-radius:8px}.submit-step-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.submit-review{display:flex;gap:2rem;align-items:flex-start}.submit-review-card{flex-shrink:0}.submit-review-image{width:240px;border-radius:10px;border:2px solid var(--gold-primary)}.submit-review-info h3{color:var(--text-primary);margin-bottom:.375rem}.submit-review-info p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.submit-review-realm{font-size:.8125rem}.submit-review-anon{font-style:italic;font-size:.8125rem}.submit-review-info{flex:1;min-width:0}.submit-description-field{margin-top:.75rem}.submit-description-field label{display:block;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.submit-description-textarea{width:100%;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:6px;color:var(--text-primary);padding:.5rem .75rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:120px}.submit-description-textarea:focus{outline:none;border-color:var(--gold-primary)}.submit-description-textarea::placeholder{color:var(--text-muted)}.submit-description-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.submit-review-items{margin-top:1rem}.submit-review-items h4{color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem}.submit-review-items ul{list-style:none;padding:0;font-size:.8125rem}.submit-review-items li{padding:.25rem 0;color:var(--text-secondary)}.submit-review-slot{color:var(--text-muted);min-width:80px;display:inline-block}.wizard-nav{display:flex;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.wizard-nav-spacer{flex:1}.wizard-nav-btn{padding:.625rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:.875rem;transition:opacity .15s}.wizard-nav-btn:disabled{opacity:.4;cursor:not-allowed}.wizard-nav-btn--back{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle)}.wizard-nav-btn--next,.wizard-nav-btn--submit{background:var(--gold-primary);color:#000}.wizard-nav-btn--next:hover:not(:disabled),.wizard-nav-btn--submit:hover:not(:disabled){opacity:.9}.error-banner{background:#ff50501a;border:1px solid rgba(255,80,80,.3);color:var(--error);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.wizard-step h2{margin-bottom:1rem;color:var(--text-primary);font-size:1.25rem}.submit-char-selector{margin-bottom:1.5rem;min-width:0}.submit-loading{color:var(--text-secondary);text-align:center;padding:1rem}.submit-char-header{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:.5rem}.submit-char-list{max-height:240px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-card)}.submit-char-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;text-align:left;font-size:.875rem}.submit-char-item:last-child{border-bottom:none}.submit-char-item:hover{background:var(--arena-glow)}.submit-char-item--selected{background:var(--border-gold);border-left:3px solid var(--gold-primary)}.submit-char-name{font-weight:600;min-width:100px}.submit-char-realm{color:var(--text-secondary);font-size:.8125rem}.submit-char-meta{margin-left:auto;color:var(--text-muted);font-size:.75rem}.submit-char-empty{color:var(--text-muted);text-align:center;padding:1rem;font-size:.8125rem}.submit-manual-toggle{display:block;margin:.75rem auto 0;background:none;border:none;color:var(--gold-primary);cursor:pointer;font-size:.8125rem;text-decoration:underline}.submit-manual-toggle:hover{opacity:.8}.submit-relink-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0074e01a;border:1px solid rgba(0,116,224,.25);border-radius:8px;margin-bottom:1rem}.submit-relink-banner p{color:var(--text-secondary);font-size:.8125rem;margin:0;flex:1}.submit-relink-btn{padding:.375rem .75rem;background:#0074e0;color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap}.submit-relink-btn:hover{opacity:.9}.submit-char-lookup{margin-bottom:1.5rem;max-width:100%}.submit-lookup-row{display:flex;gap:.75rem;margin-bottom:.75rem}.submit-field--grow{flex:1}.submit-field--small{width:80px;flex-shrink:0}.submit-realm-dropdown{position:relative;max-width:100%}.submit-realm-list{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 8px 8px;z-index:var(--z-dropdown)}.submit-realm-option{display:block;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;text-align:left;font-size:.8125rem}.submit-realm-option:last-child{border-bottom:none}.submit-realm-option:hover{background:var(--arena-glow)}.submit-realm-option--selected{background:var(--border-gold)}.submit-lookup-btn{margin-top:.75rem;padding:.5rem 1.25rem;background:var(--gold-primary);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.875rem}.submit-lookup-btn:disabled{opacity:.4;cursor:not-allowed}.submit-field-error{color:var(--error);font-size:.8125rem;margin-top:.5rem}.submit-field-success{color:var(--success);font-size:.8125rem;margin-top:.5rem}.submit-field-hint{color:var(--text-muted);font-size:.8125rem;margin-top:.5rem}@media (max-width: 768px){.submit-transmog-container{padding:0 var(--spacing-sm)}.submit-form-grid{grid-template-columns:1fr}.submit-review{flex-direction:column;align-items:center}.submit-review-image{width:200px}.submit-lookup-row{flex-direction:column;gap:.5rem}.submit-field--small{width:100%}}@media (max-width: 480px){.submit-card-preview{width:240px;height:345px}}.achievement-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.achievement-badges__item{font-size:1.3rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--border-subtle);border:1px solid rgba(157,157,157,.5);border-radius:var(--radius-sm);cursor:default;position:relative}.achievement-badges__tooltip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 12px;text-align:center;z-index:var(--z-dropdown);pointer-events:none;box-shadow:0 4px 20px #000000b3;flex-direction:column;gap:2px;max-width:200px;white-space:normal;width:max-content}.achievement-badges__item:hover .achievement-badges__tooltip{display:flex}.achievement-badges__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-card)}.achievement-badges__quality{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.achievement-badges__quality--common{color:#9d9d9d}.achievement-badges__quality--uncommon{color:#1eff00}.achievement-badges__quality--rare{color:#0070dd}.achievement-badges__quality--epic{color:#a335ee}.achievement-badges__quality--legendary{color:#ff8000}.achievement-badges__name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.achievement-badges__desc{font-size:.7rem;color:var(--text-muted)}.achievement-badges__item--common{border-color:#9d9d9d80;background:#9d9d9d14}.achievement-badges__item--uncommon{border-color:#1eff0080;background:#1eff0014}.achievement-badges__item--rare{border-color:#0070dd99;background:#0070dd1a}.achievement-badges__item--epic{border-color:#a335ee99;background:#a335ee1a}.achievement-badges__item--legendary{border-color:#ff8000b3;background:#ff80001a}.achievement-badges__item--locked{border-color:var(--border-subtle);background:var(--border-subtle);color:var(--text-muted);filter:grayscale(1)}.achievement-badges__item--locked:hover{filter:none}.achievement-badges__expand{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1.5px dashed var(--gold-dark);border-radius:var(--radius-sm);color:var(--gold-primary);font-size:.75rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);padding:0}.achievement-badges__expand:hover{background:#c9a84c1a;border-color:var(--gold-primary)}@media (max-width: 768px){.achievement-badges__item{position:static}.achievement-badges{position:relative}.achievement-badges__tooltip{left:0;right:0;transform:none;width:auto;max-width:none;bottom:calc(100% + 10px)}}.community-detail{max-width:900px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.community-detail-loading,.community-detail-error{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.community-detail-error h2{font-family:Cinzel,serif;color:var(--gold-primary);margin-bottom:var(--spacing-sm)}.community-back-btn{background:var(--gold-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;cursor:pointer;margin-top:var(--spacing-md)}.community-hero{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.community-hero-image{position:relative;flex-shrink:0;width:320px}.community-card-actions{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;z-index:calc(var(--z-base) + 1)}.community-fav-btn,.community-like-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border-radius:var(--radius-full);background:#0009;border:none;color:#ffffffb3;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);font-size:.75rem;line-height:1}.community-fav-btn:hover,.community-like-btn:hover{background:#000c}.community-fav-btn--active,.community-fav-btn:hover{color:gold}.community-like-btn--active,.community-like-btn:hover{color:#ff4d6d}.community-like-count{font-family:var(--font-body);font-size:.75rem;font-weight:600}.community-card-img{width:100%;border-radius:var(--radius-lg);border:2px solid var(--border-gold);display:block}.community-edit-overlay-btn{position:absolute;bottom:var(--spacing-sm);left:50%;transform:translate(-50%);background:#000000b3;color:var(--gold-primary);border:1px solid var(--gold-dark);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;font-size:.85rem}.community-hero-info{flex:1;display:flex;flex-direction:column}.community-hero-name{font-family:Cinzel,serif;color:var(--text-primary);font-size:1.75rem;margin:0 0 var(--spacing-xs)}.community-hero-realm{color:var(--text-secondary);font-size:.95rem;margin:0 0 var(--spacing-sm)}.community-hero-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.community-meta-tag{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px 12px;font-size:.8rem}.community-meta-tag--excluded{color:var(--warning, #FBBF24);border-color:#fbbf2440}.community-hero-author{color:var(--text-muted);font-size:.85rem;margin:0 0 var(--spacing-md)}.community-hero-author-link{color:var(--gold-primary);text-decoration:none}.community-hero-author-link:hover{text-decoration:underline}.community-hero-stats{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.community-stat{display:flex;flex-direction:column;align-items:center}.community-stat-value{font-family:Cinzel,serif;color:var(--gold-primary);font-size:1.25rem;font-weight:700}.community-stat-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.achievement-badges{margin-bottom:var(--spacing-sm)}.community-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto}.community-action-btn{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;font-size:.85rem;transition:background .15s}.community-action-btn:hover{background:var(--bg-card-hover)}.community-action-btn--edit{border-color:var(--gold-dark);color:var(--gold-primary)}.community-action-btn--save{background:var(--gold-primary);color:var(--bg-dark);border-color:var(--gold-primary);font-weight:600}.community-action-btn--save:disabled{opacity:.5;cursor:not-allowed}.community-action-btn--report{border-color:#f871714d;color:var(--error)}.community-action-btn--reported{border-color:#f871714d;color:var(--error);opacity:.7;cursor:default}.community-action-btn--delete{border-color:#f4433666;color:#f44336}.community-action-btn--delete:hover{background:#f4433626}.community-save-error{color:var(--error);font-size:.85rem;margin:0;width:100%}.community-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.community-delete-modal{background:var(--bg-darker);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;text-align:center}.community-delete-modal h3{margin:0 0 .75rem;color:var(--text-primary)}.community-delete-modal p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.5}.community-delete-actions{display:flex;gap:.75rem;justify-content:center}.community-edit-fields{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.community-edit-input{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem}.community-edit-input:focus{outline:none;border-color:var(--gold-primary)}.community-edit-textarea{resize:vertical;min-height:60px;font-family:inherit}.community-edit-char-count{display:block;text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:-.25rem}.community-edit-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary);cursor:pointer;margin-top:var(--spacing-sm)}.community-hero-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 var(--spacing-sm);white-space:pre-line}.community-report-form{display:flex;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-sm);overflow:hidden}.community-report-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.community-section-title{font-family:Cinzel,serif;color:var(--gold-primary);font-size:1.25rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-gold)}.community-gallery{margin-bottom:var(--spacing-xl)}.community-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.community-gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.community-gallery-img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s}.community-gallery-img:hover{transform:scale(1.03)}.community-gallery-remove{position:absolute;top:4px;right:4px;background:#000000b3;color:var(--error);border:none;border-radius:50%;width:28px;height:28px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.community-gallery-add{display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px dashed var(--border-gold);border-radius:var(--radius-md);color:var(--gold-primary);cursor:pointer;font-size:.9rem;min-height:120px}.community-gallery-add:hover{border-color:var(--gold-primary);background:var(--arena-glow)}.community-video{margin-bottom:var(--spacing-xl)}.community-video-container{max-width:640px;position:relative}.community-video-edit-actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);align-items:center}.community-video-edit-actions .community-edit-overlay-btn{position:static;transform:none}.community-video-player{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.community-items{margin-bottom:var(--spacing-xl)}.community-items-header{display:flex;align-items:baseline;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.community-items-header .community-section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.community-items-tabs{display:flex;gap:0}.community-items-tab{padding:4px 12px;font-size:.75rem;color:var(--text-muted);background:none;border:1px solid var(--border-subtle);cursor:pointer;transition:color .15s,border-color .15s;font-family:var(--font-body)}.community-items-tab:first-child{border-radius:4px 0 0 4px}.community-items-tab:last-child{border-radius:0 4px 4px 0;margin-left:-1px}.community-items-tab--active{color:var(--gold-primary);border-color:#c9a84c4d;background:#c9a84c14}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000eb;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:var(--z-modal)}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}.community-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000f2;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.community-crop-overlay>*{width:100%;max-width:800px}@media (max-width: 768px){.community-hero{flex-direction:column;gap:var(--spacing-md)}.community-hero-image{width:100%;max-width:400px;margin:0 auto}.community-hero-name{font-size:1.4rem}.community-hero-stats{gap:var(--spacing-md)}.community-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.community-detail{padding:var(--spacing-md) var(--spacing-sm)}.community-hero-stats{gap:var(--spacing-sm)}.community-stat-value{font-size:1rem}.community-gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.achievement-grid-section{margin-bottom:var(--spacing-xl)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-sm)}.achievement-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--quality-color) 6%,var(--bg-card));border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--quality-color) 25%,transparent);position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.achievement-badge:hover{border-color:color-mix(in srgb,var(--quality-color) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--quality-color) 15%,transparent)}.achievement-badge--locked{opacity:.15;filter:grayscale(1);background:var(--bg-card);border-color:var(--border-subtle)}.achievement-badge--locked .achievement-badge__name{color:var(--text-muted)}.achievement-badge--locked:hover{border-color:var(--border-subtle);box-shadow:none}.achievement-badge__icon{font-size:1.5rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--quality-color) 12%,transparent);border-radius:var(--radius-sm)}.achievement-badge__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.achievement-badge__name{font-weight:600;font-size:.8125rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-badge__desc{font-size:.6875rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.achievement-badge__date{font-size:.625rem;color:color-mix(in srgb,var(--quality-color) 60%,var(--text-muted));white-space:nowrap;flex-shrink:0}.achievement-show-all{display:block;margin:var(--spacing-md) auto 0;background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.achievement-show-all:hover{border-color:var(--gold-dark);color:var(--gold-primary)}.achievement-grid-compact{display:none}@media (max-width: 768px){.achievement-grid-compact{display:block}.achievement-grid-full{display:none}}.profile-page{padding:var(--spacing-xl) 0}.profile-header{text-align:center;margin-bottom:var(--spacing-2xl)}.profile-portrait{margin:0 auto var(--spacing-md);display:block}.profile-header h1{font-family:var(--font-display);font-size:2rem;margin:0 0 var(--spacing-xs)}.profile-header__actions{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.profile-settings-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;font-family:var(--font-body);line-height:18px;transition:all var(--transition-fast);text-decoration:none}.profile-settings-btn:hover{border-color:var(--gold-dark);color:var(--gold-primary)}.profile-share-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);min-width:60px;line-height:18px}.profile-share-btn:hover{border-color:var(--gold-dark);color:var(--gold-primary)}.profile-member-since{color:var(--text-muted);font-size:.8125rem;display:block;margin-bottom:var(--spacing-sm)}.profile-stats-row{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.profile-stat{color:var(--text-secondary);font-size:.875rem;font-weight:500}.profile-stat-divider{color:var(--text-muted)}.profile-section{margin-bottom:var(--spacing-2xl)}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.profile-section-title{font-family:var(--font-display);font-size:1.125rem;color:var(--text-secondary);margin:0 0 var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.profile-section-header .profile-section-title{margin-bottom:0}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8125rem}.profile-view-all-btn{display:block;margin:var(--spacing-lg) auto 0;background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.profile-view-all-btn:hover{border-color:var(--gold-dark);color:var(--gold-primary)}.profile-view-all-btn:disabled{opacity:.5;cursor:not-allowed}.profile-challenges-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-challenge-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:border-color .15s}.profile-challenge-row:hover{border-color:var(--gold-dark)}.profile-challenge-info{display:flex;flex-direction:column;gap:2px}.profile-challenge-title{color:var(--text-primary);font-weight:600;font-size:.9rem}.profile-challenge-meta{color:var(--text-muted);font-size:.75rem}.profile-challenge-status{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.profile-challenge-status--draft{color:var(--warning);background:#fbbf241a}.profile-challenge-status--active{color:var(--success);background:#4ade801a}.profile-challenge-status--ended{color:var(--text-muted);background:#ffffff0d}.profile-favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.profile-favorites-grid .favorite-item{position:relative}.profile-favorites-grid .favorite-community-card{cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.profile-favorites-grid .favorite-community-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.profile-favorites-grid .favorite-community-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.profile-favorites-grid .favorite-community-placeholder{width:100%;aspect-ratio:3 / 4;background:var(--bg-card)}.profile-favorites-grid .favorite-community-name{display:block;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-2xl) 0}.profile-skeleton-header{width:300px;height:80px;border-radius:var(--radius-md)}.profile-skeleton-grid{width:100%;max-width:600px;height:200px;border-radius:var(--radius-md)}@media (max-width: 768px){.profile-page{padding:var(--spacing-lg) 0}.profile-header h1{font-size:1.5rem}.profile-stats-row{gap:var(--spacing-xs)}.profile-stat{font-size:.8125rem}.profile-section-header{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.profile-favorites-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}}.settings-page{padding:var(--spacing-xl) 0}.settings-header{text-align:center;margin-bottom:var(--spacing-xl)}.settings-header h1{font-family:var(--font-display);font-size:2rem;margin:0}.settings-content{max-width:520px;margin:0 auto}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section-title{font-family:var(--font-display);font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.settings-section-hint{color:var(--text-muted);font-size:.8125rem;margin:0 0 var(--spacing-md);line-height:1.4}.settings-portrait-current{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.settings-portrait-picker{margin-top:var(--spacing-md)}.settings-portrait-grid{display:grid;grid-template-columns:repeat(8,48px);gap:6px;margin-bottom:var(--spacing-md)}.settings-portrait-thumb{width:48px;height:48px;padding:0;border:2px solid var(--border-subtle);border-radius:50%;overflow:hidden;cursor:pointer;background:var(--bg-card);transition:border-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.settings-portrait-thumb img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.settings-portrait-thumb:hover{border-color:var(--text-secondary);transform:scale(1.08)}.settings-portrait-thumb--selected{border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-primary)}.settings-portrait-thumb:disabled{opacity:.5;cursor:not-allowed}.settings-portrait-upload-btn{display:inline-block;background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.settings-portrait-upload-btn:hover{border-color:var(--gold-dark);color:var(--gold-primary)}.settings-display-name{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.settings-display-name-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.settings-edit-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color var(--transition-fast);display:flex;align-items:center}.settings-edit-btn:hover{color:var(--gold-primary)}.settings-edit-form{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.settings-edit-input{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);width:220px}.settings-edit-input:focus{outline:none;border-color:var(--gold-primary)}.settings-edit-save,.settings-edit-cancel{background:none;border:1px solid;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.settings-edit-save{border-color:var(--gold-dark);color:var(--gold-primary)}.settings-edit-save:hover{background:var(--arena-glow)}.settings-edit-save:disabled{opacity:.5;cursor:not-allowed}.settings-edit-cancel{border-color:var(--border-subtle);color:var(--text-muted)}.settings-edit-cancel:hover{color:var(--text-secondary)}.settings-edit-error{color:var(--error);font-size:.8125rem;margin-top:var(--spacing-xs)}.settings-providers{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.settings-provider-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.settings-provider-info{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-provider-name{font-weight:600;font-size:.875rem}.settings-provider-status{font-size:.75rem;color:var(--text-muted)}.settings-provider-status--linked{color:var(--success)}.settings-link-btn{background:none;border:1px solid var(--gold-dark);color:var(--gold-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.settings-link-btn:hover{background:var(--arena-glow);border-color:var(--gold-primary)}.settings-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-option{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer}.settings-option__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.settings-option__label{font-weight:600;font-size:.875rem;color:var(--text-primary)}.settings-option__hint{font-size:.75rem;color:var(--text-muted);line-height:1.3}.settings-select{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px var(--spacing-sm);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;min-width:80px}.settings-select:focus{outline:none;border-color:var(--gold-primary)}.settings-select option{background:var(--bg-card);color:var(--text-primary)}.settings-text-input{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);padding:6px var(--spacing-sm);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-body);width:140px}.settings-text-input:focus{outline:none;border-color:var(--gold-primary)}.settings-text-input::placeholder{color:var(--text-muted)}.settings-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-card-hover);cursor:pointer;padding:0;flex-shrink:0;transition:background var(--transition-fast)}.settings-toggle--on{background:var(--gold-primary)}.settings-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-primary);transition:transform var(--transition-fast);pointer-events:none}.settings-toggle--on .settings-toggle__thumb{transform:translate(20px);background:var(--bg-dark)}.settings-action-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.settings-action-btn:hover{border-color:var(--gold-dark);color:var(--gold-primary)}.settings-action-btn:disabled{opacity:.5;cursor:not-allowed}.settings-danger-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-subtle)}.settings-section-title--danger{color:var(--error)}.settings-danger-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.settings-logout-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-muted);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.settings-logout-btn:hover{border-color:var(--error);color:var(--error)}.settings-logout-btn--section{margin-top:var(--spacing-md)}.settings-delete-btn{background:none;border:1px solid rgba(255,80,80,.3);color:var(--error);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.settings-delete-btn:hover{background:#ff50501a;border-color:var(--error)}.settings-delete-btn--confirm{background:#ff505026}.settings-delete-btn:disabled{opacity:.5;cursor:not-allowed}.settings-delete-confirm{width:100%}.settings-delete-warning{color:var(--error);font-size:.8125rem;line-height:1.5;margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ff505014;border-radius:var(--radius-md);border:1px solid rgba(255,80,80,.2)}.settings-delete-confirm-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: 768px){.settings-page{padding:var(--spacing-lg) 0}.settings-edit-form{flex-wrap:wrap}.settings-edit-input{width:100%}.settings-provider-row{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.settings-option{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.settings-text-input{width:100%}.settings-portrait-grid{grid-template-columns:repeat(6,48px)}.settings-delete-confirm-actions{flex-direction:column}}.feedback-page{padding:var(--spacing-xl) 0;max-width:720px;margin:0 auto}.feedback-header{text-align:center;margin-bottom:var(--spacing-lg)}.feedback-header h1{font-family:var(--font-display)}.feedback-subtitle{color:var(--text-muted);font-size:.85rem;margin-top:var(--spacing-xs)}.feedback-create-section{margin-bottom:var(--spacing-lg)}.feedback-create-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px dashed var(--gold-dark);border-radius:var(--radius-md);color:var(--gold-primary);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.feedback-create-btn:hover:not(:disabled){background:var(--arena-glow);border-color:var(--gold-primary);border-style:solid}.feedback-create-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-create-form{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.feedback-form-row{display:flex;gap:var(--spacing-sm)}.feedback-category-select,.feedback-sort-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.8125rem;outline:none}.feedback-category-select:focus,.feedback-sort-select:focus{border-color:var(--gold-primary)}.feedback-title-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.875rem;outline:none}.feedback-title-input:focus{border-color:var(--gold-primary)}.feedback-textarea-wrap{position:relative}.feedback-body-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.8125rem;resize:vertical;min-height:60px;outline:none}.feedback-body-input:focus{border-color:var(--gold-primary)}.feedback-char-count{position:absolute;bottom:6px;right:8px;font-size:.6875rem;color:var(--text-muted)}.feedback-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.feedback-cancel-btn{padding:var(--spacing-xs) var(--spacing-md);background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-body);font-size:.8125rem;cursor:pointer}.feedback-submit-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--gold-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-dark);font-family:var(--font-body);font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-filters{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.feedback-filter-group{display:flex;gap:4px}.feedback-filter-pill{padding:4px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.feedback-filter-pill:hover{border-color:var(--gold-dark);color:var(--text-primary)}.feedback-filter-pill--active{background:var(--gold-primary);border-color:var(--gold-primary);color:var(--bg-dark)}.feedback-error{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-sm);color:var(--error);font-size:.8125rem;margin-bottom:var(--spacing-md)}.feedback-error-dismiss{background:none;border:none;color:var(--error);cursor:pointer;font-size:1rem;padding:0 4px}.feedback-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:border-color var(--transition-fast);flex-wrap:wrap}.feedback-card:hover{border-color:var(--border-subtle)}.feedback-card--expanded{border-color:var(--gold-dark)}.feedback-vote-col{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;padding-top:2px}.feedback-like-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast);display:flex;align-items:center;gap:4px}.feedback-like-btn:hover:not(:disabled){color:var(--error)}.feedback-like-btn--active{color:var(--error)}.feedback-like-btn:disabled{cursor:default;opacity:.5}.feedback-like-btn--small{padding:2px;font-size:.75rem}.feedback-like-btn--small span{font-size:.75rem;color:var(--text-muted)}.feedback-like-count{font-size:.8125rem;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.feedback-content{flex:1;min-width:0;cursor:pointer}.feedback-badges{display:flex;gap:6px;margin-bottom:var(--spacing-xs)}.feedback-badge{padding:2px 8px;border-radius:999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.feedback-badge--bug{background:#dc262626;color:var(--error)}.feedback-badge--feature_request{background:#3b82f626;color:#60a5fa}.feedback-badge--open{background:#16a34a26;color:var(--success)}.feedback-badge--complete{background:var(--gold-glow);color:var(--gold-primary)}.feedback-badge--closed{background:#6b6b6b26;color:var(--text-muted)}.feedback-title{font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.feedback-body{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;white-space:pre-line;word-break:break-word}.feedback-body a{color:var(--gold-primary)}.feedback-body--truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:.75rem;color:var(--text-muted)}.feedback-author{color:var(--gold-primary);text-decoration:none;font-weight:500}.feedback-author:hover{text-decoration:underline}.feedback-time{color:var(--text-muted)}.feedback-reply-count{margin-left:auto;color:var(--text-muted)}.feedback-edited{font-style:italic;color:var(--text-muted);font-size:.6875rem}.feedback-expanded-section{width:100%;padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.feedback-post-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.feedback-action-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.75rem;cursor:pointer;padding:2px 4px}.feedback-action-btn:hover{color:var(--text-primary)}.feedback-action-btn--danger:hover{color:var(--error)}.feedback-replies-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feedback-toggle-replies{background:none;border:none;color:var(--gold-primary);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;padding:0;text-align:left}.feedback-toggle-replies:hover{text-decoration:underline}.feedback-reply-card{padding:var(--spacing-sm);padding-left:var(--spacing-md);border-left:2px solid var(--gold-dark);margin-left:var(--spacing-xs)}.feedback-reply-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px;font-size:.75rem}.feedback-reply-body{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;white-space:pre-line;word-break:break-word}.feedback-reply-body a{color:var(--gold-primary)}.feedback-reply-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:4px}.feedback-reply-form{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-left:var(--spacing-xs);padding-left:var(--spacing-md);border-left:2px solid var(--border-subtle)}.feedback-add-reply-btn{background:none;border:none;color:var(--gold-primary);font-family:var(--font-body);font-size:.8125rem;cursor:pointer;padding:0;text-align:left;align-self:flex-start}.feedback-add-reply-btn:hover{text-decoration:underline}.feedback-add-reply-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-edit-form{display:flex;flex-direction:column;gap:var(--spacing-xs)}.feedback-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.feedback-loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.feedback-load-more{display:block;width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:border-color var(--transition-fast)}.feedback-load-more:hover{border-color:var(--gold-dark)}@media (max-width: 768px){.feedback-page{padding:var(--spacing-lg) var(--spacing-sm)}.feedback-filters{gap:var(--spacing-sm)}}@media (max-width: 480px){.feedback-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.feedback-meta{flex-wrap:wrap}.feedback-reply-count{margin-left:0}}.news-page{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-2xl)}.news-page .container{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.news-page__title{font-family:var(--font-display);font-size:2rem;color:var(--gold-primary);margin:0 0 var(--spacing-xl)}.news-loading,.news-empty{text-align:center;color:var(--text-muted);padding:var(--spacing-2xl) 0}.news-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.news-list-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.news-list-card:hover{border-color:var(--gold-dark);box-shadow:0 2px 12px #0000004d}.news-list-card__cover{width:120px;height:80px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.news-list-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.news-list-card__title{font-family:var(--font-display);font-size:1.125rem;color:var(--text-primary);margin:0}.news-list-card__excerpt{font-size:.875rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-list-card__date{font-size:.75rem;color:var(--text-muted);margin-top:auto}.news-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.news-pagination__btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.news-pagination__btn:hover:not(:disabled){border-color:var(--gold-dark);color:var(--gold-primary)}.news-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.news-pagination__info{font-size:.8125rem;color:var(--text-muted)}.news-back-link{display:inline-block;font-size:.875rem;color:var(--gold-primary);text-decoration:none;margin-bottom:var(--spacing-lg)}.news-back-link:hover{text-decoration:underline}.news-article{margin-top:var(--spacing-sm)}.news-article__cover{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.news-article__title{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);margin:0 0 var(--spacing-xs);line-height:1.2}.news-article__date{display:block;font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--spacing-xl)}.news-article__body{font-size:1rem;line-height:1.75;color:var(--text-secondary)}.news-article__body h1,.news-article__body h2,.news-article__body h3{font-family:var(--font-display);color:var(--text-primary);margin:var(--spacing-xl) 0 var(--spacing-sm)}.news-article__body h1{font-size:1.75rem}.news-article__body h2{font-size:1.375rem}.news-article__body h3{font-size:1.125rem}.news-article__body p{margin:0 0 var(--spacing-md)}.news-article__body img{max-width:100%;border-radius:var(--radius-md);margin:var(--spacing-md) 0}.news-article__body a{color:var(--gold-primary);text-decoration:underline}.news-article__body a:hover{color:var(--gold-light)}.news-article__body ul,.news-article__body ol{margin:0 0 var(--spacing-md);padding-left:var(--spacing-xl)}.news-article__body li{margin-bottom:var(--spacing-xs)}.news-article__body blockquote{border-left:3px solid var(--gold-dark);margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-muted);background:#c9a84c0d;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.news-article__body code{font-size:.875em;background:var(--border-subtle);padding:2px 6px;border-radius:var(--radius-sm)}.news-article__body pre{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:0 0 var(--spacing-md)}.news-article__body pre code{background:none;padding:0}.news-article__body hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--spacing-xl) 0}.news-article__body table{width:100%;border-collapse:collapse;margin:0 0 var(--spacing-md)}.news-article__body th,.news-article__body td{border:1px solid var(--border-subtle);padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.news-article__body th{background:var(--bg-card);font-weight:600}.news-comments{margin-top:var(--spacing-2xl);border-top:1px solid var(--border-subtle);padding-top:var(--spacing-xl)}@media (max-width: 768px){.news-page__title{font-size:1.5rem}.news-list-card__cover{width:80px;height:60px}.news-article__title{font-size:1.5rem}.news-article__cover{max-height:250px}}.privacy-notice-banner{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);padding:var(--spacing-md);background:var(--bg-darker);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.privacy-notice-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.privacy-notice-text{flex:1;font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.privacy-notice-link{color:var(--gold-primary);text-decoration:underline;text-underline-offset:2px}.privacy-notice-link:hover{color:var(--gold-light)}.privacy-notice-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.notice-btn-decline,.notice-btn-accept{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-md)}@media (max-width: 768px){.privacy-notice-banner{padding:var(--spacing-sm)}.privacy-notice-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.privacy-notice-text{font-size:.8125rem}.privacy-notice-actions{width:100%;justify-content:center}.notice-btn-decline,.notice-btn-accept{flex:1;max-width:140px}}.favorites-merge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-md)}.favorites-merge-modal{background:var(--bg-card);border:1px solid var(--gold-primary);border-radius:12px;padding:var(--spacing-xl);max-width:400px;width:100%;text-align:center}.favorites-merge-title{font-family:Cinzel,serif;color:var(--gold-primary);margin:0 0 var(--spacing-sm);font-size:1.25rem}.favorites-merge-text{color:var(--text-secondary);margin:0 0 var(--spacing-lg);font-size:.95rem;line-height:1.5}.favorites-merge-text strong{color:var(--text-primary)}.favorites-merge-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.favorites-merge-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;font-size:.95rem;cursor:pointer;border:none;transition:all var(--transition-fast) ease}.favorites-merge-btn--primary{background:var(--gold-primary);color:var(--bg-dark);font-weight:600}.favorites-merge-btn--primary:hover{filter:brightness(1.1)}.favorites-merge-btn--ghost{background:transparent;color:var(--text-secondary)}.favorites-merge-btn--ghost:hover{color:var(--text-primary)}:root{--bg-dark: #1a1b1e;--bg-darker: #141517;--bg-card: #2b2d31;--bg-card-hover: #35373c;--bg-overlay: rgba(20, 21, 23, .92);--gold-primary: #C9A84C;--gold-light: #E8D48C;--gold-dark: #8B7430;--gold-glow: rgba(201, 168, 76, .4);--text-primary: #E8E8E8;--text-secondary: #A0A0A0;--text-muted: #6B6B6B;--success: #4ADE80;--error: #F87171;--warning: #FBBF24;--rank-gold: #FFD700;--rank-silver: #C0C0C0;--rank-bronze: #CD7F32;--arena-glow: rgba(201, 168, 76, .06);--streak-color: #FF6B35;--border-subtle: rgba(255, 255, 255, .06);--border-gold: rgba(201, 168, 76, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--gold-glow);--font-display: "Cinzel", "Times New Roman", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-battle-ui: 30;--z-header: 100;--z-bottom-nav: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 1100}[data-color-mode=light]{--bg-dark: #f2f2f2;--bg-darker: #e8e8e8;--bg-card: #ffffff;--bg-card-hover: #f5f5f5;--bg-overlay: rgba(255, 255, 255, .92);--gold-primary: #9a7b2d;--gold-light: #b8943a;--gold-dark: #7a6223;--gold-glow: rgba(154, 123, 45, .25);--text-primary: #1a1b1e;--text-secondary: #5c5c5c;--text-muted: #8a8a8a;--success: #16a34a;--error: #dc2626;--warning: #d97706;--arena-glow: rgba(154, 123, 45, .06);--border-subtle: rgba(0, 0, 0, .1);--border-gold: rgba(154, 123, 45, .25);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--shadow-glow: 0 0 15px var(--gold-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.03) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(43,45,49,.5) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(43,45,49,.5) 0%,transparent 50%);pointer-events:none;z-index:-1}[data-color-mode=light] body:before{background:radial-gradient(ellipse at 50% 0%,rgba(154,123,45,.04) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.02) 0%,transparent 50%)}#root{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem;letter-spacing:.05em}h2{font-size:2rem;letter-spacing:.03em}h3{font-size:1.5rem}p{color:var(--text-secondary)}a{color:var(--gold-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--gold-light)}button{font-family:var(--font-body);font-size:1rem;cursor:pointer;border:none;background:none;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--bg-dark);border:1px solid var(--gold-light)}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));box-shadow:var(--shadow-glow);filter:brightness(1.1)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--gold-dark)}.btn-secondary:hover{border-color:var(--gold-primary);background:var(--bg-card-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--gold-primary);background:#c9a84c1a}input,select{font-family:var(--font-body);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--gold-dark);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast)}input:focus,select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 2px var(--gold-glow)}input::placeholder{color:var(--text-muted)}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--spacing-md)}.page{flex:1;padding:var(--spacing-lg) 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-gold{color:var(--gold-primary)}.text-center{text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (max-width: 639px){:root{--spacing-lg: 16px;--spacing-xl: 24px}h1{font-size:1.75rem}h2{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}