@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&family=IM+Fell+English:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700&family=Rajdhani:wght@400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:222 47% 6%;--foreground:210 40% 98%;--card:222 47% 8%;--card-foreground:210 40% 98%;--popover:222 47% 8%;--popover-foreground:210 40% 98%;--primary:217 91% 60%;--primary-foreground:222 47% 6%;--secondary:217 33% 17%;--secondary-foreground:210 40% 98%;--muted:217 33% 17%;--muted-foreground:215 20% 65%;--accent:217 33% 17%;--accent-foreground:210 40% 98%;--destructive:0 84% 60%;--destructive-foreground:210 40% 98%;--border:217 33% 17%;--input:217 33% 17%;--ring:217 91% 60%;--radius:0.5rem;--raid-blue:217 91% 60%;--raid-purple:270 50% 40%;--internet-orange:25 95% 53%;--internet-gold:38 92% 50%;--seo-green:142 71% 45%;--seo-teal:166 72% 40%}*{@apply border-border}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:hsl(var(--secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.glow-blue{box-shadow:0 0 20px #3b82f64d,inset 0 0 20px #3b82f61a}.glow-orange{box-shadow:0 0 20px #f973164d,inset 0 0 20px #f973161a}.glow-green{box-shadow:0 0 20px #22c55e4d,inset 0 0 20px #22c55e1a}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px)}.gradient-raid{background:linear-gradient(135deg,#3b82f633,#8b5cf633)}.gradient-internet{background:linear-gradient(135deg,#f9731633,#eab30833)}.gradient-seo{background:linear-gradient(135deg,#22c55e33,#14b8a633)}.fire-effect{animation:pulse-fire 2s ease-in-out infinite;background:radial-gradient(ellipse at center,#f97316cc 0,#dc262666 50%,#0000 70%)}@keyframes pulse-fire{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.star-gold{color:#fbbf24;filter:drop-shadow(0 0 2px rgba(251,191,36,.5))}.progress-animate{animation:progress-grow 1s ease-out}@keyframes progress-grow{0%{width:0}}.stat-value{font-variant-numeric:tabular-nums}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}[data-slot=slider-thumb]{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #fff}[data-slot=slider-range]{background:linear-gradient(90deg,#22c55e,#16a34a)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.card-shine{overflow:hidden;position:relative}.card-shine:after{background:linear-gradient(to bottom right,#0000 40%,#ffffff0d 50%,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s;width:200%}.card-shine:hover:after{left:100%;top:100%}.cw-bubble,.cw-minimized,.cw-window{--accent:#d4af37;--glow:#d4af37;--glow-intensity:0.7;--window-opacity:0.92;--bg-dark:#0d0a08;--bg-card:#1a1510;--bg-input:#141210;--text-primary:#e8e0d4;--text-secondary:#9a8e7e;--text-muted:#6a5f52;font-family:Cinzel,Georgia,serif}.cw-bubble{align-items:center;border-radius:50%;bottom:24px;cursor:pointer;display:flex;height:72px;justify-content:center;position:fixed;right:24px;transition:transform .2s ease;user-select:none;width:72px;z-index:9999}.cw-bubble:hover{transform:scale(1.1)}.cw-bubble.cw-dragging{cursor:grabbing;transform:scale(1.05);transition:none}.cw-bubble-avatar{align-items:center;background:radial-gradient(circle at 30% 30%,#2a2015,#0d0a08);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 calc(20px*var(--glow-intensity)) var(--glow),0 0 calc(40px*var(--glow-intensity)) color-mix(in srgb,var(--glow) 40%,#0000),inset 0 0 15px #0009;display:flex;height:72px;justify-content:center;overflow:hidden;position:relative;width:72px}.cw-bubble-icon-img{border-radius:50%;height:100%;object-fit:cover;width:100%;z-index:2}.cw-badge{align-items:center;background:#dc2626;border:2px solid var(--bg-dark);border-radius:10px;color:#fff;display:flex;font-family:system-ui,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-4px;top:-4px}.cw-anim-lightning .cw-bubble-avatar:before{animation:cw-spin 3s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,var(--glow) 10deg,#0000 20deg,#0000 90deg,var(--glow) 100deg,#0000 110deg,#0000 180deg,var(--glow) 190deg,#0000 200deg,#0000 270deg,var(--glow) 280deg,#0000 290deg);border-radius:50%;content:"";inset:-3px;opacity:var(--glow-intensity);position:absolute;z-index:0}.cw-anim-lightning .cw-bubble-avatar:after{background:radial-gradient(circle at 30% 30%,#2a2015,#0d0a08);border-radius:50%;content:"";inset:2px;position:absolute;z-index:1}.cw-anim-lightning .cw-bubble-icon-img{z-index:3}.cw-anim-fire .cw-bubble-avatar{animation:cw-fire-pulse 1.5s ease-in-out infinite alternate}.cw-anim-fire .cw-bubble-avatar:before{animation:cw-fire-flicker .8s ease-in-out infinite alternate;background:radial-gradient(circle,#0000 50%,color-mix(in srgb,var(--glow) 30%,#0000));border-radius:50%;content:"";inset:-6px;position:absolute;z-index:0}.cw-anim-frost .cw-bubble-avatar{animation:cw-frost-shimmer 3s ease-in-out infinite}.cw-anim-frost .cw-bubble-avatar:before{animation:cw-frost-ring 4s linear infinite;border:1px solid color-mix(in srgb,var(--glow) 40%,#0000);border-radius:50%;content:"";inset:-4px;position:absolute;z-index:0}.cw-anim-shadow .cw-bubble-avatar:before{animation:cw-shadow-swirl 4s ease-in-out infinite;background:radial-gradient(circle,#0000 40%,#0009 70%,#0000 100%);border-radius:50%;content:"";inset:-8px;position:absolute;z-index:0}.cw-anim-void .cw-bubble-avatar:before{animation:cw-spin 6s linear infinite reverse;background:conic-gradient(from 0deg,var(--glow),#0000,var(--glow),#0000,var(--glow));border-radius:50%;content:"";inset:-4px;opacity:calc(var(--glow-intensity)*.6);position:absolute;z-index:0}.cw-anim-void .cw-bubble-avatar:after{background:radial-gradient(circle at 30% 30%,#1a1025,#0d0a08);border-radius:50%;content:"";inset:2px;position:absolute;z-index:1}.cw-anim-void .cw-bubble-icon-img{z-index:3}.cw-anim-holy .cw-bubble-avatar{animation:cw-holy-glow 2s ease-in-out infinite alternate}.cw-anim-holy .cw-bubble-avatar:before{animation:cw-holy-rays 3s ease-in-out infinite;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 20%,#0000) 30%,#0000 70%);border-radius:50%;content:"";inset:-10px;position:absolute;z-index:0}@keyframes cw-spin{to{transform:rotate(1turn)}}@keyframes cw-fire-pulse{to{box-shadow:0 0 25px var(--glow),0 0 50px color-mix(in srgb,var(--glow) 30%,#0000)}}@keyframes cw-fire-flicker{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes cw-frost-shimmer{0%,to{box-shadow:0 0 15px color-mix(in srgb,var(--glow) 30%,#0000)}50%{box-shadow:0 0 30px color-mix(in srgb,var(--glow) 50%,#0000)}}@keyframes cw-frost-ring{to{transform:rotate(1turn) scale(1.05)}}@keyframes cw-shadow-swirl{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.15)}}@keyframes cw-holy-glow{to{box-shadow:0 0 30px var(--glow),0 0 60px color-mix(in srgb,var(--glow) 25%,#0000)}}@keyframes cw-holy-rays{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}.cw-window{animation:cw-slide-up .3s ease-out;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg-dark) calc(var(--window-opacity)*100%),#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:16px;bottom:24px;box-shadow:0 20px 60px #0009,0 0 20px color-mix(in srgb,var(--glow) 10%,#0000);display:flex;flex-direction:column;height:560px;overflow:hidden;position:fixed;right:24px;width:400px;z-index:10000}@keyframes cw-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cw-header{background:linear-gradient(180deg,#1a1510,#0d0a08);border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,#0000);flex-shrink:0;justify-content:space-between;padding:12px 16px}.cw-header,.cw-header-left{align-items:center;display:flex}.cw-header-left{gap:10px}.cw-header-avatar{border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--glow) 30%,#0000);flex-shrink:0;height:36px;object-fit:cover;width:36px}.cw-header-title{color:var(--text-primary);font-family:Cinzel,serif;font-size:13px;font-weight:700;letter-spacing:.3px}.cw-header-status{align-items:center;color:var(--text-secondary);display:flex;font-family:system-ui,sans-serif;font-size:11px;gap:4px}.cw-online-dot{background:#22c55e;border-radius:50%;box-shadow:0 0 4px #22c55e;height:6px;width:6px}.cw-vip-badge{background:linear-gradient(135deg,#d4af37,#b8941e);border-radius:3px;color:#0d0a08;font-size:9px;font-weight:700;letter-spacing:.5px;margin-right:4px;padding:1px 5px}.cw-header-actions{display:flex;gap:4px}.cw-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;padding:6px;transition:background .2s,color .2s}.cw-icon-btn:hover{background:#ffffff14;color:var(--text-primary)}.cw-messages{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scrollbar-color:var(--text-muted) #0000;scrollbar-width:thin}.cw-messages::-webkit-scrollbar{width:4px}.cw-messages::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.cw-welcome{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px 10px;text-align:center}.cw-welcome-icon{border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--glow) 20%,#0000);height:56px;object-fit:cover;width:56px}.cw-welcome h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:15px;margin:0}.cw-welcome p{color:var(--text-secondary);font-family:system-ui,sans-serif;font-size:13px;line-height:1.5;margin:0}.cw-suggestions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.cw-suggestion{background:#ffffff0d;border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:system-ui,sans-serif;font-size:12px;padding:6px 12px;transition:all .2s}.cw-suggestion:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);color:var(--text-primary)}.cw-msg{animation:cw-msg-in .2s ease-out;display:flex;gap:8px;max-width:92%}@keyframes cw-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cw-msg-user{align-self:flex-end;flex-direction:row-reverse}.cw-msg-system{align-self:center}.cw-msg-avatar{border:1.5px solid var(--accent);border-radius:50%;flex-shrink:0;height:28px;margin-top:2px;object-fit:cover;width:28px}.cw-msg-content{word-wrap:break-word;border-radius:12px;font-family:system-ui,sans-serif;font-size:13px;line-height:1.6;padding:10px 14px}.cw-msg-assistant .cw-msg-content{background:var(--bg-card);border:1px solid #ffffff0d;border-top-left-radius:4px;color:var(--text-primary)}.cw-msg-user .cw-msg-content{background:color-mix(in srgb,var(--accent) 15%,var(--bg-card));border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-top-right-radius:4px;color:var(--text-primary)}.cw-msg-system .cw-msg-content{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#86efac;font-size:12px;text-align:center}.cw-msg-error .cw-msg-content{background:#dc26261a!important;border-color:#dc262633!important;color:#fca5a5!important}.cw-cache-tag{background:#ffffff0d;border-radius:4px;color:var(--text-muted);display:inline-block;font-size:9px;letter-spacing:.5px;margin-left:6px;padding:1px 6px;text-transform:uppercase;vertical-align:middle}.cw-structured-msg{display:flex;flex-direction:column;gap:8px}.cw-answer-md{line-height:1.6}.cw-inline-code{background:#ffffff14;border-radius:3px;font-family:Fira Code,monospace;font-size:12px;padding:1px 5px}.cw-cards-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.cw-champ-card{align-items:center;background:#ffffff0a;border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;display:inline-flex;gap:8px;padding:6px 10px;text-decoration:none;transition:all .2s}.cw-champ-card:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);transform:translateY(-1px)}.cw-champ-img{border:1px solid #ffffff1a;border-radius:6px;height:32px;object-fit:cover;width:32px}.cw-card-info{display:flex;flex-direction:column}.cw-champ-name{color:var(--accent);font-family:Cinzel,serif;font-size:12px;font-weight:600}.cw-card-meta{color:var(--text-muted);font-family:system-ui,sans-serif;font-size:10px}.cw-actions-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.cw-action-btn{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:6px;color:var(--accent);cursor:pointer;display:inline-flex;font-family:system-ui,sans-serif;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;text-decoration:none;transition:all .2s}.cw-action-btn:hover{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent)}.cw-citations{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.cw-citation-tag{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:4px;color:var(--text-muted);font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.3px;padding:2px 7px}.cw-escalate-btn{align-items:center;background:#ea580c1f;border:1px solid #ea580c66;border-radius:8px;color:#fb923c;cursor:pointer;display:inline-flex;font-family:system-ui,sans-serif;font-size:12px;font-weight:600;gap:6px;margin-top:8px;padding:8px 14px;transition:all .2s}.cw-escalate-btn:hover{background:#ea580c38;border-color:#fb923c;transform:translateY(-1px)}.cw-escalation-confirm{border-radius:8px;font-size:12px;line-height:1.5;padding:8px 12px}.cw-priority-critical{background:#dc26261f;border-left:3px solid #dc2626;color:#fca5a5}.cw-priority-high{background:#ea580c1f;border-left:3px solid #ea580c;color:#fdba74}.cw-priority-medium{background:#d4af371f;border-left:3px solid #d4af37;color:#fde68a}.cw-priority-low{background:#2563eb1f;border-left:3px solid #2563eb;color:#93c5fd}.cw-typing{display:flex;gap:4px;padding:12px 16px}.cw-typing span{animation:cw-typing-bounce 1.2s infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}.cw-typing span:nth-child(2){animation-delay:.2s}.cw-typing span:nth-child(3){animation-delay:.4s}@keyframes cw-typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.cw-input-area{background:linear-gradient(0deg,#0d0a08,var(--bg-card));border-top:1px solid #ffffff0d;flex-shrink:0;padding:12px 16px}.cw-input-row{display:flex;gap:8px}.cw-input{background:var(--bg-input);border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);flex:1;font-family:system-ui,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s}.cw-input::placeholder{color:var(--text-muted)}.cw-input:focus{border-color:var(--accent)}.cw-send-btn{align-items:center;background:var(--accent);border:none;border-radius:10px;color:#0d0a08;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:opacity .2s,transform .2s;width:40px}.cw-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.cw-send-btn:disabled{cursor:not-allowed;opacity:.4}.cw-ticket-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-family:system-ui,sans-serif;font-size:11px;gap:4px;margin-top:6px;padding:4px 0;transition:color .2s}.cw-ticket-btn:hover{color:var(--accent)}.cw-ticket-bar{align-items:center;background:#d4af370d;border-top:1px solid color-mix(in srgb,var(--accent) 20%,#0000);display:flex;gap:8px;padding:8px 16px}.cw-ticket-select{background:var(--bg-input);border:1px solid #ffffff1a;border-radius:6px;color:var(--text-primary);outline:none;padding:4px 8px}.cw-ticket-select,.cw-ticket-submit{font-family:system-ui,sans-serif;font-size:12px}.cw-ticket-submit{align-items:center;background:var(--accent);border:none;border-radius:6px;color:#0d0a08;cursor:pointer;display:flex;font-weight:600;gap:4px;padding:5px 12px;transition:opacity .2s}.cw-ticket-submit:hover{opacity:.9}.cw-ticket-cancel{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.cw-minimized,.cw-ticket-cancel:hover{color:var(--text-primary)}.cw-minimized{align-items:center;background:var(--bg-dark);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:24px;bottom:24px;box-shadow:0 4px 20px #0006;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:12px;font-weight:600;gap:8px;padding:8px 16px;position:fixed;right:24px;transition:all .2s;z-index:9999}.cw-minimized:hover{background:var(--bg-card);border-color:var(--accent)}.cw-settings{background:var(--bg-dark);border-bottom:1px solid #ffffff14;max-height:320px;overflow-y:auto;padding:12px 16px}.cw-settings-header{align-items:center;color:var(--accent);display:flex;font-family:Cinzel,serif;font-size:13px;font-weight:700;justify-content:space-between;margin-bottom:12px}.cw-settings-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.cw-settings-section{margin-bottom:14px}.cw-settings-section label{color:var(--text-secondary);display:block;font-family:system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.cw-color-grid{display:flex;flex-wrap:wrap;gap:6px}.cw-color-swatch{align-items:center;border:2px solid #0000;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.cw-color-swatch:hover{transform:scale(1.15)}.cw-color-swatch.active{border-color:#fff;box-shadow:0 0 10px #fff3}.cw-anim-grid{display:grid;gap:6px;grid-template-columns:1fr 1fr}.cw-anim-option{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;padding:6px 10px;text-align:left;transition:all .2s}.cw-anim-option:hover{background:#ffffff14}.cw-anim-option.active{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:var(--accent)}.cw-anim-label{color:var(--text-primary);font-size:12px;font-weight:600}.cw-anim-desc,.cw-anim-label{display:block;font-family:system-ui,sans-serif}.cw-anim-desc{color:var(--text-muted);font-size:10px}.cw-slider{appearance:none;background:#ffffff1a;border-radius:2px;height:4px;outline:none;width:100%}.cw-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg-dark);border-radius:50%;cursor:pointer;height:14px;width:14px}.cw-settings-save{background:var(--accent);border:none;border-radius:8px;color:#0d0a08;cursor:pointer;font-family:Cinzel,serif;font-size:12px;font-weight:700;padding:8px;transition:opacity .2s;width:100%}.cw-settings-save:hover{opacity:.9}.cw-settings-save:disabled{cursor:wait;opacity:.5}@media (max-width:480px){.cw-window{border-radius:12px;bottom:8px;height:calc(100vh - 100px);right:8px;width:calc(100vw - 16px)}.cw-bubble{bottom:16px;right:16px}.cw-bubble,.cw-bubble-avatar{height:52px;width:52px}}.cw-image-btn{align-items:center;background:#d4af370f;border:1px solid #d4af3733;border-radius:8px;color:#d4af37;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .15s;width:34px}.cw-image-btn:hover:not(:disabled){background:#d4af371f;border-color:#d4af3766}.cw-image-btn:disabled{cursor:not-allowed;opacity:.4}.cw-msg-image-preview{border:1px solid #d4af3726;border-radius:8px;margin-bottom:6px;max-width:180px;overflow:hidden}.cw-msg-image-preview img{display:block;height:auto;max-height:120px;object-fit:cover;width:100%}.cw-image-progress{margin-bottom:8px}.cw-image-progress-bar{background:#ffffff0f;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden;width:100%}.cw-image-progress-fill{background:linear-gradient(90deg,#d4af37,#e8c547);border-radius:2px;height:100%;position:relative;transition:width .5s ease-out}.cw-image-progress-fill:after{animation:cw-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff40 50%,#0000);content:"";inset:0;position:absolute}@keyframes cw-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cw-image-progress-label{align-items:center;color:#d4af37b3;display:flex;font-size:10px;gap:4px}.cw-image-done-badge{align-items:center;background:#10b9811a;border:1px solid #10b98140;border-radius:4px;color:#6ee7b7;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-bottom:6px;padding:2px 8px}.cw-spin{animation:cw-spin-anim .8s linear infinite}@keyframes cw-spin-anim{to{transform:rotate(1turn)}}.avatar-overlay-container{align-items:center;border-radius:50%;display:inline-flex;isolation:isolate;justify-content:center;position:relative}.avatar-overlay-container .avatar-image{border-radius:50%;object-fit:cover;position:relative;z-index:2}.avatar-overlay-container.avatar-sm{height:40px;width:40px}.avatar-overlay-container.avatar-sm .avatar-image{height:32px;width:32px}.avatar-overlay-container.avatar-md{height:64px;width:64px}.avatar-overlay-container.avatar-md .avatar-image{height:52px;width:52px}.avatar-overlay-container.avatar-lg{height:100px;width:100px}.avatar-overlay-container.avatar-lg .avatar-image{height:84px;width:84px}.avatar-overlay-container.avatar-xl{height:140px;width:140px}.avatar-overlay-container.avatar-xl .avatar-image{height:120px;width:120px}.avatar-overlay-ring{border-radius:50%;inset:0;pointer-events:none;position:absolute;z-index:1}.avatar-overlay-container.overlay-mystic-aura .avatar-overlay-ring{animation:mysticRotate 4s linear infinite;background:conic-gradient(from 0deg,#8b5cf600 0deg,#8b5cf699 60deg,#3b82f680 120deg,#8b5cf600 180deg,#3b82f699 240deg,#8b5cf680 300deg,#8b5cf600 1turn);filter:blur(3px)}.avatar-overlay-container.overlay-mystic-aura:before{animation:mysticPulse 2.5s ease-in-out infinite;background:radial-gradient(circle at center,#0000 45%,#8b5cf64d 55%,#3b82f633 70%,#0000 80%);border-radius:50%;content:"";inset:-8px;position:absolute;z-index:0}.avatar-overlay-container.overlay-mystic-aura:after{border:2px solid #8b5cf680;border-radius:50%;box-shadow:0 0 15px #8b5cf666,inset 0 0 10px #8b5cf633;content:"";inset:-4px;position:absolute;z-index:3}@keyframes mysticRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes mysticPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.avatar-overlay-container.overlay-inferno-frame .avatar-overlay-ring{animation:infernoRotate 3s linear infinite;background:conic-gradient(from 0deg,#fb923ce6 0deg,#ef4444cc 45deg,#fbbf24e6 90deg,#ef4444b3 135deg,#fb923ccc 180deg,#ea580ce6 225deg,#fbbf24cc 270deg,#ef4444cc 315deg,#fb923ce6 1turn);filter:blur(2px)}.avatar-overlay-container.overlay-inferno-frame:before{animation:infernoFlicker .15s steps(2) infinite,infernoWave 2s ease-in-out infinite;background:radial-gradient(ellipse 30% 50% at 50% 0,#fbbf24cc 0,#0000 70%),radial-gradient(ellipse 25% 40% at 20% 20%,#fb923c99 0,#0000 60%),radial-gradient(ellipse 25% 40% at 80% 20%,#ef444499 0,#0000 60%),radial-gradient(ellipse 30% 35% at 30% 85%,#fb923c80 0,#0000 60%),radial-gradient(ellipse 30% 35% at 70% 85%,#ea580c80 0,#0000 60%);border-radius:50%;content:"";inset:-12px;position:absolute;z-index:0}.avatar-overlay-container.overlay-inferno-frame:after{border:3px solid #fb923cb3;border-radius:50%;box-shadow:0 0 20px #ef444499,0 0 40px #fb923c66,inset 0 0 15px #fbbf244d;content:"";inset:-2px;position:absolute;z-index:3}@keyframes infernoRotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes infernoFlicker{0%{opacity:.85}to{opacity:1}}@keyframes infernoWave{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-overlay-container.overlay-lightning-crackle .avatar-overlay-ring{animation:lightningRotate .8s linear infinite;background:conic-gradient(from 0deg,#38bdf800 0deg,#38bdf8cc 10deg,#ffffffe6 15deg,#38bdf800 25deg,#93c5fdb3 90deg,#fffc 95deg,#38bdf800 105deg,#38bdf8cc 180deg,#ffffffe6 185deg,#38bdf800 195deg,#93c5fdb3 270deg,#fffc 275deg,#38bdf800 285deg,#38bdf800 1turn);filter:blur(1px)}.avatar-overlay-container.overlay-lightning-crackle:before{animation:sparkFlash .3s steps(3) infinite;background:radial-gradient(circle at 15% 25%,#fffffff2 0,#0000 8%),radial-gradient(circle at 85% 30%,#ffffffe6 0,#0000 7%),radial-gradient(circle at 25% 80%,#ffffffd9 0,#0000 6%),radial-gradient(circle at 75% 75%,#ffffffe6 0,#0000 7%),radial-gradient(circle at 50% 10%,#38bdf8cc 0,#0000 10%),radial-gradient(circle at 50% 90%,#38bdf8cc 0,#0000 10%);border-radius:50%;content:"";inset:-6px;position:absolute;z-index:0}.avatar-overlay-container.overlay-lightning-crackle:after{border:2px solid #38bdf899;border-radius:50%;box-shadow:0 0 15px #38bdf880,0 0 30px #93c5fd4d,inset 0 0 10px #38bdf833;content:"";inset:-2px;position:absolute;z-index:3}@keyframes lightningRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sparkFlash{0%{opacity:.4;transform:rotate(0deg)}33%{opacity:1;transform:rotate(8deg)}66%{opacity:.6;transform:rotate(-5deg)}to{opacity:.4;transform:rotate(0deg)}}.avatar-overlay-container.overlay-frost-crown .avatar-overlay-ring{animation:frostRotate 8s linear infinite;background:conic-gradient(from 0deg,#bae6fdcc 0deg,#ffffffe6 30deg,#93c5fd99 60deg,#bae6fdcc 90deg,#ffffffb3 120deg,#93c5fdcc 150deg,#bae6fd99 180deg,#ffffffe6 210deg,#93c5fdb3 240deg,#bae6fdcc 270deg,#fffc 300deg,#93c5fd99 330deg,#bae6fdcc 1turn);filter:blur(2px)}.avatar-overlay-container.overlay-frost-crown:before{animation:frostFloat 3s ease-in-out infinite;background:radial-gradient(circle at 50% 5%,#ffffffe6 0,#0000 15%),radial-gradient(circle at 85% 25%,#bae6fdb3 0,#0000 12%),radial-gradient(circle at 95% 55%,#fffc 0,#0000 10%),radial-gradient(circle at 80% 85%,#bae6fd99 0,#0000 12%),radial-gradient(circle at 50% 95%,#ffffffb3 0,#0000 14%),radial-gradient(circle at 20% 85%,#93c5fd99 0,#0000 11%),radial-gradient(circle at 5% 55%,#fffc 0,#0000 10%),radial-gradient(circle at 15% 25%,#bae6fdb3 0,#0000 12%);border-radius:50%;content:"";inset:-10px;position:absolute;z-index:0}.avatar-overlay-container.overlay-frost-crown:after{border:2px solid #bae6fdb3;border-radius:50%;box-shadow:0 0 20px #bae6fd80,0 0 40px #93c5fd4d,inset 0 0 15px #ffffff4d;content:"";inset:-2px;position:absolute;z-index:3}@keyframes frostRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes frostFloat{0%,to{opacity:.7;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-3px) scale(1.03)}}.avatar-overlay-container.overlay-celestial-ring .avatar-overlay-ring{animation:celestialOrbit 6s linear infinite;background:conic-gradient(from 0deg,#fbbf24e6 0deg,#fcd34db3 20deg,#f59e0bcc 40deg,#fbbf2499 60deg,#fcd34de6 80deg,#f59e0bb3 100deg,#fbbf24cc 120deg,#fcd34d99 140deg,#f59e0be6 160deg,#fbbf24b3 180deg,#fcd34dcc 200deg,#f59e0b99 220deg,#fbbf24e6 240deg,#fcd34db3 260deg,#f59e0bcc 280deg,#fbbf2499 300deg,#fcd34de6 320deg,#f59e0bb3 340deg,#fbbf24e6 1turn);filter:blur(2px)}.avatar-overlay-container.overlay-celestial-ring:before{align-items:center;animation:celestialOrbit 8s linear infinite reverse;color:#fbbf24e6;content:"✦ ✦ ✦ ✦ ✦ ✦";display:flex;font-size:8px;inset:-8px;justify-content:center;letter-spacing:12px;position:absolute;text-shadow:0 0 8px #fbbf24cc;z-index:4}.avatar-overlay-container.overlay-celestial-ring:after{border:2px solid #fbbf2499;border-radius:50%;box-shadow:0 0 20px #fbbf2480,0 0 40px #fcd34d4d,inset 0 0 15px #fbbf2433;content:"";inset:-3px;position:absolute;z-index:3}@keyframes celestialOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-overlay-container.overlay-shadow-veil .avatar-overlay-ring{animation:shadowSwirl 5s linear infinite;background:conic-gradient(from 0deg,#1e1428e6 0deg,#581c8799 45deg,#1e1428cc 90deg,#373046b3 135deg,#1e1428e6 180deg,#581c8780 225deg,#1e1428cc 270deg,#37304699 315deg,#1e1428e6 1turn);filter:blur(4px)}.avatar-overlay-container.overlay-shadow-veil:before{animation:shadowWisp 3s ease-in-out infinite;background:radial-gradient(ellipse 40% 60% at 50% 0,#581c8766 0,#0000 60%),radial-gradient(ellipse 35% 50% at 20% 30%,#1e142880 0,#0000 50%),radial-gradient(ellipse 35% 50% at 80% 30%,#37304666 0,#0000 50%),radial-gradient(ellipse 45% 40% at 30% 90%,#581c874d 0,#0000 50%),radial-gradient(ellipse 45% 40% at 70% 90%,#1e142866 0,#0000 50%);border-radius:50%;content:"";inset:-15px;position:absolute;z-index:0}.avatar-overlay-container.overlay-shadow-veil:after{border:2px solid #581c8780;border-radius:50%;box-shadow:0 0 20px #1e1428cc,0 0 40px #581c8766,inset 0 0 20px #00000080;content:"";inset:-2px;position:absolute;z-index:3}@keyframes shadowSwirl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes shadowWisp{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}25%{opacity:.8;transform:scale(1.05) rotate(2deg)}50%{opacity:.7;transform:scale(1.02) rotate(-1deg)}75%{opacity:.85;transform:scale(1.06) rotate(1deg)}}@media (prefers-reduced-motion:reduce){.avatar-overlay-container[class*=overlay-] .avatar-overlay-ring,.avatar-overlay-container[class*=overlay-]:after,.avatar-overlay-container[class*=overlay-]:before{animation:none!important}.avatar-overlay-container.overlay-mystic-aura:after{box-shadow:0 0 15px #8b5cf680}.avatar-overlay-container.overlay-inferno-frame:after{box-shadow:0 0 15px #fb923c99}.avatar-overlay-container.overlay-lightning-crackle:after{box-shadow:0 0 15px #38bdf880}.avatar-overlay-container.overlay-frost-crown:after{box-shadow:0 0 15px #bae6fd80}.avatar-overlay-container.overlay-celestial-ring:after{box-shadow:0 0 15px #fbbf2480}.avatar-overlay-container.overlay-shadow-veil:after{box-shadow:0 0 15px #581c8780}}.avatar-overlay-selector{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px 0}.overlay-option{align-items:center;background:#1e191499;border:2px solid #d4af3733;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s ease}.overlay-option:hover{background:#1e1914cc;border-color:#d4af3766;transform:translateY(-2px)}.overlay-option.selected{background:#d4af371a;border-color:#d4af37cc;box-shadow:0 0 20px #d4af3733}.overlay-option-name{color:#a09080;font-size:12px;font-weight:500;text-align:center}.overlay-option.selected .overlay-option-name{color:#d4af37}.overlay-option-preview{height:64px;width:64px}.overlay-option.locked{cursor:not-allowed;opacity:.5}.overlay-option.locked:hover{border-color:#d4af3733;transform:none}.overlay-locked-badge{background:#000c;border-radius:4px;color:#d4af37;font-size:10px;padding:2px 6px;position:absolute;right:4px;top:4px}@media (max-width:768px){.avatar-overlay-selector{gap:12px;grid-template-columns:repeat(2,1fr)}.overlay-option{padding:12px 8px}.overlay-option-preview{height:56px;width:56px}}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#28231ce6,#1e1914f2);color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:inherit;font-weight:600;justify-content:center}.avatar-sm .avatar-fallback{font-size:14px}.avatar-md .avatar-fallback{font-size:20px}.avatar-lg .avatar-fallback{font-size:32px}.avatar-xl .avatar-fallback{font-size:44px}.overlay-selector-compact{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.overlay-selector-compact::-webkit-scrollbar{display:none}.overlay-chip{align-items:center;background:#1e1914b3;border:1px solid #d4af3740;border-radius:20px;color:#a09080;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.overlay-chip:hover:not(.locked){background:#1e1914e6;border-color:#d4af3766}.overlay-chip.selected{background:#d4af3726;border-color:#d4af37b3;color:#d4af37}.overlay-chip.locked{cursor:not-allowed;opacity:.5}.chip-lock{font-size:10px;margin-left:2px}.lang-switcher{position:relative;z-index:100}.lang-switcher-trigger{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;color:var(--text-secondary,#ffffffa6);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.lang-switcher-trigger:hover{background:#ffffff14;border-color:#ffffff40;color:var(--text-primary,#fff)}.lang-switcher-trigger--open{background:#c9a84c14;border-color:var(--gold,#c9a84c);color:var(--gold,#c9a84c)}.lang-switcher-code{letter-spacing:.05em}.lang-switcher-caret{opacity:.5;transition:transform .2s ease}.lang-switcher-trigger--open .lang-switcher-caret{opacity:1;transform:rotate(180deg)}.lang-switcher-dropdown{animation:langDropIn .15s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121216f5;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 12px 40px #00000080;min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 6px)}@keyframes langDropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lang-switcher-option{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary,#ffffffa6);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.lang-switcher-option:hover{background:#ffffff0f;color:var(--text-primary,#fff)}.lang-switcher-option--active{color:var(--gold,#c9a84c)}.lang-switcher-option--active:hover{background:#c9a84c14;color:var(--gold,#c9a84c)}.lang-switcher-native{flex:1}.lang-switcher-sub{font-size:11px;letter-spacing:.05em;opacity:.4}.lang-switcher-check{color:var(--gold,#c9a84c);flex-shrink:0}@media (max-width:768px){.lang-switcher-trigger{font-size:11px;padding:4px 8px}.lang-switcher-dropdown{min-width:160px;right:-8px}}.mn-bar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0ff2;display:flex;height:64px;left:0;min-height:64px;padding-top:env(safe-area-inset-top);position:-webkit-sticky;position:sticky;right:0;top:0;transition:background .3s ease,box-shadow .3s ease;z-index:1000}.mn-bar:after{background:var(--accent-1,var(--gold-primary,#d4af37));bottom:0;content:"";height:1px;left:0;opacity:.15;position:absolute;right:0;transition:opacity .3s}.mn-bar-scrolled{background:#0a0a0ff7;box-shadow:0 4px 30px #0006}.mn-bar-scrolled:after{opacity:.25}.mn-bar-inner{gap:4px;margin:0 auto;max-width:1440px;padding:0 24px;width:100%}.mn-bar-inner,.mn-logo{align-items:center;display:flex}.mn-logo{flex-shrink:0;gap:10px;margin-right:20px;text-decoration:none}.mn-logo-img{border-radius:8px;height:36px;object-fit:contain;width:36px}.mn-logo-text{align-items:baseline;display:flex}.mn-logo-name{color:var(--accent-1,var(--gold-primary,#d4af37));font-size:18px;font-weight:700;letter-spacing:.5px}.mn-logo-name,.mn-logo-suffix{font-family:var(--font-heading,"Cinzel",serif)}.mn-logo-suffix{color:var(--text-secondary,#b8a88a);font-size:14px;opacity:.7}.mn-triggers{align-items:center;display:flex;flex:1;gap:2px}.mn-trigger,.mn-trigger-wrap{position:relative}.mn-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary,#b8a88a);cursor:pointer;display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:13px;font-weight:600;gap:6px;letter-spacing:1.2px;padding:8px 16px;text-transform:uppercase;transition:color .2s,background .2s;white-space:nowrap}.mn-trigger svg{flex-shrink:0;opacity:.6;transition:opacity .2s,color .2s}.mn-trigger:hover{background:#ffffff0a;color:var(--text-primary,#f5f0e8)}.mn-trigger:hover svg{opacity:.9}.mn-trigger-caret{margin-left:2px;transition:transform .2s ease}.mn-trigger-expanded .mn-trigger-caret{transform:rotate(180deg)}.mn-trigger-active:after{background:var(--accent-1,var(--gold-primary,#d4af37));border-radius:1px;bottom:2px;content:"";height:2px;left:16px;opacity:.8;position:absolute;right:16px}.mn-trigger-expanded{background:#ffffff0f;color:var(--text-primary,#f5f0e8)}.mn-trigger-expanded svg{color:var(--accent-1,var(--gold-primary,#d4af37));opacity:1}.mn-trigger:focus-visible{outline:2px solid var(--accent-1,var(--gold-primary,#d4af37));outline-offset:-2px}.mn-right{flex-shrink:0;margin-left:auto}.mn-right,.mn-vip{align-items:center;display:flex;gap:6px}.mn-vip{background:#0000;border:1px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:8px;color:var(--accent-1,var(--gold-primary,#d4af37));cursor:pointer;font-family:var(--font-heading,"Cinzel",serif);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:7px 16px;position:relative;text-transform:uppercase;transition:background .2s,box-shadow .2s}.mn-vip:hover{background:#d4af3714;box-shadow:0 0 16px #d4af3726}.mn-vip-active{background:#d4af371f}.mn-vip-dot{background:#4ade80;border-radius:50%;box-shadow:0 0 6px #4ade80;height:7px;width:7px}.mn-trigger-account{gap:8px;padding-bottom:6px;padding-top:6px}.mn-user-avatar{border-radius:50%;flex-shrink:0;height:30px;overflow:hidden;position:relative;width:30px}.mn-user-avatar:after{border:1.5px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:50%;content:"";inset:-2px;opacity:.3;pointer-events:none;position:absolute;transition:opacity .2s,box-shadow .2s}.mn-trigger-account:hover .mn-user-avatar:after{box-shadow:0 0 8px color-mix(in srgb,var(--accent-1,#d4af37) 25%,#0000);opacity:.6}.mn-trigger-expanded .mn-user-avatar:after{box-shadow:0 0 12px color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000);opacity:.7}.mn-user-avatar .avatar-overlay-wrapper,.mn-user-avatar img{height:100%!important;width:100%!important}.mn-username{font-family:system-ui,-apple-system,sans-serif;font-size:13px;letter-spacing:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;text-transform:none}.mn-overlay{animation:mn-overlay-in .18s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000059;inset:0;position:fixed;z-index:999}@keyframes mn-overlay-in{0%{opacity:0}to{opacity:1}}.mn-panel{left:0;max-width:min(1100px,95vw);min-width:320px;opacity:0;pointer-events:none;position:absolute;top:calc(100% + 12px);transform:translateY(-8px);transform-origin:top left;transition:opacity .18s ease,transform .18s ease;z-index:1001}.mn-panel-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mn-panel-inner{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0e0c14f0;border-radius:20px;padding:24px;position:relative;z-index:1}.mn-panel-inner:before{border:1px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:20px;inset:0;opacity:.12;z-index:1}.mn-panel-inner:after,.mn-panel-inner:before{content:"";pointer-events:none;position:absolute}.mn-panel-inner:after{border-radius:22px;box-shadow:0 0 40px var(--accent-1,var(--gold-primary,#d4af37));inset:-2px;opacity:.06}.mn-panel-open .mn-panel-inner{box-shadow:0 20px 60px #00000080,0 8px 24px #0000004d}.mn-panel-wide .mn-panel-inner{display:flex;gap:0;min-width:540px}.mn-panel-wide .mn-section{flex:1;min-width:200px}.mn-panel-wide .mn-section+.mn-section{margin-left:24px;padding-left:24px;position:relative}.mn-panel-wide .mn-section+.mn-section:before{background:var(--accent-1,var(--gold-primary,#d4af37));bottom:0;content:"";left:0;opacity:.08;position:absolute;top:0;width:1px}.mn-panel:not(.mn-panel-wide):not(.mn-panel-account) .mn-panel-inner{display:flex;flex-direction:column;gap:20px}.mn-panel-account{left:auto;max-width:340px;min-width:300px;right:0}.mn-panel-account .mn-panel-inner{display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:20px}.mn-accent-line{background:linear-gradient(90deg,#0000,var(--accent-1,var(--gold-primary,#d4af37)),#0000);border-radius:1px;flex-shrink:0;height:2px;margin:-4px auto 10px;opacity:0;width:0}.mn-panel-open .mn-accent-line{animation:mn-lineExpand .4s ease-out 80ms forwards}@keyframes mn-lineExpand{to{opacity:.55;width:65%}}.mn-account-crown{bottom:14px;color:var(--accent-1,var(--gold-primary,#d4af37));opacity:.03;pointer-events:none;position:absolute;right:16px;z-index:0}.mn-section{display:flex;flex-direction:column}.mn-section-head{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:11px;font-weight:700;letter-spacing:2.5px;margin-bottom:12px;padding-bottom:8px;position:relative;text-transform:uppercase}.mn-section-head:after{background:var(--accent-1,var(--gold-primary,#d4af37));border-radius:1px;bottom:0;content:"";height:2px;left:0;opacity:.6;position:absolute;width:36px}.mn-item{align-items:center;animation:mn-item-in .22s ease forwards;background:none;border:none;border-radius:12px;color:var(--text-primary,#f5f0e8);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:12px;opacity:0;padding:10px 12px;position:relative;text-align:left;text-decoration:none;transition:background .15s,transform .15s;width:100%}.mn-panel:not(.mn-panel-open) .mn-item{animation:none;opacity:0}@keyframes mn-item-in{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.mn-item:before{background:var(--accent-1,var(--gold-primary,#d4af37));border-radius:12px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s}.mn-item:hover:before{opacity:.06}.mn-item:hover{transform:translateX(2px)}.mn-item:focus-visible{outline:2px solid var(--accent-1,var(--gold-primary,#d4af37));outline-offset:-2px}.mn-item-icon{align-items:center;background:#ffffff08;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.mn-item-icon:after{border:1px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:10px;content:"";inset:0;opacity:.15;pointer-events:none;position:absolute;transition:opacity .15s}.mn-item:hover .mn-item-icon:after{opacity:.35}.mn-item-icon svg{color:var(--accent-1,var(--gold-primary,#d4af37));opacity:.7;transition:opacity .15s}.mn-item:hover .mn-item-icon svg{opacity:1}.mn-item-body{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.mn-item-label{color:var(--text-primary,#f5f0e8);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-item:hover .mn-item-label{color:#fff}.mn-item-desc{color:var(--text-muted,#7a6c58);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-item:hover .mn-item-desc{color:var(--text-secondary,#b8a88a)}.mn-item-chevron{color:var(--text-muted,#7a6c58);flex-shrink:0;opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}.mn-item:hover .mn-item-chevron{opacity:.6;transform:translateX(0)}.mn-badge{border-radius:6px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1.4;padding:2px 7px;text-transform:uppercase}.mn-badge-hot{background:#ef444426;border:1px solid #ef444440;color:#f87171}.mn-badge-new{background:#22c55e1f;border:1px solid #22c55e33;color:#4ade80}.mn-badge-vip{background:#d4af371f;border:1px solid #d4af3733;color:var(--accent-1,var(--gold-primary,#d4af37))}.mn-account-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);display:flex;gap:14px;margin-bottom:8px;padding:4px 12px 16px;position:relative}.mn-account-header .avatar-overlay-wrapper,.mn-account-header>div:first-child{border-radius:50%;flex-shrink:0;height:44px!important;position:relative;width:44px!important}.mn-account-header:before{border:1.5px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:50%;content:"";height:48px;left:10px;opacity:.25;pointer-events:none;position:absolute;top:2px;width:48px}.mn-account-info{display:flex;flex-direction:column;gap:2px}.mn-account-name{color:var(--text-primary,#f5f0e8);display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:15px;gap:8px}.mn-account-name,.mn-vip-badge{align-items:center;font-weight:700}.mn-vip-badge{background:linear-gradient(135deg,#d4af3733,#d4af3714);border:1px solid #d4af374d;border-radius:4px;color:var(--accent-1,#d4af37);display:inline-flex;font-size:9px;gap:3px;letter-spacing:1px;line-height:1;padding:2px 8px;text-transform:uppercase}.mn-account-handle{color:var(--text-muted,#7a6c58);font-size:12px}.mn-account-hint{align-items:center;border-radius:10px;color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;font-size:12px;gap:8px;margin:4px 0 8px;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none}.mn-account-hint:before{background:var(--accent-1,var(--gold-primary,#d4af37));border-radius:10px;content:"";inset:0;opacity:.06;position:absolute}.mn-account-hint:hover:before{opacity:.1}.mn-account-hint svg:last-child{margin-left:auto;opacity:.5}.mn-quick-start{align-items:center;border-radius:8px;color:var(--text-muted,#7a6c58);display:flex;font-size:11px;gap:8px;margin-bottom:8px;padding:6px 12px;text-decoration:none;transition:color .15s}.mn-quick-start:hover{color:var(--accent-1,var(--gold-primary,#d4af37))}.mn-quick-start svg:last-child{margin-left:auto;opacity:.4}.mn-account-divider{background:#ffffff0f;height:1px;margin:8px 0}.mn-item-logout{color:var(--text-muted,#7a6c58)!important}.mn-item-logout:hover{color:#f87171!important}.mn-item-logout .mn-item-icon svg{color:var(--text-muted,#7a6c58)}.mn-item-logout:hover .mn-item-icon svg{color:#f87171}.mn-item-logout .mn-item-icon:after{border-color:currentColor}.mn-panel-account .mn-section{margin-bottom:4px}.mn-panel-account .mn-section-head{font-size:10px;margin-bottom:6px;padding-bottom:6px}.mn-panel-account .mn-item{gap:10px;padding:7px 12px}.mn-panel-account .mn-item-icon{border-radius:8px;height:30px;width:30px}.mn-panel-account .mn-item-label{font-size:13px}.mn-auth-prompt{display:flex;flex-direction:column;gap:10px;padding:8px 4px}.mn-auth-title{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);font-size:16px;font-weight:700}.mn-auth-desc{color:var(--text-muted,#7a6c58);font-size:13px;line-height:1.5;margin:0}.mn-auth-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:background .2s,box-shadow .2s;width:100%}.mn-auth-btn-primary{background:var(--accent-1,var(--gold-primary,#d4af37));color:#0a0a0f}.mn-auth-btn-primary:hover{box-shadow:0 0 20px #d4af374d}.mn-auth-btn-secondary{background:#ffffff0f;border:1px solid #ffffff1a;color:var(--text-primary,#f5f0e8)}.mn-auth-btn-secondary:hover{background:#ffffff1a}.mn-auth-pricing{align-items:center;color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;font-size:12px;gap:6px;justify-content:center;opacity:.7;padding:4px;text-decoration:none;transition:opacity .2s}.mn-auth-pricing:hover{opacity:1}.mn-auth-ctas{gap:10px}.mn-auth-ctas,.mn-signin-link{align-items:center;display:flex}.mn-signin-link{background:#0000;border:none;border-radius:8px;color:var(--text-secondary,#b8a88a);cursor:pointer;font-family:var(--font-heading,"Cinzel",serif);font-size:12px;font-weight:600;letter-spacing:1px;padding:7px 14px;text-transform:uppercase;transition:color .2s,background .2s;white-space:nowrap}.mn-signin-link:hover{background:#ffffff0d;color:var(--text-primary,#f5f0e8)}.mn-create-account-btn{align-items:center;background:var(--accent-1,var(--gold-primary,#d4af37));border:none;border-radius:6px;color:#0a0a0f;cursor:pointer;display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:11px;font-weight:700;gap:6px;letter-spacing:.6px;overflow:hidden;padding:7px 14px;position:relative;text-transform:uppercase;transition:box-shadow .2s,transform .15s,background .2s;white-space:nowrap}.mn-create-account-btn:before{background:linear-gradient(135deg,#ffffff26,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.mn-create-account-btn:hover{box-shadow:0 0 20px #d4af3759,0 2px 8px #d4af3733;transform:translateY(-1px)}.mn-create-account-btn:active{transform:translateY(0)}.mn-create-account-btn svg{opacity:.8}.mn-mobile-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary,#b8a88a);cursor:pointer;display:none;height:40px;justify-content:center;transition:color .2s,background .2s;width:40px}.mn-mobile-btn:hover{background:#ffffff0f;color:var(--text-primary,#f5f0e8)}.mn-mobile-drawer{animation:mn-drawer-in .22s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0ff7;bottom:0;left:0;overflow-y:auto;padding:76px 16px 80px;position:fixed;right:0;top:0;z-index:1001}@keyframes mn-drawer-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mn-mobile-accordion{margin-bottom:4px}.mn-mobile-accordion-head{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary,#b8a88a);cursor:pointer;display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:14px;font-weight:600;gap:10px;letter-spacing:1px;padding:12px 16px;text-transform:uppercase;transition:background .2s,color .2s;width:100%}.mn-mobile-accordion-head svg{flex-shrink:0;opacity:.6}.mn-mobile-accordion-head:hover,.mn-mobile-accordion-open{background:#ffffff0a;color:var(--text-primary,#f5f0e8)}.mn-mobile-accordion-caret{margin-left:auto;transition:transform .2s ease}.mn-mobile-accordion-open .mn-mobile-accordion-caret{transform:rotate(180deg)}.mn-mobile-accordion-body{animation:mn-accordion-reveal .25s ease;padding:4px 0 8px 12px}@keyframes mn-accordion-reveal{0%{opacity:0}to{opacity:1}}.mn-mobile-section{margin-bottom:8px}.mn-mobile-section-head{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:10px;font-weight:700;letter-spacing:2px;opacity:.7;padding:8px 12px 4px;text-transform:uppercase}.mn-mobile-item{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-primary,#f5f0e8);cursor:pointer;display:flex;font-family:inherit;font-size:14px;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.mn-mobile-item-active,.mn-mobile-item:hover{background:#ffffff0d}.mn-mobile-item-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:28px}.mn-mobile-item-icon svg{color:var(--accent-1,var(--gold-primary,#d4af37));opacity:.6}.mn-mobile-item-label{flex:1}.mn-mobile-item-logout{border-radius:0 0 10px 10px;border-top:1px solid #ffffff0d;margin-top:4px}.mn-mobile-item-logout,.mn-mobile-item-logout .mn-mobile-item-icon svg{color:var(--text-muted,#7a6c58)}.mn-mobile-vip{align-items:center;background:#0000;border:1px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:12px;color:var(--accent-1,var(--gold-primary,#d4af37));cursor:pointer;display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;margin:8px 0;padding:12px;text-transform:uppercase;transition:background .2s;width:100%}.mn-mobile-vip:hover{background:#d4af3714}.mn-mobile-vip-active{background:#d4af371a}.mn-mobile-auth{display:flex;flex-direction:column;gap:8px;padding:8px 12px}.mn-mobile-auth-ctas{border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:16px 12px}.mn-mobile-create-btn{border-radius:12px;font-size:14px;justify-content:center;padding:14px 20px;width:100%}.mn-mobile-more{border-top:1px solid #ffffff0d;margin-top:12px;padding-top:12px}.mn-mobile-more-head{color:var(--text-muted,#7a6c58);font-size:10px;font-weight:700;letter-spacing:2px;padding:8px 16px 4px;text-transform:uppercase}@media (max-width:1024px){.mn-auth-ctas,.mn-trigger-wrap-account,.mn-triggers,.mn-vip{display:none}.mn-mobile-btn{display:flex}.mn-bar-inner{padding:0 16px}}@media (min-width:1025px){.mn-mobile-btn{display:none}}@media (max-width:1200px){.mn-panel-wide .mn-panel-inner{min-width:auto}}.raid-app--themed .mn-bar:after{opacity:.25}.raid-app--themed .mn-panel-inner{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-1) 4%,#0e0c14f5),#0e0c14f5)}.raid-app--themed .mn-panel-inner:before{opacity:.22}.raid-app--themed .mn-panel-inner:after{opacity:.1}.raid-app--themed .mn-trigger-expanded svg{color:var(--accent-1)}.raid-app--themed .mn-vip{border-color:var(--accent-1);color:var(--accent-1)}.raid-app--themed .mn-badge-vip{background:color-mix(in srgb,var(--accent-1) 12%,#0000);border-color:color-mix(in srgb,var(--accent-1) 25%,#0000);color:var(--accent-1)}.raid-app--themed .mn-vip:hover{background:color-mix(in srgb,var(--accent-1) 10%,#0000);box-shadow:0 0 16px color-mix(in srgb,var(--accent-1) 20%,#0000)}.raid-app--themed .mn-account-header:before{border-color:var(--accent-1)}.raid-app--themed .mn-account-header{border-bottom-color:color-mix(in srgb,var(--accent-1) 12%,#0000)}.raid-app--themed .mn-account-divider{background:color-mix(in srgb,var(--accent-1) 8%,#0000)}.raid-app--theme-fading .mn-bar:after{transition:opacity 2s ease}.mn-card-holographic:before{animation:mn-holoShift 8s ease-in-out infinite;background:linear-gradient(125deg,#8b5cf600,#3b82f60f 25%,#ec48990f 50%,#22c55e0f 75%,#fbbf2400);background-size:400% 400%;border-radius:20px;inset:0}.mn-card-holographic:after,.mn-card-holographic:before{content:"";pointer-events:none;position:absolute;z-index:0}.mn-card-holographic:after{animation:mn-holoBorder 4s linear infinite;background:linear-gradient(90deg,#8b5cf680,#3b82f680 25%,#ec489980 50%,#22c55e80 75%,#8b5cf680);background-size:300% 100%;border-radius:22px;inset:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px}@keyframes mn-holoShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes mn-holoBorder{0%{background-position:0 0}to{background-position:300% 0}}.mn-card-legendary-glow:before{animation:mn-legendaryFloat 6s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#fbbf241a 0,#0000 40%),radial-gradient(circle at 80% 30%,#d4af3714 0,#0000 35%),radial-gradient(circle at 70% 80%,#fbbf240f 0,#0000 35%);border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.mn-card-legendary-glow:after{animation:mn-legendaryPulse 3s ease-in-out infinite;border-radius:21px;box-shadow:0 0 20px #d4af3726,0 0 40px #d4af3714,inset 0 0 20px #d4af370d;content:"";inset:-1px;pointer-events:none;position:absolute;z-index:0}@keyframes mn-legendaryFloat{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}@keyframes mn-legendaryPulse{0%,to{opacity:.6}50%{opacity:1}}.mn-card-epic-pulse:before{animation:mn-epicGlow 2.5s ease-in-out infinite;border-radius:20px;box-shadow:inset 0 0 30px #a855f714;inset:0}.mn-card-epic-pulse:after,.mn-card-epic-pulse:before{content:"";pointer-events:none;position:absolute;z-index:0}.mn-card-epic-pulse:after{animation:mn-epicPulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#a855f799,#8b5cf64d) border-box;border:2px solid #0000;border-radius:22px;inset:-2px;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}@keyframes mn-epicGlow{0%,to{box-shadow:inset 0 0 25px #a855f70f}50%{box-shadow:inset 0 0 35px #a855f724}}@keyframes mn-epicPulse{0%,to{filter:drop-shadow(0 0 4px rgba(168,85,247,.2));opacity:.4}50%{filter:drop-shadow(0 0 10px rgba(168,85,247,.5));opacity:1}}.mn-card-mythical-aurora:before{animation:mn-auroraInner 10s ease-in-out infinite;background:linear-gradient(135deg,#ef444405,#fbbf2405 20%,#22c55e05 40%,#38bdf805 60%,#8b5cf605 80%,#ec489905);background-size:400% 400%;border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.mn-card-mythical-aurora:after{animation:mn-auroraBorder 5s linear infinite;background:linear-gradient(90deg,#ef444499,#fbbf2499 14%,#22c55e99 28%,#38bdf899 42%,#8b5cf699 57%,#ec489999 71%,#ef444499 85%,#fbbf2499);background-size:200% 100%;border-radius:22px;content:"";inset:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px;pointer-events:none;position:absolute;z-index:0}@keyframes mn-auroraInner{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes mn-auroraBorder{0%{background-position:0 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.mn-card-epic-pulse:after,.mn-card-epic-pulse:before,.mn-card-holographic:after,.mn-card-holographic:before,.mn-card-legendary-glow:after,.mn-card-legendary-glow:before,.mn-card-mythical-aurora:after,.mn-card-mythical-aurora:before{animation:none!important}.mn-card-legendary-glow:after{opacity:.7}.mn-card-epic-pulse:after{opacity:.6}}.ft-root{contain:layout style;margin-top:40px;padding:0 20px 20px}.ft-surface{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0ce0;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);border-radius:18px;box-shadow:0 6px 32px #00000073,inset 0 1px 0 #ffffff08,inset 0 0 60px #0000002e;margin:0 auto;max-width:1200px;overflow:hidden;position:relative}.ft-surface:before{border:1px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:18px;inset:0;opacity:.05;z-index:1}.ft-surface:after,.ft-surface:before{content:"";pointer-events:none;position:absolute}.ft-surface:after{border-radius:20px;box-shadow:0 0 48px var(--accent-1,var(--gold-primary,#d4af37));inset:-2px;opacity:.03}.ft-inner{padding:20px 32px 18px;position:relative;z-index:2}.ft-divider-top{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 40%,#0000) 25%,color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 55%,#0000) 50%,color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 40%,#0000) 75%,#0000 100%);height:1px;margin:0 auto 14px;width:50%}.ft-grid{align-items:start;display:grid;gap:12px 24px;grid-template-columns:1.3fr 1fr 1fr}.ft-heading{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:.68rem;font-weight:600;letter-spacing:1.8px;margin:0 0 10px;opacity:.85;text-transform:uppercase}.ft-brand-logo{align-items:center;display:flex;gap:10px;margin-bottom:8px}.ft-brand-logo img{height:28px;min-height:28px;min-width:22px;object-fit:contain;width:22px}.ft-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff1c1 0,#e6b65c 50%,#b8913e);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading,"Cinzel",serif);font-size:1rem;font-weight:600;letter-spacing:.04em}.ft-brand-desc{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 45%,#0000);font-size:.78rem;line-height:1.5;margin:0 0 4px;max-width:260px}.ft-brand-tagline{color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 40%,#0000);font-size:.72rem;font-style:italic;margin:0}.ft-links{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.ft-links--2col{display:grid;gap:6px 20px;grid-template-columns:1fr 1fr}.ft-link{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 38%,#0000);font-size:.78rem;line-height:1;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.ft-link:hover{color:var(--gold-light,#e4c79c);text-shadow:0 0 10px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 25%,#0000)}.ft-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.ft-pill{align-items:center;background:#ffffff08;border:1px solid color-mix(in srgb,var(--text-primary,#f5f0e8) 8%,#0000);border-radius:16px;color:color-mix(in srgb,var(--text-primary,#f5f0e8) 42%,#0000);display:inline-flex;font-size:.72rem;gap:5px;height:32px;padding:0 12px;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.ft-pill:hover{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 22%,#0000);color:var(--gold-light,#e4c79c);transform:translateY(-1px)}.ft-pill svg{flex-shrink:0;height:13px;opacity:.6;width:13px}.ft-pill:hover svg{opacity:1}.ft-explore{align-items:center;border-top:1px solid color-mix(in srgb,var(--text-primary,#f5f0e8) 5%,#0000);display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px;padding-top:10px}.ft-explore-label{color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 50%,#0000);font-family:var(--font-heading,"Cinzel",serif);font-size:.62rem;font-weight:600;letter-spacing:1.2px;margin-right:4px;text-transform:uppercase}.ft-explore-link{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 28%,#0000);font-size:.7rem;text-decoration:none;transition:color .2s ease}.ft-explore-link:hover{color:var(--gold-light,#e4c79c)}.ft-lang-row{align-items:center;border-top:1px solid color-mix(in srgb,var(--text-primary,#f5f0e8) 4%,#0000);display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px;padding-top:10px}.ft-lang-link{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 45%,#0000);font-size:.72rem;text-decoration:none;transition:color .2s}.ft-lang-link:hover{color:var(--gold-primary,#d4af37)}.ft-lang-sep{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 15%,#0000);font-size:.6rem;user-select:none}.ft-bottom{align-items:baseline;border-top:1px solid color-mix(in srgb,var(--text-primary,#f5f0e8) 4%,#0000);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px;padding-top:10px;text-align:center}.ft-copyright{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 25%,#0000);font-size:.68rem;margin:0}.ft-dot{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 12%,#0000);font-size:.5rem}.ft-disclaimer{color:color-mix(in srgb,var(--text-primary,#f5f0e8) 18%,#0000);font-size:.64rem;margin:0}@media (max-width:768px){.ft-inner{padding:20px}.ft-grid{gap:20px;grid-template-columns:1fr 1fr}.ft-col-brand{grid-column:1/-1}.ft-brand-desc{max-width:100%}}@media (max-width:480px){.ft-root{margin-top:28px;padding:0 12px 14px}.ft-inner{padding:18px 16px}.ft-grid{gap:16px;grid-template-columns:1fr;text-align:center}.ft-brand-logo{justify-content:center}.ft-brand-desc{margin-left:auto;margin-right:auto}.ft-links{align-items:center}.ft-explore,.ft-pills{justify-content:center}.ft-bottom{flex-direction:column;gap:2px}.ft-dot{display:none}.ft-divider-top{width:70%}}.ft-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--gold-light:#e4c79c;--gold:#d4af37;--gold-dark:#8a6d1a;--bronze:#cd7f32;--amber:#f59e0b;--orange:#ea580c;--bg-dark:#1a1410;--bg-darker:#0f0c09;--bg-card:#1e1914e6;--bg-card-hover:#28231cf2;--text-secondary:#b8a88a;--text-muted:#7a6c58;--border-gold:#d4af3780;--border-bronze:#8b6d1a66;--shadow-gold:0 0 20px #d4af374d;--shadow-card:0 8px 32px #00000080;--container-bg:linear-gradient(180deg,#16120e,#0d0a07);--container-border:#d4af3726;--container-glow:#d4af371a;--container-shadow:0 0 25px #00000073;--accent-purple:#a855f7;--font-heading:"Cinzel",serif;--font-body:"Roboto",sans-serif}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.calculator-section,.champion-card,.content-section,.mastery-tree,.page-content,.team-card{contain:content}.floating-toolbar,.navigation,.sticky-bar{contain:layout style;will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.preloaded-champion-img{background:#140f0acc;border-radius:8px;overflow:hidden;position:relative}.preloaded-champion-img .img-skeleton{background:linear-gradient(135deg,#1e1914,#2d261c);inset:0;overflow:hidden;position:absolute}.preloaded-champion-img .skeleton-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#d4af3714 50%,#0000);inset:0;position:absolute}.preloaded-champion-img .img-loaded{animation:fadeInImg .3s ease-out forwards;height:100%;object-fit:cover;opacity:0;width:100%}@keyframes fadeInImg{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preloaded-champion-img .img-fallback{align-items:center;background:linear-gradient(135deg,#1e1914,#140f0a);border:1px solid #8b73554d;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:14px;font-weight:600;inset:0;justify-content:center;position:absolute}.preloaded-champion-img.state-loading .img-skeleton{display:block}.preloaded-champion-img.state-error .img-skeleton,.preloaded-champion-img.state-loaded .img-skeleton{display:none}.raid-preloader{backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f0c09f7,#1a1410f7);bottom:0;flex-direction:column;opacity:1;right:0;transition:opacity .3s ease-out;z-index:9999}.raid-preloader.fade-out{opacity:0;pointer-events:none}.raid-preloader-inner{align-items:center;display:flex;flex-direction:column;gap:24px}.raid-emblem{height:80px;position:relative;width:80px}.raid-emblem:before{animation:raidSpin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;border-bottom:3px solid #0000;border-left:3px solid #0000;border-radius:50%;border-right:3px solid #0000;border-right-color:var(--gold-primary,#d4af37);border-top:3px solid #0000;border-top-color:var(--gold-primary,#d4af37);content:"";inset:0;position:absolute}.raid-emblem:after{animation:raidSpinReverse .6s cubic-bezier(.68,-.55,.265,1.55) infinite;border-bottom:2px solid #0000;border-bottom-color:var(--bronze,#cd7f32);border-left:2px solid #0000;border-left-color:var(--bronze,#cd7f32);border-radius:50%;border-right:2px solid #0000;border-top:2px solid #0000;content:"";inset:8px;position:absolute}.raid-emblem-core{animation:raidPulse .5s ease-in-out infinite alternate;background:radial-gradient(circle,var(--gold-primary,#d4af37) 0,#0000 70%);border-radius:50%;inset:20px;position:absolute}@keyframes raidSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(1turn) scale(1)}}@keyframes raidSpinReverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.raid-preloader-text{-webkit-text-fill-color:#0000;animation:raidShimmer 1.5s linear infinite;background:linear-gradient(90deg,var(--text-secondary,#b8a88a) 0,var(--gold-primary,#d4af37) 50%,var(--text-secondary,#b8a88a) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-family:var(--font-heading,"Cinzel",serif);font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase}@keyframes raidShimmer{0%{background-position:-200%}to{background-position:200%}}.raid-particles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.raid-particle{animation:raidFloat 2s ease-in-out infinite;background:var(--gold-primary,#d4af37);border-radius:50%;height:4px;opacity:.6;position:absolute;width:4px}.raid-particle:first-child{animation-delay:0s;left:20%}.raid-particle:nth-child(2){animation-delay:.3s;left:40%}.raid-particle:nth-child(3){animation-delay:.6s;left:60%}.raid-particle:nth-child(4){animation-delay:.9s;left:80%}@keyframes raidFloat{0%,to{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-20px) scale(1)}}.champion-grid-preloader{align-items:center;background:linear-gradient(180deg,#0000,#d4af3708 50%,#0000);border-radius:12px;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative}.champion-grid-preloader:before{animation:gridScan 2s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 20px,#d4af3705 0,#d4af3705 40px);content:"";inset:0;position:absolute}@keyframes gridScan{0%{transform:translateX(-40px)}to{transform:translateX(40px)}}.mini-raid-loader{align-items:center;display:flex;flex-direction:column;gap:16px;z-index:1}.mini-raid-emblem{height:50px;position:relative;width:50px}.mini-raid-emblem:before{animation:raidSpin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--gold-primary,#d4af37);content:"";inset:0;position:absolute}.mini-raid-emblem:after{animation:raidPulse .4s ease-in-out infinite alternate;background:radial-gradient(circle,var(--gold-primary,#d4af37) 0,#0000 70%);border-radius:50%;content:"";inset:6px;position:absolute}.mini-loader-text{animation:raidTextPulse .8s ease-in-out infinite alternate;color:var(--text-secondary,#b8a88a);font-family:var(--font-heading,"Cinzel",serif);font-size:11px;letter-spacing:2px;text-transform:uppercase}@keyframes raidTextPulse{0%{opacity:.5}to{opacity:1}}body{-webkit-overflow-scrolling:touch}.admin-champion-item,.champion-grid-card,.champion-grid-card-wrapper,.champions-grid,.team-champion-grid{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.champions-grid{contain:layout style paint}.champion-card-skeleton,.skeleton-loading{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#1e1914e6 25%,#3c3228e6 50%,#1e1914e6 75%);background-size:200% 100%;border-radius:8px}.champion-card-skeleton{border:1px solid var(--border-bronze);height:280px;width:100%}.champion-card-image img,.champion-grid-portrait img{opacity:1;transition:opacity .3s ease-in-out}.champion-card-image img.loading-fade,.champion-grid-portrait img.loading-fade{opacity:0}.champion-card-image img.loaded,.champion-grid-portrait img.loaded{opacity:1}.page-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.page-loading:after{animation:spin .8s linear infinite;border:3px solid var(--border-bronze);border-radius:50%;border-top-color:var(--gold);content:"";height:50px;width:50px}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#0d0a08,#1a1410);border-left:1px solid #3d2e1f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5a2b,#d4af37 50%,#8b5a2b);border:2px solid #1a1410;border-radius:6px;box-shadow:inset 0 0 6px #00000080}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d4af37,#f5d76e 50%,#d4af37);box-shadow:inset 0 0 8px #0000004d,0 0 10px #d4af3780}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#a67c00,#d4af37 50%,#a67c00)}::-webkit-scrollbar-corner{background:#0d0a08}*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#d4af37 #1a1410;scrollbar-width:thin}html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top)}.raid-app,body{max-width:100vw}.raid-app{background:linear-gradient(to bottom,#08060473 0,#08060499 40%,#080604d1 100%),var(--bg-image,linear-gradient(#1a1410,#0d0a08));background-attachment:fixed,fixed;background-position:top,50%;background-repeat:no-repeat,no-repeat;background-size:auto,cover;display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available}.ornate-frame{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:8px;box-shadow:var(--shadow-card),inset 0 0 30px #d4af370d;padding:24px}.ornate-frame:before{border:1px solid var(--border-bronze);border-radius:10px;inset:-4px;pointer-events:none}.ornate-corner{border:2px solid var(--gold);height:24px;position:absolute;width:24px;z-index:10}.ornate-corner-tl{border-bottom:none;border-radius:8px 0 0 0;border-right:none;left:-2px;top:-2px}.ornate-corner-tr{border-bottom:none;border-left:none;border-radius:0 8px 0 0;right:-2px;top:-2px}.ornate-corner-bl{border-radius:0 0 0 8px;border-right:none;border-top:none;bottom:-2px;left:-2px}.ornate-corner-br{border-left:none;border-radius:0 0 8px 0;border-top:none;bottom:-2px;right:-2px}:root{--raid-gold:#d7b25a;--raid-gold-hot:#ffe2a0;--raid-ivory:#efe6d2;--raid-muted:#c4b79a;--raid-purple:#aa5aff73;--raid-purple-glow:#aa5aff59;--raid-panel:#14110d;--raid-panel-light:#1b1610}@keyframes navShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes runeGlow{0%,to{box-shadow:0 0 14px #ffe2a04d,0 0 22px var(--raid-purple);opacity:.9}50%{box-shadow:0 0 22px #ffe2a080,0 0 35px var(--raid-purple);opacity:1}}.nav-container{background:#08080a;border-bottom:1px solid #d4af3733;box-shadow:0 8px 32px #0009;left:0;margin:0;max-width:100vw;padding-top:env(safe-area-inset-top);position:-webkit-sticky;position:sticky;right:0;top:0;transition:box-shadow .3s ease,border-color .3s ease;width:100%;z-index:9999}.nav-container.nav-scrolled{border-bottom-color:#d4af3740;box-shadow:0 10px 40px #000000bf}.nav-container:before{background:linear-gradient(90deg,#0000,#d4af3766 20%,#d4af3799 50%,#d4af3766 80%,#0000);bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.nav-container:after{display:none}.nav-inner{gap:8px;height:64px;margin:0 auto;max-width:1400px;padding:0 32px}.nav-inner,.nav-logo{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:10px;text-decoration:none;transition:opacity .2s ease}.nav-logo:hover{opacity:.9}.nav-logo:after{display:none}.nav-logo-text-wrapper{align-items:baseline;display:flex;gap:0}.nav-logo-img{height:36px;object-fit:contain;width:36px}.logo-text{background:linear-gradient(180deg,#f5e6c8,#d4af37 50%,#b8963e);-webkit-background-clip:text;background-clip:text}.logo-suffix,.logo-text{-webkit-text-fill-color:#0000;font-family:Cinzel,serif;font-size:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.logo-suffix{background:linear-gradient(180deg,#a8a8a8,#888);-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;display:flex;flex:1;gap:2px;justify-content:center}.nav-separator{background:#d4af3733;flex-shrink:0;height:24px;margin:0 4px;width:1px}.nav-link{background:#0000;border:none;border-radius:6px;color:#ffffffa6;cursor:pointer;font-family:var(--font-heading);font-size:12px;font-weight:500;gap:5px;letter-spacing:.3px;padding:8px 12px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease,background .2s ease}.nav-link:after{background:linear-gradient(90deg,#0000,#d4af37,#f5d76e,#d4af37,#0000);border-radius:1px;bottom:4px;content:"";height:2px;left:12px;position:absolute;right:12px;transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-link .nav-icon{align-items:center;display:inline-flex;justify-content:center;opacity:.7;transition:opacity .2s ease}.nav-link:hover{background:#ffffff0d;color:#fffffff2}.nav-link:hover .nav-icon{opacity:1}.nav-link:hover:after{transform:scaleX(1)}.nav-link-active{background:#d4af3714;color:#f5e6c8}.nav-link-active .nav-icon{color:#d4af37;opacity:1}.nav-link-active:after{background:linear-gradient(90deg,#d4af37,#f5d76e,#d4af37);transform:scaleX(1)}.nav-link-glow{background:linear-gradient(135deg,#d4af371f,#ffd7000f);border:1px solid #d4af374d;border-radius:8px;color:gold!important;font-weight:600;padding:8px 14px;text-shadow:0 0 8px #d4af3733}.nav-link-glow:hover{background:linear-gradient(135deg,#d4af3733,#ffd7001f);border-color:#ffd70080;box-shadow:0 0 16px #d4af3733;color:#fff!important}.nav-link-glow:after{display:none}.nav-link-glow svg{color:gold;opacity:1!important}@keyframes ember-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes panel-reveal{0%{filter:blur(4px);opacity:0;transform:translateX(-50%) translateY(12px) scale(.96)}60%{filter:blur(0);opacity:1}to{filter:blur(0);opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes panel-hide{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(6px) scale(.98)}}@keyframes link-stagger-in{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes top-flame{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.nav-mega-wrap{position:relative}.nav-caret{flex-shrink:0;margin-left:-1px;opacity:.4;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s,color .2s}.nav-mega-wrap.open .nav-caret{color:#d4af37;opacity:1;transform:rotate(180deg)}.nav-mega-panel{animation:panel-hide .2s ease forwards;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);background:radial-gradient(ellipse at 50% 0,#281e0a66 0,#0000 60%),#0a0a0e;border:1px solid #d4af371f;border-radius:14px;border-top-color:#d4af374d;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff05,inset 0 1px 0 #ffffff0a,inset 0 0 40px #d4af3705;left:50%;min-width:440px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%) translateY(12px) scale(.96);visibility:hidden;z-index:9999}.nav-mega-panel:before{background:linear-gradient(90deg,#0000,#b482141a 10%,#d4af3799 30%,#ffc850e6 50%,#d4af3799 70%,#b482141a 90%,#0000);background-size:200% 100%;border-radius:14px 14px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.nav-mega-panel:after{background:linear-gradient(90deg,#0000,#d4af3714 30%,#d4af371f 50%,#d4af3714 70%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.nav-mega-panel-sm{min-width:280px}.nav-mega-wrap.open .nav-mega-panel{animation:panel-reveal .35s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff05,0 0 20px #d4af370f,inset 0 1px 0 #ffffff0a,inset 0 0 40px #d4af3705;opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1);visibility:visible}.nav-mega-wrap.open .nav-mega-panel:before{animation:top-flame 3s linear infinite}.nav-mega-wrap.open .mega-link{animation:link-stagger-in .3s ease forwards;opacity:0}.nav-mega-wrap.open .mega-link:first-child{animation-delay:.06s}.nav-mega-wrap.open .mega-link:nth-child(2){animation-delay:.1s}.nav-mega-wrap.open .mega-link:nth-child(3){animation-delay:.14s}.nav-mega-wrap.open .mega-link:nth-child(4){animation-delay:.18s}.nav-mega-wrap.open .mega-link:nth-child(5){animation-delay:.22s}.nav-mega-wrap.open .mega-link:nth-child(6){animation-delay:.26s}.nav-mega-wrap.open .mega-section-head{animation:link-stagger-in .25s ease forwards;animation-delay:.03s;opacity:0}.mega-panel-inner{display:flex;gap:0;padding:10px;position:relative}.nav-mega-panel:not(.nav-mega-panel-sm) .mega-panel-inner{flex-direction:row}.nav-mega-panel-sm .mega-panel-inner{flex-direction:column}.mega-section{display:flex;flex:1;flex-direction:column;gap:2px;padding:8px 4px}.mega-section-head{color:#d4af3773;font-family:var(--font-heading);font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:2px;padding:6px 12px 8px;position:relative;text-transform:uppercase}.mega-section-head:before{color:#d4af3733;content:"///";font-size:8px;letter-spacing:1px;margin-right:6px}.mega-divider{background:linear-gradient(180deg,#0000 5%,#d4af370f 20%,#d4af3733 50%,#d4af370f 80%,#0000 95%);flex-shrink:0;margin:8px 0;width:1px}.nav-mega-panel-sm .mega-divider{background:linear-gradient(90deg,#0000 10%,#d4af371f 50%,#0000 90%);height:1px;margin:6px 12px;width:auto}.mega-link{align-items:center;border-radius:10px;color:#ffffffb3;display:flex;gap:12px;overflow:hidden;padding:10px 12px;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.mega-link:before{background:linear-gradient(105deg,#0000 20%,#d4af370f 45%,#d4af371f 50%,#d4af370f 55%,#0000 80%);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:60%}.mega-link:hover:before{left:120%}.mega-link:hover{background:#d4af370f;box-shadow:inset 0 0 20px #d4af3708;color:#fff;transform:translateX(3px)}.mega-link:after{background:linear-gradient(180deg,#d4af37,#f5d76e,#d4af37);border-radius:2px;bottom:20%;content:"";left:0;opacity:0;position:absolute;top:20%;transform:scaleY(0);transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1);width:2px}.mega-link:hover:after{opacity:1;transform:scaleY(1)}.mega-link-icon{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;color:#ffffff73;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:34px}.mega-link:hover .mega-link-icon{background:#d4af371f;border-color:#d4af3759;box-shadow:0 0 12px #d4af3726;color:#f5d76e;transform:scale(1.05)}.mega-link-body{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.mega-link-title{font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.3;transition:color .2s}.mega-link:hover .mega-link-title{color:#f5e6c8}.mega-link-sub{color:#ffffff47;font-size:11px;line-height:1.3;transition:color .25s}.mega-link:hover .mega-link-sub{color:#ffffff8c}.mega-link-featured{background:linear-gradient(135deg,#d4af370d,#b4821408);border:1px solid #d4af371f}.mega-link-featured .mega-link-icon{background:#d4af371a;border-color:#d4af3740;color:#d4af37}.mega-link-featured .mega-link-title{color:#f5e6c8}.mega-link-featured:hover{background:linear-gradient(135deg,#d4af371f,#b482140f);border-color:#d4af374d;box-shadow:0 0 20px #d4af3714}.mega-badge{animation:badge-pulse 2.5s ease-in-out infinite;background:#d4af371f;border:1px solid #d4af3733;border-radius:4px;color:#d4af37;flex-shrink:0;font-size:8.5px;font-weight:700;letter-spacing:.8px;padding:2px 7px;text-transform:uppercase}.mega-badge-gold{background:linear-gradient(135deg,#ffb4002e,#d4af371f);border-color:#ffc8004d;color:#fc0;text-shadow:0 0 6px #ffc8004d}.mega-ext{flex-shrink:0;opacity:.2;transition:opacity .25s,transform .25s}.mega-link:hover .mega-ext{opacity:.7;transform:translateX(2px)}.nav-vip{background:#d4af371a;border:1px solid #d4af3740;border-radius:6px;color:#d4af37!important;padding:8px 12px;white-space:nowrap}.nav-vip:hover{background:#d4af372e;border-color:#d4af3766;color:#f5d76e!important}.nav-vip:after{display:none}.nav-user-menu-container{margin-left:8px;position:relative}.nav-login-btn,.nav-user-btn{align-items:center;background:#64a0ff14;border:1px solid #64a0ff33;border-radius:6px;color:#ffffffbf;cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:12px;font-weight:500;gap:6px;letter-spacing:.4px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.nav-login-btn:hover,.nav-user-btn:hover{background:#64a0ff26;border-color:#64a0ff59;color:#fff}.nav-login-btn:after,.nav-user-btn:after{display:none}.nav-user-btn{padding:6px 12px}.nav-user-avatar{overflow:visible}.nav-user-avatar,.nav-user-avatar .avatar-with-overlay{height:28px;width:28px}.nav-avatar-img{border-radius:50%}.nav-username{font-size:13px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dropdown-arrow{transition:transform .2s ease}.nav-user-btn:hover .nav-dropdown-arrow{transform:translateY(2px)}.nav-user-dropdown{animation:dropdownFadeIn .2s ease-out;background:radial-gradient(200px 100px at 50% 0,#aa5aff14,#0000 50%),linear-gradient(180deg,#ffffff0a,#0000002e),linear-gradient(180deg,#14110d,#0a0908);border:1px solid #d7b25a47;border-radius:14px;box-shadow:0 18px 50px #000000a6,0 0 40px #00000073,inset 0 1px 0 #ffffff0f;max-height:calc(100vh - 100px);min-width:240px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.nav-user-dropdown::-webkit-scrollbar{width:6px}.nav-user-dropdown::-webkit-scrollbar-track{background:#0000}.nav-user-dropdown::-webkit-scrollbar-thumb{background:#d7b25a4d;border-radius:3px}.nav-user-dropdown::-webkit-scrollbar-thumb:hover{background:#d7b25a80}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{background:radial-gradient(150px 80px at 30% 30%,#ffe2a014,#0000 60%),#d7b25a0f;border-bottom:1px solid #d7b25a1f;padding:16px}.dropdown-avatar{color:var(--raid-gold);overflow:visible}.dropdown-avatar,.dropdown-avatar .avatar-with-overlay{height:42px;width:42px}.dropdown-avatar img{border-radius:50%}.dropdown-user-info{gap:3px}.dropdown-display-name{color:var(--raid-ivory)}.dropdown-username{color:var(--raid-muted);opacity:.7}.user-welcome{color:var(--raid-gold);font-size:13px;font-weight:500}.user-dropdown-btn{align-items:center;background:none;border:none;color:var(--raid-muted);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.user-dropdown-btn:hover{background:#ffe2a014;color:var(--raid-ivory)}.user-logout-btn{border-top:1px solid #d7b25a14;color:#f87171;margin-top:4px}.user-logout-btn:hover{background:#f871711a}.dropdown-divider{background:#d7b25a1a;margin:8px 0}.dropdown-section-label{border-top:1px solid #d7b25a14;color:#d7b25a80;font-size:.65rem;font-weight:700;letter-spacing:.12em;margin-top:4px;padding:12px 16px 6px;text-transform:uppercase}.dropdown-section-label:first-of-type{border-top:none;margin-top:0}.nav-mobile-divider{border-top:1px solid #d7b25a1a;color:#fff6;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-top:8px;padding:16px 20px 8px}.nav-mobile-user-info{background:radial-gradient(150px 80px at 30% 30%,#78beff1f,#0000 60%),#4678d214;border:1px solid #78b4ff40;border-radius:12px;color:#eaf2ff;gap:12px;margin-bottom:10px;padding:16px 20px}.nav-mobile-user-info .avatar-with-overlay{flex-shrink:0;height:32px;width:32px}.nav-mobile-login{background:radial-gradient(150px 80px at 30% 30%,#ffe2a026,#0000 60%),linear-gradient(180deg,#ffe2a01f,#d7b25a0f),linear-gradient(180deg,#1b1610,#120f0b)!important;border:1px solid #ffe2a059!important;color:var(--raid-gold-hot)!important}.nav-mobile-logout{color:#f87171!important}.nav-icon{align-items:center;display:inline-flex;justify-content:center}.nav-search{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:8px;transition:color .3s ease}.nav-search:hover{color:var(--gold-light)}.nav-mobile-btn{background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;padding:8px;transition:all .25s ease}.nav-mobile-btn:hover{background:#d4af3714;border-color:#d4af374d;box-shadow:0 0 12px #d4af371a;color:#d4af37}.nav-mobile-menu{-webkit-overflow-scrolling:touch;animation:mobileMenuReveal .3s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:radial-gradient(ellipse at 50% 0,#281e0a40 0,#0000 50%),#080604fa;border-top:2px solid #d4af3740;bottom:0;left:0;max-width:100vw;overflow-x:hidden;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;top:calc(64px + env(safe-area-inset-top, 0px));z-index:9998}@keyframes mobileMenuReveal{0%{filter:blur(4px);opacity:0;transform:translateY(-12px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.nav-mobile-menu .nav-mobile-divider,.nav-mobile-menu .nav-mobile-featured,.nav-mobile-menu .nav-mobile-link{animation:mobileLinkReveal .3s ease forwards;opacity:0}.nav-mobile-menu>:first-child{animation-delay:.04s}.nav-mobile-menu>:nth-child(2){animation-delay:.06s}.nav-mobile-menu>:nth-child(3){animation-delay:.08s}.nav-mobile-menu>:nth-child(4){animation-delay:.1s}.nav-mobile-menu>:nth-child(5){animation-delay:.12s}.nav-mobile-menu>:nth-child(6){animation-delay:.14s}.nav-mobile-menu>:nth-child(7){animation-delay:.16s}.nav-mobile-menu>:nth-child(8){animation-delay:.18s}.nav-mobile-menu>:nth-child(9){animation-delay:.2s}.nav-mobile-menu>:nth-child(10){animation-delay:.22s}.nav-mobile-menu>:nth-child(11){animation-delay:.24s}.nav-mobile-menu>:nth-child(12){animation-delay:.26s}.nav-mobile-menu>:nth-child(13){animation-delay:.28s}.nav-mobile-menu>:nth-child(14){animation-delay:.3s}.nav-mobile-menu>:nth-child(15){animation-delay:.32s}.nav-mobile-menu>:nth-child(n+16){animation-delay:.34s}@keyframes mobileLinkReveal{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.nav-mobile-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#ffffffb3;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:4px;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none;transition:all .2s ease}.nav-mobile-link:hover{background:#d4af370f;border-color:#d4af371a;color:#fff}.nav-mobile-link.nav-link-active{background:#d4af371a;border-color:#d4af3733;color:#f5e6c8}.nav-mobile-link.nav-link-active:before{background:linear-gradient(180deg,#d4af37,#f5d76e,#d4af37);border-radius:0 2px 2px 0;bottom:20%;box-shadow:0 0 8px #d4af3766;content:"";left:0;position:absolute;top:20%;width:3px}.nav-mobile-link .mobile-nav-icon{align-items:center;display:flex;justify-content:center;opacity:.7}.nav-mobile-link.nav-link-active .mobile-nav-icon,.nav-mobile-link:hover .mobile-nav-icon{opacity:1}.nav-vip-mobile{background:#d4af3714!important;border:1px solid #d4af3733!important;border-radius:8px!important;color:#d4af37!important;margin-top:8px}.nav-mobile-divider{border-bottom:1px solid #d4af371f;color:#d4af3780;font-size:10px;font-weight:700;letter-spacing:1.5px;margin:16px 0 8px;padding:0 16px 8px;position:relative;text-transform:uppercase}.nav-mobile-divider:before{color:#d4af3740;content:"///";font-size:8px;letter-spacing:1px;margin-right:6px}.nav-mobile-featured{border-left:2px solid #d4af37}.nav-mobile-featured svg{color:#d4af37}.nav-mobile-user-info{align-items:center;background:#d4af370d;border:1px solid #d4af3726;border-radius:8px;color:#f5e6c8;display:flex;font-weight:500;gap:10px;margin:8px 0;padding:12px 16px}.nav-mobile-featured{background:#d4af3714;border:1px solid #d4af3726}.mobile-hot-badge{background:linear-gradient(135deg,#ef4444,#dc2626)}.mobile-hot-badge,.mobile-new-badge{border-radius:4px;color:#fff;font-size:9px;font-weight:700;margin-left:auto;padding:2px 6px}.mobile-new-badge{background:linear-gradient(135deg,#22c55e,#16a34a)}.nav-mobile-external,.nav-mobile-external.nav-mobile-discord{color:#7289da!important}.nav-mobile-external.nav-mobile-twitter{color:#1da1f2!important}.nav-mobile-logout{color:#ef4444!important;margin-top:8px}.nav-mobile-login{background:linear-gradient(135deg,#d4af3726,#d4af3714)!important;border:1px solid #d4af374d!important;margin-top:8px}.nav-mobile-login,.nav-mobile-premium{color:#d4af37!important}.mobile-action-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0c0a08fa;border-top:1px solid #d4af3733;bottom:0;display:none;left:0;padding:8px 16px calc(8px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:9990}.mobile-action-bar-inner{align-items:center;display:flex;justify-content:space-around;margin:0 auto;max-width:400px}.mobile-action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:500;justify-content:center;min-height:48px;min-width:48px;text-decoration:none;touch-action:manipulation;transition:background-color .15s ease,color .15s ease}.mobile-action-btn:active,.mobile-action-btn:hover{background:#d4af371a;color:#d4af37}.mobile-action-btn.active{background:#d4af3726;color:#d4af37}.mobile-action-btn.active svg{color:#d4af37}.mobile-action-btn svg{height:20px;width:20px}@media (max-width:768px){.mobile-action-bar{display:block}.main-content{padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px))}}@media (max-width:1024px){.nav-desktop-links{display:none}.nav-mobile-btn{align-items:center;display:flex;justify-content:center}}@media (max-width:768px){.nav-mobile-btn{align-items:center;display:flex;justify-content:center}.nav-logo-text-wrapper{display:none}}.main-content{flex:1 0 auto;min-height:calc(100vh - 160px)}.page-content{contain-intrinsic-size:1px 5000px;content-visibility:auto;margin:0 auto;max-width:1400px;padding:0 24px}.hero-section{align-items:center;display:flex;gap:40px;justify-content:space-between;padding:60px 0}.hero-small{padding:40px 0}.hero-content{max-width:600px}.hero-title{color:var(--text-primary);font-size:42px;margin-bottom:16px;text-shadow:0 4px 8px #00000080}.hero-subtitle{font-size:18px;margin-bottom:24px}.hero-search{max-width:400px}.search-input{background:#1e1914e6;border:2px solid var(--border-gold);border-radius:6px;color:var(--text-primary);font-family:var(--font-body);font-size:16px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--gold);box-shadow:var(--shadow-gold)}.hero-image{display:flex;flex:1;justify-content:flex-end;max-width:500px}.hero-character{filter:drop-shadow(0 0 20px rgba(255,200,100,.3));max-height:500px;object-fit:contain}@media (max-width:968px){.hero-section{flex-direction:column;text-align:center}.hero-image{justify-content:center}.hero-title{font-size:32px}}.content-section{padding:40px 0;position:relative;z-index:1}.section-title{color:var(--text-primary);font-family:var(--font-heading);font-size:28px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 4px #00000080}.section-title.with-icon{align-items:center;display:flex;gap:12px}.title-icon{font-size:32px}.section-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.subsection-title{color:var(--text-primary);font-family:var(--font-heading);font-size:22px;font-weight:600;margin:32px 0 20px}.tab-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.tab-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-bronze);display:flex;font-family:var(--font-heading);font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.tab-btn:hover{background:var(--bg-card-hover);border-color:var(--border-gold);color:var(--gold-light)}.tab-btn-active{background:linear-gradient(135deg,#f59e0b4d,#ea580c33);border-color:var(--gold);color:var(--gold-light)}.strategy-cards{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.strategy-card{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:8px;overflow:hidden;transition:all .3s ease}.strategy-card:hover{box-shadow:var(--shadow-gold),var(--shadow-card);transform:translateY(-4px)}.strategy-image{background-position:50%;background-size:cover;height:180px;position:relative}.strategy-image:after{background:linear-gradient(180deg,#0000 50%,#1a1410e6);content:"";inset:0;position:absolute}.speed-nuke-bg{background:linear-gradient(135deg,#f59e0b4d,#ea580c66),url(https://customer-assets.emergentagent.com/job_alt-web-space/artifacts/ozwwfm34_CS.webp);background-size:cover}.speed-control-bg{background:linear-gradient(135deg,#3b82f64d,#8b5cf666),url(https://customer-assets.emergentagent.com/job_alt-web-space/artifacts/ozwwfm34_CS.webp);background-size:cover}.go-second-bg{background:linear-gradient(135deg,#dc26264d,#ea580c66),url(https://customer-assets.emergentagent.com/job_alt-web-space/artifacts/ozwwfm34_CS.webp);background-size:cover}.strategy-content{padding:20px}.strategy-content h3,.strategy-content h4{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:8px}.strategy-content p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.strategy-btn{align-items:center;background:linear-gradient(135deg,var(--gold),var(--amber));border:none;border-radius:4px;color:var(--bg-dark);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:12px;font-weight:600;gap:8px;letter-spacing:1px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.strategy-btn:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));transform:translateY(-2px)}.team-cards{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.team-card{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:8px}.team-card:hover{box-shadow:var(--shadow-gold)}.team-image{background-position:50%;background-size:cover;height:150px}.clan-boss-bg{background:linear-gradient(135deg,#8b5cf666,#3b82f64d),url(https://customer-assets.emergentagent.com/job_alt-web-space/artifacts/ozwwfm34_CS.webp);background-size:cover}.dragon-bg{background:linear-gradient(135deg,#22c55e4d,#3b82f64d),url(https://customer-assets.emergentagent.com/job_alt-web-space/artifacts/ozwwfm34_CS.webp);background-size:cover}.dungeon-bg{background:linear-gradient(135deg,#ea580c66,#dc26264d),url(https://customer-assets.emergentagent.com/job_alt-web-space/artifacts/ozwwfm34_CS.webp);background-size:cover}.team-content{padding:20px;text-align:center}.team-content h3,.team-content h4{font-size:18px;margin-bottom:12px}.team-btn,.team-content h3,.team-content h4{color:var(--text-primary);font-family:var(--font-heading);font-weight:600}.team-btn{background:linear-gradient(135deg,#22c55e4d,#14b8a633);border:1px solid #22c55e80;border-radius:4px;cursor:pointer;display:inline-block;font-size:12px;letter-spacing:1px;padding:10px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.team-btn:hover{background:linear-gradient(135deg,#22c55e80,#14b8a666)}.faq-section{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:8px;margin-top:32px;padding:24px}.faq-item{border-bottom:1px solid var(--border-bronze);color:var(--text-secondary);font-size:16px;padding:12px 0}.faq-item:last-child{border-bottom:none}.calculator-container{margin:0 auto;max-width:1000px}.calculator-frame{margin-bottom:24px}.calculator-title{align-items:center;color:var(--gold-light);display:flex;font-family:var(--font-heading);font-size:24px;font-weight:700;gap:12px;margin-bottom:8px}.calc-icon{filter:drop-shadow(0 0 8px rgba(100,200,255,.5));font-size:28px}.calculator-desc{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.champion-entries{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.champion-row{align-items:center;background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;padding:16px}.champion-avatar{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:8px}.champion-name-cell{min-width:150px}.champion-select{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:14px;padding:10px 12px;width:100%}.stat-inputs{display:flex;flex:1;flex-wrap:wrap;gap:12px}.stat-group{display:flex;flex-direction:column;gap:4px;min-width:100px}.stat-group label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-input,.stat-select{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;padding:10px 12px;transition:border-color .3s ease}.stat-input:focus,.stat-select:focus{border-color:var(--gold)}.remove-btn{background:#dc262633;border:1px solid #dc262666;border-radius:4px;color:#fca5a5;font-size:16px;padding:8px 12px;transition:all .3s ease}.remove-btn:hover{background:#dc262666}.calc-actions{display:flex;flex-wrap:wrap;gap:12px}.add-champion-btn{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:4px;color:var(--gold-light);font-family:var(--font-heading);font-size:13px;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.add-champion-btn:hover{background:#d4af371a}.clear-btn{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.clear-btn:hover{background:var(--bg-card-hover)}.calculate-btn{background:linear-gradient(135deg,var(--gold),var(--amber));border:none;border-radius:4px;color:var(--bg-dark);cursor:pointer;font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:1px;margin-left:auto;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.calculate-btn:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.results-frame{margin-bottom:24px}.results-title{color:var(--text-primary);font-family:var(--font-heading);font-size:22px;font-weight:700;margin-bottom:8px}.results-desc{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.results-table{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:6px;margin-bottom:16px;overflow:hidden}.results-header{background:#d4af371a;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.results-header,.results-row{display:grid;gap:12px;grid-template-columns:60px 1fr 120px 120px;padding:12px 16px}.results-row{align-items:center;border-top:1px solid var(--border-bronze)}.turn-order{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;font-weight:700}.champ-name{align-items:center;display:flex;font-weight:500;gap:8px}.champ-avatar{font-size:18px}.final-speed{color:#4ade80;font-weight:600}.turn-meter{color:#60a5fa;font-weight:500}.formula-display{background:#0f0c0966;border-radius:4px;color:var(--text-secondary);font-size:13px;padding:12px 16px}.tips-container{margin-bottom:24px}.tips-frame{max-width:350px}.tips-title{color:var(--text-primary);font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:8px}.tips-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.tips-list{list-style:none;margin-bottom:16px}.tips-list li{color:#4ade80;font-size:14px;padding:8px 0}.tips-btn{background:linear-gradient(135deg,#22c55e4d,#14b8a633);border:1px solid #22c55e80;border-radius:4px;color:var(--text-primary);cursor:pointer;display:inline-block;font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:1px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.tips-btn:hover{background:linear-gradient(135deg,#22c55e80,#14b8a666)}.tuning-tips{margin-top:32px}.tips-cards{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tip-card{padding:24px}.tip-icon{filter:drop-shadow(0 0 8px rgba(212,175,55,.5));font-size:32px;margin-bottom:12px}.tip-card h4{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:12px}.tip-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.teams-section-frame{padding:32px}.team-tabs{background:#0f0c0980;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:12px}.team-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase;transition:all .3s ease}.team-tab:hover{background:#d4af371a;color:var(--gold-light)}.team-tab-active{background:linear-gradient(135deg,#f59e0b40,#ea580c26);border-color:var(--gold);color:var(--gold-light)}.team-strategy-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.team-strategy-card{background:var(--bg-card);border:2px solid var(--border-bronze);border-radius:8px;overflow:hidden;transition:all .3s ease}.team-strategy-card:hover{border-color:var(--border-gold);transform:translateY(-2px)}.team-strategy-image{background:linear-gradient(135deg,#f59e0b4d,#ea580c66),url(https://customer-assets.emergentagent.com/job_alt-web-space/artifacts/ozwwfm34_CS.webp);background-position:50%;background-size:cover;height:140px}.team-strategy-content{padding:16px}.team-strategy-content h4{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:8px}.team-strategy-content p{color:var(--text-secondary);font-size:13px}.recommended-label{color:var(--gold-light);font-size:14px;margin-bottom:16px}.champion-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:32px}.champion-card{background:var(--bg-card);border:2px solid var(--border-bronze);border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.champion-card:hover{border-color:var(--border-gold);transform:translateY(-2px)}.champion-portrait{align-items:center;background:#0f0c09cc;border:2px solid var(--border-gold);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 12px;overflow:hidden;position:relative;width:80px}.champion-portrait img{height:100%;object-fit:cover;width:100%}.champion-fallback{font-size:32px;position:absolute}.champion-portrait img+.champion-fallback{display:none}.champion-card .champion-name{color:var(--gold-light);font-family:var(--font-heading);font-size:14px;font-weight:600;margin-bottom:4px}.champion-card .champion-role{color:var(--text-secondary);font-size:12px}.team-composition{background:#0f0c0999;border:1px solid var(--border-gold);border-radius:8px;margin-bottom:32px;padding:24px}.comp-title{color:var(--text-primary);font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:16px}.comp-champions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.comp-champion{align-items:center;display:flex;flex-direction:column;gap:4px}.comp-stars{color:var(--gold);font-size:10px}.comp-avatar{align-items:center;background:var(--bg-card);border:2px solid var(--border-gold);border-radius:8px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.comp-level{color:var(--text-primary);font-size:12px;font-weight:600}.comp-name{color:var(--text-secondary);font-size:11px}.comp-description{margin-bottom:16px}.comp-description h5{color:var(--text-primary);font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:8px}.comp-description p{color:var(--text-secondary);font-size:13px;line-height:1.6}.view-details-btn{background:linear-gradient(135deg,var(--gold),var(--amber));border:none;border-radius:4px;color:var(--bg-dark);cursor:pointer;display:inline-block;font-family:var(--font-heading);font-size:13px;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.view-details-btn:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold))}.arena-tips-sidebar{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:8px;float:right;margin-bottom:24px;margin-left:24px;padding:20px;width:280px}.tips-sidebar-title{border-bottom:1px solid var(--border-bronze);color:var(--text-primary);font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.tips-sidebar-list{list-style:none;margin-bottom:16px}.tips-sidebar-list li{border-bottom:1px solid #8b6d1a33;color:var(--text-secondary);font-size:14px;padding:8px 0}.tips-sidebar-list li:last-child{border-bottom:none}.view-guides-btn{background:var(--bg-dark);border:1px solid var(--border-gold);border-radius:4px;color:var(--text-primary);cursor:pointer;display:block;font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:1px;padding:12px;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.view-guides-btn:hover{background:#d4af371a}@media (max-width:768px){.arena-tips-sidebar{float:none;margin-left:0;width:100%}}.calculators-hub-frame{padding:32px}.calculators-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:40px}.calculator-hub-card{background:var(--bg-card);border:2px solid var(--border-bronze);border-radius:8px;display:block;padding:24px;text-decoration:none;transition:all .3s ease}.calculator-hub-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-gold);transform:translateY(-4px)}.calc-gold:hover{border-color:var(--gold)}.calc-red:hover{border-color:#ef4444}.calc-blue:hover{border-color:#3b82f6}.calc-purple:hover{border-color:#8b5cf6}.calc-green:hover{border-color:#22c55e}.calc-orange:hover{border-color:#f97316}.calc-teal:hover{border-color:#14b8a6}.calc-hub-icon{filter:drop-shadow(0 0 10px rgba(212,175,55,.3));font-size:48px;margin-bottom:16px}.calc-hub-name{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:8px}.calc-hub-desc{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.calc-hub-btn{color:var(--gold);display:inline-block;font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}.calculator-hub-card:hover .calc-hub-btn{color:var(--gold-light)}.seo-content{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:8px;margin-top:40px;padding:32px}.seo-content h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:16px}.seo-content h3{font-weight:600;margin:24px 0 12px}.seo-content p{font-size:15px}.seo-content ul{list-style:none;padding-left:0}.seo-content li{color:var(--text-secondary);padding:8px 0 8px 24px;position:relative}.seo-content li:before{color:var(--gold);content:"→";left:0;position:absolute}.damage-calc-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{accent-color:var(--gold);height:18px;width:18px}.damage-results{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.damage-stat{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:6px;padding:16px;text-align:center}.damage-stat.highlight{background:#d4af371a;border-color:var(--gold)}.damage-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.damage-value{color:var(--text-primary);font-size:24px;font-weight:700}.damage-value.crit{color:#f97316}.damage-value.avg{color:#4ade80}.damage-summary{background:#d4af371a;border-radius:6px;color:var(--gold-light);font-size:16px;padding:16px;text-align:center}.acc-res-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.acc-res-results{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:24px}.acc-res-stat{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;padding:20px 40px;text-align:center}.acc-res-stat .label{color:var(--text-muted);display:block;font-size:12px;margin-bottom:8px;text-transform:uppercase}.acc-res-stat .value{color:var(--gold-light);display:block;font-size:32px}.acc-res-stat .value,.acc-res-vs{font-family:var(--font-heading);font-weight:700}.acc-res-vs{color:var(--text-muted);font-size:24px}.acc-res-result{background:#0f0c0999;border:2px solid var(--border-gold);border-radius:8px;margin-bottom:16px;padding:20px;text-align:center}.result-label{color:var(--text-secondary);font-size:14px;margin-right:12px}.result-value{font-family:var(--font-heading);font-size:28px;font-weight:700}.result-value.good{color:#4ade80}.result-value.bad{color:#ef4444}.result-recommendation{color:var(--text-secondary);font-size:14px;text-align:center}.tm-calc-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.tm-results{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tm-stat{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:6px;padding:16px;text-align:center}.tm-stat .label{color:var(--text-muted);display:block;font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tm-stat .value{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:24px;font-weight:700}.tm-stat .value.highlight{color:var(--gold-light)}.tuning-guides{display:grid;gap:20px}.tuning-guide-card{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;padding:24px}.tuning-guide-card h3{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:8px}.tuning-guide-card>p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.speed-reqs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.speed-req{background:#d4af371a;border:1px solid var(--border-gold);border-radius:4px;padding:8px 16px}.req-label{color:var(--text-muted);font-size:12px;margin-right:8px;text-transform:capitalize}.req-value{color:var(--gold-light);font-weight:600}.guide-example{color:var(--text-secondary);font-size:13px;font-style:italic}.coming-soon{padding:40px;text-align:center}.coming-soon p:first-child{color:var(--gold-light);font-size:24px;margin-bottom:16px}.coming-soon ul{list-style:none;padding:0}.coming-soon li{color:var(--text-secondary);padding:8px 0}.tips-row{margin-bottom:24px}.champions-grid-frame{padding:32px}.champions-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.champion-grid-card-wrapper{position:relative}.champion-grid-card-wrapper .favorite-btn{backdrop-filter:blur(4px);background:#000000b3;padding:6px 8px;position:absolute;right:8px;top:8px;z-index:10}.champion-grid-card{background:var(--bg-card);border:2px solid var(--border-bronze);border-radius:8px;display:block;padding:20px;text-align:center;transition:all .3s ease}.champion-grid-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-gold);transform:translateY(-4px)}.champion-grid-portrait{align-items:center;background:#0f0c09cc;border:3px solid var(--border-gold);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 16px;overflow:hidden;position:relative;width:100px}.champion-grid-portrait img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.champion-grid-portrait img.error{opacity:0}.champion-grid-portrait .champion-fallback{font-size:28px;z-index:1}.champion-grid-info h4{color:var(--text-primary);font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:8px}.rarity-badge{border-radius:20px;margin-bottom:8px;padding:4px 12px}.rarity-legendary{background:linear-gradient(135deg,#f59e0b4d,#ea580c4d);border:1px solid var(--gold);color:var(--gold-light)}.rarity-epic{background:#8b5cf64d;border:1px solid #8b5cf680;color:#c4b5fd}.rarity-rare{background:#3b82f64d;border:1px solid #3b82f680}.champion-faction{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.champion-role{color:var(--text-muted);font-size:12px;margin-bottom:4px}.champion-speed{color:#4ade80;font-size:12px;font-weight:500}.loading{color:var(--text-secondary);font-size:18px;padding:40px;text-align:center}.site-footer{background:#0f0c09f2;border-top:1px solid var(--border-bronze);flex-shrink:0;line-height:1.4;padding:24px 16px;text-align:center}@media (max-width:600px){.site-footer{min-height:auto;padding:20px 16px}.footer-logo-section{margin-bottom:12px}.footer-logo-img{height:30px;width:24px}.footer-brand{font-size:16px}.footer-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.footer-links a{font-size:12px}.footer-divider{display:none}.footer-community{margin-bottom:12px}.footer-community-label{display:none}.footer-social-link{font-size:12px;padding:6px 10px}.footer-copyright,.footer-disclaimer{font-size:10px;margin-bottom:4px}}.footer-content{margin:0 auto;max-width:1200px}.footer-logo-section{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:16px;min-height:40px;position:relative}.footer-logo-img{aspect-ratio:65/80;height:40px;min-height:40px;min-width:32px;object-fit:contain;width:32px}.footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff1c1 0,#e6b65c 45%,#b8913e);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(230,182,92,.35)) drop-shadow(0 0 12px rgba(230,182,92,.15));font-family:Cinzel,serif;font-size:22px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.footer-links{margin-bottom:16px}.footer-links a{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--gold-light)}.footer-divider{color:var(--text-muted);margin:0 12px}.footer-copyright{color:var(--text-muted);font-size:11px;line-height:1.6;margin-bottom:4px}.footer-disclaimer{color:#6b5a45;font-size:10px;line-height:1.5;margin:0 auto;max-width:600px;opacity:.8}.footer-community{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:16px}.footer-community-label{color:var(--text-muted);font-size:12px;font-weight:500}.footer-social-link{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.footer-social-link:hover{background:#d4af371a;border-color:#d4af374d;color:var(--gold-light)}.footer-social-link svg{opacity:.8}.footer-social-link:hover svg{opacity:1}.modal-overlay{animation:fadeIn .2s ease;background:#000000d9;bottom:0;left:0;right:0;top:0}.vip-modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200000!important}.modal-content{animation:modalSlideIn .3s ease;background:linear-gradient(145deg,#1a1410,#252018);border:2px solid var(--gold);border-radius:16px;box-shadow:0 0 40px #d4af374d,inset 0 0 60px #00000080;max-width:480px;padding:32px;position:relative;width:90%}.modal-ornate-border{border:1px solid var(--border-bronze);border-radius:18px;inset:-4px;pointer-events:none;position:absolute}.modal-corner{border:2px solid var(--gold);height:20px;position:absolute;width:20px}.modal-corner-tl{border-bottom:none;border-radius:8px 0 0 0;border-right:none;left:0;top:0}.modal-corner-tr{border-bottom:none;border-left:none;border-radius:0 8px 0 0;right:0;top:0}.modal-corner-bl{border-radius:0 0 0 8px;border-right:none;border-top:none;bottom:0;left:0}.modal-corner-br{border-left:none;border-radius:0 0 8px 0;border-top:none;bottom:0;right:0}.vip-modal-header{margin-bottom:24px;text-align:center}.vip-crown{display:block;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:48px;margin-bottom:12px}.vip-modal-header h2{color:var(--gold-light);font-family:var(--font-heading);font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 8px #00000080}.vip-modal-body{text-align:center}.vip-coming-soon{background:#d4af371a;border:1px solid var(--border-gold);border-radius:8px;color:var(--gold);font-family:var(--font-heading);font-size:18px;margin-bottom:16px;padding:12px}.vip-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.vip-features-list{list-style:none;margin:0 0 24px;padding:0;text-align:left}.vip-features-list li{background:#0000004d;border-left:3px solid var(--gold);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:8px;padding:10px 16px}.vip-modal-close{background:linear-gradient(135deg,var(--gold),var(--amber));border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:1px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.vip-modal-close:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.nav-vip-mobile{background:linear-gradient(135deg,#f59e0b33,#ea580c26);border:1px solid var(--gold);color:var(--gold-light)}.vip-modal-close-x{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;padding:4px 8px;position:absolute;right:12px;top:12px;transition:color .2s ease;z-index:10}.vip-modal-close-x:hover{color:var(--text-primary)}.vip-modal-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.vip-modal-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-dark);border-radius:50%;border-top-color:var(--gold);height:32px;width:32px}.vip-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:8px}.vip-beta-badge{animation:beta-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#000;display:inline-block;font-size:13px;font-weight:700;margin-bottom:12px;padding:6px 14px}@keyframes beta-glow{0%,to{box-shadow:0 0 8px #f59e0b66}50%{box-shadow:0 0 20px #f59e0b99}}.vip-crown-glow{animation:crown-glow 2s ease-in-out infinite}@keyframes crown-glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,.8))}}.vip-features-list li{align-items:center;display:flex;gap:12px}.vip-features-list li svg{color:var(--gold);flex-shrink:0}.vip-modal-actions{margin-top:24px;text-align:center}.vip-cta-primary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.vip-cta-signin{background:linear-gradient(135deg,var(--gold),var(--amber));color:var(--bg-dark)}.vip-cta-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.vip-cta-manage{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.vip-cta-reactivate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#000}.vip-cta-primary:hover:not(:disabled){box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.vip-cta-primary:disabled{cursor:not-allowed;opacity:.6}.vip-cta-secondary{background:#0000;border:1px solid var(--border-gold);border-radius:8px;color:var(--gold);cursor:pointer;font-size:14px;margin-top:12px;padding:12px 20px;transition:all .2s ease;width:100%}.vip-cta-secondary:hover{background:#d4af371a}.vip-secondary-text{color:var(--text-muted);font-size:13px;margin-top:16px}.vip-reassurance{color:#22c55e;display:flex;font-size:12px;gap:20px;justify-content:center;margin-top:16px}.vip-reassurance-line{color:var(--text-muted);font-size:13px;margin-top:14px;text-align:center}.vip-thank-you{color:#22c55e;font-size:14px;font-weight:500;margin-top:20px;text-align:center}.vip-modal-active{border-color:#22c55e!important}.vip-modal-active .modal-corner{border-color:#22c55e}.vip-header-active{position:relative}.vip-crown-active{filter:drop-shadow(0 0 15px rgba(34,197,94,.6))!important}.vip-active-check{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:calc(50% - 40px);top:35px;width:24px}.vip-active-features{display:grid;gap:10px;grid-template-columns:1fr 1fr;text-align:left}.active-feature{align-items:center;background:#22c55e1a;border-radius:8px;color:var(--text-primary);display:flex;font-size:13px;gap:8px;padding:10px 12px}.active-feature svg{color:#22c55e}.vip-beta-locked{align-items:center;background:#f59e0b1a;border-radius:8px;color:#f59e0b;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:16px;padding:10px}.vip-modal-cancelled{border-color:#f59e0b!important}.vip-modal-cancelled .modal-corner{border-color:#f59e0b}.vip-header-cancelled .vip-crown{opacity:.7}.vip-ending-date{color:#f59e0b!important;font-weight:600}.vip-reactivate-message{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.vip-beta-warning{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fbbf24;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px}.nav-vip-active{background:#22c55e26!important;border-color:#22c55e!important;color:#22c55e!important}.nav-vip-active:after{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.nav-vip-active .nav-icon{color:#22c55e}.nav-vip-active-dot{animation:pulse-dot 2s ease-in-out infinite;background:#22c55e;border-radius:50%;height:8px;margin-left:6px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.nav-vip-mobile-active{background:linear-gradient(135deg,#22c55e33,#16a34a26)!important;border-color:#22c55e!important;color:#22c55e!important}@media (max-width:768px){.hero-title{font-size:28px}.section-title{font-size:22px}.champion-row{align-items:stretch}.champion-row,.stat-inputs{flex-direction:column}.stat-group{width:100%}.calc-actions{flex-direction:column}.calculate-btn{margin-left:0;width:100%}.results-header,.results-row{font-size:12px;grid-template-columns:40px 1fr 80px 80px}}.admin-page{min-height:80vh}.admin-login-frame{margin:60px auto;max-width:400px;text-align:center}.admin-title{color:var(--gold-light);font-family:var(--font-heading);font-size:28px;font-weight:700;margin-bottom:24px}.admin-login-form{display:flex;flex-direction:column;gap:16px}.admin-field{text-align:left}.admin-field label{color:var(--text-muted);display:block;font-size:12px;margin-bottom:6px;text-transform:uppercase}.admin-error{color:#ef4444;font-size:14px;margin:8px 0}.admin-dashboard{padding:32px}.admin-stats{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-stat{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;padding:20px;text-align:center}.stat-number{color:var(--gold-light);display:block;font-family:var(--font-heading);font-size:32px;font-weight:700}.stat-label{color:var(--text-muted);font-size:12px;text-transform:uppercase}.admin-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-search{flex:1;min-width:200px}.admin-champions-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:24px}.admin-champion-card{background:#0f0c0999;border:2px solid var(--border-bronze);border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.admin-champion-card:hover{border-color:var(--border-gold)}.admin-champion-card.selected{background:#d4af371a;border-color:var(--gold)}.admin-champion-image{align-items:center;background:#1e1914cc;border:2px solid var(--border-bronze);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 8px;overflow:hidden;position:relative;width:80px}.admin-champion-image img{height:100%;object-fit:cover;width:100%}.placeholder-icon{font-size:32px;opacity:.5}.image-badge{align-items:center;border-radius:50%;bottom:0;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:0;width:20px}.image-badge.ai{background:#3b82f6;color:#fff}.image-badge.uploaded{background:#22c55e;color:#fff}.admin-champion-info h5{color:var(--text-primary);font-size:12px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-badge{border-radius:10px;display:inline-block;font-size:9px;padding:2px 6px;text-transform:uppercase}.admin-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px}.admin-champion-panel{margin-top:24px;padding:24px}.admin-champion-panel h3{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;margin-bottom:16px}.admin-champion-preview{align-items:center;background:#0f0c09cc;border:2px solid var(--border-gold);border-radius:8px;display:flex;height:200px;justify-content:center;margin:0 auto 16px;overflow:hidden;width:200px}.admin-champion-preview img{height:100%;object-fit:cover;width:100%}.no-image{color:var(--text-muted);font-size:14px}.image-source{color:var(--text-muted);font-size:12px;margin-bottom:16px;text-align:center}.admin-actions{justify-content:center}.upload-btn{align-items:center;background:linear-gradient(135deg,var(--gold),var(--amber));border-radius:4px;color:var(--bg-dark);cursor:pointer;display:inline-flex;font-family:var(--font-heading);font-size:13px;font-weight:600;gap:6px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.upload-btn:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold))}@media (max-width:768px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-champions-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.champion-portrait img{left:0;position:absolute;top:0;z-index:2}.champion-portrait .champion-fallback{z-index:1}.champion-detail-page{padding-top:0}.champion-hero{margin:0 -24px;overflow:hidden;padding:40px 24px;position:relative}.champion-hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;right:0}.champion-hero-bg,.champion-hero-img{left:0;opacity:.6;position:absolute;top:0;z-index:0}.champion-hero-img{height:100%;object-fit:cover;object-position:center;width:100%}.champion-hero-overlay{bottom:0;left:0;pointer-events:none;right:0;top:0;z-index:0}.champion-hero-bg:after,.champion-hero-overlay{background:linear-gradient(180deg,#1a141033,#1a1410b3);position:absolute}.champion-hero-bg:after{content:"";inset:0}.champion-hero-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.back-link{color:var(--text-secondary);display:inline-block;margin-bottom:24px;transition:color .3s ease}.back-link:hover{color:var(--gold-light)}.champion-header{align-items:flex-start;display:flex;gap:40px}.champion-portrait-large{align-items:center;background:var(--bg-card);border:3px solid var(--gold);border-radius:16px;display:flex;flex-shrink:0;height:250px;justify-content:center;overflow:hidden;width:250px}.champion-portrait-large img{height:100%;object-fit:cover;width:100%}.portrait-placeholder{color:var(--gold);font-family:var(--font-heading);font-size:64px}.champion-header-info{flex:1}.champion-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.affinity-badge,.role-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 16px}.role-badge{background:#ffffff1a;color:var(--text-primary)}.champion-name-large{color:var(--text-primary);font-family:var(--font-heading);font-size:48px;font-weight:700;margin-bottom:8px;text-shadow:0 4px 8px #00000080}.champion-faction-large{color:var(--text-secondary);font-size:20px;margin-bottom:16px}.champion-hero-actions{display:flex;gap:12px;margin-bottom:20px}.champion-hero-actions .favorite-btn{backdrop-filter:blur(4px);background:#00000080}.quick-stats{display:flex;flex-wrap:wrap;gap:24px}.quick-stat{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;padding:16px 24px;text-align:center}.qs-value{color:var(--gold-light);display:block;font-family:var(--font-heading);font-size:28px;font-weight:700}.qs-label{color:var(--text-muted);font-size:12px}.champion-tab,.qs-label{text-transform:uppercase}.champion-tab{border-radius:4px;font-family:var(--font-heading);padding:12px 24px}.champion-tab.active,.champion-tab:hover{border-color:#d4af3766;color:var(--gold-light)}.champion-nav-bar{border-top:1px solid #d4af3733;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:12px;margin-top:28px;padding:16px 0}.nav-bar-btn{align-items:center;background:linear-gradient(145deg,#1e1a16f2,#14100cf2);border:2px solid #d4af3766;border-radius:10px;color:#c9b896;cursor:pointer;display:inline-flex!important;font-family:var(--font-heading);font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.nav-bar-btn:hover{background:linear-gradient(145deg,#d4af3733,#8b5a2b26);border-color:#d4af37;box-shadow:0 8px 25px #0006,0 0 20px #d4af3740;color:#f5d76e;transform:translateY(-3px)}.nav-bar-btn.active{background:linear-gradient(145deg,#d4af374d,#b8941f40);border-color:#d4af37;box-shadow:0 0 25px #d4af3766,inset 0 0 20px #d4af3726;color:#f5d76e}.champion-quick-nav,.champion-side-nav,.champion-tabs{display:none!important}@media (max-width:768px){.champion-nav-bar{gap:8px;justify-content:center}.nav-bar-btn{flex:1 1 calc(50% - 8px);font-size:12px;justify-content:center;max-width:calc(50% - 4px);padding:12px 16px}}@media (max-width:480px){.nav-bar-btn{flex:1 1 calc(50% - 6px);font-size:11px;padding:10px 12px}}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;gap:16px}.stat-icon{font-size:28px;text-align:center;width:50px}.stat-info{flex:1}.stat-name{color:var(--text-muted);display:block;font-size:12px}.stat-value{color:var(--text-primary);font-family:var(--font-heading);font-size:24px}.stat-bar{background:#00000080;width:80px}.stat-fill{border-radius:4px;height:100%}.stat-fill.hp{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-fill.atk{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-fill.def{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-fill.spd{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-fill.crate{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-fill.cdmg{background:linear-gradient(90deg,#ec4899,#f472b6)}.stat-fill.resist{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.stat-fill.acc{background:linear-gradient(90deg,#6366f1,#818cf8)}.skills-list{display:flex;flex-direction:column;gap:16px}.skill-card{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;padding:20px}.skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.skill-name{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;font-weight:700}.skill-cooldown{background:#d4af3733;border-radius:20px;color:var(--text-muted);font-size:13px;padding:4px 12px}.skill-description{font-size:15px}.skill-multiplier{color:#4ade80;font-size:13px;margin-top:12px}.no-data{color:var(--text-muted);font-style:italic;padding:24px;text-align:center}.masteries-container{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.mastery-tree{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;padding:20px}.tree-title{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin-bottom:16px;text-align:center}.mastery-grid{display:flex;flex-direction:column;gap:8px}.mastery-slot{background:#0000004d;border-radius:4px;color:var(--text-muted);font-size:12px;padding:10px;text-align:center}.mastery-slot.filled{background:#d4af374d;border:1px solid var(--gold);color:var(--text-primary)}.mastery-note{color:var(--text-muted);font-size:13px;font-style:italic;margin-top:24px;text-align:center}.gear-recommendations{display:grid;gap:24px;grid-template-columns:1fr 1fr}.gear-section h3{color:var(--text-primary);font-family:var(--font-heading);font-size:18px;margin-bottom:16px}.gear-sets,.gear-stats{display:flex;flex-wrap:wrap;gap:8px}.gear-set,.gear-stat{background:#0f0c09cc;border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-secondary);font-size:14px;padding:8px 16px}.gear-stat.primary{background:#d4af3733;border-color:var(--gold);color:var(--gold-light)}.champions-list-frame{padding:24px}.champions-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-search{flex:1;min-width:200px}.pagination{align-items:center;border-top:1px solid var(--border-bronze);display:flex;gap:20px;justify-content:center;margin-top:24px;padding-top:24px}.page-info{color:var(--text-secondary);font-size:14px}.view-all-btn{background:linear-gradient(135deg,var(--gold),var(--amber));border-radius:4px;color:var(--bg-dark);display:inline-block;font-family:var(--font-heading);font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{transform:translateY(-2px)}.team-champions-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mini-champ{background:#d4af3733;border-radius:4px;color:var(--gold-light);font-size:12px;padding:4px 10px;text-decoration:none}.mini-champ:hover{background:#d4af3766}@media (max-width:768px){.champion-header{align-items:center;flex-direction:column;text-align:center}.champion-portrait-large{height:180px;width:180px}.champion-name-large{font-size:32px}.gear-recommendations,.masteries-container{grid-template-columns:1fr}.champion-tabs{flex-wrap:wrap}}.mastery-trees-container{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.mastery-tree-visual{background:#0f0c09cc;border:2px solid var(--border-bronze);border-radius:12px;min-height:400px;padding:16px}.mastery-tree-title{font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-align:center;text-transform:uppercase}.mastery-tiers{display:flex;flex-direction:column;gap:8px}.mastery-tier{align-items:center;display:flex;gap:8px}.tier-label{font-size:11px}.tier-masteries{display:flex;flex:1;flex-wrap:wrap;gap:6px}.mastery-node{border:2px solid;border-radius:6px;cursor:default;font-size:11px;font-weight:500;padding:8px 12px;position:relative;transition:all .2s ease}.mastery-node.editable{cursor:pointer}.mastery-node.editable:hover{transform:scale(1.05)}.mastery-node.selected{font-weight:700}.mastery-name{color:var(--text-primary)}.mastery-check{color:#4ade80;margin-left:4px}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-width:100%;overflow-x:auto;padding-bottom:8px}.admin-tabs::-webkit-scrollbar{height:6px}.admin-tabs::-webkit-scrollbar-track{background:#0003;border-radius:3px}.admin-tabs::-webkit-scrollbar-thumb{background:var(--border-bronze);border-radius:3px}.admin-tabs::-webkit-scrollbar-thumb:hover{background:var(--gold)}.admin-tab{background:var(--bg-card);border:2px solid var(--border-bronze);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-family:var(--font-heading);font-size:12px;font-weight:600;padding:10px 16px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.admin-tab:hover{border-color:var(--border-gold);color:var(--gold-light)}.admin-tab.active{background:linear-gradient(135deg,#f59e0b4d,#ea580c33);border-color:var(--gold);color:var(--gold-light)}.admin-layout{display:grid;gap:24px;grid-template-columns:300px 1fr;min-height:600px}.admin-list-panel{border-right:1px solid var(--border-bronze);padding-right:20px}.admin-champions-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding-right:8px}.admin-champ-item{align-items:center;background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.admin-champ-item:hover{background:#d4af370d;border-color:var(--border-gold)}.admin-champ-item.selected{background:#d4af3726;border-color:var(--gold)}.admin-champ-item.disabled-champ{background:#dc26260d;border-color:#dc26264d;opacity:.6}.admin-champ-item.disabled-champ .champ-name{color:#a0a0a0;text-decoration:line-through}.admin-champ-avatar{align-items:center;background:var(--bg-card);border:2px solid var(--border-bronze);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.disabled-badge{bottom:-4px;font-size:12px;position:absolute;right:-4px}.champ-initials{color:var(--gold);font-family:var(--font-heading);font-size:14px;font-weight:700}.img-badge{font-size:10px;position:absolute;right:-4px;top:-4px}.admin-champ-info{flex:1;min-width:0}.admin-champ-info .champ-name{color:var(--text-primary);display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-filter-row{display:flex;gap:8px;margin:12px 0}.filter-btn{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:6px;flex:1;font-size:12px;padding:8px 12px}.filter-btn.active{background:#d4af3733;border-color:var(--gold);color:var(--gold)}.filter-btn:hover:not(.active){border-color:var(--border-gold)}.admin-champ-actions{display:flex;gap:8px;margin-top:12px}.action-btn{font-weight:600}.action-btn.disable-btn{background:#fb923c33;border:1px solid #f97316;color:#fb923c}.action-btn.disable-btn:hover{background:#fb923c4d}.action-btn.enable-btn{background:#22c55e33;border:1px solid #22c55e;color:#4ade80}.action-btn.enable-btn:hover{background:#22c55e4d}.action-btn.delete-btn{background:#dc262633;border:1px solid #dc2626;color:#f87171}.action-btn.delete-btn:hover{background:#dc26264d}.status-badge-disabled{background:#dc262633;border:1px solid #dc262680;border-radius:4px;color:#f87171;font-size:11px;padding:2px 8px}.disabled-overlay{align-items:center;background:#000000b3;border-radius:8px;color:#f87171;display:flex;font-size:12px;font-weight:700;inset:0;justify-content:center;position:absolute}.teams-action-btns{display:flex;gap:12px}.ai-categorize-btn{background:linear-gradient(135deg,#8b5cf64d,#6d28d94d)!important;border-color:#8b5cf6!important}.ai-categorize-btn:hover:not(:disabled){box-shadow:0 0 15px #8b5cf666}.ai-categorize-btn:disabled{cursor:not-allowed;opacity:.6}.categorize-results{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin:16px 0;padding:16px}.categorize-results h4{color:#4ade80;margin:0 0 8px}.categorize-changes{margin-top:12px}.change-item{align-items:center;background:#0003;border-radius:4px;display:flex;font-size:13px;gap:12px;margin-bottom:4px;padding:8px}.change-item .team-name{color:var(--text-primary);font-weight:500;min-width:150px}.change-item .change-arrow{color:#8b5cf6;font-family:monospace}.change-item .change-reason{flex:1}.change-item .change-reason,.more-changes{color:var(--text-secondary);font-size:12px}.more-changes{margin-top:8px}.categorize-errors{color:#f87171;margin-top:12px}.admin-edit-panel{padding-left:20px}.admin-champ-header{border-bottom:1px solid var(--border-bronze);display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px}.admin-champ-portrait{align-items:center;background:var(--bg-card);border:3px solid var(--gold);border-radius:12px;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.admin-champ-portrait img{height:100%;object-fit:cover;width:100%}.admin-champ-details h3{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin-bottom:8px}.admin-section{background:#0f0c0980;border:1px solid var(--border-bronze);border-radius:8px;margin-bottom:24px;padding:16px}.admin-section h4{color:var(--text-primary);font-family:var(--font-heading);font-size:16px;margin-bottom:12px}.admin-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.image-status{color:var(--text-secondary);font-size:13px}.admin-edit-tabs{display:flex;gap:8px;margin-bottom:16px}.edit-tab{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.edit-tab.active,.edit-tab:hover{background:#d4af371a;border-color:var(--gold);color:var(--gold-light)}.edit-form{background:#0000004d}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase}.form-group.full-width{grid-column:1/-1}.textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid var(--border-bronze);display:flex;gap:12px;margin-top:16px;padding-top:16px}.mastery-presets{align-items:center;border-bottom:1px solid var(--border-bronze);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px}.mastery-presets span{color:var(--text-secondary);font-size:13px}.preset-btn{background:#22c55e33;border:1px solid #22c55e66;border-radius:4px;color:var(--text-primary);font-weight:600}.preset-btn:hover{background:#22c55e66}.mastery-trees-editor{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.danger-zone{background:#ef44440d;border-color:#ef44444d}.danger-zone h4,.delete-btn{color:#fca5a5}.delete-btn{background:#ef444433;border:1px solid #ef444466;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.delete-btn:hover{background:#ef444466}.no-selection{align-items:center;color:var(--text-muted);display:flex;font-size:16px;justify-content:center;min-height:400px}.new-champion-form{max-width:800px}.new-champion-form h4{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin:24px 0 12px}.skill-books{background:#0000004d;border-radius:6px;padding:12px}.books-label{color:var(--gold-light);font-size:13px;font-weight:600}.skill-books ul{margin:8px 0 0}.skill-books li{color:var(--text-secondary);font-size:12px;padding:4px 0}@media (max-width:968px){.admin-layout{grid-template-columns:1fr}.admin-list-panel{border-bottom:1px solid var(--border-bronze);border-right:none;padding-bottom:20px;padding-right:0}.admin-edit-panel{padding-left:0}.admin-champions-list{max-height:300px}.mastery-trees-container,.mastery-trees-editor{grid-template-columns:1fr}.admin-champ-header{align-items:center;flex-direction:column;text-align:center}}.teams-group{margin-bottom:48px}.group-title{align-items:center;color:var(--gold-light);display:flex;font-family:var(--font-heading);font-size:28px;font-weight:700;gap:12px;margin-bottom:8px}.group-icon{font-size:32px}.group-desc{color:var(--text-secondary);font-size:15px;margin-bottom:20px}.category-cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:12px;display:flex;gap:16px;padding:20px;text-decoration:none;transition:all .3s ease}.category-card:hover{background:#d4af371a;border-color:var(--gold);transform:translateY(-2px)}.category-icon{font-size:36px;min-width:50px;text-align:center}.category-info{flex:1}.category-info h4{color:var(--text-primary);font-family:var(--font-heading);font-size:16px;margin-bottom:4px}.category-info p{color:var(--text-muted);font-size:13px;line-height:1.4}.category-arrow{color:var(--gold);font-size:24px;opacity:.5;transition:opacity .3s ease}.category-card:hover .category-arrow{opacity:1}.category-page-icon{font-size:48px;margin-right:12px}.subcategory-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.sub-tab{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;text-transform:capitalize;transition:all .2s ease}.sub-tab.active,.sub-tab:hover{background:#d4af371a;border-color:var(--gold);color:var(--gold-light)}.teams-list{display:flex;flex-direction:column;gap:24px}.team-full-card{background:#0f0c0999;border:2px solid var(--border-bronze);border-radius:12px;padding:24px;transition:all .4s ease}.team-full-card:hover{border-color:var(--border-gold)}.team-full-card.card-glow-gold{border-color:#d4af37;box-shadow:0 0 25px #d4af3759,inset 0 0 40px #d4af370d}.team-full-card.card-glow-gold:hover{box-shadow:0 0 35px #d4af3780,inset 0 0 50px #d4af3714}.team-full-card.card-glow-silver{border-color:#a8a8a8;box-shadow:0 0 20px #a8a8a840,inset 0 0 30px #a8a8a808}.team-full-card.card-glow-bronze{border-color:#8b5a2b;box-shadow:0 0 15px #8b5a2b33}.team-card-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.team-tier-badge{align-items:center;background:linear-gradient(135deg,var(--gold),var(--orange));border-radius:8px;color:var(--bg-dark);display:flex;font-family:var(--font-heading);font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.team-tier-badge.tier-s{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.team-tier-badge.tier-a{background:linear-gradient(135deg,#3b82f6,#2563eb)}.team-tier-badge.tier-b{background:linear-gradient(135deg,#22c55e,#16a34a)}.team-tier-badge.tier-c{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.team-tier-badge.tier-d{background:linear-gradient(135deg,#6b7280,#4b5563)}.team-name{flex:1;font-size:22px}.difficulty-badge{border-radius:20px;font-size:12px;padding:6px 14px;text-transform:uppercase}.diff-easy{background:#22c55e33;border:1px solid #22c55e66;color:#86efac}.diff-medium{background:#f59e0b33;border:1px solid #f59e0b66;color:#fcd34d}.diff-hard{background:#ef444433;border:1px solid #ef444466;color:#fca5a5}.team-description{font-size:15px;line-height:1.6;margin-bottom:20px}.team-champions h4,.team-roles h4,.team-strategy h4{color:var(--gold-light);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.champion-portraits{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:50px}.team-champion-portrait{align-items:center;background:var(--bg-card);border:2px solid var(--gold);border-radius:12px;display:flex;height:64px;justify-content:center;position:relative;transition:all .2s ease;width:64px}.team-champion-portrait:hover{transform:scale(1.1);z-index:10}.team-champion-portrait img{border-radius:10px;height:100%;object-fit:cover;width:100%}.team-champion-portrait.missing{border-color:var(--border-bronze);opacity:.7}.portrait-fallback{color:var(--gold);font-family:var(--font-heading);font-size:16px}.champion-name-tooltip{align-items:center;background:#000000f2;border:1px solid #d4af3766;border-radius:6px;bottom:-45px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;gap:3px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;z-index:100}.champion-name-tooltip .tooltip-name{color:#f0e6d3;font-family:Cinzel,serif;font-size:13px;font-weight:600;white-space:nowrap}.champion-name-tooltip .tooltip-rarity{background:#8b73554d;border-radius:3px;color:#a89880;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.champion-name-tooltip .tooltip-rarity.rarity-mythical{background:#ff00804d;color:#ff69b4}.champion-name-tooltip .tooltip-rarity.rarity-legendary{background:#ffd7004d;color:gold}.champion-name-tooltip .tooltip-rarity.rarity-epic{background:#8a2be24d;color:orchid}.champion-name-tooltip .tooltip-rarity.rarity-rare{background:#1e90ff4d;color:#87ceeb}.champion-name-tooltip .tooltip-rarity.rarity-uncommon{background:#32cd324d;color:#90ee90}.champion-name-tooltip .tooltip-rarity.rarity-common{background:#a9a9a94d;color:#d3d3d3}.team-champion-portrait:hover .champion-name-tooltip{opacity:1}.roles-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.role-tag{background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;color:#93c5fd;font-size:13px;padding:6px 12px}.team-strategy p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.team-requirements{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.requirement-box{background:#0000004d;border-left:3px solid var(--gold);border-radius:8px;display:flex;gap:12px;padding:16px}.req-icon{font-size:24px}.requirement-box strong{color:var(--gold-light);display:block;font-size:13px;margin-bottom:4px}.requirement-box p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.team-tags{display:flex;flex-wrap:wrap;gap:8px}.team-tag{background:#8b5cf633;border-radius:4px;color:#c4b5fd;font-size:12px;padding:4px 10px}.video-guide-section .ornate-frame{padding:24px}.video-guide-section h2{color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin-bottom:20px}.video-embed-container{border-radius:12px;box-shadow:0 8px 32px #00000080;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-embed-container iframe{border:none;border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.video-fallback{margin-top:16px;text-align:center}.video-fallback a{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:8px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.video-fallback a:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px)}.team-category-page .hero-team-category{align-items:flex-end;display:flex;min-height:420px;padding:40px 0 50px}.team-category-page .hero-team-category .hero-content{text-shadow:0 2px 8px #000c,0 4px 16px #0009}.team-category-page .hero-team-category .hero-title{text-shadow:0 3px 12px #000000e6,0 6px 24px #000000b3}.team-category-page .hero-team-category .hero-subtitle{max-width:700px;text-shadow:0 2px 8px #000c}.team-detail-page .team-hero{align-items:flex-end;display:flex;min-height:400px;padding:40px 0 50px}.team-detail-page .team-hero .hero-content{text-shadow:0 2px 8px #000c}.team-detail-page .team-hero h1{text-shadow:0 3px 12px #000000e6,0 6px 24px #000000b3}.team-count-badge{background:#d4af3733;border:1px solid var(--gold);border-radius:20px;color:var(--gold-light);display:inline-block;padding:8px 20px}.team-count-badge,.video-guide-btn{font-size:14px;font-weight:600;margin-top:16px}.video-guide-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:8px;color:#fff;display:inline-flex;gap:8px;margin-right:12px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.video-guide-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}.video-icon{font-size:16px}.team-detail-link{align-items:center;border-top:1px solid #d4af3733;color:var(--gold);display:inline-flex;font-size:14px;font-weight:500;gap:4px;margin-top:16px;padding:8px 0;text-decoration:none;transition:color .2s ease;width:100%}.team-detail-link:hover{color:var(--gold-light)}.team-detail-page{min-height:100vh}.team-hero{align-items:center;display:flex;min-height:400px;padding:80px 0 60px}.team-hero .breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.team-hero .breadcrumb a{color:var(--gold);text-decoration:none}.team-hero .breadcrumb a:hover{text-decoration:underline}.team-hero .breadcrumb span{color:var(--text-muted)}.team-hero-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.tier-badge-large{color:var(--bg-dark);font-family:var(--font-heading);font-size:14px;letter-spacing:1px;padding:8px 16px}.team-hero h1{color:var(--gold-light);font-family:var(--font-heading);font-size:clamp(28px,5vw,42px);text-shadow:0 4px 12px #00000080}.difficulty-badge-large{border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.hero-video-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:10px;color:#fff;display:inline-flex;font-size:16px;font-weight:600;gap:10px;margin-top:24px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.hero-video-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #dc262680;transform:translateY(-3px)}.team-composition-section .ornate-frame{padding:32px}.team-composition-section h2{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin-bottom:24px;text-align:center}.team-champion-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,250px));justify-content:center;margin:0 auto;max-width:1000px}.team-champion-card{background:#0f0c0999;border:2px solid var(--border-bronze);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease}.team-champion-card:hover{border-color:var(--gold);box-shadow:0 8px 24px #d4af3733;transform:translateY(-4px)}.champion-card-image{aspect-ratio:1;background:var(--bg-card);max-width:250px;overflow:hidden;width:100%}.champion-card-image img{height:100%;max-height:250px;max-width:250px;object-fit:cover;width:100%}.champion-placeholder{align-items:center;background:linear-gradient(135deg,#d4af371a,#0000);color:var(--gold);display:flex;font-family:var(--font-heading);font-size:32px;height:100%;justify-content:center;width:100%}.champion-card-info{padding:16px}.champion-card-info h4{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin-bottom:8px}.rarity-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.rarity-legendary{background:#fbbf2433;border:1px solid #fbbf2466;color:#fbbf24}.rarity-epic{background:#8b5cf633;border:1px solid #8b5cf666;color:#a78bfa}.rarity-rare{background:#3b82f633;border:1px solid #3b82f666;color:#93c5fd}.rarity-uncommon{background:#22c55e33;border:1px solid #22c55e66;color:#86efac}.rarity-common{background:#9ca3af33;border:1px solid #9ca3af66;color:#d1d5db}.rarity-mythical{background:#ec489933;border:1px solid #ec489966;color:#f9a8d4}.role-description{color:var(--text-muted);font-size:12px;line-height:1.4;margin-top:8px}.two-column-layout{display:grid;gap:24px;grid-template-columns:2fr 1fr}.strategy-box{padding:32px}.strategy-box h2{color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin-bottom:16px}.strategy-box p{color:var(--text-secondary);font-size:15px;line-height:1.8}.requirements-column{display:flex;flex-direction:column;gap:16px}.requirement-card{padding:24px}.requirement-card h3{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin-bottom:12px}.requirement-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.tags-section{text-align:center}.team-tags-large{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.team-tag-large{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;color:#c4b5fd;font-size:14px;padding:8px 16px}.source-attribution{color:var(--text-muted);font-size:13px;font-style:italic}.related-teams-section h2{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin-bottom:24px;text-align:center}.related-teams-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.related-team-card{background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:12px;padding:20px;position:relative;text-decoration:none;transition:all .3s ease}.related-team-card:hover{border-color:var(--gold);transform:translateY(-3px)}.tier-badge-small{border-radius:4px;color:var(--bg-dark);font-family:var(--font-heading);font-size:12px;font-weight:700;padding:4px 10px;position:absolute;right:12px;top:12px}.related-team-card h4{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;margin-bottom:8px;padding-right:50px}.related-team-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.back-to-category-btn{align-items:center;background:#0000;border:2px solid var(--gold);border-radius:8px;color:var(--gold);display:inline-flex;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.back-to-category-btn:hover{background:var(--gold);color:var(--bg-dark)}@media (max-width:900px){.two-column-layout{grid-template-columns:1fr}.team-hero-header{align-items:flex-start;flex-direction:column}.team-champion-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.no-teams{color:var(--text-muted);padding:48px}.seo-content{background:#0f0c0966;border-radius:12px;margin-top:48px;padding:24px}.seo-content h2{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;margin-bottom:12px}.seo-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.teams-admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.teams-filter{margin-bottom:20px}.admin-teams-list{display:flex;flex-direction:column;gap:12px}.admin-team-card{align-items:center;background:#0f0c0999;border:1px solid var(--border-bronze);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.team-card-info{align-items:center;display:flex;gap:16px}.team-card-info h4{color:var(--text-primary);font-family:var(--font-heading);font-size:16px;margin-bottom:4px}.team-card-info>p{color:var(--text-muted);font-size:13px}.team-champs{color:var(--text-muted);font-size:12px;margin-top:4px}.new-team-form{max-width:900px}.champion-selector{position:relative}.champion-search-results{background:var(--bg-dark);border:1px solid var(--border-bronze);border-radius:8px;left:0;position:absolute;right:0;top:100%;z-index:100}.search-result-item{border-bottom:1px solid var(--border-bronze);padding:10px 12px;transition:background .2s ease}.selected-champions{margin-top:12px}.selected-champion-tag{align-items:center;background:#22c55e33;border:1px solid #22c55e66;border-radius:6px;color:#86efac;display:flex;font-size:13px;gap:8px;padding:6px 12px}.selected-champion-tag button{background:none;border:none;color:#fca5a5;cursor:pointer;font-size:16px;line-height:1;padding:0}@media (max-width:768px){.category-cards{grid-template-columns:1fr}.team-card-header{align-items:flex-start;flex-direction:column;gap:8px}.team-requirements{grid-template-columns:1fr}.champion-portraits{justify-content:center}}.image-edit-section{padding:20px}.image-section-title{border-bottom:1px solid var(--border-bronze);color:var(--gold);font-family:var(--font-heading);font-size:18px;margin-bottom:20px;padding-bottom:10px}.image-status-row{align-items:center;background:#0003;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.status-label{color:var(--text-secondary);font-weight:500}.status-badge{border-radius:6px;padding:6px 12px}.status-badge.ai_generated{background:#3b82f633;border:1px solid #3b82f666;color:#93c5fd}.status-badge.uploaded{background:#22c55e33;border:1px solid #22c55e66;color:#86efac}.status-badge.placeholder{background:#96969633;border:1px solid #96969666;color:#a8a8a8}.current-image-preview{background:#0000004d;border:1px solid var(--border-bronze);border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:16px}.preview-container{align-items:center;display:flex;flex-direction:column;gap:8px}.preview-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.preview-img{border:2px solid var(--border-gold);border-radius:8px;box-shadow:var(--shadow-gold);object-fit:cover}.preview-img.full-preview{max-height:200px;max-width:200px}.preview-img.thumb-preview{height:80px;width:80px}.no-image-placeholder{align-items:center;background:#0006;border:2px dashed var(--border-bronze);border-radius:8px;color:var(--text-muted);display:flex;font-size:14px;height:200px;justify-content:center;width:200px}.no-image-placeholder.small{font-size:12px;height:80px;width:80px}.ai-section,.delete-section,.upload-section{background:#0003;border:1px solid var(--border-bronze);border-radius:10px;margin-bottom:24px;padding:16px}.ai-section h5,.delete-section h5,.upload-section h5{color:var(--gold-light);font-family:var(--font-heading);font-size:15px;margin-bottom:8px}.ai-hint,.upload-hint{color:var(--text-muted);font-size:13px;margin-bottom:16px}.upload-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.file-input{display:none}.file-input-label{align-items:center;background:linear-gradient(135deg,var(--gold-dark),var(--bronze));border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.file-input-label:hover{background:linear-gradient(135deg,var(--gold),var(--amber));box-shadow:var(--shadow-gold)}.file-name{color:var(--text-secondary);font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:16px}.upload-preview .preview-img{max-height:250px;max-width:250px}.ai-btn,.upload-btn{font-size:14px;padding:12px 24px}.ai-btn:disabled,.upload-btn:disabled{cursor:not-allowed;opacity:.5}.delete-section{background:#ef44441a;border-color:#ef44444d}.delete-section h5{color:#fca5a5}.delete-btn{background:linear-gradient(135deg,#991b1b,#b91c1c);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 0 20px #ef444466}.champion-intro-section{margin-bottom:24px}.champion-intro{padding:20px}.intro-text{color:var(--text-secondary);font-size:16px;line-height:1.8}.section-intro-text{color:var(--text-muted);font-size:14px;line-height:1.7;margin-bottom:20px}.skill-name-h3{color:var(--gold);font-family:var(--font-heading);margin-bottom:10px}.skill-cooldown-text{color:var(--text-muted);font-size:13px;margin-top:8px}.skill-books{color:var(--text-muted);margin-top:12px}.skill-books ul{margin-left:20px;margin-top:6px}.skill-books li{margin-bottom:4px}.best-uses-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;margin:0;padding:0}.best-use-item{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;display:flex;gap:10px;padding:12px 16px;transition:all .3s ease}.best-use-item:hover{background:#22c55e26;border-color:#22c55e80}.use-icon{color:#22c55e;font-size:16px;font-weight:700}.use-name{color:var(--text-primary);font-size:14px}.gear-summary,.masteries-summary{background:#0003;border-left:3px solid var(--gold);border-radius:8px;padding:16px}.related-champions-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.related-champion-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:16px;text-decoration:none;transition:all .3s ease}.related-champion-card:hover{background:var(--bg-card-hover);border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.related-portrait{border:2px solid var(--border-gold);border-radius:50%;height:70px;overflow:hidden;width:70px}.related-portrait img{height:100%;object-fit:cover;width:100%}.portrait-fallback{align-items:center;background:linear-gradient(135deg,var(--gold-dark),var(--bronze));color:var(--text-primary);display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.related-info{align-items:center;display:flex;flex-direction:column;gap:4px}.related-name{color:var(--text-primary);font-family:var(--font-heading);font-size:13px;text-align:center}.stats-list-semantic{list-style:none;margin:0;padding:0}.champion-tabs{background:var(--bg-dark);border-bottom:1px solid var(--border-bronze);display:flex;flex-wrap:wrap;gap:8px;isolation:isolate;justify-content:center;padding:16px;position:sticky;top:60px;z-index:500}.champion-tab{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease;z-index:501}.champion-tab.active,.champion-tab:hover{background:#d4af3733;border-color:var(--gold);color:var(--gold)}@media (max-width:768px){.current-image-preview{align-items:center;flex-direction:column}.upload-controls{align-items:stretch;flex-direction:column}.file-input-label{justify-content:center}.best-uses-list{grid-template-columns:1fr}.related-champions-grid{grid-template-columns:repeat(2,1fr)}}.preview-hint{color:#f59e0b;font-size:12px;margin-top:8px}.selected-preview{border:3px solid #f59e0b;max-height:300px;max-width:300px}.save-btn{background:linear-gradient(135deg,#059669,#10b981)!important;font-size:15px!important;padding:14px 28px!important}.save-btn:hover{background:linear-gradient(135deg,#10b981,#34d399)!important;box-shadow:0 0 20px #10b98180!important}.save-btn:disabled{background:#374151!important}.cancel-btn{margin-left:12px;padding:14px 20px}.image-actions{align-items:center;margin-top:16px}.file-name{color:#10b981;font-weight:500}.cropper-section{background:#0000004d;border:2px solid var(--gold);border-radius:12px;margin:20px 0;padding:20px}.cropper-header{margin-bottom:16px}.cropper-title{color:var(--gold);display:block;font-family:var(--font-heading);font-size:16px;margin-bottom:8px}.cropper-hint{color:var(--text-muted);font-size:13px}.cropper-container{background:#0006;border-radius:8px;display:flex;justify-content:center;margin-bottom:16px;padding:16px}.cropper-container .ReactCrop{max-width:100%}.cropper-actions{display:flex;gap:12px;justify-content:center}.crop-apply-btn{background:linear-gradient(135deg,#059669,#10b981)!important;padding:10px 24px!important}.crop-apply-btn:hover{background:linear-gradient(135deg,#10b981,#34d399)!important}.crop-cancel-btn{padding:10px 24px!important}.preview-actions{margin-top:12px}.edit-crop-btn{background:linear-gradient(135deg,var(--gold-dark),var(--bronze));border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s ease}.edit-crop-btn:hover{background:linear-gradient(135deg,var(--gold),var(--amber));box-shadow:var(--shadow-gold)}.ReactCrop__crop-selection{border:2px solid var(--gold)!important;box-shadow:0 0 0 9999em #00000080!important}.ReactCrop__drag-handle{background-color:var(--gold)!important;border:2px solid var(--bg-dark)!important}.ReactCrop__drag-bar{background-color:initial!important}.calculator-page{min-height:100vh}.calculator-layout{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.calculator-inputs,.calculator-results{padding:24px}.calc-input-group{margin-bottom:16px}.calc-input-group label{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:6px}.calc-input-group .stat-input,.calc-input-group .stat-select{width:100%}.results-display{display:flex;flex-direction:column;gap:20px}.turn-order-result{align-items:center;border-radius:12px;display:flex;font-family:var(--font-heading);font-size:24px;gap:12px;justify-content:center;padding:20px}.turn-order-result.win{background:#22c55e33;border:2px solid #22c55e80;color:#86efac}.turn-order-result.lose{background:#ef444433;border:2px solid #ef444480;color:#fca5a5}.result-icon{font-size:32px}.speed-comparison{display:flex;flex-direction:column;gap:8px}.speed-bar-container{background:#0000004d;border-radius:8px;height:36px;overflow:hidden}.speed-bar{align-items:center;display:flex;font-size:14px;font-weight:500;height:100%;min-width:120px;padding:0 12px;transition:width .3s ease}.speed-bar.your-speed{background:linear-gradient(90deg,#059669,#10b981);color:#fff}.speed-bar.enemy-speed{background:linear-gradient(90deg,#dc2626,#ef4444);color:#fff}.result-stats{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.result-stat{background:#0003;border-radius:8px;padding:16px;text-align:center}.result-stat .stat-label{color:var(--text-muted);display:block;font-size:11px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.result-stat .stat-value{color:var(--gold);display:block;font-family:var(--font-heading);font-size:20px}.result-stat .stat-value.positive{color:#86efac}.result-stat .stat-value.negative{color:#fca5a5}.speed-tips{background:#0003;border-left:3px solid var(--gold);border-radius:8px;padding:16px}.speed-tips h3{color:var(--gold);font-family:var(--font-heading);font-size:14px;margin-bottom:10px}.speed-tips ul{list-style:none;margin:0;padding:0}.speed-tips li{color:var(--text-secondary);font-size:13px;padding:4px 0 4px 16px;position:relative}.speed-tips li:before{color:var(--gold);content:"•";left:0;position:absolute}.no-results{color:var(--text-muted);padding:40px;text-align:center}@media (max-width:900px){.calculator-layout,.result-stats{grid-template-columns:1fr}}.calculators-grid-enhanced{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.calculator-card-enhanced{background:var(--bg-card);border:1px solid var(--border-bronze);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.calculator-card-enhanced:hover{border-color:var(--gold);box-shadow:var(--shadow-gold);transform:translateY(-4px)}.calc-card-overlay{background:linear-gradient(180deg,#0003,#000c)}.calc-card-icon{bottom:12px;font-size:48px;left:16px;position:absolute;text-shadow:0 2px 10px #00000080}.calc-card-content{display:flex;flex-direction:column;gap:8px}.calc-card-name{color:var(--gold);font-family:var(--font-heading);font-size:18px;margin:0}.calc-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.calc-card-btn{color:var(--gold-light);font-size:13px;font-weight:500;margin-top:auto;padding-top:12px}.calc-gold .calc-card-image{border-bottom:3px solid var(--gold)}.calc-red .calc-card-image{border-bottom:3px solid #ef4444}.calc-blue .calc-card-image{border-bottom:3px solid #3b82f6}.calc-purple .calc-card-image{border-bottom:3px solid #a855f7}.calc-green .calc-card-image{border-bottom:3px solid #22c55e}.damage-result-main{background:linear-gradient(135deg,#ef444433,#0000004d);border:2px solid #ef444466;border-radius:12px;padding:24px;text-align:center}.damage-label{color:var(--text-muted);display:block;font-size:14px;margin-bottom:8px}.damage-value{color:#fca5a5;display:block;font-family:var(--font-heading);font-size:42px}.calc-checkbox-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.calc-checkbox-group label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px}.calc-checkbox-group input[type=checkbox]{accent-color:var(--gold);height:18px;width:18px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.preset-label{color:var(--text-muted);font-size:12px;margin-bottom:4px;width:100%}.preset-btn{background:#0000004d;border:1px solid var(--border-bronze);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.preset-btn:hover{background:#d4af3733;border-color:var(--gold);color:var(--gold)}.turn-order-result.neutral{background:#f59e0b33;border:2px solid #f59e0b80;color:#fcd34d}.turn-order-list{background:#0003;border-radius:8px;margin-top:16px;padding:16px}.turn-order-list h3{color:var(--gold);font-size:14px;margin-bottom:12px}.turn-order-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:8px 0}.turn-order-item:last-child{border-bottom:none}.turn-number{align-items:center;background:var(--gold);border-radius:50%;color:var(--bg-dark);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.turn-name{flex:1}.turn-speed{color:var(--gold);font-weight:500}.speed-gaps{margin-top:16px}.speed-gaps h3{color:var(--text-muted);font-size:14px;margin-bottom:8px}.gap-item{display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.gap-between{color:var(--text-secondary)}.gap-value{color:#fca5a5}.stat-select{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.stat-select:focus{border-color:var(--gold);outline:none}.hero-small{min-height:auto;padding:60px 20px 40px}.hero-small .hero-title{font-size:36px;margin-bottom:8px}.hero-small .hero-subtitle{font-size:16px}.contact-page-frame,.legal-page-frame{margin:0 auto;max-width:900px;padding:40px}.legal-content{color:var(--text-secondary);line-height:1.8}.legal-content h2{border-bottom:1px solid var(--border-bronze);color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin:32px 0 16px;padding-bottom:8px}.legal-content h2:first-child{margin-top:0}.legal-content h3{color:var(--text-primary);font-family:var(--font-heading);font-size:17px;margin:20px 0 12px}.legal-content p{font-size:14px;margin-bottom:16px}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{font-size:14px;margin-bottom:10px}.legal-content a{color:var(--gold);text-decoration:none;transition:color .2s ease}.legal-content a:hover{color:var(--gold-light);text-decoration:underline}.about-features{list-style:none;padding:0}.about-features li{background:#0003;border-left:3px solid var(--gold);border-radius:8px;margin-bottom:12px;padding:16px 20px}.about-features li strong{color:var(--gold-light);display:block;margin-bottom:4px}.disclaimer-box{background:#ea580c1a;border:1px solid #ea580c4d;border-radius:10px;margin-top:32px;padding:20px 24px}.disclaimer-box h3{color:#f59e0b;font-size:16px;margin-top:0}.disclaimer-box p{color:var(--text-secondary);font-size:13px;margin-bottom:0}.contact-form-container{display:grid;gap:40px;grid-template-columns:1fr 1.5fr}.contact-info h2{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin-bottom:16px}.contact-info p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:24px}.contact-topics{display:grid;gap:12px}.topic-item{align-items:center;background:#0003;border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;gap:12px;padding:12px 16px}.topic-icon{font-size:20px}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form .form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.contact-form .stat-input.textarea{min-height:120px;resize:vertical}.form-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:14px;padding:12px 16px}.contact-success{padding:60px 40px;text-align:center}.contact-success .success-icon{align-items:center;background:#22c55e26;border:2px solid #22c55e80;border-radius:50%;color:#22c55e;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.contact-success h2{color:var(--gold-light);font-family:var(--font-heading);font-size:28px;margin-bottom:12px}.contact-success p{color:var(--text-secondary);font-size:15px;margin-bottom:32px}@media (max-width:768px){.contact-form-container{gap:32px;grid-template-columns:1fr}.contact-page-frame,.legal-page-frame{padding:24px 16px}.hero-small .hero-title{font-size:28px}}.messages-panel{padding:20px}.messages-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.messages-header h2{color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin:0}.messages-filters{align-items:center;display:flex;gap:12px}.messages-filters .stat-select{width:150px}.message-badge{align-items:center;background:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px}.messages-list{display:flex;flex-direction:column;gap:16px}.message-card{background:#0003;border:1px solid var(--border-bronze);border-radius:10px;padding:20px;transition:all .2s ease}.message-card.unread{background:#fbbf240d;border-left:4px solid #fbbf24}.message-card.read{border-left:4px solid #3b82f6}.message-card.replied{border-left:4px solid #22c55e}.message-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.message-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.message-from{color:var(--text-primary);font-size:15px;font-weight:600}.message-email{color:var(--text-secondary);font-size:13px}.message-status-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.message-status-badge.unread{background:#fbbf2433;color:#fbbf24}.message-status-badge.read{background:#3b82f633;color:#3b82f6}.message-status-badge.replied{background:#22c55e33;color:#22c55e}.message-date{color:var(--text-muted);font-size:12px}.message-subject{color:var(--text-secondary);font-size:14px;margin-bottom:10px}.message-body,.message-subject strong{color:var(--text-primary)}.message-body{background:#0003;border-radius:8px;font-size:14px;line-height:1.6;margin-bottom:16px;padding:12px 16px;white-space:pre-wrap}.message-actions{display:flex;flex-wrap:wrap;gap:10px}.action-btn{border:1px solid #0000;display:inline-flex;font-weight:500;gap:6px;padding:8px 16px}.action-btn.read{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.action-btn.read:hover{background:#3b82f640}.action-btn.replied{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.action-btn.replied:hover{background:#22c55e40}.action-btn.delete{background:#ef444426;border-color:#ef44444d;color:#f87171}.action-btn.delete:hover{background:#ef444440}.action-btn.email{background:#d4af3726;border-color:#d4af374d;color:var(--gold)}.action-btn.email:hover{background:#d4af3740}.no-messages{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-messages p{font-size:16px}.honeypot-field{height:0;left:-9999px;opacity:0;overflow:hidden;position:absolute;width:0}.captcha-group label{align-items:center;color:var(--gold-light);display:flex;font-size:14px;gap:8px}.captcha-input-row{align-items:center;display:flex;gap:10px}.captcha-input{flex:1;max-width:150px}.captcha-refresh{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;cursor:pointer;font-size:16px;padding:10px 14px;transition:all .2s ease}.captcha-refresh:hover{background:#d4af371a;border-color:var(--gold)}.battle-outcome-card{animation:slideDown .3s ease;border-radius:16px;margin-bottom:24px;padding:24px;text-align:center}.battle-outcome-card.victory{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:2px solid #22c55e66}.battle-outcome-card.defeat{background:linear-gradient(135deg,#ef444426,#dc26261a);border:2px solid #ef444466}.outcome-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.outcome-icon{font-size:32px}.outcome-header h2{color:var(--text-secondary);font-family:var(--font-heading);font-size:18px;letter-spacing:2px;margin:0}.verdict-badge{border-radius:8px;display:inline-block;font-family:var(--font-heading);font-size:24px;font-weight:700;padding:12px 24px}.verdict-badge.win{background:#22c55e33;color:#22c55e}.verdict-badge.lose{background:#ef444433;color:#ef4444}.verdict-detail{color:var(--text-secondary);font-size:16px;margin:12px 0}.margin-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.margin-badge.safe{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.margin-badge.moderate{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.margin-badge.risky{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.turn-order-timeline{background:#0000004d;border:1px solid var(--border-bronze);border-radius:12px;margin-bottom:24px;padding:24px}.turn-order-timeline h3{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin:0 0 20px;text-align:center}.timeline-track{height:120px;margin:0 40px;position:relative}.timeline-line{background:linear-gradient(90deg,var(--gold),var(--border-bronze));border-radius:2px;height:4px;left:0;right:0}.timeline-arrow,.timeline-line{position:absolute;top:50%;transform:translateY(-50%)}.timeline-arrow{color:var(--gold);font-size:24px;right:-30px}.timeline-champion{position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.champion-avatar{border:3px solid;font-size:24px;height:50px;margin:0 auto 8px;width:50px}.champion-avatar.you{background:#22c55e33;border-color:#22c55e}.champion-avatar.enemy{background:#ef444433;border-color:#ef4444}.champion-label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:2px}.champion-speed{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:14px;font-weight:600}.turn-badge{background:var(--gold);color:var(--bg-dark);display:inline-block;font-weight:700;margin-top:4px}.speed-breakdown-card{background:#0003;border:1px solid var(--border-bronze);border-radius:10px;margin-bottom:16px;padding:16px}.breakdown-row{justify-content:space-between}.breakdown-row.total{border-top:2px solid var(--border-bronze);margin-top:8px;padding-top:12px}.breakdown-row.aura{color:var(--gold)}.breakdown-row.final{background:#d4af371a;border-radius:0 0 10px 10px;margin:8px -16px -16px;padding:12px 16px}.breakdown-label{align-items:center;display:flex;gap:6px}.breakdown-value{color:var(--text-primary);font-family:var(--font-heading);font-size:16px}.breakdown-value.highlight{color:var(--gold-light);font-size:18px}.stat-input.small{padding:6px 10px;text-align:center;width:80px}.help-tooltip{align-items:center;background:#ffffff1a;border-radius:50%;color:var(--text-secondary);cursor:help;display:inline-flex;font-size:10px;height:16px;justify-content:center;position:relative;width:16px}.help-tooltip:hover{background:var(--gold);color:var(--bg-dark)}.aura-presets{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:8px}.aura-preset-btn{align-items:center;background:#0003;border:1px solid var(--border-bronze);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:10px 8px;transition:all .2s ease}.aura-preset-btn:hover{background:#d4af371a;border-color:var(--gold)}.aura-preset-btn.active{background:#d4af3733;border-color:var(--gold);box-shadow:0 0 10px #d4af3733}.preset-icon{font-size:18px;margin-bottom:2px}.preset-name{color:var(--text-secondary);font-size:11px}.preset-value{color:var(--gold-light);font-family:var(--font-heading);font-size:14px;font-weight:600}.advanced-toggle{border-top:1px solid var(--border-bronze);margin-top:16px;padding-top:16px}.toggle-label{align-items:center;color:var(--text-secondary);cursor:pointer;font-size:14px;gap:10px}.toggle-label input[type=checkbox]{accent-color:var(--gold);height:18px;width:18px}.toggle-text{transition:color .2s ease}.toggle-label:hover .toggle-text{color:var(--gold-light)}.advanced-options{animation:fadeIn .2s ease;background:#0003;border-radius:8px;margin-top:16px;padding:16px}.speed-thresholds{background:#0000004d;border:1px solid var(--border-bronze);border-radius:10px;margin:16px 0;padding:16px}.speed-thresholds h3{color:var(--gold-light);font-family:var(--font-heading);font-size:14px;margin:0 0 8px}.threshold-intro{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.threshold-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.threshold-item{background:#0003;border-radius:8px;padding:10px 8px;text-align:center}.threshold-item.safe{background:#22c55e1a;border:1px solid #22c55e4d}.threshold-item.recommended{background:#d4af371a;border:1px solid #d4af374d}.threshold-label{color:var(--text-secondary);display:block;font-size:11px;margin-bottom:4px}.threshold-value{color:var(--text-primary);font-family:var(--font-heading);font-size:18px;font-weight:600}.threshold-item.safe .threshold-value{color:#22c55e}.threshold-item.recommended .threshold-value{color:var(--gold-light)}.warning-box{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;display:flex;gap:12px;margin-top:16px;padding:14px 16px}.warning-icon{font-size:20px}.warning-content{color:var(--text-secondary);font-size:13px;line-height:1.5}.warning-content strong{color:#f59e0b}.empty-state-enhanced{padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state-enhanced h3{color:var(--text-primary);font-family:var(--font-heading);font-size:18px;margin-bottom:20px}.empty-features{list-style:none;margin:0 auto;max-width:200px;padding:0;text-align:left}.empty-features li{border-bottom:1px solid #ffffff0d;color:var(--text-secondary);font-size:14px;padding:8px 0}.empty-features li:last-child{border-bottom:none}.seo-content-section{margin-top:40px}.seo-content{color:var(--text-secondary);line-height:1.8}.seo-content h3{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;margin:28px 0 12px}.seo-content h3:first-child{margin-top:0}.seo-content p{font-size:14px;margin-bottom:16px}.seo-content ul{margin:16px 0;padding-left:20px}.seo-content li{font-size:14px;margin-bottom:8px}.seo-content code{background:#0000004d;border-radius:4px;color:var(--gold);font-family:monospace;font-size:13px;padding:2px 8px}.speed-lead-table{border-collapse:collapse;font-size:14px;margin:16px 0;width:100%}.speed-lead-table td,.speed-lead-table th{border-bottom:1px solid var(--border-bronze);padding:10px 12px;text-align:left}.speed-lead-table th{background:#0000004d;color:var(--gold-light);font-weight:600}.speed-lead-table tr:hover{background:#d4af370d}.seo-cta{background:#d4af371a;border-radius:8px;margin-top:24px;padding:16px;text-align:center}.seo-cta a{color:var(--gold);font-weight:600;text-decoration:none}.seo-cta a:hover{text-decoration:underline}@media (max-width:768px){.aura-presets{grid-template-columns:repeat(2,1fr)}.threshold-grid{grid-template-columns:1fr}.timeline-track{height:180px}.timeline-champion{transform:translate(-50%,-50%) scale(.9)}}.best-teams-hub,.teams-hub-hero{position:relative}.teams-hub-hero{align-items:center;background:linear-gradient(180deg,#0f0c0966,#1a1410d9),url(https://cdn.raidoptimizer.com/api/images/hero/teams.webp);background-position:top;background-size:cover;display:flex;justify-content:center;margin-bottom:0;min-height:380px;overflow:hidden;padding:60px 20px;text-align:center}.teams-hub-hero:before{background:radial-gradient(ellipse at center,#d4af3726 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.teams-hub-hero .hero-particles{animation:float-particles 20s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#d4af3766,#0000),radial-gradient(2px 2px at 40% 70%,#d4af374d,#0000),radial-gradient(1px 1px at 60% 20%,#d4af3780,#0000),radial-gradient(2px 2px at 80% 60%,#d4af3766,#0000),radial-gradient(1px 1px at 90% 40%,#d4af374d,#0000);inset:0;position:absolute}@keyframes float-particles{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.teams-hub-hero .hero-content{max-width:900px;position:relative;z-index:2}.teams-hub-title{color:#fff;font-family:Cinzel,serif;font-size:3.5rem;font-weight:700;letter-spacing:2px;margin:0 0 16px;text-shadow:0 4px 20px #000c,0 0 40px #d4af374d}.teams-hub-title .title-accent{color:#d4af37;display:block;font-size:4rem;text-shadow:0 0 30px #d4af3780}.teams-hub-subtitle{color:#c4a777;font-size:1.25rem;line-height:1.6;margin:0 0 30px}.hero-stats{display:flex;gap:50px;justify-content:center;margin-top:30px}.hero-stat .stat-number{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;text-shadow:0 0 20px #d4af3766}.hero-stat .stat-label{color:#8b8070;font-size:.9rem;letter-spacing:2px}.popular-teams-section{background:linear-gradient(180deg,#1a1410fa,#0f0c09);border-bottom:1px solid #d4af3733;padding:40px 30px}.popular-teams-section .section-title{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:1.5rem;gap:12px;margin:0 0 25px}.popular-teams-section .title-icon{font-size:1.5rem}.popular-teams-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:15px;scrollbar-color:#d4af37 #1a141080;scrollbar-width:thin}.popular-teams-scroll::-webkit-scrollbar{height:6px}.popular-teams-scroll::-webkit-scrollbar-track{background:#1a141080;border-radius:3px}.popular-teams-scroll::-webkit-scrollbar-thumb{background:#d4af37;border-radius:3px}.popular-team-card{align-items:center;animation:fadeInUp .5s ease forwards;background:linear-gradient(135deg,#2d2319e6,#1a1410f2);border:1px solid #d4af3766;border-radius:12px;display:flex;gap:15px;min-width:280px;opacity:0;padding:16px 20px;text-decoration:none;transition:all .3s ease}.popular-team-card:hover{border-color:#d4af37;box-shadow:0 8px 25px #0006,0 0 20px #d4af3733;transform:translateY(-3px)}.popular-team-card .team-icon{align-items:center;background:#d4af3726;border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.popular-team-card .team-info h4{color:#fff;font-family:Cinzel,serif;font-size:1rem;margin:0 0 4px}.popular-team-card .team-info p{color:#8b8070;font-size:.85rem;margin:0}.popular-team-card .arrow-icon{color:#d4af37;font-size:1.2rem;margin-left:auto;transition:transform .3s ease}.popular-team-card:hover .arrow-icon{transform:translateX(5px)}.teams-tabs-section{background:#1a1410f2;border-bottom:1px solid #d4af3726;padding:20px 30px;position:sticky;top:70px;z-index:50}.teams-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.teams-tabs .tab-btn{align-items:center;background:#2d231999;border:1px solid #d4af3733;border-radius:8px;color:#c4a777;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.teams-tabs .tab-btn:hover{background:#d4af3726;border-color:#d4af3766}.teams-tabs .tab-btn.active{background:#d4af3733;border-color:#d4af37;color:#d4af37}.teams-tabs .tab-icon{font-size:1.1rem}.teams-grid-section{display:flex;flex-direction:column;gap:40px;padding:40px 30px}.team-group{animation:fadeInUp .5s ease forwards;opacity:0}.team-group .group-header{align-items:center;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--group-color,#d4af37),#0000) 1;display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.team-group .group-icon{font-size:1.8rem}.team-group .group-header h3{color:#fff;font-family:Cinzel,serif;font-size:1.4rem;margin:0}.team-group .group-count{background:#ffffff0d;border-radius:20px;color:#8b8070;font-size:.85rem;margin-left:auto;padding:4px 12px}.group-teams{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.team-card-hub{align-items:center;animation:fadeInUp .4s ease forwards;background:linear-gradient(135deg,#2d2319b3,#1a1410e6);border:1px solid #d4af3733;border-radius:12px;display:flex;gap:15px;opacity:0;padding:18px;text-decoration:none;transition:all .3s ease}.team-card-hub:hover{background:linear-gradient(135deg,#372d23cc,#231c14f2);border-color:#d4af3780;transform:translateX(5px)}.team-card-hub .team-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.team-card-hub .team-card-content{flex:1;min-width:0}.team-card-hub .team-card-content h4{color:#fff;font-family:Cinzel,serif;font-size:1rem;margin:0 0 4px}.team-card-hub .team-card-content p{color:#8b8070;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card-hub .popular-badge{background:linear-gradient(135deg,#d4af37,#b8942c);border-radius:4px;color:#1a1410;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.team-card-hub .card-arrow{color:#d4af37;font-size:1.2rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.team-card-hub:hover .card-arrow{opacity:1;transform:translateX(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.teams-hub-hero{min-height:300px;padding:40px 20px}.teams-hub-title{font-size:2rem}.teams-hub-title .title-accent{font-size:2.5rem}.hero-stats{gap:25px}.hero-stat .stat-number{font-size:1.8rem}.popular-teams-section{padding:30px 20px}.teams-tabs-section{padding:15px 20px}.teams-grid-section{padding:30px 20px}.group-teams{grid-template-columns:1fr}}.teams-quick-nav{background:#1a1410f2;border:1px solid #d4af374d;border-radius:12px;left:20px;max-width:180px;padding:15px 10px;position:fixed;top:50%;transform:translateY(-50%);z-index:100}.quick-nav-title{border-bottom:1px solid #d4af3733;color:#d4af37;font-size:.75rem;letter-spacing:1px;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.quick-nav-btn{background:none;border:none;border-radius:6px;color:#c4a777;cursor:pointer;display:block;font-size:.85rem;padding:8px 10px;text-align:left;transition:all .2s ease;width:100%}.quick-nav-btn:hover{background:#d4af3726;color:#d4af37}.quick-nav-btn.active{background:#d4af3740;color:#d4af37;font-weight:600}.seo-intro{background:#8b451326;border:1px solid #d4af3733;border-radius:12px;margin-bottom:40px;padding:20px 25px}.seo-intro p{color:#c4a777;font-size:1rem;line-height:1.7;margin:0}.start-here-section{background:linear-gradient(135deg,#d4af371a,#8b451333);border:2px solid #d4af3766;border-radius:16px;box-shadow:0 0 30px #d4af371a;margin-bottom:50px;padding:30px}.start-here-title{align-items:center;color:#d4af37;display:flex;font-size:1.5rem;gap:12px;margin-bottom:25px}.start-icon{font-size:1.8rem}.start-here-cards{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.start-here-card{background:linear-gradient(145deg,#1a1410e6,#2d2319e6);border:1px solid #d4af3780;border-radius:14px;box-shadow:0 4px 20px #0000004d,0 0 15px #d4af371a;padding:25px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.start-here-card:hover{border-color:#d4af37;box-shadow:0 8px 30px #0006,0 0 25px #d4af3733;transform:translateY(-5px)}.start-badge{background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:20px;color:#1a1410;font-size:.7rem;font-weight:700;padding:4px 10px;position:absolute;right:15px;top:-10px}.start-icon-large{font-size:2.5rem;margin-bottom:12px}.start-here-card h3{color:#fff;font-size:1.1rem;margin-bottom:8px}.start-here-card p{color:#a89068;font-size:.85rem;line-height:1.4;margin-bottom:15px}.start-arrow{color:#d4af37;font-size:.9rem;font-weight:600}.tier-label{border-bottom:1px solid #8b73554d;color:#8b7355;font-size:.85rem;letter-spacing:2px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.tier-1-section .teams-group-tier1{margin-bottom:40px}.tier-2-section,.tier-3-section{margin-top:50px}.group-difficulty{background:#0000004d;border-radius:20px;font-size:.75rem;font-weight:400;margin-left:15px;padding:4px 12px}.group-header{align-items:center;cursor:default;display:flex;justify-content:space-between}.mobile-toggle{color:#d4af37;font-size:1rem}.category-card-tier1{padding:20px 25px!important}.category-card-tier1 .category-icon{font-size:2rem!important}.category-card-tier1 h4{font-size:1.15rem!important}.category-card-tier2{padding:15px 20px!important}.category-card-tier3{padding:12px 18px!important}.category-card-tier3 .category-icon{font-size:1.3rem!important}.category-card-tier3 h4{font-size:.95rem!important}.cards-tier1{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cards-tier2{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cards-tier3{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.category-micro{color:#a89068!important;font-size:.85rem!important;line-height:1.4!important}.doom-tower-split{display:grid;gap:30px;grid-template-columns:1fr 1fr}.dt-column{background:#0003;border-radius:12px;padding:20px}.dt-column-title{color:#d4af37;font-size:1rem;margin-bottom:15px;text-align:center}.teams-content{margin-left:220px}@media (max-width:1200px){.teams-quick-nav{display:none}.teams-content{margin-left:0}}@media (max-width:768px){.start-here-cards{grid-template-columns:repeat(2,1fr)}.group-header{cursor:pointer}.cards-tier1,.cards-tier2,.cards-tier3,.doom-tower-split{grid-template-columns:1fr}}@media (max-width:480px){.start-here-cards{grid-template-columns:1fr}.start-here-section{padding:20px 15px}}.admin-logout-btn{background:#ef444433;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.9rem;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .2s ease}.admin-logout-btn:hover{background:#ef4444;color:#fff}.best-teams-v2{background:linear-gradient(180deg,#0f0c0a,#1a1410);min-height:100vh}.teams-hero{margin:0 auto;max-width:900px;padding:80px 40px 60px;text-align:center}.teams-hero h1{color:#fff;font-size:2.8rem;font-weight:700;letter-spacing:-.5px}.teams-hero-sub{font-size:1.2rem}.teams-hero-desc{color:#a89068;font-size:1rem;max-width:700px}.layer1-section{margin:0 auto;max-width:1200px;padding:60px 40px}.layer1-title{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:40px}.layer1-cards{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.layer1-card{aspect-ratio:3/4;background:#1a1612;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.layer1-card:hover{box-shadow:0 20px 40px #0006;transform:translateY(-8px)}.layer1-card-img{background-position:50%;background-size:cover;inset:0;position:absolute}.layer1-card-overlay{background:linear-gradient(180deg,#0000 30%,#000000e6);inset:0;position:absolute}.layer1-card-content{bottom:0;left:0;padding:24px;position:absolute;right:0;z-index:2}.layer1-card-content h3{color:#fff;font-size:1.4rem;margin-bottom:8px}.layer1-card-content p{color:#a89068;font-size:.9rem;margin-bottom:16px}.layer1-btn{background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;color:#1a1410;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.layer1-btn:hover{box-shadow:0 4px 15px #d4af3766;transform:scale(1.05)}.layer2-section{background:#d4af3708;border-bottom:1px solid #d4af371a;border-top:1px solid #d4af371a;padding:50px 40px}.layer2-title{align-items:center;color:#d4af37;display:flex;font-size:1.1rem;gap:10px;justify-content:center;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase}.star-icon{color:gold}.layer2-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px}.layer2-card{background:linear-gradient(145deg,#1e1a16,#252017);border:1px solid #d4af3733;border-radius:12px;padding:20px;position:relative;text-decoration:none;width:220px}.layer2-card:hover{box-shadow:0 0 20px #d4af3726;transform:translateY(-4px)}.popular-badge{background:#d4af37;border-radius:10px;color:#1a1410;font-size:.65rem;font-weight:700;padding:3px 8px;position:absolute;right:12px;top:-8px}.layer2-card-icon{font-size:1.5rem;margin-bottom:10px}.layer2-card h4{color:#fff;font-size:.95rem;margin-bottom:6px}.layer2-card p{color:#8b7355;font-size:.8rem;line-height:1.4}.layer3-section{display:grid;gap:40px;grid-template-columns:1fr 320px;margin:0 auto;max-width:1400px;padding:60px 40px}.layer3-main{display:flex;flex-direction:column;gap:16px}.accordion-section{border:1px solid #8b735533}.accordion-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:18px 24px;transition:background .2s ease}.accordion-header:hover{background:#d4af370d}.accordion-header.expanded{background:#d4af3714;border-bottom:1px solid #8b735533}.accordion-icon{font-size:1.3rem}.accordion-title{color:#fff;flex:1;font-size:1.1rem;font-weight:600}.accordion-arrow{color:#d4af37;font-size:.8rem}.accordion-content{padding:24px}.accordion-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.accordion-card{background:#0000004d;border:1px solid #8b735526;border-radius:10px;display:flex;flex-direction:column;padding:18px 20px;text-decoration:none;transition:all .2s ease}.accordion-card:hover{background:#d4af3714;border-color:#d4af374d}.accordion-card h4{color:#fff;font-size:.95rem;margin-bottom:6px}.accordion-card p{color:#8b7355;flex:1;font-size:.8rem}.card-arrow{align-self:flex-end;color:#d4af37;font-size:.7rem;margin-top:10px}.bosses-subsection{border-top:1px solid #8b735533;margin-top:24px;padding-top:24px}.bosses-title{color:#c4a777;font-size:.9rem;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.bosses-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.boss-card{align-items:center;background:#0003;border:1px solid #8b73551a;border-radius:8px;color:#c4a777;display:flex;font-size:.8rem;gap:8px;padding:10px 14px;text-decoration:none;transition:all .2s ease}.boss-card:hover{background:#d4af371a;border-color:#d4af374d;color:#fff}.boss-icon{font-size:1rem}.layer3-sidebar{height:fit-content;position:sticky;top:100px}.paths-section{background:linear-gradient(145deg,#1e1a16,#151210);border:1px solid #8b735533;border-radius:14px;padding:24px}.paths-title{align-items:center;color:#d4af37;display:flex;font-size:1rem;gap:8px;margin-bottom:20px}.paths-icon{font-size:1.2rem}.paths-list{display:flex;flex-direction:column;gap:12px}.path-card{align-items:flex-start;background:#0003;border-left:3px solid var(--path-color,#d4af37);border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:16px;transition:all .2s ease}.path-card:hover{background:#0006}.path-card .path-icon{font-size:1.3rem}.path-info h4{color:#fff;font-size:.9rem;margin-bottom:4px}.path-info p{color:#8b7355;font-size:.75rem;line-height:1.4}.bottom-quick-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:30px 40px 50px}.bottom-nav-btn{align-items:center;background:#1a1410cc;border:1px solid #8b735533;border-radius:8px;color:#c4a777;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:10px 18px;transition:all .2s ease}.bottom-nav-btn:hover{color:#d4af37}@media (max-width:1200px){.layer3-section{grid-template-columns:1fr}.layer3-sidebar{position:static}.paths-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.layer1-cards{grid-template-columns:repeat(2,1fr)}.accordion-grid{grid-template-columns:1fr}.bosses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.teams-hero{padding:60px 20px 40px}.teams-hero h1{font-size:2rem}.layer1-section{padding:40px 20px}.layer1-cards{grid-template-columns:1fr}.layer2-section{padding:30px 20px}.layer2-cards{align-items:center;flex-direction:column}.layer2-card{max-width:300px;width:100%}.layer3-section{padding:40px 20px}.bosses-grid,.paths-list{grid-template-columns:1fr}.bottom-quick-nav{padding:20px}.bottom-nav-btn{font-size:.8rem;padding:8px 14px}}.best-teams-v2{background:radial-gradient(ellipse at 20% 20%,#8b451326 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#d4af3714 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#4b00820d 0,#0000 70%),linear-gradient(180deg,#0a0806,#1a1410 30%,#0f0c0a 70%,#0a0806);overflow:hidden;position:relative}.best-teams-v2:before{animation:glow-pulse 8s ease-in-out infinite;background:radial-gradient(ellipse at 30% 30%,#d4af3708 0,#0000 50%),radial-gradient(ellipse at 70% 60%,#8b45130d 0,#0000 40%)}.best-teams-v2:after,.best-teams-v2:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.best-teams-v2:after{animation:float-particle 15s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#d4af3766,#0000),radial-gradient(2px 2px at 40% 70%,#d4af374d,#0000),radial-gradient(1px 1px at 60% 20%,#ffd70080,#0000),radial-gradient(2px 2px at 80% 50%,#d4af374d,#0000),radial-gradient(1px 1px at 10% 80%,#ffd70066,#0000),radial-gradient(2px 2px at 90% 90%,#d4af3733,#0000)}.teams-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;min-height:400px;padding:120px 40px 100px;position:relative;z-index:1}.teams-hero:before{background:linear-gradient(180deg,#0000,#0a0806);bottom:0;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.teams-hero-content{max-width:900px;position:relative;text-align:center;z-index:2}.teams-hero h1{-webkit-text-fill-color:#0000;animation:shimmer 4s linear infinite;background:linear-gradient(135deg,#fff,#d4af37 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:3.5rem;margin-bottom:16px;text-shadow:0 0 40px #d4af374d}.teams-hero-sub{color:#d4af37;font-size:1.4rem;margin-bottom:20px;text-shadow:0 2px 10px #000c,0 0 20px #d4af3766}.teams-hero-desc{color:#c4a777;font-size:1.05rem;line-height:1.7;margin:0 auto;max-width:750px;text-shadow:0 2px 8px #000000e6}.layer1-section{padding:80px 40px;position:relative;z-index:1}.layer1-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#fff 50%,#d4af37);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:2rem;letter-spacing:3px;margin-bottom:50px;text-align:center;text-transform:uppercase}.layer1-card{border:2px solid #d4af374d;box-shadow:0 10px 40px #00000080,0 0 30px #d4af371a,inset 0 0 60px #0000004d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.layer1-card:hover{border-color:#d4af37;box-shadow:0 25px 60px #0009,0 0 50px #d4af374d,inset 0 0 80px #d4af371a;transform:translateY(-12px) scale(1.02)}.layer1-card:before{background:linear-gradient(90deg,#0000,#d4af37,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.layer1-card:hover:before{opacity:1}.layer1-btn{background:linear-gradient(135deg,#d4af37,#8b6914);box-shadow:0 4px 15px #d4af3766;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.layer1-btn:hover{box-shadow:0 6px 25px #d4af3799}.layer2-section{background:linear-gradient(180deg,#d4af370d,#0000),#0a0806cc;border-bottom:1px solid #d4af3733;border-top:1px solid #d4af3733;padding:60px 40px;position:relative;z-index:1}.layer2-title{font-size:1.2rem;text-shadow:0 0 15px #d4af3780}.layer2-card{background:linear-gradient(145deg,#1e1a16e6,#14100ce6),radial-gradient(ellipse at center,#d4af370d 0,#0000 70%);border:1px solid #d4af3740;box-shadow:0 5px 20px #0000004d;transition:all .3s ease}.layer2-card:hover{animation:border-glow 2s ease-in-out infinite;border-color:#d4af37;box-shadow:0 10px 30px #0006,0 0 20px #d4af3733}.popular-badge{background:linear-gradient(135deg,gold,#d4af37);box-shadow:0 2px 10px #d4af3780}.layer3-section{padding:80px 40px;position:relative;z-index:1}.accordion-section{background:linear-gradient(145deg,#1a1410cc,#0f0c0ae6);border:1px solid #8b735540;box-shadow:0 5px 25px #0000004d}.accordion-section:hover{border-color:#d4af3766}.accordion-header.expanded{background:linear-gradient(90deg,#d4af3726,#d4af370d)}.accordion-header.expanded:before{background:linear-gradient(180deg,#d4af37,#8b6914);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.accordion-card{background:#0006;border:1px solid #8b735533;transition:all .3s ease}.accordion-card:hover{background:#d4af371a;border-color:#d4af3766;box-shadow:0 5px 20px #0000004d}.paths-section{background:linear-gradient(145deg,#1e1a16f2,#0f0c0af2),radial-gradient(ellipse at top right,#d4af3714 0,#0000 60%);border:1px solid #d4af3733;box-shadow:0 10px 40px #0006,0 0 30px #d4af370d}.paths-title{text-shadow:0 0 15px #d4af3766}.path-card{background:#0000004d;border:1px solid #8b735526;transition:all .3s ease}.path-card:hover{background:#00000080;border-color:var(--path-color);box-shadow:0 0 20px rgba(var(--path-color),.2)}.boss-card{background:#0000004d;border:1px solid #8b735526}.boss-card:hover{background:#d4af3726;border-color:#d4af3766;box-shadow:0 0 15px #d4af3733}.bottom-quick-nav{background:#0a0806e6;border-top:1px solid #d4af3726;position:relative;z-index:1}.bottom-nav-btn{background:#1a1410e6;border:1px solid #8b73554d;transition:all .3s ease}.bottom-nav-btn:hover{background:#d4af3726;border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.layer1-card:after{border-right:2px solid #d4af3780;border-top:2px solid #d4af3780;content:"";height:20px;pointer-events:none;position:absolute;right:8px;top:8px;width:20px}.accordion-title,.layer1-card-content h3{text-shadow:0 0 10px #ffffff1a}.best-teams-v2::-webkit-scrollbar{width:8px}.best-teams-v2::-webkit-scrollbar-track{background:#0a0806}.best-teams-v2::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#8b6914);border-radius:4px}.best-teams-v2 ::selection{background:#d4af374d;color:#fff}.homepage-polished{background:linear-gradient(180deg,#0d0a08,#1a1410 50%,#0d0a08)}.hero-polished{align-items:center;background:linear-gradient(135deg,#1a1410,#2a1f18 50%,#1a1410);display:flex;min-height:500px;overflow:hidden;padding:60px 40px;position:relative}.hero-bg-gradient{background:radial-gradient(ellipse at 30% 50%,#d4af371a 0,#0000 60%),radial-gradient(ellipse at 70% 30%,#8b5a2b26 0,#0000 50%)}.hero-character-art{bottom:0;mask-image:linear-gradient(90deg,#0000 0,#000 30%,#000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30%,#000);overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:65%}.hero-character-img{height:100%;object-fit:cover;object-position:right center;opacity:.85;width:100%}.hero-content-left{max-width:600px;position:relative;text-align:left;z-index:2}.hero-title-large{color:#fff;font-family:Cinzel Decorative,Cinzel,serif;font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-shadow:2px 2px 8px #000c}.hero-title-best{color:#d4af37;display:block;font-size:3.2rem}.hero-subtitle-polished{color:#c9b896;font-size:1.1rem;line-height:1.7;margin-bottom:30px;max-width:520px}.hero-ctas{display:flex;flex-wrap:wrap;gap:15px}.hero-ctas-centered{justify-content:center}.cta-large{border-radius:10px;box-shadow:0 6px 25px #d4af3780;font-size:1.1rem;padding:18px 40px}.cta-large:hover{box-shadow:0 10px 35px #d4af37b3;transform:translateY(-3px)}.cta-primary{align-items:center;background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:6px;box-shadow:0 4px 15px #d4af3766;color:#1a1410;display:inline-flex;font-family:Cinzel,serif;font-size:1rem;font-weight:700;gap:8px;letter-spacing:1px;padding:14px 28px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-primary:hover{box-shadow:0 6px 20px #d4af3799;transform:translateY(-2px)}.cta-secondary{align-items:center;background:#0000;border:2px solid #d4af37;border-radius:6px;color:#d4af37;display:inline-flex;font-family:Cinzel,serif;font-size:1rem;font-weight:600;gap:8px;letter-spacing:1px;padding:14px 28px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-secondary:hover{background:#d4af371a}.cta-icon{font-size:1.1rem}.section-header-fancy{margin-bottom:30px;text-align:center}.section-title-ornate{align-items:center;color:#d4af37;display:inline-flex;font-family:Cinzel Decorative,Cinzel,serif;font-size:1.8rem;gap:15px}.ornate-left,.ornate-right{color:#8b5a2b;font-size:1.2rem}.popular-badge{background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border:1px solid #d4af37;border-radius:20px;color:#d4af37;display:inline-block;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:1px;margin-top:10px;padding:6px 16px}.section-desc-centered{color:#a89880;font-size:1rem;font-style:italic;margin-bottom:30px;text-align:center}.authority-strip{background:linear-gradient(135deg,#14100cf2,#1e1812f2 50%,#14100cf2);border-bottom:1px solid #d4af3733;border-top:1px solid #d4af3733;padding:40px 20px;text-align:center}.authority-content{margin:0 auto;max-width:800px}.authority-headline{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-family:Cinzel,serif;font-size:1.5rem;gap:12px;justify-content:center;margin:0 0 16px}.authority-icon{font-size:1.3rem}.authority-subtext{color:#a89880;font-size:.95rem;line-height:1.6;margin:0 0 20px}.authority-proof{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:24px}.proof-item{display:flex;font-size:.85rem}.authority-cta,.proof-item{align-items:center;color:#d4af37;font-weight:500;gap:6px}.authority-cta{background:#0000;border:1px solid #d4af37;border-radius:6px;display:inline-flex;font-size:.9rem;padding:10px 24px;text-decoration:none;transition:all .2s ease}.authority-cta:hover{background:#d4af371a;gap:10px}@media (max-width:768px){.authority-strip{padding:30px 16px}.authority-headline{font-size:1.2rem}.authority-subtext{font-size:.9rem}.authority-proof{gap:16px}.proof-item{font-size:.8rem}}.teams-grid-large{display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;min-height:400px}.teams-section-primary{contain-intrinsic-size:auto 700px;content-visibility:auto}.team-card-large{background:#1a1410;border:2px solid #3d2e1f;border-radius:12px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.team-card-large:hover{border-color:#d4af37;box-shadow:0 10px 30px #d4af3733;transform:translateY(-5px)}.team-card-image{background-position:50%;background-size:cover;height:180px;position:relative}.team-card-overlay{background:linear-gradient(180deg,#0000,#1a1410e6);inset:0;position:absolute}.team-card-content{padding:20px;text-align:center}.team-card-content h3{align-items:center;color:#fff;display:flex;font-family:Cinzel,serif;font-size:1.1rem;gap:8px;justify-content:center;margin-bottom:8px}.card-icon{font-size:1.2rem}.team-card-content p{color:#a89880;font-size:.9rem;margin-bottom:15px}.view-btn{border:1px solid #d4af37;border-radius:4px;color:#d4af37;display:inline-block;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:1px;padding:8px 20px;text-transform:uppercase;transition:all .3s ease}.view-btn-gold{background:linear-gradient(135deg,#d4af37,#b8960c);border-color:gold;color:#1a1410}.team-card-large.team-card-featured{border:2px solid #d4af37;box-shadow:0 0 20px #d4af374d}.team-card-large.team-card-featured:hover{box-shadow:0 0 30px #d4af3780}.team-card-large:hover .view-btn{background:#d4af37;color:#1a1410}.calculators-grid{display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px;min-height:300px}.calculators-section{contain-intrinsic-size:auto 500px;content-visibility:auto}.calc-card-featured{background:#1a1410;border:2px solid #3d2e1f;border-radius:12px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.calc-card-featured:hover{border-color:#d4af37;transform:translateY(-5px)}.calc-card-image{background-position:50%;background-size:cover;height:160px;position:relative}.calc-card-overlay{background:linear-gradient(180deg,#0000,#1a1410f2);inset:0;position:absolute}.calc-card-content{padding:20px;text-align:center}.calc-card-content h3{color:#d4af37;font-family:Cinzel,serif;font-size:1.1rem;margin-bottom:8px}.star-icon{color:#d4af37}.calc-card-content p{color:#a89880;font-size:.85rem;margin-bottom:15px}.seo-content-section-polished{background:#1a141099;border-bottom:1px solid #3d2e1f;border-top:1px solid #3d2e1f;contain-intrinsic-size:auto 600px;content-visibility:auto}.seo-content-box{background:linear-gradient(135deg,#3d2e1f4d,#1a141080);border:1px solid #3d2e1f;border-radius:12px;margin:0 auto;max-width:900px;padding:40px}.seo-main-title{border-bottom:1px solid #3d2e1f;color:#d4af37;font-family:Cinzel Decorative,Cinzel,serif;font-size:1.6rem;margin-bottom:20px;padding-bottom:15px}.seo-content-box h3{color:#c9b896;font-family:Cinzel,serif;font-size:1.2rem;margin:25px 0 12px}.seo-content-box p{color:#a89880;line-height:1.8;margin-bottom:15px}.seo-content-box strong{color:#d4af37}.seo-intro{border-left:3px solid #d4af37;font-size:1.05rem;margin-bottom:25px;padding-left:20px}.homepage-badge-widget-section{margin:-20px auto 0;max-width:380px;padding:0 16px;position:relative;z-index:2}@media (max-width:768px){.homepage-badge-widget-section{margin-top:-12px;max-width:100%}}.atomic-answer-capsule{background:linear-gradient(180deg,#0d0a08,#12100d);border-bottom:1px solid #d4af371a;padding:48px 24px}.atomic-inner{margin:0 auto;max-width:800px;text-align:center}.atomic-question{color:#f5e6c8;font-family:Cinzel,serif;font-size:clamp(1.15rem,2.5vw,1.5rem);font-weight:700;line-height:1.3;margin:0 0 16px}.atomic-answer{color:#ffffffbf;font-size:1rem;line-height:1.85;margin:0}.atomic-answer a{border-bottom:1px solid #d4af374d;color:#d4af37;text-decoration:none}.atomic-answer a:hover{border-bottom-color:#f5d76e;color:#f5d76e}.grounding-data-block{background:radial-gradient(ellipse at 50% 0,#d4af370a 0,#0000 60%),linear-gradient(180deg,#0a0a0a,#0d0a08);border-bottom:1px solid #d4af3714;border-top:1px solid #d4af3714;padding:60px 24px}.grounding-inner{margin:0 auto;max-width:1000px;text-align:center}.grounding-title{color:#d4af37;font-family:Cinzel,serif;font-size:clamp(1.25rem,3vw,1.75rem);margin:0 0 8px}.grounding-subtitle{color:#ffffff73;font-size:.9rem;margin:0 0 36px}.grounding-stats-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.grounding-stat{align-items:center;background:#ffffff05;border:1px solid #d4af371a;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:24px 16px}.grounding-value{color:#d4af37;font-family:Cinzel,serif;font-size:2rem;font-weight:800;line-height:1}.grounding-label{color:#f5e6c8;font-size:.85rem;font-weight:600}.grounding-detail{color:#fff6;font-size:.75rem;line-height:1.4}.comparison-table-section{padding-bottom:60px!important}.comparison-inner{margin:0 auto;max-width:900px}.comparison-inner h2{color:#f5e6c8;font-family:Cinzel,serif;font-size:clamp(1.1rem,2.5vw,1.4rem);margin:0 0 8px;text-align:center}.comparison-subtitle{color:#ffffff73;font-size:.9rem;margin:0 0 24px;text-align:center}.comparison-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table{border-collapse:collapse;font-size:.88rem;width:100%}.comparison-table th{background:#d4af371a;border-bottom:2px solid #d4af3733;color:#d4af37;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.comparison-table td{border-bottom:1px solid #ffffff0f;color:#ffffffb3;line-height:1.5;padding:12px 16px}.comparison-table tr:hover td{background:#ffffff05}.comparison-table td strong{color:#f5e6c8}.comparison-note{color:#ffffff73;font-size:.85rem;margin-top:16px;text-align:center}.comparison-note a{color:#d4af37;text-decoration:none}.faq-home-section{padding-bottom:60px!important}.faq-home-inner{margin:0 auto;max-width:800px}.faq-home-inner h2{color:#f5e6c8;font-family:Cinzel,serif;font-size:clamp(1.1rem,2.5vw,1.4rem);margin:0 0 24px;text-align:center}.faq-home-grid{display:flex;flex-direction:column;gap:10px}.faq-home-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.faq-home-item summary{align-items:center;color:#f5e6c8;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;list-style:none;padding:16px 20px}.faq-home-item summary::-webkit-details-marker{display:none}.faq-home-item summary:after{color:#d4af3780;content:"+";font-size:1.2rem;transition:transform .2s}.faq-home-item[open] summary:after{color:#d4af37;content:"−"}.faq-home-item[open]{border-color:#d4af3726}.faq-home-item p{color:#ffffffa6;font-size:.9rem;line-height:1.7;margin:0;padding:0 20px 16px}.faq-home-item p a{color:#d4af37;text-decoration:none}.eeat-section{border-bottom:1px solid #d4af3714;padding-bottom:50px!important}.eeat-inner{margin:0 auto;max-width:1000px}.eeat-inner h2{color:#f5e6c8;font-family:Cinzel,serif;font-size:clamp(1.1rem,2.5vw,1.4rem);margin:0 0 24px;text-align:center}.eeat-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.eeat-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:24px 20px}.eeat-card h3{color:#d4af37;font-size:.95rem;font-weight:700;margin:0 0 10px}.eeat-card p{color:#fff9;font-size:.85rem;line-height:1.7;margin:0}.eeat-byline{color:#ffffff80;font-size:.85rem;margin:0;text-align:center}.eeat-byline strong{color:#d4af37}.eeat-meta{color:#ffffff4d;display:block;font-size:.75rem;margin-top:4px}@media (max-width:768px){.grounding-stats-grid{grid-template-columns:1fr 1fr}.eeat-grid{grid-template-columns:1fr}.atomic-answer-capsule{padding:36px 16px}.grounding-data-block{padding:44px 16px}}@media (max-width:480px){.grounding-stats-grid{grid-template-columns:1fr}}.featured-builders-section{margin:0 auto;max-width:900px;padding:32px 24px 16px}.featured-builders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.featured-builders-title{color:#ffffffe0;font-size:17px;font-weight:700;margin:0}.featured-builders-viewall{color:#ffffff73;font-size:13px;text-decoration:none;transition:color .18s ease}.featured-builders-viewall:hover{color:#d4af37}.featured-builders-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.featured-builder-card{align-items:center;background:#1a1410b3;border:1px solid #ffd78c1f;border-radius:12px;display:flex;gap:12px;padding:12px 14px;text-decoration:none;transition:all .18s ease}.featured-builder-card:hover{border-color:#ffd78c40;transform:translateY(-1px)}.featured-builder-avatar{align-items:center;background:#ffffff0a;border:1px solid #ffd78c1f;border-radius:10px;display:flex;height:40px;justify-content:center;min-width:40px;overflow:hidden;width:40px}.featured-builder-avatar img{height:100%;object-fit:cover;width:100%}.featured-builder-avatar-placeholder{color:#d4af3799;font-size:16px;font-weight:700}.featured-builder-info{display:flex;flex-direction:column;gap:2px;min-width:0}.featured-builder-name{color:#ffffffe0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-builder-meta{color:#fff6;font-size:12px}@media (max-width:640px){.featured-builders-grid{grid-template-columns:1fr}}.quick-nav-bar{background:linear-gradient(180deg,#1a1410,#0d0a08);border-top:1px solid #3d2e1f;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.quick-nav-item{align-items:center;background:#3d2e1f4d;border:1px solid #3d2e1f;border-radius:25px;color:#c9b896;display:flex;font-family:Cinzel,serif;font-size:.85rem;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.quick-nav-item:hover{background:#d4af371a;border-color:#d4af37;color:#d4af37}.qn-icon{font-size:1rem}@media (max-width:900px){.calculators-grid,.teams-grid-large{grid-template-columns:1fr}.hero-character-art{opacity:.3;right:0;width:100%}.hero-title-large{font-size:2rem}.hero-title-best{font-size:2.4rem}}.teams-hero-polished{min-height:450px}.teams-hero-polished .hero-character-art{mask-image:linear-gradient(90deg,#0000 0,#000 25%,#000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 25%,#000);width:70%}.hero-compact{min-height:350px}.hero-compact .hero-character-art{opacity:.7;width:55%}.hero-404{min-height:400px}.hero-404 .hero-character-art{opacity:.8;width:60%}.not-found-frame{margin:0 auto;max-width:800px}.not-found-content{padding:40px;text-align:center}.not-found-content h2{color:#d4af37;font-family:Cinzel,serif;margin-bottom:30px}.not-found-links{display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:500px}.not-found-link{align-items:center;background:#3d2e1f4d;border:1px solid #3d2e1f;border-radius:8px;color:#c9b896;display:flex;font-family:Cinzel,serif;gap:10px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.not-found-link:hover{background:#d4af371a;border-color:#d4af37;color:#d4af37}.not-found-link span{font-size:1.2rem}@media (max-width:600px){.not-found-links{grid-template-columns:1fr}.hero-compact{min-height:300px}}.page-content{background:linear-gradient(180deg,#0d0a08,#1a1410);min-height:100vh}.hero-polished{margin-bottom:0}.hero-polished+.content-section,.hero-polished+.layer1-section{background:#0000;padding-top:40px}.content-section{background:#0000}@keyframes float-particle{0%,to{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translateX(50px) rotate(1turn)}}@keyframes magical-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes border-glow{0%,to{box-shadow:0 0 5px #d4af374d,inset 0 0 5px #d4af371a}50%{box-shadow:0 0 20px #d4af3799,inset 0 0 10px #d4af3733}}@keyframes text-glow{0%,to{text-shadow:0 0 10px #d4af3780}50%{text-shadow:0 0 20px #d4af37cc,0 0 30px #d4af3766}}@keyframes spark{0%{opacity:1;transform:scale(0) rotate(0deg)}to{opacity:0;transform:scale(1) rotate(180deg)}}.raid-app{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='m5 2 11 26 2-10 10-2Z' fill='%23d4af37' stroke='%231a1410' stroke-width='2'/%3E%3Cpath d='m5 2 11 26 2-10 10-2Z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23f5d76e'/%3E%3Cstop offset='50%25' stop-color='%23d4af37'/%3E%3Cstop offset='100%25' stop-color='%238b5a2b'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 5 2,auto}.raid-app [role=button],.raid-app a,.raid-app button,.raid-app input[type=submit]{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M10 5v20l5-5 3 7 4-2-3-7h7Z' fill='%23d4af37' stroke='%231a1410' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23f5d76e' opacity='.8'/%3E%3C/svg%3E") 10 5,pointer}.raid-app:before{animation:particle-drift 20s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#d4af37cc 0,#0000 100%),radial-gradient(2px 2px at 40% 70%,#f5d76e99 0,#0000 100%),radial-gradient(1px 1px at 60% 20%,#d4af37b3 0,#0000 100%),radial-gradient(2px 2px at 80% 50%,#8b5a2b99 0,#0000 100%),radial-gradient(1px 1px at 10% 80%,#f5d76e80 0,#0000 100%),radial-gradient(2px 2px at 70% 90%,#d4af37b3 0,#0000 100%),radial-gradient(1px 1px at 90% 10%,#d4af3799 0,#0000 100%),radial-gradient(2px 2px at 30% 50%,#8b5a2b80 0,#0000 100%);background-size:300% 300%;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}@keyframes particle-drift{0%,to{background-position:0 0}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0 50%}}.hero-title-best{animation:text-glow 3s ease-in-out infinite}.cta-primary{overflow:hidden;position:relative}.cta-primary:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.cta-primary:hover{animation:border-glow 1.5s ease-in-out infinite}.calc-card-featured,.champion-card,.strategy-card,.team-card-large{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.calc-card-featured:hover,.strategy-card:hover,.team-card-large:hover{box-shadow:0 15px 40px #d4af374d,0 0 30px #d4af3726;transform:translateY(-8px) scale(1.02)}.champion-card:hover{box-shadow:0 10px 30px #d4af3740;transform:translateY(-5px) scale(1.03)}.nav-links a{position:relative}.nav-links a:after{background:linear-gradient(90deg,#0000,#d4af37,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .3s ease,box-shadow .3s ease}.nav-links a:hover:after{box-shadow:0 0 10px #d4af37cc;transform:scaleX(1)}.ornate-frame{position:relative}.ornate-frame:before{animation:gradient-border 8s ease infinite;background:linear-gradient(45deg,#d4af37,#8b5a2b,#d4af37,#f5d76e,#d4af37);background-size:400% 400%;border-radius:inherit;content:"";inset:-2px;opacity:.5;position:absolute;z-index:-1}@keyframes gradient-border{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.calculate-btn,.cta-primary,.cta-secondary,.view-btn{overflow:hidden;position:relative}.calculate-btn:active:after,.cta-primary:active:after,.cta-secondary:active:after{animation:ripple .6s ease-out;background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes ripple{to{height:300px;opacity:0;width:300px}}.calc-card-icon,.card-icon,.qn-icon{animation:magical-float 3s ease-in-out infinite;display:inline-block}.team-card-large:nth-child(2) .card-icon{animation-delay:.5s}.team-card-large:nth-child(3) .card-icon{animation-delay:1s}.hero-polished:after{animation:glow-pulse 4s ease-in-out infinite;background:linear-gradient(0deg,#d4af370d,#0000);bottom:0;content:"";height:200px;left:0;pointer-events:none;position:absolute;right:0}.section-title-ornate{position:relative}.section-title-ornate:after,.section-title-ornate:before{animation:spark 2s ease-in-out infinite;color:#d4af37;content:"✦";font-size:.6em;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.section-title-ornate:before{animation-delay:0s;left:-30px}.section-title-ornate:after{animation-delay:1s;right:-30px}input:focus,select:focus,textarea:focus{border-color:#d4af37!important;box-shadow:0 0 0 2px #d4af374d,0 0 20px #d4af3733;outline:none;transition:all .3s ease}.calc-card-image,.champion-card-image,.team-card-image{overflow:hidden;position:relative}.calc-card-image:after,.team-card-image:after{animation:image-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes image-shimmer{0%{left:-100%}to{left:200%}}.footer-divider{animation:glow-pulse 2s ease-in-out infinite;color:#d4af37;text-shadow:0 0 10px #d4af3780}.quick-nav-item{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.quick-nav-item:hover{box-shadow:0 5px 20px #d4af374d;transform:translateY(-3px) scale(1.05)}.popular-badge{animation:border-glow 2s ease-in-out infinite}.page-content{animation:fadeIn .5s ease-out}@keyframes bg-slow-zoom{0%{background-size:100% auto}to{background-size:105% auto}}.raid-app{animation:none}.raid-app .main-content:before{animation:fog-drift 30s ease-in-out infinite;background:radial-gradient(ellipse 80% 50% at 20% 80%,#8b5a2b26 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 20%,#d4af371a 0,#0000 50%),radial-gradient(ellipse 100% 60% at 50% 100%,#64321433 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes fog-drift{0%,to{opacity:.6;transform:translateX(0) translateY(0)}33%{opacity:.8;transform:translateX(20px) translateY(-10px)}66%{opacity:.5;transform:translateX(-20px) translateY(10px)}}.main-content:after{animation:embers-rise 15s linear infinite;background-image:radial-gradient(3px 3px at 10% 90%,#ff9632e6 0,#0000 100%),radial-gradient(2px 2px at 25% 85%,#ffc864cc 0,#0000 100%),radial-gradient(3px 3px at 40% 95%,#d4af37e6 0,#0000 100%),radial-gradient(2px 2px at 55% 88%,#ff9632b3 0,#0000 100%),radial-gradient(3px 3px at 70% 92%,#ffc864cc 0,#0000 100%),radial-gradient(2px 2px at 85% 87%,#d4af37e6 0,#0000 100%),radial-gradient(2px 2px at 15% 70%,#ff963299 0,#0000 100%),radial-gradient(3px 3px at 60% 75%,#ffc864b3 0,#0000 100%),radial-gradient(2px 2px at 90% 80%,#d4af37cc 0,#0000 100%);bottom:0;content:"";left:0;opacity:.7;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes embers-rise{0%{background-position:10% 100%,25% 100%,40% 100%,55% 100%,70% 100%,85% 100%,15% 100%,60% 100%,90% 100%}to{background-position:12% -100%,23% -100%,42% -100%,53% -100%,72% -100%,83% -100%,17% -100%,58% -100%,92% -100%}}.hero-section,.page-content>*{position:relative;z-index:1}.raid-app>:first-child:before{background:radial-gradient(ellipse at center,#0000 40%,#0006 100%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9998}.optimizer-tabs{border-bottom:2px solid var(--border-bronze);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;padding:16px 0}.optimizer-tab{align-items:center;background:#0000004d;border:2px solid #0000;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.optimizer-tab:hover{background:#d4af371a;color:var(--gold-light)}.optimizer-tab.active{background:var(--bg-card);border-color:var(--border-gold);border-bottom-color:#0000;color:var(--gold-light)}.tab-icon{font-size:18px}.optimizer-hero-fixed{align-items:center;display:flex;justify-content:center;min-height:50vh;position:relative}.optimizer-hero-bg-fixed{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;position:absolute;z-index:0}.optimizer-hero-overlay-fixed{background:linear-gradient(180deg,#0a08064d,#0a080699 50%,#0a0806f2),radial-gradient(ellipse at center,#0000 20%,#0a080680 100%);inset:0;position:absolute;z-index:1}.optimizer-hero-fixed .hero-content-centered{margin:0 auto;max-width:800px;padding:40px 20px;position:relative;text-align:center;z-index:2}.optimizer-hero{min-height:45vh;position:relative}.optimizer-hero-v2{align-items:center;display:flex;justify-content:center;min-height:50vh}.optimizer-hero-bg{filter:brightness(.85) contrast(.9);inset:0;position:absolute;z-index:0}.optimizer-hero-overlay{background:linear-gradient(180deg,#0a080666,#0a0806b3 60%,#0a0806f2),radial-gradient(ellipse at center,#0000 30%,#0a080699 100%);inset:0;position:absolute;z-index:1}.optimizer-headline{font-family:Cinzel,serif;font-size:2.8rem;font-weight:700;line-height:1.15;margin:0 0 20px;text-align:center}.optimizer-headline .headline-accent{color:#fff;display:block;text-shadow:0 2px 20px #00000080}.optimizer-headline .headline-sub{color:#d4af37;display:block;font-size:.85em;text-shadow:0 0 30px #d4af3766}.optimizer-subtext{color:#fffc;font-size:1.05rem;font-weight:400;line-height:1.6;margin:0 auto 24px;max-width:520px}.optimizer-tool-title{color:#d4af37b3;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;letter-spacing:2px;margin:0 0 28px;text-transform:uppercase}.optimizer-cta-helper{color:#ffffff80;font-size:.9rem;font-weight:400;margin:16px 0 0}@media (max-width:768px){.optimizer-headline{font-size:1.9rem}.optimizer-subtext{font-size:.95rem;padding:0 16px}}.optimizer-hero .hero-character-art{height:100%;inset:0;position:absolute;width:100%;z-index:0}.hero-content-centered{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.optimizer-hero-badge{align-items:center;animation:pulse-subtle 2s infinite;background:linear-gradient(135deg,#d4af3733,#d4af370d);border:1px solid var(--gold-primary);border-radius:24px;color:var(--gold-light);display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 20px}@keyframes pulse-subtle{0%,to{box-shadow:0 0 10px #d4af3733}50%{box-shadow:0 0 20px #d4af3766}}.optimizer-hero-stats{border-top:1px solid #d4af3733;display:flex;gap:40px;justify-content:center;margin-top:32px;padding-top:24px}.hero-stat{gap:4px}.hero-stat .stat-value{color:var(--gold-light);font-family:var(--font-heading);font-size:28px}.hero-stat .stat-label{color:var(--text-secondary);font-size:12px}.optimizer-section-v2{overflow:visible;padding:0!important}.optimizer-section-v2 .enhanced-artifacts-tab,.optimizer-section-v2 .enhanced-skills-tab{padding:24px}.tab-header-v2{align-items:center;border-bottom:1px solid var(--border-gold);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.tab-header-v2 .section-title{align-items:center;display:flex;gap:12px;margin:0}.title-icon{font-size:24px}.improvement-summary{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px}.improvement-icon{font-size:20px}.tab-loading-v2{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid var(--border-gold);border-top-color:var(--gold-primary)}.tab-loading-v2 p{color:var(--text-secondary);font-size:14px}.preset-quick-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.preset-quick-btn{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.preset-quick-btn:hover{background:#d4af371a;color:var(--text-primary)}.preset-quick-btn.active{background:var(--gold-primary);border-color:var(--gold-primary);color:#000;font-weight:600}.optimizer-champion-card{padding:20px}.opt-champion-locked{background:linear-gradient(135deg,#14100cf2,#1e1812e6);border:2px solid #d4af3766;border-radius:12px;padding:20px}.opt-champion-card-inner{align-items:center;display:flex;gap:20px}.opt-portrait-locked{border:2px solid var(--gold);border-radius:10px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.opt-portrait-locked img{height:100%;object-fit:cover;width:100%}.opt-champion-info-locked{flex:1}.opt-name-row{align-items:center;display:flex;gap:12px;margin-bottom:6px}.opt-name-row .opt-champion-name{color:#fff;font-family:Cinzel,serif;font-size:20px;margin:0}.opt-level{background:#d4af371a;border-radius:4px;color:#d4af37cc;font-size:12px;font-weight:600;padding:2px 8px}.opt-champion-meta{display:flex;gap:16px;margin-bottom:10px}.opt-champion-meta .meta-item{color:#fff9;font-size:13px}.opt-champion-tags .tag-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.tag-badge.tag-attack{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.tag-badge.tag-defense{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.tag-badge.tag-support{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.tag-badge.tag-hp{background:#a855f733;border:1px solid #a855f74d;color:#c084fc}.tag-badge.tag-faction{background:#d4af3726;border:1px solid #d4af374d;color:#d4af37e6}.opt-change-btn{background:#0000;border:1px solid #d4af3780;border-radius:6px;color:#d4af37;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.opt-change-btn:hover{background:#d4af3726;border-color:#d4af37}.opt-empty-state{padding:20px;text-align:center}.opt-empty-box{align-items:center;background:#d4af3708;border:2px dashed #d4af374d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px;transition:all .2s ease}.opt-empty-box:hover{background:#d4af3714;border-color:#d4af3799}.opt-empty-icon{color:#d4af3780;font-size:32px}.opt-empty-text{color:#d4af37cc;font-size:16px;font-weight:600}.opt-empty-hint{color:#fff6;font-size:13px;margin-top:12px}.sim-context-text{border-top:1px solid #d4af371a;color:#ffffff80;font-size:13px;margin-top:20px;padding-top:16px;text-align:center}.sim-locked-state{background:#0003;border-radius:8px;padding:40px;text-align:center}.sim-locked-text,.title-optional{color:#fff6;font-size:14px}.title-optional{font-family:inherit;font-weight:400}.title-icon-small{font-size:14px;margin-left:4px}.section-helper-text{color:#ffffff80;font-size:13px;margin:-8px 0 16px;padding-left:2px}.mastery-complete-banner{align-items:center;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e66;border-radius:8px;display:flex;gap:10px;justify-content:center;margin-bottom:16px;padding:12px 20px}.mastery-complete-banner .complete-icon{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.mastery-complete-banner .complete-text{color:#4ade80;font-size:15px;font-weight:600}.mastery-complete-banner .complete-count{color:#fff9;font-size:14px;margin-left:8px}.mastery-progress-banner{align-items:center;background:#d4af3714;border:1px solid #d4af3733;border-radius:8px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:10px 20px}.mastery-progress-banner .progress-text{color:#fff9;font-size:14px}.mastery-progress-banner .progress-count{color:#d4af37;font-size:14px;font-weight:600}.opt-champion-display{align-items:flex-start;display:flex;gap:24px}.opt-portrait{border:3px solid var(--gold);border-radius:12px;cursor:pointer;flex-shrink:0;height:150px;overflow:hidden;position:relative;width:150px}.opt-portrait img{height:100%;object-fit:cover;width:100%}.opt-portrait-placeholder{align-items:center;background:var(--bg-card);color:var(--gold);display:flex;font-family:var(--font-heading);font-size:40px;height:100%;justify-content:center;width:100%}.opt-level-badge{background:#000000d9;border:1px solid var(--gold);border-radius:20px;bottom:8px;color:var(--gold-light);font-size:12px;font-weight:700;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}.opt-change-overlay{align-items:center;background:#000000b3;color:#fff;display:flex;font-weight:600;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.opt-portrait:hover .opt-change-overlay{opacity:1}.opt-champion-info{flex:1}.opt-champion-name{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin-bottom:12px}.opt-champion-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.opt-build-select{margin-bottom:16px}.opt-build-select label{color:var(--text-muted);display:block;font-size:12px;margin-bottom:4px}.opt-build-select select{background:#0006;border:1px solid var(--border-gold);border-radius:6px;color:var(--text-primary);font-size:14px;max-width:300px;padding:10px 12px;width:100%}.opt-stats-mini{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.opt-stat{background:#0000004d;border-radius:6px;display:flex;flex-direction:column;padding:8px 12px}.opt-stat span{color:var(--text-muted);font-size:11px;text-transform:uppercase}.opt-stat strong{color:var(--text-primary);font-size:16px}.opt-select-btn{background:#d4af371a;border:2px dashed var(--border-gold);border-radius:12px;color:var(--gold-light);cursor:pointer;font-family:var(--font-heading);font-size:18px;padding:40px;transition:all .3s ease;width:100%}.opt-select-btn:hover{background:#d4af3733;border-style:solid}.damage-sim-container{padding:20px}.sim-increase-banner{align-items:center;background:linear-gradient(90deg,#22c55e33,#22c55e0d);border:1px solid #22c55e66;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.sim-label{color:var(--text-secondary);font-size:14px}.sim-value{color:#4ade80;font-family:var(--font-heading);font-size:28px;font-weight:700;text-shadow:0 0 15px #4ade8080}.sim-comparison{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:24px}.sim-after,.sim-before{background:#0000004d;border-radius:10px;min-width:140px;padding:20px 30px;text-align:center}.sim-after h4,.sim-before h4{color:var(--text-muted);font-size:12px;margin-bottom:8px;text-transform:uppercase}.sim-dps{color:var(--text-primary);font-family:var(--font-heading);font-size:32px;font-weight:700}.sim-dps.optimized{color:#4ade80}.sim-detail{color:var(--text-muted);font-size:11px;margin-top:4px}.sim-arrow{color:var(--gold);font-size:32px}.sim-bars{margin-bottom:20px}.sim-bar-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.sim-bar-label{color:var(--text-muted);font-size:12px;width:50px}.sim-bar-track{background:#0000004d;border-radius:6px;flex:1;height:12px;overflow:hidden}.sim-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.sim-bar-fill.before{background:linear-gradient(90deg,#6b7280,#9ca3af)}.sim-bar-fill.after{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 10px #4ade8066}.sim-actions{display:flex;gap:12px}.sim-btn{background:#d4af3726;border:1px solid var(--border-gold);border-radius:8px;color:var(--gold-light);cursor:pointer;flex:1;font-family:var(--font-heading);font-size:14px;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.sim-btn:hover{background:#d4af3740}.sim-btn.secondary{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}.team-planner-grid{display:grid;gap:16px;grid-template-columns:repeat(5,1fr);padding:20px}.team-slot-card{align-items:center;background:#0000004d;border:2px solid var(--border-bronze);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px;transition:all .3s ease}.team-slot-card:hover{background:#d4af371a;border-color:var(--gold)}.team-slot-card.filled{border-color:#d4af3780}.team-slot-card .slot-portrait{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:10px;height:60px;margin-bottom:8px;overflow:hidden;width:60px}.team-slot-card .slot-portrait img{height:100%;object-fit:cover;width:100%}.team-slot-card .slot-portrait span{align-items:center;color:var(--gold);display:flex;font-family:var(--font-heading);height:100%;justify-content:center;width:100%}.team-slot-card .slot-empty{align-items:center;border:2px dashed var(--border-bronze);border-radius:10px;color:var(--text-muted);display:flex;font-size:28px;height:60px;justify-content:center;margin-bottom:8px;width:60px}.team-slot-card .slot-name{color:var(--text-secondary);font-size:12px;text-align:center}.team-slot-card .slot-role{color:var(--text-muted);font-size:10px}.mastery-trees-container-opt{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:20px}@media (max-width:1024px){.mastery-trees-container-opt{grid-template-columns:1fr}}.mastery-actions{padding:20px;text-align:center}.action-btn-gold{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:2px solid var(--gold);border-radius:8px;color:var(--gold-light);display:inline-block;font-family:var(--font-heading);font-size:14px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s ease}.action-btn-gold:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733);box-shadow:0 4px 15px #d4af374d;transform:translateY(-2px)}.artifacts-recommendation{padding:20px}.artifact-sets-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.artifact-set-card{background:#0000004d;border:2px solid var(--border-bronze);border-radius:10px;padding:20px}.artifact-set-card.recommended{background:#d4af371a;border-color:var(--gold)}.artifact-set-card h4{color:var(--text-muted);font-size:12px;margin-bottom:8px;text-transform:uppercase}.artifact-set-card .set-name{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;margin-bottom:4px}.artifact-set-card .set-bonus{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.artifact-set-card .set-pieces{color:var(--text-muted);font-size:11px}.artifact-slots-grid h4{color:var(--gold-light);font-family:var(--font-heading);font-size:14px;margin-bottom:12px}.slot-row{align-items:center;background:#0003;border-radius:6px;display:grid;gap:12px;grid-template-columns:30px 80px 120px 1fr;margin-bottom:8px;padding:10px}.slot-icon{font-size:18px}.slot-name{color:var(--text-primary);font-size:13px}.slot-main{color:var(--gold-light);font-size:12px;font-weight:600}.slot-subs{color:var(--text-muted);font-size:11px}.masteries-section-full{padding:0!important}.raid-masteries-panel{background:linear-gradient(180deg,#1a1410,#0d0a08);border:3px solid #8b6914;border-radius:16px;box-shadow:0 0 30px #8b69144d,inset 0 0 60px #00000080;overflow:hidden;padding:0}.raid-masteries-header{background:linear-gradient(180deg,#8b691433,#0000);gap:20px;justify-content:center;padding:20px 30px 10px}.raid-masteries-header h2{color:gold;font-size:32px;font-weight:700;letter-spacing:4px;text-shadow:0 0 20px #ffd70080,0 2px 4px #000c;text-transform:uppercase}.raid-header-ornament{background:linear-gradient(90deg,#0000,#8b6914,#0000);height:2px;width:80px}.raid-masteries-subtitle{padding:5px 0 15px;text-align:center}.raid-masteries-subtitle span{color:#c9a227;font-family:var(--font-heading);font-size:14px;letter-spacing:2px;text-transform:uppercase}.raid-reset-btn{align-items:center;background:linear-gradient(180deg,#4a3a20,#2a2015);border:2px solid #8b6914;border-radius:6px;cursor:pointer;display:flex;gap:10px;justify-content:center;margin:0 auto 20px;padding:8px 24px;transition:all .3s ease;width:fit-content}.raid-reset-btn:hover{background:linear-gradient(180deg,#5a4a30,#3a3025);box-shadow:0 0 15px #8b691480}.raid-reset-btn span{color:gold;font-family:var(--font-heading);font-size:13px;letter-spacing:1px;text-transform:uppercase}.reset-cost{align-items:center;display:flex;gap:4px}.raid-masteries-grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding:0 20px 20px}@media (max-width:1024px){.raid-masteries-grid{gap:20px;grid-template-columns:1fr}}.raid-mastery-column{display:flex;flex-direction:column;padding:10px}.raid-column-header{border-radius:8px 8px 0 0;gap:10px;margin-bottom:10px;padding:12px 16px}.raid-tree-icon{border-radius:8px;font-size:18px;height:36px;width:36px}.raid-column-header h4{font-size:16px;font-weight:700;letter-spacing:2px}.raid-nodes-container{gap:8px;padding:10px 0}.raid-tier{justify-content:center}.raid-tier-final{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);border-radius:8px;margin-bottom:8px;padding:12px 0}.raid-node{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:transform .2s ease}.raid-node-editable:hover{transform:scale(1.1)}.raid-node-hex{background:#0009;border:3px solid #64646480;border-radius:12px;height:48px;transition:all .3s ease;width:48px}.raid-node-hex.hex-active{border-color:var(--node-color);box-shadow:0 0 15px var(--node-glow),inset 0 0 10px var(--node-glow)}.hex-icon{font-size:22px}.hex-icon,.hex-icon-svg{filter:drop-shadow(0 0 8px var(--node-glow))}.hex-icon-svg{animation:icon-glow 2s infinite;height:36px;width:36px}.hex-icon-css{align-items:center;animation:icon-pulse 2s infinite;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.hex-symbol{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:16px}.hex-icon-fallback{color:#fff;font-size:18px;font-weight:700;text-shadow:0 0 8px var(--node-glow)}.tree-header-svg{height:28px;width:28px}.raid-tree-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;padding:4px;width:40px}.hex-lock{font-size:16px;opacity:.4}.hex-glow{animation:glow-pulse 2s infinite;border-radius:20px;filter:blur(12px);inset:-8px;opacity:.6;position:absolute;z-index:-1}.raid-connector{border-radius:2px;bottom:-12px;box-shadow:0 0 10px currentColor;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:3px}.raid-column-footer{align-items:center;background:#0000004d;border-radius:0 0 8px 8px;border-top:2px solid;display:flex;justify-content:space-between;margin-top:auto;padding:12px 16px}.raid-column-footer span:first-child{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:1px}.raid-points-count{font-family:var(--font-heading);font-size:16px;font-weight:700}.raid-node-tooltip{background:#0a0806fa;border:2px solid;bottom:calc(100% + 10px);box-shadow:0 10px 30px #000000e6;padding:12px;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;width:220px;z-index:1000}.raid-node:hover .raid-node-tooltip{opacity:1;visibility:visible}.tooltip-title{margin-bottom:6px}.tooltip-text{line-height:1.5}.mastery-tree-simple{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;padding:12px}.tree-header-simple{align-items:center;display:flex;gap:8px;margin-bottom:12px}.tree-icon-simple{font-size:18px}.tree-name-simple{color:var(--gold-light);flex:1;font-weight:600}.tree-points-simple{color:var(--text-muted);font-size:12px}.tree-nodes-simple{display:flex;flex-wrap:wrap;gap:6px}.node-simple{background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:10px;padding:4px 8px;transition:all .2s}.node-simple.selected{background:#d4af3733;color:var(--gold-light)}.node-simple.editable:hover,.node-simple.selected{border-color:var(--gold)}.mastery-loading{color:var(--text-muted);padding:20px;text-align:center}.reset-tree-btn{background:#0000004d;border:1px solid var(--border-bronze);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;margin-top:12px;padding:10px;transition:all .2s ease;width:100%}.reset-tree-btn:hover{background:#ef44441a;border-color:#ef4444;color:#fca5a5}.mastery-builder-page{max-width:100%!important;padding:0!important}.mastery-hero{background:linear-gradient(135deg,#1a1410,#2a1f18 50%,#1a1410);min-height:400px;overflow:hidden;position:relative}.mastery-hero .hero-character-art{background-position:100%;background-repeat:no-repeat;background-size:cover;bottom:0;mask-image:linear-gradient(90deg,#0000 0,#000 25%,#000);-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 25%,#000);opacity:.9;pointer-events:none;position:absolute;right:0;top:0;width:60%}.mastery-hero-bg{align-items:center;display:flex;inset:0;justify-content:center;opacity:.25;pointer-events:none;position:absolute}.mastery-tree-visual{background-position:50%;background-repeat:no-repeat;background-size:contain;height:300px;position:absolute;width:200px}.mastery-tree-visual.offense{animation:tree-pulse 4s ease-in-out infinite;background:radial-gradient(ellipse at center,#ef444466 0,#0000 70%);right:10%}.mastery-tree-visual.defense{animation:tree-pulse 4s ease-in-out 1s infinite;background:radial-gradient(ellipse at center,#22c55e66 0,#0000 70%);right:25%}.mastery-tree-visual.support{animation:tree-pulse 4s ease-in-out 2s infinite;background:radial-gradient(ellipse at center,#3b82f666 0,#0000 70%);right:40%}@keyframes tree-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.mastery-hero-badge{align-items:center;background:linear-gradient(135deg,#d4af3733,#8b451333);border:1px solid #d4af3766;border-radius:20px;color:#d4af37;display:inline-flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:16px;padding:6px 14px;text-transform:uppercase}.badge-icon{font-size:14px}.mastery-hero-stats{display:flex;gap:32px;margin-top:24px}.hero-stat{align-items:center;display:flex;flex-direction:column;text-align:center}.hero-stat .stat-value{color:#d4af37;font-family:Cinzel,serif;font-size:2rem;font-weight:700;line-height:1;text-shadow:0 0 20px #d4af374d}.hero-stat .stat-label{color:#8b7355;font-size:11px;letter-spacing:1px;margin-top:4px;text-transform:uppercase}@media (max-width:768px){.mastery-hero{min-height:280px}.mastery-hero-stats{flex-wrap:wrap;gap:20px;justify-content:center}.hero-stat .stat-value{font-size:1.5rem}.mastery-tree-visual{display:none}}.mastery-points-bar{background:linear-gradient(90deg,#14100cf2,#1e1914e6);border-bottom:2px solid var(--border-gold);padding:16px 24px}.points-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin:0 auto;max-width:1400px}.points-info{align-items:baseline;display:flex;gap:4px}.points-used{color:var(--gold-light);font-family:var(--font-heading);font-size:32px;font-weight:700}.points-divider{color:var(--text-muted);font-size:20px}.points-max{color:var(--text-secondary);font-size:20px}.points-label{color:var(--text-muted);font-size:12px;margin-left:8px;text-transform:uppercase}.points-progress{background:#0000004d;border-radius:4px;flex:1;height:8px;min-width:200px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--gold),gold);border-radius:4px;height:100%;transition:width .3s ease}.points-actions{display:flex;gap:8px}.action-btn-sm{background:#d4af371a;border:1px solid var(--border-gold);border-radius:6px;color:var(--gold-light);cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.action-btn-sm:hover{background:#d4af3733}.action-btn-sm.danger{background:#ef44441a;border-color:#ef444466;color:#fca5a5}.action-btn-sm.danger:hover{background:#ef444433}.mastery-builder-grid{background:linear-gradient(180deg,#0f0c09e6,#1a1410f2);display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1600px;padding:24px}@media (max-width:1200px){.mastery-builder-grid{grid-template-columns:1fr}}.tree-column{display:flex;flex-direction:column}.mastery-reference{margin:0 auto;max-width:1600px;padding:24px}.reference-card{padding:24px}.reference-card h3{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;margin-bottom:16px}.reference-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.ref-item{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;padding:16px}.ref-icon{font-size:28px;margin-bottom:8px}.ref-label{color:var(--text-primary);font-family:var(--font-heading);font-size:14px;margin-bottom:4px}.ref-desc{color:var(--text-muted);font-size:11px;text-align:center}.ref-tips{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;padding:12px 16px}.ref-tips p{color:var(--text-secondary);font-size:13px;margin:0 0 8px}.ref-tips p:last-child{margin-bottom:0}.mastery-control-bar{background:linear-gradient(90deg,#14100cfa,#1e1914f2);border-bottom:2px solid var(--border-gold);padding:16px 24px;position:sticky;top:60px;z-index:100}.control-bar-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1400px}.control-group{align-items:center;display:flex;gap:8px}.control-group label{color:var(--text-muted);font-size:12px;text-transform:uppercase}.champion-select-btn{align-items:center;background:#d4af371a;border:1px solid var(--border-gold);border-radius:8px;color:var(--gold-light);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.champion-select-btn:hover{background:#d4af3733;transform:translateY(-1px)}.champion-select-btn .icon{font-size:18px}.champ-avatar-mini{border:2px solid var(--border-gold);border-radius:50%;height:28px;width:28px}.preset-select{background:#00000080;border:1px solid var(--border-gold);border-radius:6px;color:var(--text-primary);font-size:13px;min-width:200px;padding:8px 12px}.preset-select:focus{border-color:var(--gold-light);outline:none}.points-display{align-items:center;background:#0000004d;border:1px solid #6464644d;border-radius:8px;display:flex;gap:12px;padding:8px 16px}.points-circle{align-items:baseline;display:flex}.points-num{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;font-weight:700}.points-display .points-max{color:var(--text-muted);font-size:14px}.points-bar-mini{background:#0006;border-radius:3px;height:6px;overflow:hidden;width:80px}.points-fill{background:linear-gradient(90deg,var(--gold),gold);border-radius:3px;height:100%;transition:width .3s ease}.control-actions{display:flex;gap:8px;margin-left:auto}.champion-modal-overlay{backdrop-filter:blur(8px)}.champion-picker-modal{background:linear-gradient(135deg,#1a1410fa,#0f0c09fa);border:2px solid var(--border-gold);border-radius:16px;max-height:85vh;max-width:900px;overflow:hidden;padding:0;position:relative;width:95%}.champion-picker-modal.enhanced{animation:modalSlideIn .3s ease-out}.picker-header{background:#0000004d;border-bottom:1px solid var(--border-bronze)}.champion-picker-modal h3{color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin:0}.champion-search-bar{background:#0003;padding:16px 24px;position:relative}.champion-search-input{background:#00000080;border:2px solid var(--border-bronze);border-radius:12px;font-size:16px;padding:14px 20px 14px 50px;transition:all .3s ease}.champion-search-input:focus{box-shadow:0 0 20px #d4af374d}.champion-search-input::placeholder{color:var(--text-muted)}.search-icon{font-size:18px;left:40px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.champion-filters{align-items:center;background:#00000026;border-bottom:1px solid #64646433;display:flex;flex-wrap:wrap;gap:12px;padding:12px 24px}.filter-select{background:#0006;border:1px solid var(--border-bronze);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:var(--gold)}.filter-select:focus{outline:none}.results-count{color:var(--gold);font-size:13px;font-weight:500;margin-left:auto}.champion-picker-grid.enhanced{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:calc(85vh - 220px);overflow-y:auto;padding:20px 24px}.champion-picker-item.animated{align-items:center;animation:championFadeIn .4s ease-out forwards;background:#0006;border:2px solid #6464644d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;opacity:0;padding:14px 10px;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes championFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.champion-picker-item.animated:hover{background:#d4af3726;border-color:var(--gold);box-shadow:0 8px 24px #d4af3733;transform:translateY(-4px) scale(1.02)}.champion-picker-item.rarity-legendary{border-color:#fbbf2480}.champion-picker-item.rarity-legendary:hover{border-color:#fbbf24;box-shadow:0 8px 24px #fbbf244d}.champion-picker-item.rarity-epic{border-color:#8b5cf680}.champion-picker-item.rarity-epic:hover{border-color:#a78bfa;box-shadow:0 8px 24px #8b5cf64d}.champion-picker-item.rarity-rare{border-color:#3b82f680}.champion-picker-item.rarity-rare:hover{border-color:#93c5fd;box-shadow:0 8px 24px #3b82f64d}.picker-item-image{background:#0000004d;border:3px solid #64646480;border-radius:50%;height:60px;margin-bottom:10px;overflow:hidden;width:60px}.picker-item-image img{height:100%;object-fit:cover;width:100%}.picker-placeholder{align-items:center;background:linear-gradient(135deg,#d4af371a,#0000);color:var(--gold);display:flex;font-family:var(--font-heading);font-size:20px;height:100%;justify-content:center;width:100%}.picker-item-name{color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.3;margin-bottom:4px;text-align:center}.picker-item-rarity{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.picker-item-rarity.legendary{background:#fbbf2433;color:#fbbf24}.picker-item-rarity.epic{background:#8b5cf633;color:#a78bfa}.picker-item-rarity.rare{background:#3b82f633;color:#93c5fd}.picker-item-rarity.uncommon{background:#22c55e33;color:#86efac}.picker-item-rarity.common{background:#9ca3af33;color:#d1d5db}.more-results,.no-results{color:var(--text-muted);grid-column:1/-1;padding:30px;text-align:center}.more-results p:first-child,.no-results p:first-child{color:var(--text-secondary);font-size:16px;margin-bottom:8px}.hint{font-size:13px;opacity:.7}.modal-close{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:50%;color:#fca5a5;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.modal-close:hover{background:#ef444466;transform:rotate(90deg)}.mastery-builder-section{background:linear-gradient(180deg,#0f0c09f2,#1a1410fa);padding:24px}.save-build-section{margin:0 auto;max-width:1400px;padding:24px}.save-build-card{background:#0006;border:1px solid var(--border-gold);border-radius:12px;padding:24px}.save-build-card h3{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;margin-bottom:16px}.save-build-form{display:flex;gap:12px}.build-name-input{background:#00000080;border:1px solid #64646466;border-radius:8px;color:var(--text-primary);flex:1;font-size:14px;padding:12px 16px}.build-name-input:focus{border-color:var(--gold);outline:none}.save-btn{background:linear-gradient(135deg,var(--gold),#e6c200);border-radius:8px;font-family:var(--font-heading)}.save-btn:hover:not(:disabled){box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.community-builds{margin:0 auto;max-width:1400px;padding:24px}.community-builds h3{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;margin-bottom:16px}.builds-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.build-card{background:#0006;border:1px solid #6464644d;border-radius:10px;cursor:pointer;padding:16px;transition:all .2s ease}.build-card:hover{background:#d4af371a;border-color:var(--border-gold);transform:translateY(-2px)}.build-card h4{color:var(--text-primary);font-family:var(--font-heading);font-size:14px;margin-bottom:8px}.build-card p{color:var(--text-muted);font-size:12px;margin-bottom:12px}.build-stats{display:flex;gap:12px}.build-stats span{background:#0000004d;border-radius:4px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.builder-notification{animation:notif-slide .3s ease;border-radius:8px;font-size:14px;left:50%;padding:12px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.builder-notification.success{background:#22c55ee6;color:#fff}.builder-notification.error{background:#ef4444e6;color:#fff}@keyframes notif-slide{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.control-bar-inner{align-items:stretch;flex-direction:column;gap:12px}.control-actions{justify-content:center;margin-left:0}.preset-select{width:100%}.save-build-form{flex-direction:column}.optimizer-tabs{overflow-x:auto;padding:12px 0}.optimizer-tab{font-size:12px;padding:10px 16px}.opt-champion-display{align-items:center;flex-direction:column;text-align:center}.opt-stats-mini{grid-template-columns:repeat(2,1fr)}.team-planner-grid{grid-template-columns:repeat(3,1fr)}.artifact-sets-grid{grid-template-columns:1fr}.slot-row{gap:8px;grid-template-columns:30px 1fr}.slot-main,.slot-subs{grid-column:span 2}.reference-grid{grid-template-columns:1fr}}.optimizer-dashboard{background:linear-gradient(180deg,#0f0c09e6,#1a1410f2);display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1600px;padding:24px}@media (max-width:1200px){.optimizer-dashboard{grid-template-columns:1fr}}.optimizer-panel{background:linear-gradient(145deg,#1e1914f2,#14100cfa);border:2px solid #d4af3766;border-radius:12px;box-shadow:0 8px 32px #00000080,inset 0 0 60px #0000004d;overflow:hidden}.panel-secondary{border-color:#ffa50066}.panel-tertiary{border-color:#22c55e66}.panel-header{align-items:center;background:linear-gradient(90deg,#d4af3733,#0000);border-bottom:1px solid #d4af374d;display:flex;gap:12px;padding:16px 20px}.panel-header-orange{background:linear-gradient(90deg,#ffa50033,#0000);border-bottom-color:#ffa5004d}.panel-header-green{background:linear-gradient(90deg,#22c55e33,#0000);border-bottom-color:#22c55e4d}.panel-icon{font-size:24px}.panel-title{color:var(--gold-light);flex:1;font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.panel-actions{display:flex;gap:8px}.panel-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:6px 10px;transition:all .2s ease}.panel-btn:hover{background:#ffffff1a;color:var(--gold-light)}.section-header{background:#0000004d;border-bottom:1px solid #ffffff0d;padding:12px 16px}.section-header h3{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.section-actions{display:flex;gap:8px}.action-btn{border:none;color:var(--text-muted);font-size:12px;padding:4px 8px}.action-btn:hover{color:var(--gold-light)}.section-badge{color:var(--text-muted);font-size:12px}.champion-optimizer-section{padding:0}.champion-selector{padding:16px}.champion-display{display:flex;gap:16px;margin-bottom:16px}.champion-portrait-optimizer{flex-shrink:0;position:relative;width:140px}.champion-stars{color:gold;font-size:12px;left:50%;position:absolute;text-shadow:0 0 8px #ffd70080;top:-8px;transform:translateX(-50%);white-space:nowrap;z-index:5}.champion-portrait-optimizer img,.portrait-placeholder-opt{border:3px solid var(--gold);border-radius:8px;box-shadow:0 0 20px #d4af374d;height:140px;object-fit:cover;width:100%}.portrait-placeholder-opt{align-items:center;background:var(--bg-card);color:var(--gold);display:flex;font-family:var(--font-heading);font-size:32px;justify-content:center}.champion-level{background:#000c;border:1px solid var(--gold);border-radius:20px;bottom:40px;color:var(--gold-light);font-size:12px;font-weight:700;left:50%;padding:4px 12px;position:absolute;transform:translateX(-50%)}.champion-badges-opt{display:flex;flex-direction:column;gap:4px;margin-top:8px}.badge-artifacts,.badge-masteries,.badge-skills{align-items:center;background:#00000080;border-radius:4px;color:var(--text-secondary);display:flex;font-size:10px;gap:4px;padding:4px 8px}.champion-info-optimizer{display:flex;flex:1;flex-direction:column;gap:12px}.build-selector label{color:var(--text-muted);display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.build-dropdown{background:#00000080;border:1px solid var(--border-gold);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:13px;padding:10px 12px;width:100%}.build-dropdown:focus{border-color:var(--gold);box-shadow:0 0 10px #d4af374d;outline:none}.champion-target{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:6px;padding:8px 12px}.target-label{color:#c4b5fd;font-size:13px;font-weight:600}.target-info{margin-top:4px}.target-type{color:var(--text-muted);font-size:11px}.champion-stats-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.stat-item{background:#0000004d;border-radius:4px;display:flex;justify-content:space-between;padding:6px 10px}.stat-item .stat-label{color:var(--text-muted);font-size:11px;text-transform:uppercase}.stat-item .stat-value{color:var(--text-primary);font-size:13px;font-weight:600}.quick-btn{background:#d4af371a;border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:6px 12px;transition:all .2s ease}.quick-btn:hover{background:#d4af3733;border-color:var(--gold);color:var(--gold-light)}.optimize-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-heading);font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.optimize-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.btn-icon{font-size:20px}.damage-simulation-section{border-top:1px solid #ffffff0d}.simulation-results{padding:16px}.dps-increase{align-items:center;background:linear-gradient(90deg,#22c55e33,#22c55e0d);border:1px solid #22c55e66;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.increase-label{color:var(--text-secondary);font-size:13px}.increase-value{color:#4ade80;font-family:var(--font-heading);font-size:24px;font-weight:700;text-shadow:0 0 10px #4ade8080}.dps-comparison{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.dps-after,.dps-before{background:#0000004d;border-radius:8px;flex:1;padding:12px;text-align:center}.dps-label{color:var(--text-muted);display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.dps-value{color:var(--text-primary);font-family:var(--font-heading);font-size:20px;font-weight:700}.dps-after .dps-value{color:#4ade80}.dps-arrow{color:var(--gold);font-size:20px}.simulation-visual{background:#0000004d;border-radius:8px;height:60px;margin-bottom:16px;overflow:hidden;position:relative}.sim-bar{border-radius:4px;height:50%;left:0;position:absolute;transition:width .5s ease}.sim-bar.before{background:linear-gradient(90deg,#6b7280,#9ca3af);top:5px}.sim-bar.after{background:linear-gradient(90deg,#22c55e,#4ade80);bottom:5px;box-shadow:0 0 15px #4ade8080}.compare-builds-btn{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:6px;color:#c4b5fd;cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.compare-builds-btn:hover{background:#8b5cf64d;border-color:#8b5cf699}.team-planner-section{border-top:1px solid #ffffff0d}.team-slots{display:flex;overflow-x:auto;padding:16px}.team-slot{align-items:center;background:#0000004d;border:2px solid var(--border-bronze);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:12px;transition:all .2s ease}.team-slot:hover{background:#d4af371a;border-color:var(--gold)}.team-slot.filled{border-color:#d4af3780}.slot-portrait{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:8px;height:50px;width:50px}.slot-initials{color:var(--gold);font-family:var(--font-heading);font-size:16px;height:100%;width:100%}.slot-initials,.slot-placeholder{align-items:center;display:flex;justify-content:center}.slot-placeholder{background:#ffffff0d;border:2px dashed var(--border-bronze);border-radius:8px;color:var(--text-muted);font-size:24px;height:50px;width:50px}.slot-name{color:var(--text-secondary);font-size:11px;max-width:70px}.team-scroll-indicator{display:flex;justify-content:flex-end;padding:0 16px 12px}.scroll-arrow{color:var(--text-muted);font-size:20px}.build-analysis-content{padding:16px}.analysis-section{margin-bottom:20px}.analysis-section h4{color:var(--gold-light);font-family:var(--font-heading);font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase}.efficiency-meter{background:#0000004d;border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden;position:relative}.meter-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:12px;height:100%;transition:width .5s ease}.meter-value{color:#fff;font-weight:700;position:absolute;right:12px;text-shadow:0 1px 2px #00000080;top:50%;transform:translateY(-50%)}.analysis-tip{color:var(--text-muted);font-size:12px;font-style:italic}.priority-list{display:flex;flex-direction:column;gap:8px}.priority-item{align-items:center;background:#0000004d;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:8px 12px}.priority-item.good{border-left:3px solid #22c55e}.priority-item.warning{border-left:3px solid #f59e0b}.priority-icon{font-size:14px}.priority-item.good .priority-icon{color:#22c55e}.priority-item.warning .priority-icon{color:#f59e0b}.upgrade-suggestions{display:flex;flex-direction:column;gap:8px}.upgrade-item{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;padding:8px 12px}.upgrade-icon{font-size:16px}.performance-content{padding:16px}.performance-score{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.score-ring{height:100px;position:relative;width:100px}.score-svg{transform:rotate(-90deg)}.score-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.score-fill{fill:none;stroke:#22c55e;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.score-value{color:#22c55e;font-family:var(--font-heading);font-size:32px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.score-label{color:var(--text-muted);font-size:12px;margin-top:8px}.performance-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.breakdown-item{align-items:center;display:flex;gap:8px}.breakdown-icon{font-size:10px}.breakdown-icon.critical{color:#ef4444}.breakdown-icon.warning{color:#f59e0b}.breakdown-icon.passed{color:#22c55e}.breakdown-label{color:var(--text-secondary);font-size:12px;width:70px}.breakdown-bar{background:#0000004d;border-radius:4px;flex:1;height:8px;overflow:hidden}.bar-fill{border-radius:4px;transition:width .5s ease}.bar-fill.critical{background:#ef4444}.bar-fill.warning{background:#f59e0b}.bar-fill.passed{background:#22c55e}.best-areas-section h4{color:var(--gold-light);font-family:var(--font-heading);font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase}.areas-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.area-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:10px}.area-badge.area-s{background:#22c55e33;border:1px solid #22c55e66;color:#4ade80}.area-badge.area-a{background:#3b82f633;border:1px solid #3b82f666;color:#60a5fa}.area-badge.area-b{background:#8b5cf633;border:1px solid #8b5cf666;color:#a78bfa}.optimizer-features{display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1600px;padding:24px}.feature-card{align-items:center;background:linear-gradient(145deg,#1e1914f2,#14100cfa);border:2px solid var(--border-bronze);border-radius:12px;display:flex;flex-direction:column;padding:24px 40px;text-decoration:none;transition:all .3s ease}.feature-card:hover{border-color:var(--gold);box-shadow:0 8px 30px #d4af3733;transform:translateY(-4px)}.feature-optimizer{border-color:#3b82f666}.feature-optimizer:hover{border-color:#3b82f6;box-shadow:0 8px 30px #3b82f633}.feature-monitoring{border-color:#ffa50066}.feature-monitoring:hover{border-color:orange;box-shadow:0 8px 30px #ffa50033}.feature-analytics{border-color:#22c55e66}.feature-analytics:hover{border-color:#22c55e;box-shadow:0 8px 30px #22c55e33}.feature-icon{font-size:48px;margin-bottom:12px}.feature-card h3{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;font-weight:700;margin-bottom:4px}.feature-card p{color:var(--text-muted);font-size:12px}.champion-picker-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed!important;right:0;top:0;z-index:99999}.champion-picker-overlay>.champion-picker-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(145deg,#1e1914fa,#14100cfa);border:2px solid var(--gold);border-radius:16px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;margin:auto;max-height:80vh;max-width:700px;overflow:hidden;position:relative;width:100%}.picker-header{background:#d4af371a;border-bottom:1px solid var(--border-gold);padding:16px 20px}.picker-header h3{font-family:var(--font-heading)}.picker-close{background:#ffffff1a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:20px;height:32px;transition:all .2s ease;width:32px}.picker-close:hover{background:#fff3;color:#fff}.picker-search{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;color:var(--text-primary);font-size:14px;margin:16px;padding:12px 16px}.picker-search:focus{border-color:var(--gold);outline:none}.picker-grid{flex:1;padding:0 16px 16px}.picker-champion{border:2px solid #0000;border-radius:8px;gap:6px;padding:10px}.picker-champion:hover{background:#d4af371a;border-color:var(--gold)}.picker-portrait{align-items:center;background:var(--bg-card);border:2px solid var(--border-bronze);border-radius:8px;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.picker-portrait img{height:100%;object-fit:cover;width:100%}.picker-portrait span{color:var(--gold);font-family:var(--font-heading);font-size:14px}.picker-name{color:var(--text-secondary);font-size:10px;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.optimizer-title{font-size:28px}.optimizer-dashboard{gap:16px;padding:12px}.champion-display{flex-direction:column}.champion-portrait-optimizer{width:100%}.champion-portrait-optimizer img,.portrait-placeholder-opt{height:200px}.optimizer-features{flex-direction:column;padding:16px}.feature-card{padding:20px}}.shared-build-page{padding:0!important}.shared-build-header{background:linear-gradient(180deg,#1a1410fa,#0f0c09f2);border-bottom:2px solid var(--border-gold);padding:40px 24px;text-align:center}.build-info-card{margin:0 auto;max-width:600px}.build-info-card h1{color:var(--gold-light);font-family:var(--font-heading);font-size:28px;margin-bottom:16px}.build-meta{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:24px}.meta-item{background:#0000004d;border-radius:20px;color:var(--text-secondary);font-size:14px;padding:6px 12px}.build-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.shared-build-masteries{background:linear-gradient(180deg,#0f0c09f2,#1a1410fa);padding:24px}.shared-build-cta{padding:40px 24px;text-align:center}.shared-build-cta h3{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;margin-bottom:12px}.shared-build-cta p{color:var(--text-secondary);margin-bottom:20px}.error-container{padding:60px 24px;text-align:center}.error-container h2{color:var(--gold-light);font-size:24px;margin-bottom:12px}.error-container p{color:var(--text-secondary);margin-bottom:24px}.action-btn-sm.share{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f666;color:#93c5fd}.action-btn-sm.share:hover{background:#3b82f64d;border-color:#3b82f699}.mastery-icon-img{border-radius:6px;height:40px;object-fit:contain;width:40px}.mastery-initial{color:#fff;font-size:18px;font-weight:700}.raid-node-hex{background:linear-gradient(135deg,#1e1914f2,#0f0c09f2);border:2px solid #50505099;border-radius:10px;cursor:pointer;height:52px;position:relative;transition:all .25s ease;width:52px}.hex-inner,.raid-node-hex{align-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;justify-content:center}.hex-inner{background:#0006;border-radius:8px;height:44px;width:44px}.raid-node-hex.node-active{border-color:var(--node-color);box-shadow:0 0 15px var(--node-color),inset 0 0 8px #ffffff1a;transform:scale(1.05)}.raid-node-hex.node-active .hex-inner{background:linear-gradient(135deg,rgba(var(--node-color),.2),#0000)}.raid-node-hex.node-available{animation:available-pulse 1.5s infinite;border-color:#d4af3799}@keyframes available-pulse{0%,to{box-shadow:0 0 5px #d4af374d}50%{box-shadow:0 0 15px #d4af3799}}.hex-lock-overlay{align-items:center;background:#000000b3;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;font-size:16px;inset:0;justify-content:center;position:absolute}.tree-locked .raid-node-hex{cursor:not-allowed;opacity:.4}.tree-locked-badge{background:#ef44444d;border:1px solid #ef444480;border-radius:4px;color:#fca5a5;font-size:10px;margin-left:8px;padding:2px 8px}.raid-tier{align-items:center;display:flex;gap:8px;padding:8px 0;position:relative}.tier-label{color:var(--text-muted);font-size:10px;font-weight:700;text-align:center;width:24px}.tier-nodes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.raid-tier-final .raid-node-hex.node-active{border-width:3px;box-shadow:0 0 20px var(--node-color),0 0 40px var(--node-color)}.raid-masteries-header{align-items:center;background:linear-gradient(90deg,#14100cf2,#1e1914f2);border-bottom:2px solid var(--border-gold);display:flex;justify-content:space-between;padding:16px 24px}.raid-masteries-header h2{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin:0}.masteries-total{align-items:center;display:flex;gap:8px}.total-label{color:var(--text-muted);font-size:12px;text-transform:uppercase}.total-value{color:var(--gold-light);font-family:var(--font-heading);font-size:20px}.masteries-info-banner{background:#3b82f61a;border-bottom:1px solid #3b82f64d;padding:8px 16px;text-align:center}.masteries-info-banner span{color:#93c5fd;font-size:12px}.raid-mastery-column{background:#0000004d;border-radius:8px;flex:1;min-width:200px;overflow:hidden}.raid-column-header{align-items:center;border-bottom:2px solid;display:flex;gap:8px;justify-content:center;padding:12px;text-align:center}.raid-column-header h4{font-family:var(--font-heading);font-size:14px;margin:0}.raid-column-footer{border-top:1px solid;color:var(--text-secondary);font-size:12px;padding:8px 12px;text-align:center}.raid-node-tooltip{background:#0f0c09fa;border:1px solid var(--border-gold);border-radius:8px;bottom:100%;left:50%;opacity:0;padding:10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .2s ease;width:200px;z-index:100}.raid-node-hex:hover .raid-node-tooltip{opacity:1}.tooltip-title{font-family:var(--font-heading);font-size:13px;margin-bottom:4px}.tooltip-text{color:var(--text-secondary);font-size:11px;line-height:1.4}.raid-masteries-grid{display:flex;flex-wrap:wrap;gap:16px;padding:16px}.raid-nodes-container{display:flex;flex-direction:column;gap:4px;padding:12px 8px}.mastery-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:24px;transition:transform .2s ease}.raid-node-hex.node-active .mastery-emoji{animation:emoji-glow 2s ease-in-out infinite}@keyframes emoji-glow{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 10px var(--node-color));transform:scale(1.1)}}.raid-node-hex:hover .mastery-emoji{transform:scale(1.15)}.champion-masteries-page{margin:0 auto;max-width:1200px;padding:20px}.champion-masteries-page .breadcrumb{color:#888;font-size:13px;margin-bottom:20px;padding:10px 0}.champion-masteries-page .breadcrumb a{color:#d4af37;text-decoration:none}.champion-masteries-page .breadcrumb a:hover{text-decoration:underline}.champion-masteries-hero{background:linear-gradient(135deg,#8b451366,#1a1410e6);border-radius:12px;margin-bottom:30px;padding:40px;text-align:center}.champion-masteries-hero h1{color:#d4af37;font-family:Cinzel,serif;font-size:2.5rem;margin-bottom:10px}.champion-masteries-hero .hero-subtitle{color:#c4a052;font-size:1.1rem}.champion-masteries-hero .source-badge{background:#22c55e33;border-radius:20px;color:#22c55e;display:inline-block;font-size:12px;margin-top:15px;padding:6px 12px}.mastery-notes{margin-bottom:30px}.mastery-notes h2{color:#d4af37;font-family:Cinzel,serif;margin-bottom:10px}.mastery-notes p{color:#e4c79c;line-height:1.6}.mastery-notes .build-type-badge{background:#d4af3733;border-radius:4px;color:#d4af37;display:inline-block;font-size:11px;font-weight:700;margin-top:10px;padding:4px 10px}.mastery-display-section{margin-bottom:30px}.mastery-explanation{background:#1a1410cc;border:1px solid #4a4035;border-radius:8px;margin-bottom:30px;padding:30px}.mastery-explanation h2{color:#d4af37;font-family:Cinzel,serif;margin-bottom:15px}.mastery-explanation h3{color:#c4a052;margin-bottom:10px;margin-top:20px}.mastery-explanation p{color:#c4b08a;line-height:1.7}.mastery-explanation ul{list-style:none;padding:0}.mastery-explanation li{border-bottom:1px solid #d4af371a;color:#c4b08a;padding:10px 0}.mastery-explanation li:last-child{border-bottom:none}.mastery-explanation li strong{color:#d4af37}.mastery-cta h3{color:#d4af37;font-family:Cinzel,serif}.mastery-cta p{color:#c4b08a;margin-bottom:20px}.mastery-cta .btn-gold,.mastery-cta .btn-secondary{border-radius:6px;display:inline-block;font-weight:700;margin:0 10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.mastery-cta .btn-gold{background:linear-gradient(135deg,#d4af37,#8b5a2b);color:#fff}.mastery-cta .btn-secondary{background:#0000;border:1px solid #d4af37;color:#d4af37}.mastery-cta .btn-gold:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-2px)}.mastery-cta .btn-secondary:hover{background:#d4af371a}.mastery-source-badge{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}.mastery-source-badge .badge-community{background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;color:#22c55e;font-size:12px;font-weight:600;padding:6px 12px}.mastery-source-badge .mastery-note{color:#c4b08a;font-size:13px;font-style:italic}.mastery-source-badge .badge-ai{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:20px;color:#a78bfa;font-size:12px;font-weight:600;padding:6px 12px}.cookie-consent-banner{animation:slideUp .4s ease-out;background:linear-gradient(180deg,#1a1410fa,#0f0c09fc);border-top:2px solid #d4af3766;bottom:0;box-shadow:0 -10px 40px #00000080;left:0;padding:20px;position:fixed;right:0;z-index:9999}.cookie-consent-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;max-width:1200px}.cookie-icon{flex-shrink:0;font-size:2.5rem}.cookie-text{flex:1;min-width:300px}.cookie-text h4{color:#d4af37;font-family:Cinzel,serif;font-size:1.1rem;margin:0 0 8px}.cookie-text p{color:#c4b08a;font-size:.9rem;line-height:1.5;margin:0}.cookie-actions{display:flex;flex-shrink:0;gap:12px}.cookie-btn{border:none;border-radius:8px;cursor:pointer;font-family:Cinzel,serif;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.cookie-btn.accept{background:linear-gradient(135deg,#d4af37,#b8942c);color:#1a1410}.cookie-btn.accept:hover{box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.cookie-btn.decline{background:#ffffff1a;border:1px solid #d4af374d;color:#c4b08a}.cookie-btn.decline:hover{background:#ffffff26;border-color:#d4af3780}.cookie-privacy-link{color:#8b7355;display:block;font-size:.8rem;margin-top:12px;text-align:center;text-decoration:underline}.cookie-privacy-link:hover{color:#d4af37}@media (max-width:768px){.cookie-consent-content{flex-direction:column;text-align:center}.cookie-text{min-width:auto}.cookie-actions{justify-content:center;width:100%}}.seo-content-section{background:linear-gradient(180deg,#0f0c09fa,#1a1410f2);border-top:1px solid #d4af3726;contain-intrinsic-size:auto 800px;content-visibility:auto;padding:60px 20px}.seo-content-container{margin:0 auto;max-width:900px}.seo-article{color:#b8a88a;line-height:1.8}.seo-article h2{color:#d4af37;font-family:Cinzel,serif;font-size:1.8rem;margin:0 0 24px;text-align:center;text-shadow:0 2px 10px #d4af3733}.seo-article h3{border-bottom:1px solid #d4af3733;color:#e8d5a3;font-family:Cinzel,serif;font-size:1.25rem;margin:32px 0 16px;padding-bottom:8px}.seo-article p{font-size:1rem;margin:0 0 16px}.seo-article strong{color:#d4af37}.seo-article ul{margin:0 0 20px;padding-left:24px}.seo-article li{font-size:.95rem;margin-bottom:8px}.seo-article li strong{color:#e8d5a3}@media (max-width:768px){.seo-content-section{padding:40px 16px}.seo-article h2{font-size:1.4rem}.seo-article h3{font-size:1.1rem}.seo-article li,.seo-article p{font-size:.9rem}}.no-stats-message{align-items:center;background:#0000004d;border:1px dashed #d4af374d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.no-stats-icon{font-size:48px;margin-bottom:16px;opacity:.6}.no-stats-message h3{color:var(--gold);font-family:var(--font-heading);font-size:20px;margin:0 0 12px}.no-stats-message p{color:var(--text-muted);font-size:14px;line-height:1.6;max-width:400px}.quick-stat.no-data-badge{background:#0006;border:1px dashed #d4af374d;border-radius:8px;padding:8px 16px}.quick-stat.no-data-badge .qs-label{color:var(--text-muted);font-size:12px}.results-info{background:#d4af370d;border-radius:8px;color:var(--gold);font-size:13px;grid-column:1/-1;margin-top:12px;padding:16px;text-align:center}.mastery-icons-panel{padding:24px}.mastery-icons-header{margin-bottom:24px}.mastery-icons-header h2{color:var(--gold);font-family:var(--font-heading);margin:0 0 8px}.mastery-icons-header .admin-hint{color:var(--text-muted);font-size:14px;margin-bottom:16px}.mastery-icons-filters{align-items:center;display:flex;gap:12px}.mastery-icons-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mastery-icon-card{background:#0006;border:2px solid #6464644d;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .3s ease}.mastery-icon-card:hover{border-color:var(--gold);box-shadow:0 4px 16px #d4af3726}.mastery-icon-card.tree-offense{border-left:4px solid #ef4444}.mastery-icon-card.tree-defense{border-left:4px solid #22c55e}.mastery-icon-card.tree-support{border-left:4px solid #3b82f6}.mastery-icon-preview{align-items:center;background:#00000080;border:2px solid #64646480;border-radius:8px;display:flex;height:64px;justify-content:center;margin:0 auto;overflow:hidden;width:64px}.mastery-icon-preview img{height:100%;object-fit:contain;width:100%}.mastery-icon-preview .placeholder-icon{align-items:center;background:linear-gradient(135deg,#6464644d,#3232324d);color:var(--text-muted);display:flex;font-family:var(--font-heading);font-size:18px;height:100%;justify-content:center;width:100%}.mastery-icon-info{text-align:center}.mastery-icon-info h4{color:var(--text-primary);font-size:14px;margin:0 0 6px}.mastery-icon-info .tree-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.tree-badge.offense{background:#ef444433;color:#ef4444}.tree-badge.defense{background:#22c55e33;color:#22c55e}.tree-badge.support{background:#3b82f633;color:#3b82f6}.mastery-icon-info .mastery-desc{color:var(--text-muted);font-size:11px;line-height:1.4;margin:0}.mastery-icon-actions{display:flex;gap:8px;justify-content:center}.mastery-icon-actions .upload-btn{background:#d4af3733;border:1px solid var(--gold);border-radius:6px;color:var(--gold);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.mastery-icon-actions .upload-btn:hover{background:#d4af374d}.mastery-icon-actions .delete-btn{background:#ef444433;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.mastery-icon-actions .delete-btn:hover{background:#ef44444d}.advisor-icons-panel{padding:24px}.advisor-icons-header{margin-bottom:24px}.advisor-icons-header h2{color:var(--gold);font-family:var(--font-heading);margin:0 0 8px}.advisor-icons-header .admin-hint{color:var(--text-muted);font-size:14px;margin-bottom:16px}.advisor-icons-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.advisor-icon-card{background:#0006;border:2px solid #6464644d;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .3s ease}.advisor-icon-card:hover{border-color:var(--gold);box-shadow:0 4px 16px #d4af3726}.advisor-icon-preview{align-items:center;background:#00000080;border:2px solid #64646480;border-radius:8px;display:flex;height:64px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:64px}.advisor-icon-preview img{height:100%;object-fit:contain;width:100%}.advisor-icon-preview .default-icon{align-items:center;background:linear-gradient(135deg,#6464644d,#3232324d);display:flex;font-size:28px;height:100%;justify-content:center;width:100%}.advisor-icon-info{text-align:center}.advisor-icon-info h4{color:var(--text-primary);font-size:13px;margin:0 0 4px}.advisor-icon-info .content-key{color:var(--text-muted);display:block;font-family:monospace;font-size:10px;margin-bottom:8px}.advisor-icon-info .status-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;padding:2px 8px}.advisor-icon-info .status-badge.custom{background:#22c55e33;color:#22c55e}.advisor-icon-info .status-badge.default{background:#64646433;color:var(--text-muted)}.advisor-icon-actions{display:flex;gap:8px;justify-content:center}.advisor-icon-actions .upload-btn{background:#d4af3733;border:1px solid var(--gold);border-radius:6px;color:var(--gold);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.advisor-icon-actions .upload-btn:hover{background:#d4af374d}.advisor-icon-actions .delete-btn{background:#ef444433;border:1px solid #ef4444;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;padding:6px 10px;transition:all .2s ease}.advisor-icon-actions .delete-btn:hover{background:#ef44444d}.affiliate-section{margin-top:32px;padding:24px 0}.affiliate-banner-container{border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto;max-width:728px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.affiliate-banner-container:hover{box-shadow:0 8px 30px #d4af3733;transform:translateY(-2px)}.affiliate-banner-link{display:block;line-height:0}.affiliate-banner-image{border-radius:12px;display:block;height:auto;width:100%}.affiliate-label{background:#000000b3;border-radius:4px;bottom:8px;color:var(--text-muted);font-size:10px;letter-spacing:.5px;padding:2px 8px;position:absolute;right:8px;text-transform:uppercase}@media (max-width:768px){.affiliate-banner-container{border-radius:8px;margin:0 16px;max-width:100%}.affiliate-banner-image{border-radius:8px}}.affiliate-banner-container.sidebar{max-width:300px}.affiliate-banner-container.inline{max-width:100%}.picker-info{background:#d4af370d;border-radius:8px;color:var(--gold);font-size:13px;margin-top:12px;padding:12px;text-align:center}.picker-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:400px;padding:8px}.deep-scan-panel{padding:24px}.deep-scan-header{margin-bottom:32px}.deep-scan-header h2{color:var(--gold);font-family:var(--font-heading);font-size:24px;margin:0 0 8px}.deep-scan-header .admin-hint{color:var(--text-muted);font-size:14px;line-height:1.6}.scan-controls-section,.scan-results-section,.scan-status-section{background:#0000004d;border:1px solid #d4af3733;border-radius:12px;margin-bottom:24px;padding:20px}.scan-controls-section h3,.scan-results-section h3,.scan-status-section h3{color:var(--gold);font-size:16px;margin:0 0 16px}.dimension-hint{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.dimension-badge,.format-badge{align-items:center;background:#3b82f626;border:1px solid #3b82f666;border-radius:6px;color:#93c5fd;display:inline-flex;font-size:12px;gap:6px;padding:6px 12px}.format-badge{background:#8b5cf626;border-color:#8b5cf666;color:#c4b5fd}.upload-btn-label{cursor:pointer;display:inline-block}.apply-btn{background:linear-gradient(135deg,#22c55e,#15803d)!important;margin-top:12px}.apply-btn:hover:not(:disabled){box-shadow:0 0 15px #22c55e66}.status-grid{display:flex;flex-wrap:wrap;gap:24px}.status-ai,.status-total{background:#0006;border:1px solid #d4af374d;border-radius:10px;padding:20px 32px;text-align:center}.status-number{color:var(--gold);display:block;font-family:var(--font-heading);font-size:36px;font-weight:700}.status-label{color:var(--text-muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}.category-breakdown{flex:1;min-width:300px}.category-breakdown h4{color:var(--text-primary);font-size:14px;margin:0 0 12px}.category-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-stat{background:#0000004d;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.cat-name{color:var(--text-primary)}.cat-count{color:var(--text-muted)}.scan-options{align-items:center;display:flex;gap:12px;margin-bottom:12px}.scan-btn{font-size:15px;padding:12px 24px}.scan-btn:disabled{cursor:not-allowed;opacity:.6}.scan-note{color:var(--text-muted);font-size:12px;margin:0}.results-summary{display:flex;flex-wrap:wrap;gap:16px}.result-item{border-radius:8px;min-width:120px;padding:16px 24px;text-align:center}.result-item.success{background:#22c55e26;border:1px solid #22c55e4d}.result-item.warning{background:#eab30826;border:1px solid #eab3084d}.result-num{color:var(--text-primary);display:block;font-size:28px;font-weight:700}.result-label{color:var(--text-muted);font-size:11px;text-transform:uppercase}.scan-errors{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-top:16px;padding:12px}.scan-errors h4{color:#ef4444;font-size:14px;margin:0 0 8px}.scan-errors ul{margin:0;padding-left:20px}.scan-errors li{color:var(--text-muted);font-size:13px;margin-bottom:4px}.favorites-empty,.favorites-login-prompt,.favorites-page .hero-compact{padding:60px 20px;text-align:center}.empty-icon,.prompt-icon{font-size:64px;margin-bottom:20px}.favorites-empty h2,.favorites-login-prompt h2{color:var(--gold);font-family:var(--font-heading);font-size:28px;margin-bottom:12px}.favorites-empty p,.favorites-login-prompt p{color:var(--text-secondary);margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:400px}.favorites-header{border-bottom:1px solid var(--border-bronze);margin-bottom:24px;padding-bottom:16px}.favorites-header h2{color:var(--gold);font-family:var(--font-heading);font-size:20px;margin:0}.deep-scan-banner{align-items:center;background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:2px solid #8b5cf666;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px}.deep-scan-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf666;color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.deep-scan-btn:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf699;transform:translateY(-2px)}.deep-scan-btn.scanning{animation:pulse-scan 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#ef4444)}.deep-scan-btn.scanned{background:linear-gradient(135deg,#22c55e,#10b981)}.deep-scan-btn:disabled{cursor:not-allowed;opacity:.7}@keyframes pulse-scan{0%,to{box-shadow:0 4px 15px #f59e0b66}50%{box-shadow:0 4px 25px #ef444499}}.scan-status-badge{background:#22c55e33;color:#22c55e}.ai-rating-badge,.scan-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.ai-rating-badge{background:linear-gradient(135deg,#d4af3733,#f5d76e33);color:#d4af37}.mastery-fix-banner{background:linear-gradient(135deg,#d4af371f,#8b5c2b1f);border:2px solid #d4af374d;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 16px}.mastery-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mastery-status-label{color:#c4a052;font-size:13px;font-weight:600}.mastery-status-valid{background:#22c55e33;color:#22c55e}.mastery-status-invalid,.mastery-status-valid{border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.mastery-status-invalid{background:#ef444433;color:#ef4444}.mastery-status-unknown{color:#9ca3af;font-size:12px}.mastery-errors{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:8px 12px}.mastery-error-item{color:#f87171;font-size:11px;padding:2px 0}.mastery-fix-btn{align-self:flex-start;background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;border-radius:8px;box-shadow:0 4px 12px #d4af374d;color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.mastery-fix-btn:hover:not(:disabled){box-shadow:0 6px 16px #d4af3780;transform:translateY(-2px)}.mastery-fix-btn.fixing{animation:pulse-scan 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#dc2626)}.mastery-fix-btn.already-valid{background:linear-gradient(135deg,#22c55e,#16a34a)}.mastery-fix-btn:disabled{cursor:not-allowed;opacity:.7}.mastery-buttons-row{display:flex;flex-wrap:wrap;gap:10px}.ayumilove-fetch-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.ayumilove-fetch-btn:hover:not(:disabled){box-shadow:0 6px 16px #3b82f680;transform:translateY(-2px)}.ayumilove-fetch-btn.fetching{animation:pulse-scan 1.5s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#4f46e5)}.ayumilove-fetch-btn:disabled{cursor:not-allowed;opacity:.7}.mastery-source-badge{background:#3b82f633;border-radius:12px;color:#60a5fa;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.mastery-recommendation-note{color:#d4af37;font-size:14px;font-style:italic;margin-bottom:1rem;text-align:center}.mastery-build-info{color:#9ca3af;font-size:11px;font-style:italic}.mastery-valid-badge{background:linear-gradient(135deg,#d4af37,#f5d76e);bottom:-4px;box-shadow:0 2px 6px #0000004d;color:#1a1410;font-size:10px;height:18px;right:-4px;width:18px}.mastery-valid-badge,.scanned-overlay{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute}.scanned-overlay{background:#22c55e;box-shadow:0 2px 8px #22c55e80;color:#fff;font-size:14px;font-weight:700;height:24px;right:8px;top:8px;width:24px}.ai-tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ai-tag{background:#3b82f633;border-radius:12px;color:#60a5fa;font-size:10px;font-weight:600;padding:3px 8px}.tier-badge{background:#d4af3733;border-radius:4px;color:#d4af37;font-size:11px;padding:4px 8px}.deep-scan-tab{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a)!important;border-color:#8b5cf64d!important}.deep-scan-tab.active{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important}.deep-scan-character-sheet{background:linear-gradient(180deg,#1a1410,#0f0c09);border:2px solid #d4af37;border-radius:12px;overflow:hidden}.ds-fan-art-hero{max-height:400px;overflow:hidden;position:relative;width:100%}.ds-fan-art-image{height:auto;max-height:400px;object-fit:cover;object-position:top center;width:100%}.ds-fan-art-overlay{background:linear-gradient(#0000,#000000e6);bottom:0;left:0;padding:40px 24px 24px;position:absolute;right:0;text-align:center}.ds-champion-title{color:#d4af37;font-family:Cinzel,serif;font-size:36px;letter-spacing:2px;margin:0;text-shadow:0 2px 10px #000c}.ds-champion-subtitle{color:#c4a052;font-size:14px;letter-spacing:1px;margin:8px 0 0;text-transform:uppercase}.ds-rating-display{margin-top:16px}.ds-rating-label{color:#888;display:block;font-size:11px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.ds-rating-stars{align-items:center;display:flex;gap:4px;justify-content:center}.ds-star{color:#444;font-size:24px}.ds-star.filled{color:#d4af37;text-shadow:0 0 10px #d4af3799}.ds-rating-value{color:#d4af37;font-family:Cinzel,serif;font-size:18px;margin-left:12px}.ds-section{border-bottom:1px solid #d4af3733;padding:20px 24px}.ds-section:last-child{border-bottom:none}.ds-section-title{border-bottom:1px solid #d4af374d;color:#d4af37;font-family:Cinzel,serif;font-size:18px;margin:0 0 16px;padding-bottom:8px}.ds-lore{color:#c4a052;font-style:italic;line-height:1.6;margin:0 0 12px}.ds-rating-explanation{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.ds-tier-badges{display:flex;flex-wrap:wrap;gap:12px}.ds-tier-badge{border-radius:8px;font-size:13px;font-weight:700;padding:8px 16px}.ds-tier-badge.tier-s{background:linear-gradient(135deg,gold,#fa0);color:#1a1410}.ds-tier-badge.tier-a{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.ds-tier-badge.tier-b{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.ds-tier-badge.tier-c{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.ds-tier-badge.tier-d{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.ds-book-badge,.ds-priority-badge{background:#ffffff1a;border-radius:8px;color:var(--text-secondary);font-size:13px;padding:8px 16px}.ds-stats-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ds-stat-card{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;padding:12px;text-align:center}.ds-stat-name{color:#888;display:block;font-size:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.ds-stat-value{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:20px;font-weight:700}.ds-stat-growth{color:#666;display:block;font-size:10px;margin-top:4px}.ds-stat-bonus{color:#22c55e;display:block;font-size:11px;margin-top:2px}.ds-skills-list{display:flex;flex-direction:column;gap:12px}.ds-skill-card{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;padding:16px}.ds-skill-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.ds-skill-type{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px}.ds-skill-name{color:#d4af37;font-family:Cinzel,serif;font-size:16px}.ds-skill-details{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.ds-skill-multiplier{color:#ef4444;font-weight:700}.ds-skill-cd,.ds-skill-hits,.ds-skill-target{color:var(--text-muted);font-size:13px}.ds-skill-effects{display:flex;flex-wrap:wrap;gap:8px}.ds-effect-badge{background:#ef444433;border-radius:4px;color:#f87171;font-size:11px;padding:4px 8px}.ds-modes-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ds-mode-card{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.ds-mode-name{color:var(--text-secondary);font-size:12px;text-transform:capitalize}.ds-mode-tier{font-family:Cinzel,serif;font-size:24px;font-weight:700}.ds-mode-tier.tier-s{color:gold}.ds-mode-tier.tier-a{color:#8b5cf6}.ds-mode-tier.tier-b{color:#3b82f6}.ds-mode-tier.tier-c{color:#22c55e}.ds-mode-tier.tier-d{color:#64748b}.ds-mode-tier.tier-f{color:#ef4444}.ds-mode-role{color:#c4a052;font-size:13px}.ds-mode-notes{color:var(--text-muted);font-size:11px;line-height:1.4}.ds-behavior-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:16px}.ds-behavior-item{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;padding:12px;text-align:center}.ds-behavior-label{color:#888;display:block;font-size:10px;margin-bottom:4px;text-transform:uppercase}.ds-behavior-value{color:#d4af37;font-size:14px;font-weight:700;text-transform:capitalize}.ds-ai-priority{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;padding:12px}.ds-ai-label{color:#888;font-size:12px}.ds-ai-value{color:#a78bfa;font-weight:700}.ds-gear-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ds-gear-category h4{color:#888;font-size:13px;margin:0 0 8px;text-transform:uppercase}.ds-gear-list{display:flex;flex-wrap:wrap;gap:6px}.ds-gear-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px}.ds-gear-badge.primary{background:linear-gradient(135deg,#d4af3733,#f5d76e33);border:1px solid #d4af3766;color:#d4af37}.ds-gear-badge.alt{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.ds-gear-badge.cb{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.ds-stat-targets{border-top:1px solid #d4af3733;margin-top:16px;padding-top:16px}.ds-stat-targets h4{color:#888;font-size:13px;margin:0 0 8px;text-transform:uppercase}.ds-targets-grid{display:flex;flex-wrap:wrap;gap:16px}.ds-targets-grid span{background:#0000004d;border-radius:6px;color:var(--text-secondary);font-size:13px;padding:6px 12px}.ds-synergy-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ds-synergy-column h4{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.ds-champion-list{display:flex;flex-direction:column;gap:6px}.ds-champ-badge{border-radius:6px;font-size:13px;padding:8px 12px;text-align:center}.ds-champ-badge.synergy{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.ds-champ-badge.counter{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.ds-champ-badge.countered{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.ds-mastery-info{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;padding:16px}.ds-t6-rec{background:linear-gradient(135deg,gold,#fa0);border-radius:6px;color:#1a1410;display:inline-block;font-size:14px;font-weight:700;margin-bottom:12px;padding:6px 12px}.ds-t6-reason{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.ds-mastery-priority{color:#888;font-size:13px}.ds-tags-list{display:flex;flex-wrap:wrap;gap:8px}.ds-ai-tag{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf64d;border-radius:20px;color:#a78bfa;font-size:12px;font-weight:600;padding:8px 16px}.ds-scan-info{background:#0000004d;border-top:1px solid #d4af3733;color:#666;display:flex;font-size:11px;gap:24px;justify-content:center;padding:16px 24px}.admin-champ-item .champ-scanned-indicator{background:#22c55e;border:2px solid #1a1410;border-radius:50%;height:12px;position:absolute;right:4px;top:4px;width:12px}@media (max-width:768px){.deep-scan-banner{align-items:stretch;flex-direction:column;text-align:center}.ds-fan-art-hero{max-height:300px}.ds-champion-title{font-size:24px}.ds-gear-grid,.ds-modes-grid,.ds-stats-grid,.ds-synergy-grid{grid-template-columns:1fr}}.admin-champ-avatar{position:relative}.scanned-badge{align-items:center;background:#22c55e;border:2px solid var(--bg-primary);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px;z-index:2}.admin-champ-item.scanned{border-left:3px solid #22c55e}.mini-rating{color:#d4af37;font-size:10px;margin-left:6px}.champion-ai-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ai-tag-public{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border:1px solid #8b5cf666;border-radius:20px;color:#a78bfa;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.champion-ai-rating{background:linear-gradient(135deg,#d4af3726,#f5d76e26);border:1px solid #d4af374d;border-radius:12px;margin:16px 0;max-width:300px;padding:12px 20px;text-align:center}.air-label{color:#888;display:block;font-size:10px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.air-stars{align-items:center;display:flex;gap:4px;justify-content:center}.air-star{color:#444;font-size:22px;transition:color .3s}.air-star.filled{color:#d4af37;text-shadow:0 0 10px #d4af3799}.air-value{color:#d4af37;font-family:Cinzel,serif;font-size:18px;font-weight:700;margin-left:10px}.tier-badge-large{border-radius:6px;font-size:13px;font-weight:700;padding:6px 14px;text-transform:uppercase}.tier-badge-large.tier-s{background:linear-gradient(135deg,gold,#fa0);color:#1a1410}.tier-badge-large.tier-a{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.tier-badge-large.tier-b{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.tier-badge-large.tier-c{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.tier-badge-large.tier-d{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.intro-lore{border-top:1px solid #d4af3733;color:#c4a052;font-style:italic;margin-top:16px;padding-top:16px}.intro-analysis{color:var(--text-secondary);line-height:1.6;margin-top:12px}.fan-art-section{margin:0}.fan-art-frame{overflow:hidden;padding:0!important}.fan-art-container{align-items:center;background:linear-gradient(180deg,#1a1410,#0f0c09);display:flex;flex-direction:column;position:relative;width:100%}.champion-fan-art{display:block;height:auto;margin:0 auto;max-width:800px;object-fit:contain;width:100%}.fan-art-caption{background:#0009;padding:20px 24px;text-align:center;width:100%}.fan-art-label{color:#888;display:block;font-size:10px;letter-spacing:2px;margin-bottom:4px;text-transform:uppercase}.fan-art-title{color:#d4af37;font-family:Cinzel,serif;font-size:24px}.deep-skills-section{border-top:1px solid #d4af3733;margin-top:32px;padding-top:24px}.subsection-title{color:#c4a052;font-family:Cinzel,serif;font-size:16px;margin:0 0 16px}.deep-skills-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.deep-skill-card{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;padding:16px}.dsk-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.dsk-type{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px}.dsk-name{color:#d4af37;font-family:Cinzel,serif;font-size:15px}.dsk-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.dsk-stat{color:var(--text-muted);font-size:13px}.dsk-stat strong{color:#ef4444}.dsk-effects{display:flex;flex-wrap:wrap;gap:6px}.dsk-effect{background:#ef444433;border-radius:4px;color:#f87171;font-size:11px;padding:4px 8px}.mode-effectiveness-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.mode-card{background:#0000004d;border:1px solid #d4af3733;border-radius:10px;padding:16px;transition:transform .2s,box-shadow .2s}.mode-card:hover{box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mode-name{color:var(--text-secondary);text-transform:capitalize}.mode-tier{font-family:Cinzel,serif;font-size:28px;font-weight:700}.mode-tier.tier-s{color:gold;text-shadow:0 0 10px #ffd70080}.mode-tier.tier-a{color:#a78bfa}.mode-tier.tier-b{color:#60a5fa}.mode-tier.tier-c{color:#4ade80}.mode-tier.tier-d{color:#94a3b8}.mode-tier.tier-f{color:#f87171}.mode-role{color:#c4a052;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.mode-notes{color:var(--text-muted);font-size:12px;line-height:1.4;margin:0}.combat-behavior-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.behavior-card{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;padding:16px;text-align:center}.behavior-label{color:#888;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.behavior-value{color:#d4af37;font-size:16px;font-weight:700;text-transform:capitalize}.ai-priority-display{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid #8b5cf64d;border-radius:8px;padding:16px;text-align:center}.ap-label{color:#888;font-size:13px;margin-right:10px}.ap-value{color:#a78bfa;font-size:16px;font-weight:700}.enhanced-gear .gear-section{margin-bottom:20px}.enhanced-gear .gear-sets{display:flex;flex-wrap:wrap;gap:10px}.gear-set.primary-set{background:linear-gradient(135deg,#d4af3733,#f5d76e33);border:1px solid #d4af3766;color:#d4af37}.gear-set.alt-set{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.gear-set.cb-set{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.gear-set.arena-set{background:#8b5cf633;border:1px solid #8b5cf64d;color:#a78bfa}.stat-targets-section{border-top:1px solid #d4af3733;padding-top:20px}.stat-targets-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.target-card{border:1px solid #d4af3733;border-radius:8px;padding:12px}.target-label{color:#888;font-size:10px;margin-bottom:4px;text-transform:uppercase}.target-value{color:#d4af37;font-family:Cinzel,serif;font-size:18px}.synergies-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.synergy-column{background:#0003;border-radius:10px;padding:20px}.synergy-title{font-family:Cinzel,serif;font-size:16px;margin:0 0 16px}.synergy-title.synergy-good{color:#4ade80}.synergy-title.synergy-counter{color:#60a5fa}.synergy-title.synergy-bad{color:#f87171}.synergy-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.synergy-champ{border-radius:6px;font-size:14px;font-weight:600;padding:10px 14px;text-align:center}.synergy-champ.good{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.synergy-champ.counter{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.synergy-champ.bad{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.synergy-explanations{border-top:1px solid #ffffff1a;padding-top:12px}.synergy-explain{color:var(--text-muted);font-size:12px;line-height:1.4;margin-bottom:8px}.synergy-explain strong{color:#4ade80}@media (max-width:768px){.champion-ai-rating{max-width:100%}.combat-behavior-grid,.deep-skills-grid,.mode-effectiveness-grid,.synergies-grid{grid-template-columns:1fr}.stat-targets-grid{grid-template-columns:repeat(2,1fr)}.fan-art-title{font-size:18px}}.epic-chronicle-scroll{background:linear-gradient(180deg,#f4e4bc,#e8d5a3 10%,#f0e0b0 50%,#e8d5a3 90%,#d4c090);border:3px solid #8b7355;border-radius:8px;box-shadow:0 4px 20px #0006,inset 0 0 30px #8b73554d;overflow:hidden;padding:0;position:relative}.epic-chronicle-scroll:after,.epic-chronicle-scroll:before{background:linear-gradient(90deg,#8b7355,#a08060 20%,#b09070 50%,#a08060 80%,#8b7355);border-radius:50%;box-shadow:0 2px 5px #0000004d;content:"";height:20px;left:0;position:absolute;right:0}.epic-chronicle-scroll:before{top:-10px}.epic-chronicle-scroll:after{bottom:-10px}.scroll-header{background:linear-gradient(180deg,#8b735533,#0000);border-bottom:1px solid #8b73554d;padding:30px 30px 15px;text-align:center}.scroll-ornament{color:#6b4423;font-size:24px;margin:0 15px}.scroll-title{color:#4a3520;font-family:Tangerine,cursive;font-size:42px;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 2px #0003}.scroll-content{max-height:500px;overflow-y:auto;padding:25px 40px}.scroll-content::-webkit-scrollbar{width:8px}.scroll-content::-webkit-scrollbar-track{background:#8b735533;border-radius:4px}.scroll-content::-webkit-scrollbar-thumb{background:#8b7355;border-radius:4px}.chronicle-text{color:#3d2914;font-family:IM Fell English,serif;font-size:18px;line-height:1.8;margin:0;text-align:justify;text-indent:2em;white-space:pre-wrap}.chronicle-text:first-letter{color:#6b4423;float:left;font-family:Tangerine,cursive;font-size:72px;line-height:.8;padding-right:10px;text-shadow:2px 2px 3px #0003}.scroll-footer{background:linear-gradient(0deg,#8b735533,#0000);border-top:1px solid #8b73554d;padding:15px 30px 30px;text-align:right}.scribe-signature{color:#6b4423;font-family:Tangerine,cursive;font-size:24px;font-style:italic}.rating-tooltip-container{margin-top:12px;position:relative}.rating-info-btn{background:#0000;border:1px solid #d4af3766;border-radius:20px;color:#c4a052;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s}.rating-info-btn:hover{background:#d4af371a;border-color:#d4af37}.rating-tooltip-content{left:50%;margin-top:10px;max-width:90vw;opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:all .3s;visibility:hidden;width:350px;z-index:100}.rating-info-btn:focus+.rating-tooltip-content,.rating-tooltip-container:hover .rating-tooltip-content{opacity:1;visibility:visible}.tooltip-scroll{background:linear-gradient(180deg,#f4e4bc,#e8d5a3);border:2px solid #8b7355;border-radius:8px;box-shadow:0 4px 20px #0006;max-height:400px;overflow-y:auto;padding:20px}.tooltip-header{border-bottom:1px solid #8b73554d;color:#4a3520;display:block;font-family:Tangerine,cursive;font-size:28px;margin-bottom:12px;padding-bottom:8px;text-align:center}.tooltip-text{color:#3d2914;font-family:IM Fell English,serif;font-size:14px;line-height:1.6;margin:0;text-align:justify}@media (max-width:768px){.scroll-title{font-size:32px}.chronicle-text{font-size:16px;text-indent:1em}.chronicle-text:first-letter{font-size:56px}.scroll-content{max-height:400px;padding:20px 25px}.rating-tooltip-content{left:0;transform:none;width:300px}}.champion-meta-summary{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:12px 0;max-width:600px}.role-badges-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.role-badge-semantic{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge-speed{background:linear-gradient(135deg,#06b6d440,#22d3ee40);border:1px solid #22d3ee66;color:#22d3ee}.badge-buff{background:linear-gradient(135deg,#22c55e40,#4ade8040);border:1px solid #4ade8066;color:#4ade80}.badge-debuff{background:linear-gradient(135deg,#ef444440,#f8717140);border:1px solid #f8717166;color:#f87171}.badge-damage{background:linear-gradient(135deg,#f9731640,#fb923c40);border:1px solid #fb923c66;color:#fb923c}.badge-control{background:linear-gradient(135deg,#a855f740,#c084fc40);border:1px solid #c084fc66;color:#c084fc}.badge-arena{background:linear-gradient(135deg,#d4af3740,#f5d76e40);border:1px solid #d4af3766;color:#d4af37}.badge-default{background:linear-gradient(135deg,#8b5cf640,#a78bfa40);border:1px solid #a78bfa66;color:#a78bfa}.faq-section{margin-top:0}.faq-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.faq-item{background:#0000004d;border:1px solid #d4af3733;transition:all .3s}.faq-item:hover{border-color:#d4af3766}.faq-item[open]{border-color:#d4af37;box-shadow:0 4px 20px #d4af3726}.faq-question{color:#d4af37;font-family:Cinzel,serif;font-size:14px;list-style:none;transition:background .3s}.faq-question::-webkit-details-marker{display:none}.faq-question:after{color:#c4a052;content:"+";font-size:20px;transition:transform .3s}.faq-item[open] .faq-question:after{transform:rotate(45deg)}.faq-question:hover{background:#d4af371a}.faq-answer{border-top:1px solid #d4af3733;padding:0 20px 16px}.faq-answer p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:12px 0 0}.faq-item-aeo{background:#0000004d;border:1px solid #d4af3733;border-radius:10px;padding:20px;transition:border-color .3s}.faq-item-aeo:hover{border-color:#d4af3766}.faq-question-h3{color:#d4af37;font-family:Cinzel,serif;font-size:15px;line-height:1.4;margin:0 0 10px}.faq-answer-aeo{color:var(--text-secondary);font-size:14px;line-height:1.7;margin:0}.faq-answer-aeo strong{color:#e8d5a3}.contextual-links-section{margin-top:24px}.contextual-links-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.contextual-link-card{align-items:center;background:#d4af3714;border:1px solid #d4af3733;border-radius:8px;color:#c4a052;display:inline-flex;font-size:13px;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s}.contextual-link-card:hover{background:#d4af3726;border-color:#d4af37;color:#d4af37;text-decoration:none}.cl-icon{font-size:16px}.cl-text{font-weight:500}.why-use-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.why-use-card{background:#0000004d;border:1px solid #d4af3733;border-radius:12px;padding:20px;transition:all .3s}.why-use-card:hover{box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.strengths-card{border-left:4px solid #4ade80}.weaknesses-card{border-left:4px solid #f87171}.investment-card{border-left:4px solid #60a5fa}.wuc-title{align-items:center;color:var(--text-primary);display:flex;font-family:Cinzel,serif;font-size:16px;gap:10px;margin:0 0 16px}.wuc-icon{font-size:20px}.wuc-list{list-style:none;margin:0;padding:0}.wuc-item{align-items:flex-start;border-bottom:1px solid #ffffff0d;color:var(--text-secondary);display:flex;font-size:14px;gap:10px;padding:8px 0}.wuc-item:last-child{border-bottom:none}.wuc-item .item-icon{flex-shrink:0;text-align:center;width:20px}.wuc-item.strength{color:#4ade80}.wuc-item.weakness{color:#f87171}.wuc-item.neutral{color:#60a5fa}.investment-meters{display:flex;flex-direction:column;gap:12px}.invest-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:10px 0}.invest-row:last-child{border-bottom:none}.invest-label{color:var(--text-muted);font-size:13px}.invest-value{border-radius:20px;font-size:11px;font-weight:700;padding:4px 12px}.invest-high{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.invest-medium{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.invest-low{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.excels-card{border-radius:8px;padding:16px 18px;transition:all .3s ease}.excels-card:hover{border-color:var(--tier-color,#3a3028);box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.excels-card.tier-S{background:linear-gradient(135deg,#ffd70014,#0c0a08f2)}.excels-card.tier-A{background:linear-gradient(135deg,#a78bfa0f,#0c0a08f2)}.excels-card.tier-D,.excels-card.tier-F{--tier-color:#9ca3af}.excels-mode-header{margin-bottom:10px}.excels-mode-name{font-size:15px}.excels-tier-badge{border-radius:4px;font-size:13px;letter-spacing:.05em;padding:3px 12px}.excels-tier-badge.tier-S{box-shadow:0 0 12px #ffd70066}.excels-tier-badge.tier-A{box-shadow:0 0 8px #8b5cf64d}.excels-tier-badge.tier-B{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.excels-tier-badge.tier-C{background:linear-gradient(135deg,#4ade80,#22c55e)}.excels-tier-badge.tier-D,.excels-tier-badge.tier-F{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.excels-role{font-size:13px}.excels-notes{font-size:12px;line-height:1.5;margin:0}@media (max-width:640px){.excels-grid{grid-template-columns:1fr}}.skill-card{background:#0000004d;border:1px solid #d4af3733;border-radius:12px;margin-bottom:16px;overflow:hidden;padding:0;transition:all .3s}.skill-card:hover{border-color:#d4af3766;box-shadow:0 4px 20px #0000004d}.skill-name-h3{align-items:center;background:linear-gradient(90deg,#d4af3726,#0000);border-bottom:1px solid #d4af3733;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:16px;justify-content:space-between;margin:0;padding:16px 20px}.skill-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;padding:16px 20px}.skill-cooldown-text,.skill-multiplier{color:var(--text-muted);font-size:13px;margin:0;padding:0 20px 12px}.skill-cooldown-text strong{color:#22d3ee}.skill-multiplier strong{color:#fb923c}.skill-books{font-size:13px;padding:0 20px 16px}.skill-books strong{color:#a78bfa;display:block;margin-bottom:8px}.skill-books ul{color:var(--text-muted);margin:0;padding-left:20px}.skill-books li{margin:4px 0}@media (max-width:768px){.faq-grid,.why-use-grid{grid-template-columns:1fr}.role-badges-row{justify-content:center}.champion-meta-summary{text-align:center}}.synergy-champ-link{border-radius:6px;display:block;font-size:14px;font-weight:600;padding:10px 14px;text-align:center;text-decoration:none;transition:all .3s}.synergy-champ-link.good{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.synergy-champ-link.good:hover{background:#22c55e40;box-shadow:0 2px 10px #22c55e4d;transform:translateX(4px)}.synergy-champ-link.counter{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.synergy-champ-link.counter:hover{background:#3b82f640;box-shadow:0 2px 10px #3b82f64d;transform:translateX(4px)}.synergy-champ-link.bad{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.synergy-champ-link.bad:hover{background:#ef444440;box-shadow:0 2px 10px #ef44444d;transform:translateX(4px)}.synergy-explain-link{color:#4ade80;text-decoration:none;transition:color .3s}.synergy-explain-link:hover{color:#86efac;text-decoration:underline}.champion-summary-scroll{background:linear-gradient(180deg,#f4e4bc,#e8d5a3 10%,#f0e0b0 50%,#e8d5a3 90%,#d4c090);border:3px solid #8b7355;box-shadow:0 4px 30px #0006,inset 0 0 40px #8b735533}.summary-scroll-header{background:linear-gradient(180deg,#8b735540,#0000);border-bottom:2px solid #8b73554d;padding:24px 30px 16px}.summary-character-art{width:280px}.summary-art-image{animation:float-subtle 4s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));max-height:400px;object-fit:contain}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.summary-text{color:#3d2914;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.8;text-align:justify}.summary-inline-link{color:#8b5a2b;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.summary-inline-link:hover{color:#d4af37;text-decoration:underline}.summary-text:first-letter{color:#6b4423;font-size:48px;line-height:.9;padding-right:8px}.summary-scroll-footer{background:linear-gradient(0deg,#8b735540,#0000);border-top:2px solid #8b73554d;padding:16px 30px 24px}.summary-signature{color:#6b4423;font-family:Georgia,serif;font-style:italic}@media (max-width:900px){.summary-scroll-content{align-items:center;flex-direction:column;text-align:center}.summary-character-art{margin-bottom:20px;width:200px}.summary-text{text-align:left}.summary-text:first-letter{font-size:36px}}@media (max-width:600px){.summary-scroll-content{padding:20px}.summary-character-art{width:160px}.summary-text{font-size:14px}}.mastery-build-info{background:#0000004d;border:1px solid #d4af3733;border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px;padding:16px 20px}.mastery-point-count,.mastery-trees-used,.t6-capstone{align-items:center;display:flex;gap:8px}.points-label,.t6-label,.trees-label{color:var(--text-muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.tree-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.tree-badge.tree-offense{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.tree-badge.tree-defense{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.tree-badge.tree-support{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.tree-badge.tree-locked{background:#64646433;border:1px solid #6464644d;color:#888;text-decoration:line-through}.points-value{color:#d4af37;font-size:18px}.points-value,.t6-value{font-family:Cinzel,serif;font-weight:700}.t6-value{color:gold;font-size:14px;text-transform:capitalize}.tree-reasoning-text{background:#8b5cf61a;border-left:3px solid #8b5cf6;border-radius:0 8px 8px 0;color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 0 16px;padding:12px 16px}.t6-explanation-box{background:linear-gradient(135deg,#ffd7001a,#d4af371a);border:1px solid #d4af374d;border-radius:10px;margin-bottom:16px;padding:16px}.t6-exp-label{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:14px;margin-bottom:8px}.t6-exp-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.mastery-context-selector{align-items:center;background:#0006;border:1px solid #d4af3740;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.context-label{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.context-dropdown{appearance:none;background:#141419e6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #d4af374d;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;min-width:140px;padding:8px 32px 8px 12px;transition:border-color .2s,box-shadow .2s}.context-dropdown:hover{border-color:#d4af3780}.context-dropdown:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3733;outline:none}.context-dropdown option{background:#1a1a1f;color:#fff;padding:8px}.recommended-badge{background:#d4af3726;color:#d4af37;font-weight:600}.converged-badge,.recommended-badge{border-radius:12px;font-size:11px;padding:4px 10px}.converged-badge{background:#9ca3af26;color:#9ca3af;font-style:italic;font-weight:500}.convergence-notice{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f640;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.convergence-icon{flex-shrink:0;font-size:16px}.convergence-content{flex:1}.convergence-text{color:#93c5fd;display:block;font-size:13px;line-height:1.5}.convergence-why{font-size:12px;margin-top:8px}.convergence-why summary{color:#60a5fa;cursor:pointer;font-weight:500}.convergence-why summary:hover{text-decoration:underline}.convergence-why p{color:#9ca3af;line-height:1.5;margin:6px 0 0}@media (max-width:480px){.mastery-context-selector{flex-wrap:wrap;gap:8px}.context-dropdown{flex:1;min-width:120px}.convergence-notice{padding:10px 12px}.convergence-text{font-size:12px}}@media (max-width:768px){.mastery-build-info{flex-direction:column;gap:12px}}.champion-summary-scroll{background:linear-gradient(180deg,#1a1815,#252220 50%,#1a1815);border:2px solid #d4af37;border-radius:12px;box-shadow:0 0 40px #d4af3733,inset 0 0 60px #00000080;overflow:hidden;position:relative}.champion-summary-scroll:before{background:linear-gradient(90deg,#0000,#d4af37,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-scroll-header{background:linear-gradient(180deg,#d4af3726,#0000);border-bottom:1px solid #d4af374d;padding:20px 30px;text-align:center}.summary-scroll-header .scroll-title{color:#d4af37;font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;letter-spacing:3px;text-shadow:0 0 20px #d4af3780;text-transform:uppercase}.summary-scroll-header .scroll-ornament{color:#d4af37;font-size:20px;margin:0 15px;opacity:.8}.summary-scroll-content{align-items:flex-start;display:flex;gap:30px;padding:30px}.summary-character-art{border-radius:12px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:300px}.summary-character-art:hover{box-shadow:0 0 30px #d4af3766,0 10px 40px #00000080;transform:scale(1.03)}.summary-character-art:hover .summary-art-image{filter:brightness(1.1)}.summary-character-art:hover .art-hover-overlay{opacity:1}.summary-art-image{border:2px solid #d4af374d;border-radius:12px;display:block;height:auto;transition:filter .4s ease;width:100%}.art-hover-overlay{align-items:center;background:linear-gradient(#0000,#000000e6);bottom:0;display:flex;flex-direction:column;gap:8px;left:0;opacity:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease}.expand-icon{animation:pulse-glow 2s ease-in-out infinite;font-size:32px}.expand-text{color:#d4af37;font-family:Rajdhani,sans-serif;font-size:14px;letter-spacing:2px;text-transform:uppercase}.summary-text-content{flex:1;min-width:0}.summary-text{color:#e0d5c5;font-family:Exo\ 2,sans-serif;font-size:17px;line-height:1.9;margin:0;white-space:pre-wrap}.summary-text:first-letter{color:#d4af37;float:left;font-family:Rajdhani,sans-serif;font-size:56px;font-weight:700;line-height:.85;padding-right:12px;text-shadow:0 0 10px #d4af3780}.summary-audio-player{background:linear-gradient(135deg,#d4af371a,#8b5cf61a);border:1px solid #d4af374d;border-radius:12px;margin-bottom:24px;padding:16px}.audio-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.audio-icon{animation:pulse-glow 2s ease-in-out infinite;font-size:24px}.audio-label{color:#d4af37;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.audio-element{border-radius:20px;height:40px;outline:none;width:100%}.audio-element::-webkit-media-controls-panel{background:linear-gradient(135deg,#2a2520,#1a1815)}.audio-element::-webkit-media-controls-play-button{background-color:#d4af37;border-radius:50%}.summary-scroll-footer{background:linear-gradient(0deg,#d4af371a,#0000);border-top:1px solid #d4af374d;padding:16px 30px;text-align:right}.summary-signature{color:#8b7355;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:500;letter-spacing:1px}.fan-art-lightbox{align-items:center;backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:999999}.lightbox-backdrop{display:none}.lightbox-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:85vh;max-width:90vw;padding:20px;position:relative}.lightbox-close{background:#000000e6;border:2px solid #d4af37;border-radius:50%;color:#d4af37;cursor:pointer;font-size:20px;height:44px;position:absolute;right:-15px;top:-15px;transition:all .3s ease;width:44px;z-index:10}.lightbox-close:hover{background:#d4af37;box-shadow:0 0 20px #d4af3780;color:#1a1815;transform:rotate(90deg)}.lightbox-image{animation:image-glow 3s ease-in-out infinite alternate;border:3px solid #d4af37;border-radius:12px;box-shadow:0 0 60px #d4af374d,0 20px 60px #00000080;max-height:75vh;max-width:100%;object-fit:contain}@keyframes image-glow{0%{box-shadow:0 0 40px #d4af3733,0 20px 60px #00000080}to{box-shadow:0 0 60px #d4af3766,0 20px 60px #00000080}}.lightbox-caption{margin-top:24px;text-align:center}.lightbox-caption h3{color:#d4af37;font-family:Rajdhani,sans-serif;font-size:32px;letter-spacing:4px;margin:0 0 8px;text-shadow:0 0 20px #d4af3780;text-transform:uppercase}.lightbox-caption p{color:#8b7355;font-family:Exo\ 2,sans-serif;font-size:16px;margin:0 0 12px}.ai-generated-tag{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border:1px solid #8b5cf680;border-radius:20px;color:#a78bfa;display:inline-block;font-family:Rajdhani,sans-serif;font-size:12px;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}@media (max-width:768px){.lightbox-close{right:10px;top:10px}.lightbox-caption h3{font-size:24px}.summary-scroll-content{align-items:center;flex-direction:column}.summary-character-art{width:220px}.summary-text{font-size:15px}.summary-text:first-letter{font-size:42px}}.fan-art-lightbox .lightbox-content{z-index:10001}.fan-art-lightbox .lightbox-image{display:block!important;visibility:visible!important}.raid-preloader{align-items:center;background:#0a0908;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:99999}.preloader-backdrop{background:radial-gradient(ellipse at center,#1a1815 0,#0a0908 70%,#000 100%);height:100%;left:0;position:absolute;top:0;width:100%}.preloader-content{align-items:center;animation:preloader-fade-in .5s ease-out;display:flex;flex-direction:column;justify-content:center;padding:40px;position:relative;text-align:center;z-index:2}@keyframes preloader-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.preloader-glow{animation:glow-pulse 2s ease-in-out infinite;border-radius:50%;filter:blur(60px);height:300px;left:50%;opacity:.4;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:0}.preloader-champion-frame{align-items:center;animation:frame-glow 2s ease-in-out infinite;background:linear-gradient(180deg,#2a2520,#1a1815);border:4px solid #d4af37;border-radius:50%;box-shadow:0 0 30px #d4af374d,inset 0 0 30px #00000080;display:flex;flex-shrink:0;height:180px;justify-content:center;margin-bottom:24px;overflow:hidden;width:180px}@keyframes frame-glow{0%,to{box-shadow:0 0 30px #d4af374d,inset 0 0 30px #00000080}50%{box-shadow:0 0 50px #d4af3780,inset 0 0 30px #00000080}}.preloader-thumbnail{animation:thumbnail-scale 3s ease-in-out infinite;height:100%;object-fit:cover;width:100%}@keyframes thumbnail-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.preloader-initials{font-family:var(--font-heading),"Cinzel",serif;font-size:64px;font-weight:700;text-shadow:0 0 20px currentColor}.preloader-name{animation:name-glow 2s ease-in-out infinite alternate;color:#d4af37;font-family:var(--font-heading),"Rajdhani",sans-serif;font-size:42px;font-weight:700;letter-spacing:3px;line-height:1.2;margin:0 0 12px;text-shadow:0 0 30px #d4af3780;text-transform:uppercase}@keyframes name-glow{0%{text-shadow:0 0 20px #d4af374d}to{text-shadow:0 0 40px #d4af3799}}.preloader-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.preloader-rarity{border-radius:20px;font-family:var(--font-body),"Rajdhani",sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.preloader-rarity.rarity-legendary{background:linear-gradient(135deg,gold,#fa0);color:#1a1410}.preloader-rarity.rarity-epic{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.preloader-rarity.rarity-rare{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.preloader-divider{color:#555;font-size:20px}.preloader-faction{color:#8b7355;font-family:var(--font-body),"Exo 2",sans-serif;font-size:16px;letter-spacing:2px;text-transform:uppercase}.preloader-loading-bar{background:#ffffff1a;border-radius:3px;flex-shrink:0;height:6px;margin-bottom:16px;overflow:hidden;width:300px}.preloader-bar-fill{animation:loading-bar 1.5s ease-in-out infinite;border-radius:3px;height:100%;width:30%}@keyframes loading-bar{0%{margin-left:0;width:0}50%{margin-left:20%;width:60%}to{margin-left:100%;width:0}}.preloader-text{animation:text-pulse 1.5s ease-in-out infinite;color:#888;font-family:var(--font-body),"Exo 2",sans-serif;font-size:14px;letter-spacing:3px;text-transform:uppercase}@keyframes text-pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:768px){.preloader-champion-frame{height:140px;width:140px}.preloader-name{font-size:32px;letter-spacing:2px}.preloader-loading-bar{width:250px}}.hero-section.hero-with-video{min-height:auto;padding:0}.hero-content-split{align-items:center;display:flex;gap:40px;justify-content:center;margin:0 auto;max-width:1400px;padding:40px 30px;position:relative;z-index:2}.hero-text-side{flex:0 0 40%;max-width:450px}.hero-text-side .hero-title-large{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:16px}.hero-text-side .hero-subtitle-polished{font-size:.95rem;margin-bottom:20px}.hero-video-side{align-items:center;display:flex;flex:0 0 55%;justify-content:center}.hero-video-container{aspect-ratio:16/9;box-shadow:0 8px 40px #0009,0 0 80px #d4af3733;max-width:700px;min-width:500px}.hero-video-container,.hero-video-wrapper{border-radius:12px;overflow:hidden;position:relative;width:100%}.hero-video-wrapper{background:linear-gradient(135deg,#1a1410,#0f0c09);border:3px solid #d4af37;height:100%}.hero-video{display:block}.hero-video-placeholder{align-items:center;background:linear-gradient(135deg,#1a1410,#0f0c09);color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.hero-video-placeholder span{font-size:48px;margin-bottom:8px}.hero-video-play-btn{align-items:center;background:#000000bf;border:3px solid #d4af37;border-radius:50%;color:#d4af37;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px;z-index:5}.hero-video-play-btn:hover{background:#d4af374d;box-shadow:0 0 30px #d4af3780;transform:translate(-50%,-50%) scale(1.1)}.hero-video-play-btn svg{height:36px;width:36px}.hero-video-play-btn.playing{opacity:0;pointer-events:none}.hero-video-wrapper:hover .hero-video-play-btn.playing{opacity:.8;pointer-events:auto}.hero-video-admin .video-preview-container{margin-top:16px}.hero-video-admin .upload-progress{margin-top:12px}@media (max-width:1100px){.hero-content-split{flex-direction:column;gap:30px;padding:30px 20px;text-align:center}.hero-text-side{flex:none;max-width:100%}.hero-text-side .hero-ctas{justify-content:center}.hero-video-side{flex:none;width:100%}.hero-video-container{max-width:100%;min-width:unset;width:100%}}@media (max-width:600px){.hero-video-container{max-width:100%}.hero-video-frame{inset:-10px}.hero-video-play-btn{bottom:12px;height:40px;right:12px;width:40px}.hero-video-play-btn svg{height:20px;width:20px}}.hero-video-cover{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:all .3s ease;z-index:2}.hero-video-cover:hover{filter:brightness(1.1)}.hero-video-cover:hover .hero-video-play-btn{box-shadow:0 0 40px #d4af3799;transform:translate(-50%,-50%) scale(1.15)}.hero-video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.roster-page{margin:0 auto;max-width:1100px;min-height:100vh;padding:0 20px}.roster-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.roster-stat-card{background:linear-gradient(135deg,#d4af371a,#0000004d);border:1px solid #d4af374d;border-radius:8px;flex:1;min-width:150px;padding:20px;text-align:center}.roster-stat-card .stat-number{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700}.roster-stat-card .stat-label{color:#a89068;display:block;font-size:.9rem;margin-top:4px}.roster-stat-card.completion .completion-bar{background:#0006;border-radius:4px;height:8px;margin-top:12px;overflow:hidden}.roster-stat-card.completion .completion-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px;height:100%;transition:width .5s ease}.roster-stat-card.import-card{background:#d4af370d;border:2px dashed #d4af3766;cursor:pointer;text-decoration:none;transition:all .3s ease}.roster-stat-card.import-card:hover{background:#d4af3726;border-color:#d4af37;transform:translateY(-2px)}.roster-stat-card.import-card .stat-number{color:#d4af37;font-size:2.5rem}.roster-stat-card.import-card .stat-label{color:#d4af37}.user-dropdown-btn.user-premium-btn{color:#d4af37!important}.user-dropdown-btn.user-premium-btn:hover{background:#d4af371a}.nav-mobile-link.nav-mobile-premium{color:#d4af37}.import-roster-page .hero-breadcrumb{margin-bottom:16px}.breadcrumb-link{align-items:center;color:#fff9;display:inline-flex;font-size:.9rem;gap:6px;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#d4af37}.import-page-container{margin:0 auto;max-width:1100px;padding:0 20px}.ri{display:flex;flex-direction:column;gap:12px}.ri-controls,.ri-search{display:flex;gap:8px}.ri-search{align-items:center;background:#00000059;border:1px solid #d4af3726;border-radius:6px;flex:1;padding:8px 12px}.ri-search input{background:#0000;border:none;color:#fff;flex:1;font-size:13px;outline:none}.ri-search input::placeholder{color:#ffffff59}.ri-search svg{color:#fff6;flex-shrink:0}.ri-clear{background:none;border:none;color:#fff6;cursor:pointer;padding:2px}.ri-filter-btn{align-items:center;background:#00000059;border:1px solid #d4af3726;border-radius:6px;color:#fff9;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:8px 12px;white-space:nowrap}.ri-filter-btn.active{border-color:#d4af3766;color:#d4af37}.ri-rotated{transform:rotate(180deg)}.ri-filters{background:#0003;border:1px solid #d4af371a;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;padding:10px}.ri-filters select{background:#0006;border:1px solid #d4af3726;border-radius:5px;color:#fff;cursor:pointer;flex:1;font-size:12px;min-width:140px;padding:6px 8px}.ri-filters option{background:#1a1510}.ri-reset{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:5px;color:#ef4444;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:6px 10px}.ri-selection-bar{background:#0003;border:1px solid #d4af371a;border-radius:6px;justify-content:space-between;padding:8px 12px}.ri-selection-bar,.ri-selection-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ri-count-badge{align-items:center;border-radius:10px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.ri-count-selected{background:#d4af3726;color:#d4af37}.ri-count-roster{background:#3b82f626;color:#60a5fa}.ri-count-text{color:#fff6;font-size:11px}.ri-selection-actions{display:flex;flex-wrap:wrap;gap:6px}.ri-btn{align-items:center;background:#0000004d;border:1px solid #d4af3733;border-radius:5px;color:#ffffffb3;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;padding:6px 10px;transition:all .15s}.ri-btn:hover:not(:disabled){border-color:#d4af3766;color:#fff}.ri-btn:disabled{cursor:default;opacity:.4}.ri-btn-sm{font-size:11px;padding:5px 8px}.ri-btn-gold{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:#d4af3766;color:#d4af37}.ri-btn-gold:hover:not(:disabled){background:#d4af374d;color:#fff}.ri-result{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px}.ri-result button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto}.ri-result-ok{background:#22c55e1a;border:1px solid #22c55e33;color:#4ade80}.ri-result-err{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.ri-empty,.ri-loading{align-items:center;color:#ffffff59;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;padding:40px}.ri-spin{animation:ri-rotate 1s linear infinite}@keyframes ri-rotate{to{transform:rotate(1turn)}}.ri-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ri-card{align-items:center;background:#0000004d;border:1px solid #d4af371a;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 6px 8px;position:relative;transition:all .15s}.ri-card:hover{background:#0006;border-color:#d4af374d}.ri-card-selected{background:#d4af3714;border-color:#d4af3799}.ri-card-inroster{cursor:default;opacity:.45}.ri-card-check{position:absolute;right:5px;top:5px}.ri-checkbox{align-items:center;background:#0000004d;border:1px solid #fff3;border-radius:3px;display:flex;height:16px;justify-content:center;width:16px}.ri-checkbox-on{background:#d4af37;border-color:#d4af37;color:#000}.ri-roster-badge{background:#3b82f666;border-radius:3px;color:#fff;height:16px;width:16px}.ri-card-img,.ri-roster-badge{align-items:center;display:flex;justify-content:center}.ri-card-img{border:2px solid #d4af3733;border-radius:50%;height:56px;overflow:hidden;width:56px}.ri-card-img img{height:100%;object-fit:cover;width:100%}.ri-card-fallback{align-items:center;background:#00000080;border-radius:50%;color:#fff6;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.ri-card-info{text-align:center}.ri-card-name{color:#ffffffd9;display:block;font-size:11px;font-weight:600;line-height:1.2}.ri-card-meta{color:#fff6;display:block;font-size:10px;line-height:1.3}.ri-pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding:8px 0}.ri-page-info{color:#ffffff80;font-size:12px}.ri-auth-required{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:12px;padding:48px}.ri-auth-required h3{color:#d4af37;font-size:16px}@media (max-width:640px){.ri-controls,.ri-selection-bar{flex-direction:column}.ri-selection-bar{align-items:stretch}.ri-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.import-page-tips{background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;margin-top:24px;padding:20px}.import-page-tips h4{align-items:center;color:#60a5fa;display:flex;gap:8px;margin:0 0 12px}.import-page-tips ul{color:#ffffffb3;margin:0;padding-left:20px}.import-page-tips li{line-height:1.5;margin-bottom:8px}.import-page-tips strong{color:#d4af37}.roster-filters{background:#0000004d;border:1px solid #3a3530;border-radius:8px;margin-bottom:20px;padding:16px}.roster-filters .filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.roster-filters .filter-row:last-child{margin-bottom:0}.roster-filters .search-input{background:#0006;border:1px solid #4a4035;border-radius:6px;color:#e8e0d4;flex:1;font-size:14px;min-width:200px;padding:10px 14px}.roster-filters .search-input:focus{border-color:#d4af37;outline:none}.roster-filters .filter-select{background:#0006;border:1px solid #4a4035;border-radius:6px;color:#e8e0d4;cursor:pointer;font-size:14px;min-width:140px;padding:10px 14px}.roster-filters .filter-select:focus{border-color:#d4af37;outline:none}.view-mode-row{align-items:center;justify-content:space-between}.view-mode-buttons{display:flex;gap:8px}.view-mode-btn{background:#0006;border:1px solid #4a4035;border-radius:6px;color:#a89068;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.view-mode-btn.active,.view-mode-btn:hover{border-color:#d4af37;color:#d4af37}.view-mode-btn.active{background:#d4af3733}.bulk-actions{display:flex;gap:8px}.bulk-btn{border-radius:6px;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.bulk-btn.select-all{background:#22c55e33;border:1px solid #22c55e80;color:#86efac}.bulk-btn.select-all:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e}.bulk-btn.deselect-all{background:#dc262633;border:1px solid #dc262680;color:#fca5a5}.bulk-btn.deselect-all:hover:not(:disabled){background:#dc26264d;border-color:#dc2626}.bulk-btn:disabled{cursor:not-allowed;opacity:.5}.roster-count{color:#a89068;font-size:14px;margin-bottom:16px}.roster-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.roster-card{background:linear-gradient(135deg,#1a1410,#0f0c09);border:2px solid #3a3530;border-radius:8px;cursor:pointer;padding:12px;position:relative;text-align:center;transition:all .2s ease}.roster-card:hover{border-color:#d4af37;transform:translateY(-2px)}.roster-card.owned{background:linear-gradient(135deg,#22c55e1a,#0f0c09);border-color:#22c55e}.roster-card.not-owned{opacity:.7}.roster-card.not-owned:hover{opacity:1}.roster-card-checkbox{font-size:18px;left:8px;position:absolute;top:8px;z-index:2}.roster-card-portrait{background:#0006;border:2px solid #4a4035;border-radius:50%;height:60px;margin:0 auto 8px;overflow:hidden;position:relative;width:60px}.roster-card.owned .roster-card-portrait{border-color:#22c55e}.roster-card-portrait img{height:100%;object-fit:cover;width:100%}.roster-card-portrait .champion-fallback{align-items:center;color:#4a4035;display:flex;font-size:24px;inset:0;justify-content:center;position:absolute}.roster-card-info h4{color:#e8e0d4;font-size:12px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-card-info .rarity-badge{font-size:10px;padding:2px 6px}.roster-card-link{align-items:center;background:#0009;border:1px solid #4a4035;border-radius:4px;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;text-decoration:none;top:8px;transition:all .2s ease;width:24px;z-index:2}.roster-card-link:hover{background:#d4af37;border-color:#d4af37}.roster-container{padding:0}.roster-stats-bar{background:#0000004d;margin-bottom:20px;padding:16px 20px}.roster-stats-bar .roster-stat{align-items:baseline;display:flex;gap:6px}.roster-stats-bar .stat-number{color:#d4af37;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700}.roster-stats-bar .stat-label{color:#6b5c4a;font-size:.9rem}.roster-usage-bar{min-width:100px}.roster-usage-fill{transition:width .3s ease}.roster-usage-fill.near-limit{background:linear-gradient(90deg,#ef4444,#f87171)}.roster-import-link,.roster-upgrade-link{border:1px solid #d4af374d;color:#d4af37;font-size:.8rem;padding:8px 14px}.roster-import-link:hover,.roster-upgrade-link:hover{background:#d4af3726;border-color:#d4af37}.roster-upgrade-link{background:linear-gradient(135deg,#d4af3733,#0000004d)}.roster-limit-error{background:linear-gradient(135deg,#ef444426,#0000004d);border:1px solid #ef444466;padding:14px 20px}.limit-error-icon{font-size:1.2rem}.limit-error-text{font-size:.9rem}.limit-upgrade-btn{background:linear-gradient(135deg,#d4af37,#c4a052);color:#1a1510;font-size:.85rem}.limit-upgrade-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-1px)}.add-champion-btn{background:linear-gradient(135deg,#d4af3726,#0000004d);border:1px solid #d4af3766;font-size:.95rem;padding:12px 24px}.add-champion-btn:hover:not(:disabled){background:#d4af3740}.add-champion-btn.active{background:#d4af3733;border-color:#d4af37}.add-champion-btn:disabled{color:#6b5c4a}.champion-search-box{overflow:hidden}.champion-search-input{background:#0000;border:none;color:#e8e0d4;outline:none;padding:14px 16px}.champion-search-input::placeholder{color:#6b5c4a}.search-status{color:#6b5c4a;font-size:.85rem;padding:12px 16px}.search-results,.search-status{border-top:1px solid #d4af371a}.search-result-item{border-bottom:1px solid #d4af370d;padding:12px 16px;transition:background .15s ease}.search-result-item:last-child{border-bottom:none}.result-name{color:#e8e0d4;font-weight:500}.result-rarity{font-size:.8rem}.result-faction{color:#6b5c4a;font-size:.8rem;min-width:100px}.result-add{background:#d4af3733;border-radius:4px;color:#d4af37;font-size:.75rem;padding:4px 10px}.roster-list-section{border:1px solid #d4af3726;overflow:hidden}.roster-list-header{background:#0003;border-bottom:1px solid #d4af371a;gap:12px;padding:16px 20px}.roster-list-header h3{font-size:1.1rem}.roster-controls{gap:10px}.roster-filter-input{background:#0000004d;border:1px solid #d4af3733;border-radius:6px;color:#e8e0d4;font-size:.85rem;padding:8px 12px;width:160px}.roster-filter-input:focus{border-color:#d4af3780;outline:none}.roster-sort-select{background:#0000004d;border:1px solid #d4af3733;border-radius:6px;color:#e8e0d4;font-size:.85rem;padding:8px 12px}.roster-sort-select:focus{border-color:#d4af3780;outline:none}.roster-empty{color:#6b5c4a}.roster-empty .empty-hint{font-size:.85rem;margin-top:8px;opacity:.7}.roster-list{max-height:500px;overflow-y:auto}.roster-list-item{border-bottom:1px solid #d4af370d;padding:10px 20px;transition:background .15s ease}.roster-list-item:last-child{border-bottom:none}.roster-item-rarity-dot{height:8px;width:8px}.roster-item-name{color:#e8e0d4;font-weight:500;transition:color .15s ease}.roster-item-faction{color:#6b5c4a;font-size:.8rem}.roster-item-remove{align-items:center;background:#0000;color:#ef4444;display:flex;font-size:.7rem;height:24px;justify-content:center;opacity:.5;transition:all .15s ease;width:24px}.roster-list-item:hover .roster-item-remove{opacity:1}@media (max-width:768px){.roster-stats-bar{align-items:flex-start;flex-direction:column;gap:12px}.roster-usage-bar{width:100%}.roster-list-header{align-items:flex-start;flex-direction:column}.roster-controls{flex-direction:column;width:100%}.roster-filter-input,.roster-sort-select{width:100%}.result-faction,.roster-item-faction{display:none}.roster-stats{flex-direction:column}.roster-stat-card{min-width:100%}.roster-stat-card .stat-number{font-size:2rem}.roster-filters .filter-row{flex-direction:column}.roster-filters .filter-select,.roster-filters .search-input{width:100%}.view-mode-row{flex-direction:column;gap:12px}.view-mode-buttons{flex-wrap:wrap;width:100%}.view-mode-btn{flex:1;font-size:11px;min-width:calc(33% - 8px);padding:8px;text-align:center}.bulk-actions{width:100%}.bulk-btn{flex:1}.roster-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.roster-card{padding:8px}.roster-card-portrait{height:50px;width:50px}.roster-card-info h4{font-size:11px}}.roster-container{padding:20px 0}.roster-stats-bar{align-items:center;background:linear-gradient(135deg,#d4af371a,#0000004d);border:1px solid #d4af374d;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px}.roster-stat{align-items:baseline;display:flex;gap:4px}.roster-stat .stat-number{color:#d4af37;font-family:Cinzel,serif;font-size:2rem;font-weight:700}.roster-stat .stat-label{color:#a89068;font-size:.95rem}.roster-usage-bar{background:#0006;border-radius:4px;flex:1;height:8px;min-width:150px;overflow:hidden}.roster-usage-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px;height:100%;transition:width .5s ease}.roster-usage-fill.near-limit{background:linear-gradient(90deg,#f59e0b,#ef4444)}.roster-import-link,.roster-upgrade-link{border-radius:6px;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.roster-upgrade-link{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;color:#1a1a1a}.roster-upgrade-link:hover{box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.roster-import-link{background:#d4af371a;border:1px solid #d4af374d;color:#d4af37}.roster-import-link:hover{background:#d4af3733;border-color:#d4af37}.roster-limit-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}.limit-error-icon{font-size:1.5rem}.limit-error-text{color:#fca5a5;flex:1;font-size:.95rem}.limit-upgrade-btn{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:6px;color:#1a1a1a;font-size:.9rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.limit-upgrade-btn:hover{box-shadow:0 4px 12px #d4af3766;transform:translateY(-2px)}.roster-add-section{margin-bottom:24px}.add-champion-btn{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:2px dashed #d4af3766;border-radius:8px;color:#d4af37;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s ease;width:100%}.add-champion-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af374d,#d4af3726);border-color:#d4af37}.add-champion-btn.active{background:#d4af3726;border-style:solid}.add-champion-btn:disabled{background:#6464641a;border-color:#6464644d;color:#666;cursor:not-allowed;opacity:.5}.champion-search-box{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;margin-top:16px;padding:16px}.champion-search-input{background:#0006;border:1px solid #d4af374d;border-radius:6px;color:#fff;font-size:1rem;padding:12px 16px}.champion-search-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.search-status{color:#a89068;font-size:.9rem;padding:12px;text-align:center}.search-results{margin-top:12px;max-height:300px;overflow-y:auto}.search-result-item{background:#0000004d;border:1px solid #d4af3733;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s ease}.search-result-item:hover{border-color:#d4af37;transform:translateX(4px)}.result-name{color:#fff;flex:1}.result-faction,.result-rarity{font-size:.85rem}.result-faction{color:#a89068}.result-add{color:#22c55e;font-size:.9rem;font-weight:600}.roster-list-section{background:#0003;border:1px solid #d4af3733;border-radius:8px;padding:20px}.roster-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.roster-list-header h3{color:#d4af37;font-family:Cinzel,serif;font-size:1.3rem;margin:0}.roster-controls{display:flex;flex-wrap:wrap;gap:12px}.roster-filter-input,.roster-sort-select{background:#0006;border:1px solid #d4af374d;border-radius:6px;color:#fff;font-size:.9rem;padding:8px 12px}.roster-filter-input:focus,.roster-sort-select:focus{border-color:#d4af37;outline:none}.roster-sort-select{cursor:pointer}.roster-empty{color:#a89068;padding:40px 20px;text-align:center}.roster-empty p{margin:8px 0}.empty-hint{color:#8a7a5a;font-size:.9rem}.roster-list{display:flex;flex-direction:column;gap:8px}.roster-list-item{align-items:center;background:#0000004d;border:1px solid #d4af3733;border-radius:6px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.roster-list-item:hover{background:#d4af370d;border-color:#d4af3766}.roster-item-rarity-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.roster-item-name{color:#fff;flex:1;font-weight:600;text-decoration:none;transition:color .2s ease}.roster-item-name:hover{color:#d4af37}.roster-item-faction{color:#a89068;font-size:.9rem;min-width:120px}.roster-item-remove{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:#fca5a5;cursor:pointer;font-size:1rem;padding:4px 8px;transition:all .2s ease}.roster-item-remove:hover{background:#ef444433;border-color:#ef4444;color:#fff}@media (max-width:768px){.roster-stats-bar{align-items:stretch;flex-direction:column}.roster-usage-bar{order:2}.roster-import-link,.roster-upgrade-link{text-align:center;width:100%}.roster-list-header{align-items:stretch;flex-direction:column}.roster-controls{width:100%}.roster-filter-input,.roster-sort-select{flex:1}.roster-item-faction{display:none}.limit-error-text{font-size:.85rem}.limit-upgrade-btn{font-size:.85rem;padding:6px 12px}}.account-dashboard-header{background:linear-gradient(180deg,#0d0a08fa,#1a1410f2);padding:24px 20px 0}.dashboard-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding-bottom:20px}.dashboard-header-left{align-items:center;display:flex;gap:16px}.dashboard-header-icon{color:#d4af37;flex-shrink:0;opacity:.8}.dashboard-header-text h1{color:#f5f0e6;font-family:Cinzel,serif;font-size:1.35rem;font-weight:600;line-height:1.2;margin:0}.dashboard-header-text p{color:#c9b896b3;font-size:.85rem;line-height:1.3;margin:4px 0 0}.dashboard-header-right{align-items:center;display:flex;gap:12px}.dashboard-vip-badge{align-items:center;background:linear-gradient(135deg,#d4af3733,#b8860b26);border:1px solid #d4af3766;border-radius:20px;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.dashboard-header-divider{background:linear-gradient(90deg,#0000,#d4af374d 20%,#d4af3780 50%,#d4af374d 80%,#0000);height:1px;margin:0 auto;max-width:1100px;overflow:hidden;position:relative}.dashboard-header-divider:after{animation:divider-shimmer 7s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffe2a066 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes divider-shimmer{0%,to{left:-100%;opacity:0}10%{opacity:1}50%{left:100%;opacity:1}60%,to{opacity:0}}.content-section-compact{margin-top:-20px!important;padding-top:30px!important}@media (max-width:768px){.account-dashboard-header{padding:16px 16px 0}.dashboard-header-content{align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:16px}.dashboard-header-text h1{font-size:1.15rem}.dashboard-header-text p{font-size:.8rem}.dashboard-header-right{justify-content:flex-start;width:100%}}.profile-page{min-height:100vh}.favorites-page,.notifications-page{min-height:100vh}.clan-page,.favorites-page,.notifications-page{margin:0 auto;max-width:1100px;padding:0 20px}.profile-page .content-section{margin:0 auto;max-width:1100px;padding:40px 20px}.profile-layout{display:grid;gap:32px;grid-template-columns:280px 1fr}.profile-preview-card{background:linear-gradient(135deg,#d4af371a,#0006);border:1px solid #d4af374d;border-radius:12px;isolation:isolate;padding:24px;text-align:center}.profile-avatar-large{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:140px;justify-content:center;margin:0 auto 16px;overflow:visible;position:relative;transition:all .3s ease;width:140px}.profile-avatar-large:hover{transform:scale(1.05)}.profile-avatar-large .avatar-overlay-container{border:none}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-avatar-large .avatar-placeholder{align-items:center;background:#0006;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.profile-avatar-large .avatar-edit-overlay{align-items:center;background:#000000b3;border-radius:50%;color:#d4af37;display:flex;font-size:14px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease;z-index:10}.profile-avatar-large:hover .avatar-edit-overlay{opacity:1}.profile-display-name{color:#d4af37;font-family:Cinzel,serif;font-size:1.4rem;margin:0 0 4px}.profile-username{color:#6b5c4a;font-size:.9rem;margin:0 0 12px}.profile-champion-badge{align-items:center;background:#0000004d;border-radius:20px;color:#a89068;display:inline-flex;font-size:.85rem;gap:6px;margin-bottom:12px;padding:6px 12px}.profile-champion-badge .rarity-dot{border-radius:50%;height:8px;width:8px}.profile-bio-preview{color:#a89068;font-size:.9rem;font-style:italic;margin:0 0 16px}.profile-stats-mini{border-top:1px solid #d4af3733;display:flex;gap:24px;justify-content:center;padding-top:16px}.profile-stats-mini .stat{text-align:center}.profile-stats-mini .stat-val{color:#d4af37;display:block;font-size:1.2rem;font-weight:600}.profile-stats-mini .stat-val.vip-free{color:#6b5c4a}.profile-stats-mini .stat-val.vip-bronze{color:#cd7f32}.profile-stats-mini .stat-val.vip-silver{color:silver}.profile-stats-mini .stat-val.vip-gold{color:gold}.profile-stats-mini .stat-label{color:#6b5c4a;font-size:.75rem;text-transform:uppercase}.profile-settings{background:#0000004d;border:1px solid #3a3530;border-radius:12px;overflow:hidden}.settings-tabs{border-bottom:1px solid #3a3530;display:flex}.settings-tab{background:#0000;border:none;color:#a89068;cursor:pointer;flex:1;font-size:14px;padding:14px 20px;transition:all .2s ease}.settings-tab:hover{background:#d4af371a;color:#d4af37}.settings-tab.active{background:#d4af3726;border-bottom:2px solid #d4af37;color:#d4af37}.settings-content{padding:24px}.settings-content .form-group{margin-bottom:20px;position:relative}.settings-content .form-group label{color:#c4a052;display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.settings-content .form-group input,.settings-content .form-group textarea{background:#0006;border:1px solid #4a4035;border-radius:6px;box-sizing:border-box;color:#e8e0d4;font-size:14px;padding:12px 14px;width:100%}.settings-content .form-group input:focus,.settings-content .form-group textarea:focus{border-color:#d4af37;outline:none}.settings-content .form-group textarea{min-height:100px;resize:vertical}.settings-content .char-count{bottom:10px;color:#6b5c4a;font-size:11px;position:absolute;right:10px}.settings-content .form-hint{color:#6b5c4a;display:block;font-size:11px;margin-top:4px}.settings-content .save-btn{margin-top:8px;width:100%}.theme-settings{padding:24px}.theme-settings-header{margin-bottom:1.5rem}.theme-settings-header h3{align-items:center;color:#d4af37;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .5rem}.theme-settings-desc{color:#fff9;font-size:.85rem;margin:0}.current-avatar-section h3{color:#d4af37;font-size:1rem;margin:0 0 16px}.current-avatar-display{background:#0000004d;border-radius:8px;margin-bottom:20px;padding:16px}.current-avatar-img{border:2px solid #d4af37;border-radius:50%;height:64px;object-fit:cover;width:64px}.current-avatar-info{flex:1}.current-avatar-info p{color:#e8e0d4;font-weight:500;margin:0 0 4px}.remove-avatar-btn{background:#dc262633;border:1px solid #dc262680;border-radius:6px;color:#fca5a5;cursor:pointer;font-size:12px;padding:8px 12px}.remove-avatar-btn:hover:not(:disabled){background:#dc26264d}.no-avatar-msg{padding:24px;text-align:center}.no-avatar-msg span{display:block;font-size:48px;margin-bottom:8px}.nav-user-avatar{align-items:center;background:#0006;border:2px solid #d4af37;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.nav-avatar-img{height:100%;object-fit:cover;width:100%}.nav-avatar-fallback{font-size:16px}.nav-username{margin-left:8px}.nav-dropdown-arrow{font-size:10px;margin-left:4px;opacity:.7}.user-dropdown-header{align-items:center;border-bottom:1px solid #3a3530;display:flex;gap:12px;padding:12px 16px}.dropdown-avatar{align-items:center;background:#0006;border:2px solid #d4af37;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-avatar span{font-size:20px}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-display-name{color:#e8e0d4;font-size:14px;font-weight:600}.dropdown-username{color:#6b5c4a;font-size:12px}.dropdown-divider{background:#3a3530;height:1px;margin:4px 0}.badges-settings{padding:24px}.badges-loading{align-items:center;color:#8b7355;display:flex;flex-direction:column;gap:16px;padding:40px}.badges-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3a3530;border-radius:50%;border-top-color:#d4af37;height:32px;width:32px}.badge-stats-summary{border-bottom:1px solid #d4af3733;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.badge-stat{background:#1e191480;border:1px solid #d4af3726;border-radius:8px;flex:1;padding:16px;text-align:center}.badge-stat-value{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:24px;font-weight:700}.badge-stat-label{color:#7a6b5a;display:block;font-size:11px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}@media (max-width:768px){.badge-stats-summary{flex-wrap:wrap}.badge-stat{flex:1 1 calc(50% - 8px);min-width:100px}}.subscription-settings{padding:24px}.subscription-loading{align-items:center;color:#8b7355;display:flex;flex-direction:column;gap:16px;padding:40px}.subscription-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3a3530;border-radius:50%;border-top-color:#d4af37;height:32px;width:32px}.subscription-status-card{background:linear-gradient(135deg,#d4af371a,#d4af3705);border:1px solid #d4af374d;border-radius:12px;margin-bottom:24px;padding:20px}.subscription-status-card.free-card{background:linear-gradient(135deg,#8b73551a,#8b735505);border-color:#4a4035}.status-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.status-icon{font-size:32px}.status-info h3{color:#d4af37;font-size:1.25rem;margin:0 0 4px}.status-info p{color:#8b7355;font-size:.9rem;margin:0}.beta-price-badge{align-items:center;background:#f59e0b33;border-radius:20px;color:#f59e0b;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 10px}.subscription-details{display:flex;flex-direction:column;gap:12px}.detail-row{border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#8b7355;font-size:.9rem}.detail-value{color:#e8e0d4;font-weight:500}.free-limits{display:flex;flex-wrap:wrap;gap:20px}.limit-item{background:#0003;border-radius:8px;flex:1;min-width:120px;padding:12px;text-align:center}.limit-label{color:#8b7355;display:block;font-size:.8rem;margin-bottom:4px}.limit-value{color:#e8e0d4;display:block;font-size:1.1rem;font-weight:600}.upgrade-promo{background:linear-gradient(135deg,#f59e0b1a,#f59e0b05);border:1px solid #f59e0b4d;border-radius:12px;padding:24px;text-align:center}.promo-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#000;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:12px;padding:4px 12px}.upgrade-promo h4{color:#f59e0b;font-size:1.25rem;margin:0 0 8px}.promo-lock{color:#22c55e;font-size:.85rem;margin:0 0 16px}.promo-features{display:inline-block;list-style:none;margin:0 0 20px;padding:0;text-align:left}.promo-features li{color:#c4a052;font-size:.9rem;padding:6px 0}.upgrade-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;color:#000;font-weight:600;gap:8px;padding:12px 28px;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 8px 20px #f59e0b4d}.cancellation-section{border-top:1px solid #3a3530;padding-top:24px}.cancellation-section h4{color:#e8e0d4;font-size:1rem;margin:0 0 16px}.cancel-info-box{background:#0000004d;border-radius:10px;margin-bottom:20px;padding:16px}.info-item{align-items:flex-start;color:#c4a052;display:flex;font-size:.9rem;gap:10px;line-height:1.5;margin:0 0 12px}.info-item:last-child{margin-bottom:0}.info-check{color:#22c55e;font-weight:700}.info-lock{color:#f59e0b}.info-warn{color:#ef4444}.info-item.highlight{color:#f59e0b}.info-item.warning{background:#ef44441a;border-radius:6px;color:#fbbf24;margin-top:8px;padding:10px}.cancel-subscription-btn{background:#0000;border:1px solid #6b5c4a;border-radius:6px;color:#8b7355;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.cancel-subscription-btn:hover{border-color:#ef4444;color:#ef4444}.billing-not-linked{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;padding:16px}.gifted-subscription-notice{background:#a78bfa1a;border:1px solid #a78bfa4d;border-radius:8px;padding:16px}.gifted-subscription-notice .info-gift{color:#a78bfa;margin-right:8px}.gifted-subscription-notice .info-item.subtle{color:#8b7a9e;font-size:13px;margin-top:8px}.cancelled-notice{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:10px;display:flex;gap:16px;padding:16px}.notice-icon{font-size:24px}.notice-title{color:#60a5fa;font-weight:600;margin:0 0 8px}.notice-detail{color:#e8e0d4;font-size:.9rem;margin:0 0 8px}.notice-resubscribe{color:#8b7355;font-size:.85rem;margin:0 0 12px}.reactivate-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#b8962e);border:none;border-radius:8px;color:#1a1510;cursor:pointer;display:inline-flex;font-family:Cinzel,Georgia,serif;font-size:.9rem;font-weight:700;gap:6px;padding:10px 20px;transition:all .2s}.reactivate-btn:hover{box-shadow:0 4px 16px #d4af374d;transform:translateY(-1px)}.cancel-modal-overlay{align-items:center;backdrop-filter:blur(8px);background:#000000e6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.cancel-modal{background:linear-gradient(180deg,#1a1410,#0f0c09);border:1px solid #4a4035;border-radius:16px;max-width:480px;padding:32px;position:relative;width:100%}.modal-close-x{background:#0000;border:none;color:#6b5c4a;cursor:pointer;font-size:20px;padding:4px 8px;position:absolute;right:16px;top:16px}.modal-close-x:hover{color:#e8e0d4}.cancel-modal-header{margin-bottom:24px;text-align:center}.cancel-modal-icon{display:block;font-size:48px;margin-bottom:12px}.cancel-modal-header h3{color:#e8e0d4;font-size:1.5rem;margin:0}.cancel-modal-body{margin-bottom:24px}.cancel-reassurance{color:#8b7355;margin:0 0 20px;text-align:center}.cancel-what-happens{display:flex;flex-direction:column;gap:12px}.happens-item{align-items:flex-start;background:#0000004d;border-radius:8px;display:flex;gap:12px;padding:12px}.happens-item.good{border-left:3px solid #22c55e}.happens-item.warning{background:#ef44441a;border-left:3px solid #ef4444}.happens-icon{flex-shrink:0;font-size:16px}.happens-item.good .happens-icon{color:#22c55e}.happens-item.warning .happens-icon{color:#ef4444}.happens-item p{color:#c4a052;font-size:.9rem;line-height:1.4;margin:0}.happens-item.warning p{color:#fbbf24}.cancel-modal-actions{display:flex;flex-direction:column;gap:12px}.keep-subscription-btn{background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;border-radius:8px;color:#1a1410;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:all .2s ease;width:100%}.keep-subscription-btn:hover{box-shadow:0 8px 20px #d4af374d;transform:translateY(-2px)}.confirm-cancel-btn{background:#0000;border:1px solid #6b5c4a;border-radius:8px;color:#8b7355;cursor:pointer;font-size:.9rem;padding:12px;transition:all .2s ease;width:100%}.confirm-cancel-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.confirm-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-no-worries{color:#6b5c4a;font-size:.85rem;margin:20px 0 0;text-align:center}.profile-danger-zone{border-top:1px solid #ef444433;margin-top:48px;padding-top:32px}.danger-zone-title{align-items:center;color:#ef4444;display:flex;font-family:Cinzel,serif;font-size:18px;font-weight:600;gap:10px;margin:0 0 20px}.danger-zone-title .danger-icon{font-size:20px}.danger-zone-content{background:#ef44440d;border:1px solid #ef444433;border-radius:12px;padding:20px}.danger-zone-item{align-items:center;display:flex;gap:20px;justify-content:space-between}.danger-item-info h4{color:#e8dcc8;font-size:15px;font-weight:600;margin:0 0 6px}.danger-item-info p{color:#8a7b6a;font-size:13px;line-height:1.5;margin:0}.delete-account-btn{background:#0000;border:1px solid #ef444480;border-radius:8px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s}.delete-account-btn:hover{background:#ef44441a;border-color:#ef4444}@media (max-width:600px){.danger-zone-item{align-items:stretch;flex-direction:column;gap:16px}.delete-account-btn{width:100%}}.champion-selector-overlay{align-items:center;backdrop-filter:blur(8px);background:#000000e6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100000}.champion-selector-modal{background:linear-gradient(180deg,#1a1410,#0f0c09);border:2px solid #d4af37;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;position:relative;width:100%}.champion-selector-modal h2{color:#d4af37;font-family:Cinzel,serif;font-size:1.4rem;margin:0;padding:20px 20px 8px;text-align:center}.selector-hint{color:#a89068;font-size:.9rem;margin:0;padding:0 20px 16px;text-align:center}.selector-close{background:#0009;border:1px solid #d4af37;border-radius:50%;color:#d4af37;cursor:pointer;font-size:18px;height:36px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:36px}.selector-close:hover{background:#d4af37;color:#1a1410}.selector-filters{display:flex;gap:12px;padding:0 20px 16px}.selector-search{background:#0006;border:1px solid #4a4035;border-radius:6px;color:#e8e0d4;flex:1;font-size:14px;padding:10px 14px}.selector-search:focus{border-color:#d4af37;outline:none}.selector-rarity{background:#0006;border:1px solid #4a4035;border-radius:6px;color:#e8e0d4;cursor:pointer;font-size:14px;padding:10px 14px}.selector-count{color:#6b5c4a;font-size:.85rem;padding:0 20px 12px}.selector-loading{color:#a89068;padding:40px;text-align:center}.selector-hint-search,.selector-no-results{color:#a89068;padding:60px 40px;text-align:center}.selector-hint-search p:first-child,.selector-no-results p:first-child{font-size:1.1rem;margin-bottom:8px}.selector-hint-search .hint-sub,.selector-no-results .hint-sub{color:#6b5c4a;font-size:.85rem}.champion-selector-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(80vh - 200px);overflow-y:auto;padding:0 20px 20px}.selector-champion-card{background:#0006;border:2px solid #3a3530;border-radius:8px;cursor:pointer;padding:12px;position:relative;text-align:center;transition:all .2s ease}.selector-champion-card:hover{border-color:#d4af37;transform:translateY(-2px)}.selector-champion-card.selected{background:#22c55e1a;border-color:#22c55e}.selector-champ-portrait{background:#0006;border:2px solid #4a4035;border-radius:50%;height:60px;margin:0 auto 8px;overflow:hidden;position:relative;width:60px}.selector-champion-card:hover .selector-champ-portrait{border-color:#d4af37}.selector-champion-card.selected .selector-champ-portrait{border-color:#22c55e}.selector-champ-portrait img{height:100%;object-fit:cover;width:100%}.selector-champ-portrait .champ-fallback{align-items:center;color:#4a4035;display:flex;font-size:24px;inset:0;justify-content:center;position:absolute}.selector-champ-info{display:flex;flex-direction:column;gap:4px}.selector-champ-name{color:#e8e0d4;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-rarity{border-radius:4px;font-size:10px;padding:2px 6px}.selected-badge{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.profile-card-glow{background:radial-gradient(ellipse at center,#d4af3714 0,#0000 70%);inset:0;pointer-events:none;position:absolute;z-index:0}.profile-preview-card{overflow:hidden;position:relative}.profile-stats-block{background:#0003;border-bottom:1px solid #d4af3726;border-radius:8px;border-top:1px solid #d4af3726;display:flex;gap:32px;justify-content:center;margin:16px 0;padding:16px 0}.profile-stat-item{text-align:center}.profile-stat-value{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #d4af374d}.profile-stat-label{color:#6b5c4a;display:block;font-size:.7rem;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.profile-member-info{margin-bottom:12px;padding:12px 0}.profile-member-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;padding:4px 0}.profile-member-row .member-label{color:#6b5c4a}.profile-member-row .member-value{color:#a89068;font-weight:500}.profile-account-id{align-items:center;background:#0000004d;border:1px solid #d4af3726;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;margin:8px 0;padding:10px 16px;transition:all .2s ease}.profile-account-id:hover{background:#d4af371a;border-color:#d4af374d}.account-id-label{color:#6b5c4a;font-size:.65rem;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.account-id-value{align-items:center;color:#a89068;display:flex;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:1px}.copy-icon{font-size:.8rem;opacity:.6;transition:all .2s ease}.copy-icon.copied{color:#22c55e;opacity:1}.profile-tier-badge{align-items:center;background:linear-gradient(135deg,#d4af3726,#0000004d);border:1px solid #d4af374d;border-radius:20px;display:inline-flex;gap:8px;margin-top:8px;padding:8px 16px}.tier-icon{font-size:1rem}.tier-icon.tier-free{opacity:.6}.tier-icon.tier-bronze{color:#cd7f32}.tier-icon.tier-silver{color:silver}.tier-icon.tier-gold{color:gold}.tier-name{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tier-name.tier-free{color:#6b5c4a}.tier-name.tier-bronze{color:#cd7f32}.tier-name.tier-silver{color:silver}.tier-name.tier-gold{color:gold}.tier-icon.tier-pro{color:gold;text-shadow:0 0 10px #ffd70080}.tier-name.tier-pro{color:gold;text-shadow:0 0 8px #ffd7004d}.premium-days-badge{background:#22c55e33;border:1px solid #22c55e4d;border-radius:10px;color:#22c55e;font-size:.7rem;font-weight:500;padding:2px 8px}.form-status-bar{align-items:center;display:flex;height:24px;justify-content:flex-end;margin-bottom:8px}.form-unsaved-indicator{align-items:center;animation:fadeIn .3s ease;color:#eab308;display:flex;font-size:.75rem;gap:6px}.unsaved-dot{animation:pulse 1.5s ease-in-out infinite;background:#eab308;border-radius:50%;height:6px;width:6px}.form-saved-indicator{align-items:center;animation:fadeIn .3s ease;color:#22c55e;display:flex;font-size:.75rem;gap:6px}.saved-check{font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.char-counter{bottom:10px;color:#d4af3766;font-size:11px;opacity:0;position:absolute;right:10px;transition:all .2s ease}.char-counter.visible{color:#d4af37b3;opacity:1}.char-counter.warning{color:#f59e0b}.save-btn.has-changes{background:linear-gradient(135deg,#d4af37,#c4a052);border-color:#d4af37;box-shadow:0 0 20px #d4af374d}.save-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.avatar-nav-preview-section{background:#0000004d;border:1px solid #d4af3726;border-radius:8px;margin:24px 0;padding:16px}.avatar-nav-preview-section h4.preview-label{color:#6b5c4a;font-size:.75rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.avatar-nav-preview{align-items:center;background:#14110de6;border:1px solid #3a3530;border-radius:6px;display:flex;gap:8px;padding:8px 12px;width:fit-content}.nav-preview-circle{align-items:center;background:#0006;border:2px solid #d4af37;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.nav-preview-circle img{height:100%;object-fit:cover;width:100%}.nav-preview-placeholder{font-size:14px}.nav-preview-name{color:#e8e0d4;font-size:13px;font-weight:500}.nav-preview-arrow{color:#6b5c4a;font-size:8px;margin-left:4px}.preview-hint{color:#6b5c4a;font-size:.7rem;font-style:italic;margin:8px 0 0}.avatar-overlay-section{background:#0000004d;border:1px solid #d4af3726;border-radius:10px;margin:24px 0;padding:20px}.avatar-overlay-section h3{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:1rem;gap:8px;margin:0 0 8px}.vip-badge-inline{background:linear-gradient(135deg,#d4af37,#9a7b2a);border-radius:3px;color:#000;font-family:system-ui,sans-serif;font-size:9px;font-weight:700;padding:2px 6px;text-transform:uppercase}.overlay-section-desc{color:#8a7b6a;font-size:.85rem;margin:0 0 16px}.card-style-section{background:#0000004d;border:1px solid #d4af3726;border-radius:10px;margin:24px 0;padding:20px}.card-style-section h3{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:1rem;gap:8px;margin:0 0 8px}.current-avatar-display{align-items:center;display:flex;gap:16px}.current-avatar-display .avatar-overlay-container{flex-shrink:0}.no-avatar-msg{align-items:center;color:#6b5c4a;display:flex;flex-direction:column;gap:12px;padding:20px}.nav-preview-circle{background:#0000!important;border:none!important;overflow:visible!important}.nav-preview-circle .avatar-overlay-container{height:32px;width:32px}.nav-preview-circle .avatar-overlay-container .avatar-image{height:26px;width:26px}.profile-coming-soon-section{border-top:1px solid #d4af3726;margin-top:32px;padding-top:24px}.coming-soon-item{align-items:center;background:#0003;border:1px solid #6b5c4a4d;border-radius:8px;cursor:not-allowed;display:flex;gap:12px;margin-bottom:10px;opacity:.6;padding:14px 16px}.coming-soon-icon{font-size:1.2rem;opacity:.7}.coming-soon-text{display:flex;flex:1;flex-direction:column;gap:2px}.coming-soon-title{color:#a89068;font-size:.9rem;font-weight:500}.coming-soon-label{color:#6b5c4a;font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.lock-icon{color:#6b5c4a;font-size:.9rem}.connected-accounts-section{border-top:1px solid #d4af3726;margin-top:32px;padding-top:24px}.connected-accounts-section h3{color:#d4af37;font-size:.9rem;font-weight:600;margin-bottom:16px}.connected-account-item{align-items:center;background:#0003;border:1px solid #6b5c4a4d;border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px}.connected-account-item.connected{background:#5865f20d;border-color:#5865f266}.account-icon{align-items:center;background:#0000004d;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.account-icon.discord-icon{background:#5865f233;color:#5865f2}.account-info{display:flex;flex:1;flex-direction:column;gap:2px}.account-name{color:#e8dcc8;font-size:.9rem;font-weight:500}.account-status{color:#6b5c4a;font-size:.75rem}.account-status.connected{color:#5865f2}.account-action .connect-btn,.account-action .unlink-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .2s ease}.connect-btn.discord-connect{background:#5865f2;color:#fff}.connect-btn.discord-connect:hover{background:#4752c4}.unlink-btn{background:#dc35451a;border:1px solid #dc35454d!important;color:#dc3545}.unlink-btn:hover{background:#dc354533}.unlink-confirm{align-items:center;color:#a89068;display:flex;font-size:.75rem;gap:8px}.confirm-unlink-btn{background:#dc3545;border:none;border-radius:4px;color:#fff}.cancel-unlink-btn,.confirm-unlink-btn{cursor:pointer;font-size:.75rem;padding:4px 10px}.cancel-unlink-btn{background:#0000;border:1px solid #6b5c4a4d;border-radius:4px;color:#6b5c4a}@media (max-width:768px){.profile-layout{grid-template-columns:1fr}.profile-preview-card{order:-1}.profile-avatar-large{height:100px;width:100px}.selector-filters{flex-direction:column}.champion-selector-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.selector-champ-portrait{height:50px;width:50px}.nav-username{display:none}}.arena-speed-calc-v2{--color-your:#22c55e;--color-enemy:#ef4444;--color-safe:#22c55e;--color-moderate:#eab308;--color-risky:#f97316;--color-danger:#ef4444}.battle-outcome-card-v2{background:linear-gradient(135deg,#14120ff2,#1e1c19f2);border:2px solid var(--border-bronze);border-radius:16px;margin-bottom:24px;overflow:hidden;padding:24px 32px;position:relative}.battle-outcome-card-v2:before{background:var(--border-bronze);content:"";height:4px;left:0;position:absolute;right:0;top:0}.battle-outcome-card-v2.victory:before{background:linear-gradient(90deg,var(--color-your),#10b981)}.battle-outcome-card-v2.defeat:before{background:linear-gradient(90deg,var(--color-enemy),#dc2626)}.battle-outcome-card-v2 .outcome-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.battle-outcome-card-v2 .outcome-icon{font-size:32px}.battle-outcome-card-v2 .outcome-header h2{color:var(--gold-light);flex:1;font-family:var(--font-heading);font-size:18px;margin:0}.meta-tier-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.meta-tier-badge.tier-bronze{background:#cd7f32;color:#000}.meta-tier-badge.tier-silver{background:silver;color:#000}.meta-tier-badge.tier-gold{background:var(--gold);color:#000}.meta-tier-badge.tier-platinum{background:linear-gradient(135deg,#e5e4e2,#a0a0a0);color:#000}.verdict-badge-v2{border-radius:8px;display:inline-block;font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:1px;padding:10px 24px}.verdict-badge-v2.win{background:linear-gradient(135deg,#22c55e33,#10b9811a);border:1px solid var(--color-your);color:#4ade80}.verdict-badge-v2.lose{background:linear-gradient(135deg,#ef444433,#dc26261a);border:1px solid var(--color-enemy);color:#f87171}.margin-badge-v2{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-top:12px;padding:6px 16px}.margin-badge-v2.safe{background:#22c55e33;border:1px solid var(--color-safe);color:#4ade80}.margin-badge-v2.moderate{background:#eab30833;border:1px solid var(--color-moderate);color:#facc15}.margin-badge-v2.risky{background:#f9731633;border:1px solid var(--color-risky);color:#fb923c}.margin-badge-v2.danger{background:#ef444433;border:1px solid var(--color-danger);color:#f87171}.turn-timeline-v2{background:linear-gradient(135deg,#14120fe6,#1e1c19e6);border:1px solid var(--border-bronze);border-radius:16px;margin-bottom:24px;padding:24px}.turn-timeline-v2 h3{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin:0 0 20px;text-align:center}.timeline-container{position:relative}.timeline-track-v2{display:flex;flex-direction:column;gap:8px}.timeline-champ-v2{align-items:center;animation:slideIn .3s ease-out;animation-delay:var(--delay);animation-fill-mode:both;background:#0000004d;border:1px solid #0000;border-radius:12px;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative}.timeline-champ-v2.your{border-color:#22c55e4d}.timeline-champ-v2.enemy{border-color:#ef44444d}.timeline-champ-v2.first{background:linear-gradient(135deg,#d4af371a,#0000004d);border-color:var(--gold)}.timeline-champ-v2 .turn-order-num{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-family:var(--font-heading);font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.timeline-champ-v2.your .turn-order-num{background:var(--color-your);color:#000}.timeline-champ-v2.enemy .turn-order-num{background:var(--color-enemy);color:#fff}.timeline-champ-v2.first .turn-order-num{background:var(--gold);box-shadow:0 0 12px var(--gold);color:#000}.timeline-champ-v2 .champ-avatar-sm{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.timeline-champ-v2 .champ-avatar-sm img{height:100%;object-fit:cover;width:100%}.timeline-champ-v2 .champ-avatar-sm span{font-size:18px}.timeline-champ-v2 .champ-timeline-info{flex:1;min-width:0}.timeline-champ-v2 .champ-timeline-name{color:var(--text-primary);display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-champ-v2 .champ-timeline-speed{color:var(--text-secondary);display:block;font-size:12px}.timeline-champ-v2 .speed-fill-bar{border-radius:0 2px 2px 0;bottom:0;height:3px;left:0;position:absolute;width:var(--fill-width)}.timeline-champ-v2.your .speed-fill-bar{background:linear-gradient(90deg,var(--color-your),#10b981)}.timeline-champ-v2.enemy .speed-fill-bar{background:linear-gradient(90deg,var(--color-enemy),#dc2626)}.timeline-legend{display:flex;gap:24px;justify-content:center;margin-top:16px}.legend-item{color:var(--text-secondary);font-size:12px}.legend-dot{height:10px;width:10px}.legend-item.your .legend-dot{background:var(--color-your)}.legend-item.enemy .legend-dot{background:var(--color-enemy)}.insights-panel-v2{background:linear-gradient(135deg,#14120fe6,#1e1c19e6);border:1px solid var(--border-bronze);border-radius:16px;margin-bottom:24px;padding:24px}.insights-panel-v2 h3{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin:0 0 16px}.insights-grid{display:grid;gap:12px}.insight-card{align-items:flex-start;border:1px solid #0000;border-radius:10px;display:flex;gap:12px;padding:14px 16px}.insight-card.success{background:#22c55e1a;border-color:#22c55e4d}.insight-card.warning{background:#eab3081a;border-color:#eab3084d}.insight-card.danger{background:#ef44441a;border-color:#ef44444d}.insight-card.info{background:#3b82f61a;border-color:#3b82f64d}.insight-icon{flex-shrink:0;font-size:20px}.insight-content{flex:1}.insight-text{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.insight-detail{color:var(--text-secondary);font-size:12px;margin:0}.arena-teams-builder{align-items:start;display:grid;gap:24px;grid-template-columns:1fr auto 1fr}.team-section{background:linear-gradient(135deg,#14120fe6,#1e1c19e6);border:1px solid var(--border-bronze);border-radius:16px;padding:20px}.team-section.your-team{border-color:#22c55e4d}.team-section.enemy-team{border-color:#ef44444d}.team-header{margin-bottom:16px}.team-header h2{color:var(--gold-light);font-size:16px;margin:0 0 12px}.aura-selector{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.aura-selector label{color:var(--text-secondary);font-size:12px}.aura-presets-v2{display:flex;gap:6px}.aura-btn{align-items:center;background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:6px 10px;transition:all .2s}.aura-btn.active,.aura-btn:hover{border-color:var(--gold)}.aura-btn.active{background:linear-gradient(135deg,#d4af3733,#0000004d)}.aura-icon{font-size:16px}.aura-value{color:var(--text-secondary);font-size:10px;font-weight:600}.aura-btn.active .aura-value{color:var(--gold)}.champion-slots-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.champion-slot-card{background:#0000004d;border:1px solid var(--border-bronze);border-radius:12px;padding:12px;position:relative}.champion-slot-card.active{border-color:var(--gold);box-shadow:0 0 12px #d4af374d}.slot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.slot-role{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tier-badge-sm{background:var(--gold);border-radius:4px;color:#000;font-size:10px;font-weight:700;padding:2px 6px}.slot-champion-area{align-items:center;background:#0003;border-radius:8px;cursor:pointer;display:flex;gap:10px;min-height:56px;padding:10px;transition:all .2s}.slot-champion-area:hover{background:#d4af371a}.slot-avatar{border-radius:8px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.slot-avatar img{height:100%;object-fit:cover;width:100%}.slot-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--gold),#8b5a2b);color:#000;display:flex;font-family:var(--font-heading);font-size:18px;height:100%;justify-content:center;width:100%}.slot-champ-info{flex:1;min-width:0}.slot-champ-name{color:var(--text-primary);display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-champ-link{color:var(--gold);font-size:10px;text-decoration:none}.slot-champ-link:hover{text-decoration:underline}.slot-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1;flex-direction:column;justify-content:center}.slot-empty-icon{font-size:20px;opacity:.5}.slot-empty-text{font-size:11px}.champion-search-dropdown{background:var(--bg-card);border:1px solid var(--gold);border-radius:12px;box-shadow:0 8px 32px #00000080;left:0;margin-top:8px;padding:12px;position:absolute;right:0;top:100%;z-index:100}.champion-search-input{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:8px;padding:10px 12px;width:100%}.champion-search-input:focus{border-color:var(--gold);outline:none}.search-loading{color:var(--text-secondary);font-size:12px;padding:12px;text-align:center}.champion-search-results{max-height:200px;overflow-y:auto}.champion-search-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s}.champion-search-item:hover{background:#d4af371a}.search-item-avatar{align-items:center;background:#0000004d;border-radius:6px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.search-item-avatar img{height:100%;object-fit:cover;width:100%}.search-item-avatar span{color:var(--gold);font-size:14px}.search-item-info{flex:1;min-width:0}.search-item-name{color:var(--text-primary);display:block;font-size:13px;font-weight:600}.search-item-meta{color:var(--text-secondary);display:block;font-size:11px}.search-item-speed{color:var(--gold);display:block;font-size:10px}.search-item-badge{background:var(--gold);border-radius:4px;color:#000;font-size:10px;font-weight:700;padding:2px 6px}.search-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px;position:absolute;right:8px;top:8px}.slot-stats{display:grid;gap:4px;margin-top:10px}.stat-row{align-items:center;font-size:11px}.stat-row label{color:var(--text-secondary)}.stat-input-sm{background:#0000004d;border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-primary);font-size:12px;padding:4px 6px;text-align:center;width:60px}.stat-input-sm:focus{border-color:var(--gold);outline:none}.stat-value-display{color:var(--text-primary);font-weight:600}.stat-row.total .stat-value-display{color:var(--gold);font-size:14px}.stat-row.tm .tm-value{color:#22c55e}.vs-divider{gap:16px;padding:20px 0}.vs-text{color:var(--gold);font-size:28px;text-shadow:0 0 20px #d4af3780}.calculate-btn-v2,.vs-text{font-family:var(--font-heading)}.calculate-btn-v2{background:linear-gradient(135deg,var(--gold),#8b5a2b);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s}.calculate-btn-v2:hover{box-shadow:0 0 20px #d4af3780;transform:scale(1.05)}.speed-recommendations-v2{margin-top:24px}.speed-recommendations-v2 h3{color:var(--gold-light);font-family:var(--font-heading);font-size:16px;margin:0 0 8px}.rec-intro{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.speed-targets-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.target-card{background:#0000004d;border:1px solid var(--border-bronze);border-radius:12px;padding:16px;text-align:center}.target-card.safe{border-color:#22c55e80}.target-card.recommended{background:linear-gradient(135deg,#d4af371a,#0000004d);border-color:var(--gold)}.target-label{display:block;margin-bottom:8px}.target-value{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:28px;font-weight:700}.target-card.recommended .target-value{color:var(--gold)}.target-note{color:var(--text-secondary);display:block;font-size:10px;margin-top:4px}@media (max-width:1024px){.arena-teams-builder{grid-template-columns:1fr}.vs-divider{flex-direction:row;padding:16px 0}.champion-slots-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.champion-slots-grid{grid-template-columns:repeat(2,1fr)}.speed-targets-grid{grid-template-columns:1fr}.aura-presets-v2{flex-wrap:wrap}.timeline-champ-v2{padding:10px 12px}.timeline-champ-v2 .champ-avatar-sm{height:32px;width:32px}}.preset-teams-section{background:linear-gradient(135deg,#14120ff2,#1e1c19f2);border:1px solid var(--border-bronze);border-radius:16px;margin-bottom:24px;padding:24px}.preset-teams-header{margin-bottom:20px;text-align:center}.preset-teams-header h2{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;margin:0 0 8px}.preset-teams-header p{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.preset-category-tabs{display:flex;gap:12px;justify-content:center}.preset-tab{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.preset-tab:hover{border-color:var(--gold);color:var(--text-primary)}.preset-tab.active{background:linear-gradient(135deg,#d4af3733,#0000004d);border-color:var(--gold);color:var(--gold)}.preset-loading{color:var(--text-secondary);padding:40px;text-align:center}.preset-teams-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:500px;overflow-y:auto;padding-right:8px}.preset-teams-grid::-webkit-scrollbar{width:6px}.preset-teams-grid::-webkit-scrollbar-track{background:#0003;border-radius:3px}.preset-teams-grid::-webkit-scrollbar-thumb{background:var(--border-bronze);border-radius:3px}.preset-team-card{background:#0000004d;border:1px solid var(--border-bronze);border-radius:12px;padding:16px;transition:all .2s}.preset-team-card:hover{border-color:var(--gold);transform:translateY(-2px)}.preset-team-card.tier-s{background:linear-gradient(135deg,#d4af3714,#0000004d);border-color:#d4af3780}.preset-team-card.tier-a{border-color:#a855f780}.preset-team-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.preset-tier-badge{border-radius:6px;flex-shrink:0;font-size:12px;font-weight:700;padding:4px 10px}.preset-tier-badge.tier-s{background:linear-gradient(135deg,var(--gold),#b8860b);color:#000}.preset-tier-badge.tier-a{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.preset-tier-badge.tier-b{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.preset-team-header h3{color:var(--text-primary);font-family:var(--font-heading);font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-champions-row{display:flex;gap:8px;margin-bottom:12px}.preset-champ-thumb{align-items:center;display:flex;flex:1;flex-direction:column;gap:4px}.preset-champ-thumb img{background:#0000004d;border:2px solid var(--border-bronze);border-radius:8px;height:48px;object-fit:cover;width:48px}.preset-champ-role{color:var(--text-secondary);font-size:9px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.preset-strategy{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0 0 12px;min-height:34px}.preset-team-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.difficulty-badge{border-radius:4px;font-size:10px;font-weight:600;padding:3px 8px}.difficulty-badge.easy{background:#22c55e33;color:#4ade80}.difficulty-badge.medium{background:#eab30833;color:#facc15}.difficulty-badge.hard{background:#ef444433;color:#f87171}.speed-req{color:var(--text-secondary);font-size:10px}.preset-team-actions{display:flex;gap:8px;margin-bottom:8px}.load-preset-btn{border:1px solid;border-radius:6px;cursor:pointer;flex:1;font-size:11px;font-weight:600;padding:8px 12px;transition:all .2s}.load-preset-btn.your{background:#22c55e1a;border-color:#22c55e80;color:#4ade80}.load-preset-btn.your:hover{background:#22c55e33;border-color:#22c55e}.load-preset-btn.enemy{background:#ef44441a;border-color:#ef444480;color:#f87171}.load-preset-btn.enemy:hover{background:#ef444433;border-color:#ef4444}.preset-view-link{color:var(--gold);display:block;font-size:11px;text-align:center;text-decoration:none}.preset-view-link:hover{text-decoration:underline}@media (max-width:768px){.preset-teams-grid{grid-template-columns:1fr;max-height:400px}.preset-category-tabs{flex-direction:column}.preset-champ-thumb img{height:40px;width:40px}}.arena-speed-calc-v3{--your-color:#22c55e;--enemy-color:#ef4444;--border-subtle:#8b5a2b4d}.arena-calc-layout{display:flex;flex-direction:column;gap:24px}.team-from-builder-banner{align-items:center;background:linear-gradient(135deg,#3b82f626,#1e40af1a);border:1px solid #3b82f666;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:14px 20px}.builder-badge{color:#60a5fa;font-size:14px;font-weight:600}.builder-hint{color:#93c5fd;font-size:13px;margin-left:auto}.preset-drawer{background:#14120f99;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.preset-drawer-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:16px 20px;text-align:left;width:100%}.preset-drawer-toggle:hover{background:#d4af370d}.toggle-icon{color:var(--gold);font-size:12px}.toggle-text{color:var(--text-primary);font-size:15px;font-weight:600}.toggle-hint{color:var(--text-secondary);font-size:13px;margin-left:auto}.preset-drawer-content{border-top:1px solid var(--border-subtle);padding:0 20px 20px}.preset-tabs-minimal{display:flex;gap:8px;padding:12px 0}.tab-btn{background:#0000;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 20px;transition:all .2s}.tab-btn:hover{border-color:var(--gold);color:var(--text-primary)}.tab-btn.active{background:#d4af371a;border-color:var(--gold);color:var(--gold)}.preset-cards-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.preset-card-mini{background:#0000004d;border:1px solid var(--border-subtle);border-radius:10px;flex:0 0 200px;padding:12px;transition:all .2s}.preset-card-mini:hover{border-color:var(--gold)}.preset-card-top{align-items:center;display:flex;gap:8px;margin-bottom:10px}.tier-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.tier-dot.tier-s{background:var(--gold)}.tier-dot.tier-a{background:#a855f7}.tier-dot.tier-b{background:#3b82f6}.preset-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-champs-mini{display:flex;gap:4px;margin-bottom:10px}.mini-champ-img{border:1px solid var(--border-subtle);border-radius:6px;height:36px;object-fit:cover;width:36px}.preset-card-actions{display:flex;gap:6px}.preset-card-actions button{background:#0000;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);cursor:pointer;flex:1;font-size:10px;padding:6px 8px;transition:all .2s}.preset-card-actions button:first-child:hover{border-color:var(--your-color);color:var(--your-color)}.preset-card-actions button:last-child:hover{border-color:var(--enemy-color);color:var(--enemy-color)}.turn-preview-strip{align-items:center;background:#0000004d;border:1px solid var(--border-subtle);border-radius:10px;display:flex;gap:16px;padding:12px 20px}.preview-label{color:var(--text-secondary);font-size:12px;white-space:nowrap}.preview-champions{display:flex;flex-wrap:wrap;gap:4px}.preview-champ{align-items:center;background:#0000004d;border:1px solid #0000;border-radius:6px;display:flex;gap:4px;padding:4px 8px}.preview-champ.your{border-color:#22c55e4d}.preview-champ.enemy{border-color:#ef44444d}.preview-order{color:var(--text-secondary);font-size:10px;font-weight:700}.preview-champ img,.preview-placeholder{border-radius:4px;height:24px;width:24px}.preview-placeholder{align-items:center;background:#0000004d;color:var(--text-secondary);display:flex;font-size:10px;justify-content:center}.teams-main-area{display:flex;flex-direction:column;gap:16px}.teams-battle-container{align-items:start;display:grid;gap:20px;grid-template-columns:1fr auto 1fr}.team-panel{background:#14120fcc;border:1px solid var(--border-subtle);border-radius:16px;padding:20px}.team-panel.your-team-panel{border-color:#22c55e4d}.team-panel.enemy-team-panel{border-color:#ef44444d}.team-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.team-panel-header h2{color:var(--text-primary);font-family:var(--font-heading);font-size:16px;margin:0}.aura-compact{align-items:center;display:flex;gap:8px}.aura-label{color:var(--text-secondary);font-size:11px}.aura-select{background:#0000004d;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:6px 10px}.aura-select:focus{border-color:var(--gold);outline:none}.team-slots-2x2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.slot-card-v3{background:#0000004d;border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;min-height:100px;padding:12px;position:relative;transition:all .2s}.slot-card-v3:hover{border-color:var(--gold)}.slot-card-v3.filled{border-color:#d4af3766}.slot-card-v3.role-lead{border-left:3px solid var(--gold)}.slot-card-v3.role-booster{border-left:3px solid var(--your-color)}.slot-card-v3.role-debuffer{border-left:3px solid #a855f7}.slot-card-v3.role-nuker{border-left:3px solid var(--enemy-color)}.slot-card-v3.role-support{border-left:3px solid #3b82f6}.slot-portrait{background:#0000004d;border-radius:10px;height:60px;margin:0 auto 8px;overflow:hidden;position:relative;width:60px}.slot-portrait img{height:100%;object-fit:cover;width:100%}.portrait-letter{align-items:center;background:linear-gradient(135deg,#d4af3733,#0000004d);color:var(--gold);display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.tm-indicator{background:var(--your-color);border-radius:4px;bottom:2px;color:#000;font-size:9px;font-weight:700;padding:2px 4px;position:absolute;right:2px}.slot-info-v3{text-align:center}.champ-name-v3{color:var(--text-primary);display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.total-speed-v3{color:var(--gold);display:block;font-size:14px;font-weight:700}.slot-empty-v3{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:80px;justify-content:center}.empty-plus{font-size:24px;opacity:.5}.empty-role{font-size:11px;text-transform:capitalize}.slot-expanded-panel{background:var(--bg-card);border:1px solid var(--gold);border-radius:10px;box-shadow:0 8px 32px #00000080;left:0;margin-top:8px;padding:12px;position:absolute;right:0;top:100%;z-index:100}.search-input-v3{background:#0000004d;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:13px;margin-bottom:8px;padding:10px;width:100%}.search-input-v3:focus{border-color:var(--gold);outline:none}.search-results-v3{margin-bottom:12px;max-height:150px;overflow-y:auto}.search-result-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px}.search-result-item:hover{background:#d4af371a}.search-result-item img{border-radius:6px;height:32px;width:32px}.search-result-item span{color:var(--text-primary);flex:1;font-size:12px}.result-speed{color:var(--gold)!important;font-weight:600}.stat-inputs-v3{display:flex;gap:8px;margin-bottom:8px}.stat-input-row{display:flex;flex:1;flex-direction:column;gap:4px}.stat-input-row label{color:var(--text-secondary);font-size:10px}.stat-input-row input{background:#0000004d;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);font-size:13px;padding:6px 8px;text-align:center}.close-panel-btn{background:var(--gold);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:12px;font-weight:600;padding:8px;width:100%}.battle-center{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:20px 0}.vs-badge{color:var(--text-secondary);font-family:var(--font-heading);font-size:24px}.simulate-btn-v3{align-items:center;background:#00000080;border:2px solid var(--border-subtle);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:20px 32px;transition:all .3s}.simulate-btn-v3:hover{border-color:var(--gold);transform:scale(1.05)}.simulate-btn-v3.ready{background:linear-gradient(135deg,#d4af3726,#00000080);border-color:var(--gold)}.sim-icon{font-size:28px}.sim-text{color:var(--text-primary);font-family:var(--font-heading);font-size:14px;letter-spacing:2px}.ready-indicator{color:var(--your-color);font-size:11px}.results-section-v3{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:16px;margin-top:8px;padding-top:8px}.outcome-banner{align-items:center;border:1px solid;border-radius:12px;display:flex;justify-content:space-between;padding:16px 24px}.outcome-banner.win{background:#22c55e1a;border-color:#22c55e66}.outcome-banner.lose{background:#ef44441a;border-color:#ef444466}.outcome-main{align-items:center;display:flex;gap:12px}.outcome-icon-v3{font-size:24px;font-weight:700}.outcome-banner.win .outcome-icon-v3{color:var(--your-color)}.outcome-banner.lose .outcome-icon-v3{color:var(--enemy-color)}.outcome-text{color:var(--text-primary);font-family:var(--font-heading);font-size:16px}.outcome-stats{display:flex;gap:16px}.speed-diff{font-size:14px;font-weight:600}.speed-diff.positive{color:var(--your-color)}.speed-diff.negative{color:var(--enemy-color)}.margin-indicator{border-radius:20px;font-size:12px;padding:4px 12px}.margin-indicator.safe{background:#22c55e33;color:#4ade80}.margin-indicator.moderate{background:#eab30833;color:#facc15}.margin-indicator.risky{background:#f9731633;color:#fb923c}.margin-indicator.danger{background:#ef444433;color:#f87171}.turn-order-full{background:#0000004d;border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.turn-order-full h3{color:var(--text-primary);font-size:14px;margin:0 0 12px}.turn-order-list-v3{display:flex;flex-wrap:wrap;gap:8px}.turn-item{align-items:center;background:#0000004d;border:1px solid #0000;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.turn-item.your{border-color:#22c55e4d}.turn-item.enemy{border-color:#ef44444d}.turn-item.first{background:#d4af371a;border-color:var(--gold)}.turn-num{align-items:center;border-radius:50%;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.turn-item.your .turn-num{background:var(--your-color);color:#000}.turn-item.enemy .turn-num{background:var(--enemy-color);color:#fff}.turn-item.first .turn-num{background:var(--gold);color:#000}.turn-champ-info{align-items:center;display:flex;gap:6px}.turn-avatar{border-radius:4px;height:24px;width:24px}.turn-name{color:var(--text-primary);font-size:12px}.turn-speed{color:var(--text-secondary);font-size:11px;margin-left:auto}.insights-compact{background:#0000004d;border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.insights-compact h3{color:var(--text-primary);font-size:14px;margin:0 0 12px}.insight-line{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;padding:8px 0}.insight-line:last-child{border-bottom:none}.insight-icon-sm{font-size:14px}.insight-msg{color:var(--text-primary);font-size:13px}.insight-line.success .insight-msg{color:#4ade80}.insight-line.warning .insight-msg{color:#facc15}.insight-line.danger .insight-msg{color:#f87171}.speed-targets-compact{background:#0000004d;border:1px solid var(--border-subtle);border-radius:12px;padding:16px}.speed-targets-compact h3{color:var(--text-primary);font-size:14px;margin:0 0 12px}.targets-row{display:flex;gap:16px}.target-item{background:#0003;border-radius:8px;flex:1;padding:12px;text-align:center}.target-item.highlight{background:#d4af371a;border:1px solid var(--gold)}.target-val{color:var(--text-primary);display:block;font-family:var(--font-heading);font-size:24px}.target-item.highlight .target-val{color:var(--gold)}.target-label{color:var(--text-secondary);font-size:11px}@media (max-width:1024px){.teams-battle-container{gap:16px;grid-template-columns:1fr}.battle-center{flex-direction:row;padding:12px 0}.vs-badge{font-size:18px}.simulate-btn-v3{flex-direction:row;gap:8px;padding:12px 24px}}@media (max-width:768px){.preset-cards-row{flex-wrap:nowrap}.turn-preview-strip{align-items:flex-start;flex-direction:column}.team-slots-2x2{grid-template-columns:1fr 1fr}.outcome-banner{gap:12px;text-align:center}.outcome-banner,.turn-order-list-v3{flex-direction:column}.turn-item{width:100%}}.hero-section.hero-calculator{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:200px;padding:60px 0;position:relative}.hero-section.hero-calculator:after{background:linear-gradient(#0000,var(--bg-dark));bottom:0;content:"";height:80px;left:0;position:absolute;right:0}.hero-section.hero-calculator .hero-content{position:relative;z-index:2}.hero-section.hero-calculator .hero-title{font-size:2.5rem;text-shadow:0 2px 20px #000c}.hero-section.hero-calculator .hero-subtitle{font-size:1.1rem;margin:0 auto;max-width:600px;text-shadow:0 1px 10px #000c}.calculators-admin-panel{padding:20px}.calculator-images-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.calculator-image-card{background:#0000004d;border:1px solid var(--border-bronze);border-radius:12px;padding:16px;transition:all .2s}.calculator-image-card:hover{border-color:var(--gold)}.calculator-image-card h3{color:var(--gold-light);font-family:var(--font-heading);font-size:14px;margin:0 0 12px}.calc-image-preview{background:#0000004d;border-radius:8px;height:120px;margin-bottom:12px;overflow:hidden;position:relative}.calc-image-preview img{height:100%;object-fit:cover;width:100%}.calc-image-placeholder{align-items:center;bottom:0;color:var(--text-secondary);display:flex;font-size:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:-1}.calc-image-preview img+.calc-image-placeholder{display:none}.calc-image-actions{align-items:center;display:flex;gap:8px}.calc-upload-btn{background:linear-gradient(135deg,var(--gold),#8b5a2b);border:none;border-radius:8px;color:#000;cursor:pointer;flex:1;font-size:12px;font-weight:600;padding:10px 16px;transition:all .2s}.calc-upload-btn:hover{box-shadow:0 4px 12px #d4af374d;transform:scale(1.02)}.calc-preview-link{color:var(--gold);font-size:11px;padding:10px 12px;text-decoration:none;white-space:nowrap}.calc-preview-link:hover{text-decoration:underline}@media (max-width:768px){.calculator-images-grid{grid-template-columns:1fr}.hero-section.hero-calculator .hero-title{font-size:1.8rem}}.stripe-config-panel{animation:stripeSlideIn .5s ease-out}@keyframes stripeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stripe-header{align-items:flex-start;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-bottom:2px solid #6366f14d;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:-20px -20px 24px;padding:24px 28px}.stripe-logo-section{align-items:center;display:flex;gap:16px}.stripe-icon-wrap{align-items:center;animation:stripeIconPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#635bff,#7c3aed);border-radius:14px;box-shadow:0 4px 20px #6366f166;display:flex;height:56px;justify-content:center;width:56px}@keyframes stripeIconPulse{0%,to{box-shadow:0 4px 20px #6366f166}50%{box-shadow:0 4px 30px #6366f199,0 0 40px #8b5cf64d}}.stripe-logo-svg{color:#fff;height:28px;width:28px}.stripe-title-wrap h2{color:#a5b4fc;font-family:var(--font-heading);font-size:22px;letter-spacing:.5px;margin:0 0 4px}.stripe-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.stripe-status-indicator{align-items:center;display:flex}.status-badge{border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.status-badge.loading{background:#9ca3af33;color:#9ca3af}.status-badge.active{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.status-badge.configured{background:#eab30826;border:1px solid #eab3084d;color:#fbbf24}.status-badge.unconfigured{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.status-dot{animation:statusPulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.status-dot.active{background:#4ade80;box-shadow:0 0 10px #4ade80}.status-dot.configured{background:#fbbf24;box-shadow:0 0 10px #fbbf24}.status-dot.unconfigured{background:#f87171}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.stripe-content{padding:0 8px}.stripe-info-banner{animation:bannerGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#6366f10d);border:1px solid #3b82f640;border-radius:12px;display:flex;gap:14px;margin-bottom:24px;padding:16px 20px}@keyframes bannerGlow{0%,to{border-color:#3b82f640}50%{border-color:#6366f166}}.info-icon{flex-shrink:0;font-size:24px}.info-content strong{color:#93c5fd;display:block;font-size:14px;margin-bottom:6px}.info-content p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.info-content a{color:#a5b4fc;font-weight:500;text-decoration:none}.info-content a:hover{text-decoration:underline}.stripe-section{background:#0003;border:1px solid #6366f126;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s ease}.stripe-section:hover{background:#00000040;border-color:#6366f14d}.section-header{margin-bottom:16px}.section-header h3{color:var(--gold-light);font-family:var(--font-heading);font-size:15px;margin:0}.section-badge{background:#ef444433;color:#f87171;padding:3px 10px}.section-badge.optional{background:#9ca3af33;color:#9ca3af}.stripe-form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stripe-field{gap:8px}.stripe-field,.stripe-field label{display:flex;flex-direction:column}.stripe-field label{color:var(--text-primary);font-size:13px;font-weight:500;gap:2px}.field-hint,.optional-tag{color:var(--text-secondary);font-size:11px;font-weight:400}.key-input-wrap{align-items:center;display:flex;position:relative}.stripe-input{background:#0006;border:1px solid #6366f133;border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;padding:12px 14px;transition:all .2s ease;width:100%}.stripe-input::placeholder{color:var(--text-secondary);opacity:.6}.stripe-input:focus{border-color:#635bff;box-shadow:0 0 0 3px #6366f126;outline:none}.key-saved-indicator{color:#4ade80;font-size:11px;font-weight:500;position:absolute;right:12px}.stripe-toggles{display:flex;flex-direction:column;gap:16px}.stripe-toggle{align-items:center;background:#0003;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:12px 16px;transition:all .2s ease}.stripe-toggle:hover{background:#0000004d}.stripe-toggle input{display:none}.toggle-slider{background:#64646466;border-radius:13px;flex-shrink:0;height:26px;position:relative;transition:all .3s ease;width:48px}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;content:"";height:20px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:20px}.stripe-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#635bff,#7c3aed)}.stripe-toggle input:checked+.toggle-slider:after{transform:translateX(22px)}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-label strong{color:var(--text-primary);font-size:13px}.toggle-label span{color:var(--text-secondary);font-size:11px}.stripe-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.stripe-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:180px;padding:14px 24px;transition:all .3s ease}.stripe-btn:disabled{cursor:not-allowed;opacity:.6}.stripe-btn-primary{background:linear-gradient(135deg,#635bff,#7c3aed);box-shadow:0 4px 15px #6366f166;color:#fff}.stripe-btn-primary:hover:not(:disabled){box-shadow:0 6px 25px #6366f180;transform:translateY(-2px)}.stripe-btn-secondary{background:#6366f11a;border:1px solid #6366f14d;color:#a5b4fc}.stripe-btn-secondary:hover:not(:disabled){background:#6366f133;border-color:#6366f180}.stripe-btn .spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:16px;width:16px}.stripe-result{align-items:center;animation:resultSlide .3s ease-out;border-radius:10px;display:flex;gap:12px;margin-top:16px;padding:14px 18px}@keyframes resultSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stripe-result.success{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.stripe-result.error{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.result-icon{font-size:18px}.result-message{font-size:13px;font-weight:500}.stripe-webhook-info{background:linear-gradient(135deg,#1e1e2880,#14141e80);border:1px solid #6366f126;border-radius:12px;margin-top:28px;padding:20px}.stripe-webhook-info h4{color:var(--gold-light);font-family:var(--font-heading);font-size:14px;margin:0 0 10px}.stripe-webhook-info>p{color:var(--text-secondary);font-size:12px;margin:0 0 12px}.webhook-url{background:#0006;border:1px solid #6366f133;border-radius:8px;color:#a5b4fc;display:block;font-family:JetBrains Mono,monospace;font-size:12px;padding:12px 16px;user-select:all;word-break:break-all}.webhook-hint{color:var(--text-secondary);font-size:11px;margin:10px 0 0}.webhook-hint code{background:#6366f126;border-radius:4px;color:#c4b5fd;font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 6px}.admin-tab.stripe-tab{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid #6366f133}.admin-tab.stripe-tab:hover{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:#6366f166}.admin-tab.stripe-tab.active{background:linear-gradient(135deg,#635bff,#7c3aed);border-color:#7c3aed;box-shadow:0 2px 15px #6366f166;color:#fff}@media (max-width:768px){.stripe-header{align-items:flex-start;flex-direction:column}.stripe-form-grid{grid-template-columns:1fr}.stripe-actions{flex-direction:column}.stripe-btn{width:100%}}.my-teams-page{margin:0 auto;max-width:1100px;min-height:100vh;padding:0 20px}.teams-auth-required{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.teams-auth-required .auth-icon{color:var(--gold);height:80px;margin-bottom:24px;opacity:.7;width:80px}.teams-auth-required h2{color:var(--gold);font-family:var(--font-heading);font-size:28px;margin-bottom:12px}.teams-auth-required p{color:var(--text-secondary);margin-bottom:24px}.login-link{background:linear-gradient(135deg,var(--gold) 0,var(--gold-dark) 100%);border-radius:8px;color:var(--bg-primary);font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.login-link:hover{box-shadow:0 4px 20px rgba(var(--gold-rgb),.4);transform:translateY(-2px)}.teams-hero{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-bottom:1px solid #6366f133;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:40px 24px}.hero-content{flex:1}.hero-title{align-items:center;color:#a5b4fc;font-family:var(--font-heading);font-size:32px;gap:16px;margin:0 0 8px}.hero-title .title-icon{color:#818cf8;height:36px;width:36px}.hero-subtitle{color:var(--text-secondary);font-size:15px;margin:0}.create-team-btn{align-items:center;background:linear-gradient(135deg,#635bff,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.create-team-btn:hover{box-shadow:0 8px 30px #6366f180;transform:translateY(-3px)}.create-team-btn svg{height:20px;width:20px}.teams-toolbar{align-items:center;background:#0003;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.filter-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 18px;transition:all .2s ease}.filter-tab:hover{background:#ffffff1a;color:var(--text-primary)}.filter-tab.active{background:linear-gradient(135deg,#6366f14d,#8b5cf633);border-color:#6366f180;color:#a5b4fc}.teams-search{position:relative;width:280px}.teams-search .search-icon{color:var(--text-secondary);height:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.teams-search input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:14px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.teams-search input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126;outline:none}.teams-container{margin:0 auto;max-width:1600px;padding:24px}.teams-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:80px}.loading-spinner{border:3px solid #6366f133;border-top-color:#635bff;height:40px;margin-bottom:16px;width:40px}.teams-empty{align-items:center;background:#0003;border:2px dashed #ffffff1a;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:80px;text-align:center}.teams-empty .empty-icon{color:var(--text-secondary);height:64px;margin-bottom:20px;opacity:.5;width:64px}.teams-empty h3{color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin:0 0 8px}.teams-empty p{color:var(--text-secondary);margin:0 0 24px}.create-first-btn{align-items:center;background:linear-gradient(135deg,#635bff,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-first-btn:hover{transform:translateY(-2px)}.teams-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.team-card{background:linear-gradient(145deg,#1e1e28cc,#14141ee6);border:1px solid #ffffff14;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.team-card:before{background:linear-gradient(90deg,#0000,#6366f180,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.team-card:hover:before{opacity:1}.team-card.selected{background:linear-gradient(145deg,#282837e6,#1e1e2df2);border-color:#6366f199}.team-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.team-type-badge{align-items:center;background:#6366f126;border:1px solid #6366f140;border-radius:20px;color:#a5b4fc;display:flex;font-size:11px;gap:6px;padding:6px 12px}.team-type-badge .icon{height:14px;width:14px}.team-visibility{color:var(--text-secondary);opacity:.7}.team-visibility svg{height:16px;width:16px}.team-name{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;line-height:1.3;margin:0 0 14px}.team-champions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.champion-avatar{background:#0006;border:2px solid #ffffff1a;border-radius:10px;height:48px;overflow:hidden;transition:all .2s ease;width:48px}.champion-avatar img{height:100%;object-fit:cover;width:100%}.champion-avatar span{color:var(--text-secondary);font-size:18px;font-weight:600}.champion-avatar.rarity-legendary{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}.champion-avatar.rarity-epic{border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.champion-avatar.rarity-rare{border-color:#3b82f6}.champion-avatar.more{background:#6366f133;color:#a5b4fc;font-size:12px;font-weight:600}.team-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 16px;overflow:hidden}.team-card-actions{border-top:1px solid #ffffff0f;display:flex;gap:8px;padding-top:14px}.action-btn{align-items:center;color:var(--text-secondary);display:flex;flex:1;justify-content:center;padding:10px}.action-btn svg{height:16px;width:16px}.action-btn:hover{color:var(--text-primary)}.action-btn.edit:hover{color:#60a5fa}.action-btn.share:hover{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.action-btn.delete:hover{color:#f87171}.team-shared-badge{align-items:center;background:#22c55e33;border:1px solid #22c55e66;border-radius:12px;color:#4ade80;display:flex;font-size:10px;gap:4px;padding:4px 10px;position:absolute;right:12px;top:12px}.team-shared-badge svg{height:12px;width:12px}.team-detail-panel{animation:slideInRight .3s ease-out;background:linear-gradient(180deg,#1e1e2dfa,#141423fa);border-left:1px solid #6366f133;bottom:0;overflow-y:auto;position:fixed;right:0;top:0;width:400px;z-index:100}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.detail-header{align-items:center;background:#6366f11a;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.detail-header h2{color:var(--gold-light);font-family:var(--font-heading);font-size:20px;margin:0}.close-detail{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.close-detail:hover{background:#ffffff1a;color:var(--text-primary)}.detail-champion{align-items:center;background:#0000004d;border:1px solid #ffffff0d;border-radius:10px;display:flex;gap:12px;padding:10px 14px}.detail-champion img{border-radius:8px;height:40px;object-fit:cover;width:40px}.detail-champion span{color:var(--text-primary);font-size:14px}.detail-section p{color:var(--text-secondary)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.team-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(145deg,#232332fa,#191928fa);border:1px solid #6366f140;border-radius:20px;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin:0}.modal-close{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-secondary);padding:10px;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.team-modal form{padding:24px}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#0006;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:14px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126;outline:none}.form-group textarea{min-height:100px;resize:vertical}.add-champ-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;font-size:12px;padding:6px 12px}.add-champ-btn:hover{background:#6366f14d}.add-champ-btn svg{height:14px;width:14px}.selected-champions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.selected-champ{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:6px 10px}.selected-champ img{border-radius:6px;height:28px;object-fit:cover;width:28px}.selected-champ span{color:var(--text-primary);font-size:13px}.selected-champ button{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s ease}.selected-champ button:hover{background:#ef444433;color:#f87171}.selected-champ button svg{height:14px;width:14px}.champion-picker{background:#0006;border:1px solid #ffffff1a;border-radius:12px;max-height:250px;overflow-y:auto;padding:12px}.champ-search{background:#00000080;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:13px;margin-bottom:12px;padding:10px 14px;width:100%}.champ-picker-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.champ-picker-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:all .2s ease}.champ-picker-item:hover{background:#6366f133;border-color:#6366f14d}.champ-picker-item img{border-radius:6px;height:32px;object-fit:cover;width:32px}.champ-picker-item span{color:var(--text-primary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visibility-options{display:flex;gap:10px}.visibility-option{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.visibility-option input{display:none}.visibility-option svg{height:16px;width:16px}.visibility-option.active{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.visibility-option:hover:not(.active){background:#ffffff1a}.modal-actions{border-top:1px solid #ffffff14;display:flex;gap:12px;margin-top:10px;padding-top:20px}.cancel-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;color:var(--text-secondary);flex:1;font-weight:500;padding:14px 24px}.cancel-btn:hover{background:#ffffff1a;color:var(--text-primary)}.submit-btn{align-items:center;background:linear-gradient(135deg,#635bff,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 25px #6366f166;transform:translateY(-2px)}.submit-btn svg{height:18px;width:18px}.share-modal{background:linear-gradient(145deg,#232332fa,#191928fa);border:1px solid #22c55e4d;border-radius:20px;max-width:500px;padding:32px;text-align:center}.share-success .share-icon{color:#4ade80;height:60px;margin-bottom:16px;width:60px}.share-success h3{color:#4ade80;font-family:var(--font-heading);font-size:22px;margin:0 0 8px}.share-success p{color:var(--text-secondary);margin:0 0 20px}.share-link-box{align-items:center;background:#0006;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.share-link-box code{color:#a5b4fc;flex:1;font-family:JetBrains Mono,monospace;font-size:12px;text-align:left;word-break:break-all}.copy-btn{align-items:center;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 16px;transition:all .2s ease}.copy-btn:hover{background:#6366f14d}.copy-btn svg{height:16px;width:16px}.close-share{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px 32px;transition:all .2s ease}.close-share:hover{background:#ffffff26}@media (max-width:768px){.teams-hero{flex-direction:column;text-align:center}.hero-title{font-size:26px;justify-content:center}.teams-toolbar{flex-direction:column}.filter-tabs{overflow-x:auto;padding-bottom:8px;width:100%}.teams-search{width:100%}.teams-grid{grid-template-columns:1fr}.team-detail-panel{width:100%}.form-row{grid-template-columns:1fr}.visibility-options{flex-direction:column}.hero-polished{align-items:flex-start;min-height:320px;padding:60px 20px 40px}.hero-polished .hero-content-left{max-width:100%;padding-right:0}.hero-polished .hero-character-art{background-position:top;background-size:cover;mask-image:linear-gradient(180deg,#0000 0,#000 30%,#000 70%,#0000);-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 30%,#000 70%,#0000);opacity:.2;width:100%}.hero-polished .hero-title-large{font-size:1.6rem;line-height:1.3;margin-bottom:12px}.hero-polished .hero-title-best{display:inline;font-size:2rem}.hero-polished .hero-subtitle-polished{font-size:.9rem;line-height:1.4}}@media (max-width:480px){.hero-polished{min-height:280px;padding:50px 16px 30px}.hero-polished .hero-title-large{font-size:1.4rem}.hero-polished .hero-title-best{font-size:1.7rem}.hero-polished .hero-subtitle-polished{font-size:.85rem}}.clan-page{background:var(--bg-primary);min-height:100vh}.clan-auth-required,.clan-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.clan-auth-required .auth-icon,.clan-loading .loading-spinner{color:var(--gold);height:64px;margin-bottom:20px;width:64px}.clan-hero.no-clan{background:linear-gradient(135deg,#6366f126,#3b82f61a);border-bottom:1px solid #6366f133;padding:60px 40px;text-align:center}.clan-hero .hero-icon{color:#818cf8;height:80px;margin-bottom:20px;width:80px}.clan-hero h1{color:#a5b4fc;font-family:var(--font-heading);font-size:36px;margin:0 0 12px}.clan-hero p{color:var(--text-secondary);font-size:16px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.browse-clans-btn,.create-clan-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .3s ease}.create-clan-btn{background:linear-gradient(135deg,#635bff,#7c3aed);box-shadow:0 4px 20px #6366f166;color:#fff}.create-clan-btn:hover{box-shadow:0 6px 30px #6366f180;transform:translateY(-2px)}.browse-clans-btn{background:#6366f11a;border:1px solid #6366f14d;color:#a5b4fc}.browse-clans-btn:hover{background:#6366f133}.clan-benefits{margin:0 auto;max-width:1200px;padding:60px 40px}.clan-benefits h2{color:var(--gold-light);font-family:var(--font-heading);font-size:28px;margin:0 0 40px;text-align:center}.benefits-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{background:linear-gradient(145deg,#1e1e28cc,#14141ee6);border:1px solid #ffffff14;border-radius:16px;padding:30px;text-align:center;transition:all .3s ease}.benefit-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.benefit-icon{color:#818cf8;height:48px;margin-bottom:16px;width:48px}.benefit-card h3{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;margin:0 0 10px}.benefit-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.featured-clans{background:#0003;padding:40px}.featured-clans h2{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin:0 0 30px;text-align:center}.clans-preview-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px}.clan-preview-card{background:#1e1e28cc;border:1px solid #ffffff14;border-radius:12px;padding:20px}.clan-preview-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.clan-tag{background:#6366f133;border-radius:4px;color:#818cf8;font-family:monospace;font-size:12px;padding:2px 8px}.clan-preview-header h3{color:var(--text-primary);font-size:16px;margin:0}.clan-preview-desc{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0 0 12px}.clan-preview-meta{color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-bottom:12px}.clan-preview-meta span{align-items:center;display:flex;gap:4px}.join-preview-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:13px;font-weight:500;padding:10px;transition:all .2s ease;width:100%}.join-preview-btn:hover{background:#6366f14d}.clan-dashboard-header{background:linear-gradient(135deg,#6366f126,#3b82f61a);border-bottom:1px solid #6366f133;flex-wrap:wrap;justify-content:space-between;padding:30px 40px}.clan-dashboard-header,.clan-identity{align-items:center;display:flex;gap:20px}.clan-avatar{align-items:center;background:linear-gradient(135deg,#635bff,#7c3aed);border-radius:16px;display:flex;height:80px;justify-content:center;position:relative;width:80px}.clan-shield{color:#fff;height:40px;width:40px}.clan-tag-badge{background:var(--bg-primary);border:1px solid #6366f14d;border-radius:10px;bottom:-8px;color:#818cf8;font-family:monospace;font-size:11px;left:50%;padding:2px 10px;position:absolute;transform:translateX(-50%)}.clan-details h1{color:#a5b4fc;font-family:var(--font-heading);font-size:28px;margin:0 0 8px}.clan-stats-row{display:flex;flex-wrap:wrap;gap:20px}.clan-stats-row .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.role-badge{color:#fbbf24!important;text-transform:capitalize}.focus-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.focus-tag{background:#6366f126;border-radius:12px;color:#a5b4fc;font-size:12px;gap:4px;padding:4px 12px}.focus-tag,.leave-btn{align-items:center;display:flex}.leave-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;font-size:13px;gap:8px;padding:10px 20px;transition:all .2s ease}.leave-btn:hover{background:#ef444433}.clan-tabs{background:#0003;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;overflow-x:auto;padding:16px 40px}.clan-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.clan-tab:hover{background:#ffffff0d;color:var(--text-primary)}.clan-tab.active{background:#6366f133;border-color:#6366f166;color:#a5b4fc}.clan-content{margin:0 auto;max-width:1200px;padding:30px 40px}.overview-grid{gap:20px}.overview-card{background:#1e1e28cc;border:1px solid #ffffff14;border-radius:12px;padding:20px}.overview-card h3{color:var(--text-secondary);font-size:14px;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.overview-card p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.requirements{border-top:1px solid #ffffff0d;color:var(--text-secondary);font-size:13px;margin-top:16px;padding-top:16px}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);text-align:center}.stat-item .stat-value{color:#818cf8;display:block;font-size:28px;font-weight:700}.stat-item .stat-label{color:var(--text-secondary);font-size:12px}.members-list{display:grid;gap:12px}.member-card{background:#1e1e28cc;border:1px solid #ffffff14;gap:16px;padding:16px}.member-avatar,.member-card{align-items:center;border-radius:12px;display:flex}.member-avatar{background:linear-gradient(135deg,#635bff,#7c3aed);color:#fff;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.member-info h4{color:var(--text-primary);font-size:15px;margin:0 0 4px}.role-tag{align-items:center;background:#6366f133;border-radius:10px;color:#a5b4fc;display:inline-flex;gap:4px;padding:2px 10px;text-transform:capitalize}.role-tag.role-leader{background:#fbbf2433;color:#fbbf24}.member-meta{color:var(--text-secondary);font-size:12px;margin-left:auto}.new-announcement-form{display:flex;gap:12px;margin-bottom:24px}.new-announcement-form textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);flex:1;font-size:14px;min-height:80px;padding:14px;resize:none}.new-announcement-form button{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#635bff,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 24px}.announcements-list{display:grid;gap:16px}.announcement-card{background:#1e1e28cc;border:1px solid #ffffff14;border-radius:12px;padding:20px}.announcement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.announcement-header .author{align-items:center;color:#fbbf24;display:flex;font-size:13px;gap:6px}.announcement-header .date{color:var(--text-secondary);font-size:12px}.announcement-card p{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.no-announcements{color:var(--text-secondary);padding:60px;text-align:center}.no-announcements svg{margin-bottom:16px;opacity:.3}.clan-modal{background:linear-gradient(145deg,#232332fa,#191928fa);border:1px solid #6366f140;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.clan-modal.browse-modal{max-width:700px}.clan-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px}.clan-modal .modal-header h2{align-items:center;color:var(--gold-light);display:flex;font-family:var(--font-heading);font-size:22px;gap:10px;margin:0}.clan-modal form{padding:24px}.focus-areas-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.focus-area-btn{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:10px 14px;transition:all .2s ease}.focus-area-btn.active{background:#6366f133;border-color:#6366f180;color:#a5b4fc}.privacy-options{display:flex;gap:12px}.privacy-option{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:8px;padding:20px;transition:all .2s ease}.privacy-option input{display:none}.privacy-option svg{color:var(--text-secondary);height:24px;width:24px}.privacy-option.active{background:#6366f133;border-color:#6366f180}.privacy-option.active svg{color:#a5b4fc}.privacy-option span{color:var(--text-secondary);font-size:11px}.search-bar{margin-bottom:20px;padding:0 24px;position:relative}.search-bar .search-icon{color:var(--text-secondary);height:18px;left:40px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-bar input{background:#0006;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:14px;padding:14px 16px 14px 48px;width:100%}.clans-list{max-height:400px;overflow-y:auto;padding:0 24px 24px}.clan-list-item{align-items:center;background:#0003;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.clan-info{flex:1}.clan-name-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.clan-name-row h4{color:var(--text-primary);font-size:15px;margin:0}.clan-info p{font-size:13px;margin:0 0 8px}.clan-info p,.clan-meta{color:var(--text-secondary)}.clan-meta{display:flex;font-size:12px;gap:16px}.clan-meta span{align-items:center;display:flex;gap:4px}.join-btn{background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s ease}.join-btn:hover{background:#6366f14d}.no-clans{color:var(--text-secondary);padding:40px;text-align:center}.community-teams-page{background:var(--bg-primary);min-height:100vh}.community-hero{align-items:center;background:linear-gradient(135deg,#22c55e1f,#10b98114);border-bottom:1px solid #22c55e33;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:40px 24px}.community-hero h1{align-items:center;color:#4ade80;display:flex;font-family:var(--font-heading);font-size:32px;gap:16px;margin:0 0 8px}.community-hero .title-icon{color:#22c55e;height:36px;width:36px}.community-hero p{color:var(--text-secondary);margin:0}.my-teams-link{align-items:center;background:#22c55e26;border:1px solid #22c55e4d;border-radius:10px;color:#4ade80;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.my-teams-link:hover{background:#22c55e40}.filters-bar{align-items:center;background:#0003;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.content-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:all .2s ease}.filter-btn:hover{background:#ffffff1a;color:var(--text-primary)}.filter-btn.active{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.filter-btn span{display:none}@media (min-width:768px){.filter-btn span{display:inline}}.search-sort{align-items:center;display:flex;gap:12px}.search-box{position:relative}.search-box .search-icon{color:var(--text-secondary);height:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-box input{padding:10px 14px 10px 40px;width:200px}.search-box input,.sort-select{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-primary);font-size:13px}.sort-select{padding:10px 14px}.extended-filters{background:#00000026;border-bottom:1px solid #ffffff0d;padding:16px 24px}.filter-grid{display:flex;flex-wrap:wrap;gap:8px}.community-team-card{background:linear-gradient(145deg,#1e1e28cc,#14141ee6);border:1px solid #ffffff14;border-radius:16px;cursor:pointer;padding:20px;transition:all .3s ease}.community-team-card:hover{border-color:#22c55e4d;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.community-team-card .team-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.content-badge{background:#22c55e26;border-radius:20px;color:#4ade80;font-size:11px;gap:6px;padding:6px 12px}.content-badge,.verified-badge{align-items:center;display:flex}.verified-badge{background:#3b82f633;border-radius:12px;color:#60a5fa;font-size:10px;gap:4px;padding:4px 10px}.community-team-card .team-name{color:var(--gold-light);font-family:var(--font-heading);font-size:18px;margin:0 0 12px}.community-team-card .team-champions{display:flex;gap:6px;margin-bottom:12px}.community-team-card .champ-avatar{align-items:center;background:#0006;border:2px solid #ffffff1a;border-radius:10px;display:flex;height:44px;justify-content:center;overflow:hidden;width:44px}.community-team-card .champ-avatar img{height:100%;object-fit:cover;width:100%}.community-team-card .team-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;overflow:hidden}.team-author{border-bottom:1px solid #ffffff0d;color:var(--text-secondary);font-size:12px;justify-content:space-between;margin-bottom:14px;padding-bottom:14px}.submit-date,.team-author{align-items:center;display:flex}.submit-date{gap:4px}.team-card-footer{align-items:center;display:flex;justify-content:space-between}.team-stats .stat{font-size:13px}.team-stats .stat.votes{color:#4ade80}.team-actions{display:flex;gap:6px}.team-actions .action-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.team-actions .action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.team-actions .action-btn.vote-up:hover{background:#22c55e33;color:#4ade80}.team-actions .action-btn.vote-down:hover{background:#ef444433;color:#f87171}.team-actions .action-btn.copy:hover{background:#3b82f633;color:#60a5fa}.no-teams{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px;text-align:center}.no-teams svg{color:var(--text-secondary);height:64px;margin-bottom:20px;opacity:.5;width:64px}.no-teams h3{color:var(--gold-light);font-family:var(--font-heading);font-size:22px;margin:0 0 8px}.no-teams p{color:var(--text-secondary);margin:0 0 24px}.share-team-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease}.load-more-btn{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:10px;color:#4ade80;cursor:pointer;display:block;font-size:14px;margin:30px auto;padding:14px;transition:all .2s ease;width:200px}.load-more-btn:hover{background:#22c55e33}.team-detail-modal{background:linear-gradient(145deg,#232332fa,#191928fa);border:1px solid #22c55e40;border-radius:20px;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.team-detail-modal .detail-header{background:#22c55e1a;border-bottom:1px solid #22c55e33;padding:24px;position:relative}.team-detail-modal .close-btn{background:#ffffff1a;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:20px;height:32px;position:absolute;right:16px;top:16px;width:32px}.team-detail-modal h2{color:var(--gold-light);font-family:var(--font-heading);font-size:24px;margin:8px 0}.team-detail-modal .author{color:var(--text-secondary);font-size:13px}.detail-content{padding:24px}.detail-section{margin-bottom:24px}.detail-section h4{color:var(--text-secondary);font-size:13px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.detail-champions{display:flex;flex-direction:column;gap:10px}.detail-champ{align-items:center;background:#0000004d;border-radius:10px;display:flex;gap:14px;padding:12px}.detail-champ img{border-radius:10px;height:50px;object-fit:cover;width:50px}.champ-info{display:flex;flex-direction:column;gap:2px}.champ-name{color:var(--text-primary);font-size:14px}.champ-role{color:var(--text-secondary);font-size:12px}.detail-section p{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tags-list .tag{background:#22c55e26;border-radius:20px;color:#4ade80;font-size:12px;padding:6px 12px}.detail-stats{display:flex;gap:16px;margin-top:20px}.stat-card{align-items:center;background:#0000004d;border-radius:12px;display:flex;flex:1;flex-direction:column;gap:6px;padding:16px}.stat-card svg{color:#4ade80;height:20px;width:20px}.stat-card span{color:var(--text-primary);font-size:24px;font-weight:700}.stat-card label{color:var(--text-secondary);font-size:11px}.detail-actions{border-top:1px solid #ffffff14;display:flex;gap:12px;padding:20px 24px}.action-btn-large{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease}.action-btn-large.tried{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.action-btn-large.copy{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.battle-simulator-page{background:var(--bg-primary);min-height:100vh}.battle-simulator-page .loading-state,.battle-simulator-page .premium-gate{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.premium-gate .gate-icon{color:var(--gold);height:64px;margin-bottom:20px;width:64px}.simulator-hero{background:linear-gradient(135deg,#ef44441f,#dc262614);border-bottom:1px solid #ef444433;padding:40px 24px}.simulator-hero h1{align-items:center;color:#f87171;display:flex;font-family:var(--font-heading);font-size:32px;gap:16px;margin:0 0 8px}.simulator-hero .title-icon{color:#ef4444;height:36px;width:36px}.simulator-hero p{color:var(--text-secondary);margin:0}.premium-badge,.pro-active-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#1a1a1a;display:inline-flex;font-size:11px;font-weight:700;gap:4px;margin-left:12px;padding:4px 12px}.pro-active-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.premium-upgrade-section{margin:0 auto;max-width:900px;padding:60px 24px}.upgrade-card{background:linear-gradient(145deg,#1e1e28e6,#14141ef2);border:2px solid #fbbf244d;border-radius:24px;margin-bottom:40px;padding:50px;text-align:center}.upgrade-icon{align-items:center;background:#fbbf241a;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.upgrade-icon svg{color:#fbbf24;height:40px;width:40px}.upgrade-card h2{color:#fbbf24;font-family:var(--font-heading);font-size:28px;margin:0 0 16px}.upgrade-card>p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0 auto 30px;max-width:500px}.feature-highlights{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.highlight{align-items:center;background:#fbbf2414;border-radius:10px;color:var(--text-primary);display:flex;font-size:13px;gap:10px;padding:14px 18px}.highlight svg{color:#fbbf24;flex-shrink:0}.upgrade-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 4px 20px #fbbf2466;color:#1a1a1a;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:16px 40px;text-decoration:none;transition:all .3s ease}.upgrade-btn:hover{box-shadow:0 6px 30px #fbbf2480;transform:translateY(-2px)}.simulator-preview{background:#0003;border-radius:16px;padding:30px}.simulator-preview h3{color:var(--text-secondary);font-size:14px;letter-spacing:1px;margin:0 0 24px;text-align:center;text-transform:uppercase}.preview-arena{gap:30px;justify-content:center;opacity:.5}.preview-arena,.preview-team{align-items:center;display:flex}.preview-team{flex-direction:column;gap:12px}.preview-team span,.preview-team svg{color:var(--text-secondary)}.preview-team span{font-size:12px}.preview-slots{display:flex;gap:8px}.preview-slot{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;height:40px;width:40px}.preview-vs{color:var(--text-secondary);font-family:var(--font-heading);font-size:24px}.battle-type-selector{background:#0003;display:flex;gap:12px;overflow-x:auto;padding:20px 24px}.type-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:16px 24px;transition:all .2s ease}.type-btn:hover{background:#ffffff1a;color:var(--text-primary)}.type-btn.active{background:#ef444433;border-color:#ef444466;color:#f87171}.type-name{font-size:14px;font-weight:600}.type-desc{font-size:11px;opacity:.7}.simulator-info{align-items:flex-start;background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;display:flex;gap:14px;margin:0 24px;padding:16px 24px}.simulator-info svg{color:#60a5fa;flex-shrink:0;margin-top:2px}.simulator-info p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.battle-arena{display:grid;gap:30px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1400px;padding:40px 24px}.team-section{background:linear-gradient(145deg,#1e1e28cc,#14141ee6);border:1px solid #ffffff14;border-radius:20px;padding:24px}.team-section.team-1{border-color:#3b82f64d}.team-section.team-2{border-color:#ef44444d}.team-header{justify-content:space-between;margin-bottom:20px}.team-header,.team-header h2{align-items:center;display:flex}.team-header h2{font-family:var(--font-heading);font-size:18px;gap:10px;margin:0}.team-section.team-1 .team-header h2{color:#60a5fa}.team-section.team-2 .team-header h2{color:#f87171}.team-count{color:var(--text-secondary);font-size:14px}.team-slots{display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.champion-slot{align-items:center;aspect-ratio:1;background:#0000004d;border:2px dashed #ffffff26;border-radius:12px;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s ease}.champion-slot.filled{background:#0006;border-color:#fff3;border-style:solid}.slot-champion{align-items:center;aspect-ratio:1;background:#00000080;border:2px solid;border-radius:10px;display:flex;justify-content:center;overflow:hidden;position:relative;width:60%}.slot-champion img{height:100%;object-fit:cover;width:100%}.slot-champion .champ-initial{color:var(--text-secondary);font-size:24px;font-weight:700}.affinity-badge{align-items:center;border:2px solid var(--bg-primary);border-radius:50%;bottom:-4px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;width:18px}.champion-slot .champ-name{color:var(--text-primary);font-size:11px;margin-top:8px;max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.champion-slot .champ-role{color:var(--text-secondary);font-size:9px}.champion-slot .remove-btn{align-items:center;background:#ef4444cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease;width:20px}.champion-slot:hover .remove-btn{opacity:1}.add-champ-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:6px;height:100%;transition:all .2s ease;width:100%}.add-champ-btn:hover{color:#60a5fa}.add-champ-btn span{font-size:10px}.team-stats{display:flex;gap:16px;justify-content:center;margin-top:16px}.team-stats .stat{color:var(--text-secondary);font-size:12px;gap:4px}.team-stats .stat,.vs-divider{align-items:center;display:flex}.vs-divider{flex-direction:column;gap:24px;justify-content:center}.vs-circle{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 4px 20px #ef444466;color:#fff;display:flex;font-family:var(--font-heading);font-size:18px;height:60px;justify-content:center;width:60px}.battle-controls{display:flex;flex-direction:column;gap:12px}.simulate-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 20px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;padding:16px 32px;transition:all .3s ease}.simulate-btn:hover:not(:disabled){box-shadow:0 6px 30px #ef444480;transform:translateY(-2px)}.simulate-btn:disabled{cursor:not-allowed;opacity:.6}.simulate-btn .spinning{animation:spin .8s linear infinite}.reset-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.reset-btn:hover{background:#ffffff1a;color:var(--text-primary)}.simulation-error{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#f87171;display:flex;font-size:14px;gap:10px;margin:0 auto 24px;max-width:600px;padding:14px 20px}.battle-results{margin:0 auto;max-width:900px;padding:0 24px 60px}.results-header{background:linear-gradient(145deg,#1e1e28e6,#14141ef2);border:1px solid #ffffff1a;border-bottom:none;border-radius:20px 20px 0 0;padding:30px;text-align:center}.results-header.winner-1{background:linear-gradient(145deg,#3b82f626,#2563eb1a);border-color:#3b82f64d}.results-header.winner-2{background:linear-gradient(145deg,#ef444426,#dc26261a);border-color:#ef44444d}.results-header .trophy-icon{color:#fbbf24;height:48px;margin-bottom:12px;width:48px}.results-header h2{color:var(--gold-light);font-family:var(--font-heading);font-size:28px;margin:0 0 8px}.turns-count{color:var(--text-secondary);font-size:14px}.results-grid{background:#1e1e28cc;border:1px solid #ffffff14;border-top:none;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:24px}.result-card{background:#0000004d;border-radius:12px;padding:20px}.result-card h4{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin:0 0 16px}.team-1-card h4{color:#60a5fa}.team-2-card h4{color:#f87171}.stat-row{border-bottom:1px solid #ffffff0d;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.stat-row span:first-child{color:var(--text-secondary)}.stat-row .value{color:var(--text-primary);font-weight:600}.stat-row .value.synergy{color:#4ade80}.hp-bar{background:#ffffff1a;height:8px;margin-top:12px;overflow:hidden}.hp-bar,.hp-fill{border-radius:4px}.hp-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);height:100%;transition:width .5s ease}.hp-fill.enemy{background:linear-gradient(90deg,#f87171,#ef4444)}.battle-log{background:#1e1e28cc;border:1px solid #ffffff14;border-radius:0 0 20px 20px;border-top:none;padding:24px}.battle-log h4{color:var(--gold-light);font-size:14px;margin:0 0 16px}.log-entries{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.log-entry{align-items:center;background:#0000004d;border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;padding:10px 14px}.log-entry.team-1{border-left:3px solid #3b82f6}.log-entry.team-2{border-left:3px solid #ef4444}.log-entry.start{background:#22c55e1a;border-left:3px solid #22c55e;color:#4ade80}.log-entry.end{background:#fbbf241a;border-left:3px solid #fbbf24;color:#fbbf24;font-weight:600}.log-entry.ko{background:#ef44441a;color:#f87171}.turn-badge{background:#ffffff1a;border-radius:10px;font-size:10px;font-weight:600;padding:2px 8px}.log-message{flex:1}.run-again-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:20px;padding:14px;transition:all .2s ease;width:100%}.run-again-btn:hover{background:#ef444433}.champion-picker-modal{background:linear-gradient(145deg,#232332fa,#191928fa);border:1px solid #6366f140;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:100%}.picker-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.picker-header h3{color:var(--gold-light);font-size:18px;margin:0}.picker-header .close-btn{background:#ffffff1a;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px}.picker-search{padding:16px 24px;position:relative}.picker-search .search-icon{color:var(--text-secondary);height:18px;left:40px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.picker-search input{background:#0006;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);font-size:14px;padding:14px 16px 14px 48px;width:100%}.picker-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:50vh;overflow-y:auto;padding:0 24px 24px}.picker-champion{align-items:center;background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;position:relative;transition:all .2s ease}.picker-champion:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-2px)}.picker-champion img{border-radius:10px;height:50px;object-fit:cover;width:50px}.picker-champion .champ-initial{align-items:center;background:#ffffff1a;border-radius:10px;color:var(--text-secondary);display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;width:50px}.picker-champion .affinity-dot{border-radius:50%;height:10px;position:absolute;right:8px;top:8px;width:10px}.picker-champ-name{color:var(--text-primary);font-size:11px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.picker-champ-role{color:var(--text-secondary);font-size:9px}.pro-icon{color:#fbbf24;margin-left:4px}@media (max-width:1024px){.battle-arena{gap:20px;grid-template-columns:1fr}.vs-divider{padding:20px 0}.battle-controls,.vs-divider{flex-direction:row}}@media (max-width:768px){.team-slots{grid-template-columns:repeat(3,1fr)}.feature-highlights,.results-grid{grid-template-columns:1fr}}.team-builder-spotlight{background:linear-gradient(135deg,#d4af3714,#8b5a2b14);border:1px solid #d4af3733;border-radius:16px;margin-bottom:40px;overflow:hidden;padding:0!important}.spotlight-container{align-items:center;display:grid;gap:40px;grid-template-columns:1.2fr 1fr;padding:48px}.spotlight-badge{background:linear-gradient(90deg,#d4af37,#f5d76e);border-radius:20px;color:#1a1410;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:16px;padding:6px 14px}.spotlight-title{color:var(--text-primary);font-family:Cinzel,serif;font-size:32px;line-height:1.3;margin-bottom:16px}.spotlight-title .highlight{background:none;color:#d4af37;display:inline;font-size:inherit;padding:0;text-decoration:underline;text-decoration-color:#d4af3766;text-underline-offset:4px}.spotlight-subtitle{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:24px}.spotlight-features{display:grid;gap:12px;list-style:none;margin:0 0 32px;padding:0}.spotlight-features li{align-items:center;color:var(--text-primary);display:flex;font-size:15px;gap:12px}.feature-check{color:#22c55e;font-size:18px;font-weight:700}.spotlight-ctas{align-items:center;display:flex;gap:16px}.cta-large{font-size:16px!important;padding:16px 32px!important}.spotlight-free-badge{background:#22c55e33;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;font-size:12px;font-weight:600;padding:6px 12px}.spotlight-preview{align-items:center;display:flex;justify-content:center}.preview-mockup{background:#0006;border:1px solid #d4af374d;border-radius:12px;box-shadow:0 20px 60px #0006,0 0 40px #d4af371a;max-width:380px;overflow:hidden;width:100%}.mockup-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:12px 16px}.mockup-dot{background:#ffffff4d;border-radius:50%;height:10px;width:10px}.mockup-dot:first-child{background:#ef4444}.mockup-dot:nth-child(2){background:#fbbf24}.mockup-dot:nth-child(3){background:#22c55e}.mockup-title{color:var(--text-secondary);font-size:12px;margin-left:auto}.mockup-content{padding:20px}.mockup-mode{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.mockup-mode .mode-icon{font-size:24px}.mockup-mode .mode-name{color:var(--text-primary);font-weight:600}.mockup-roles{display:grid;gap:8px;margin-bottom:16px}.role-item{align-items:center;background:#0003;border-radius:6px;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;padding:10px 14px}.role-item span{text-align:center;width:20px}.role-filled{background:#22c55e26;border:1px solid #22c55e4d}.role-filled,.role-filled span{color:#22c55e}.role-pending{border:1px dashed #fff3}.mockup-stats{background:#3b82f61a;border-radius:6px;color:#93c5fd;display:flex;font-size:12px;gap:16px;padding:12px}.team-builder-banner{background:linear-gradient(90deg,#d4af371a,#8b5a2b1a);border:1px solid #d4af374d;border-radius:12px;margin-top:32px;padding:20px 24px}.banner-content{align-items:center;display:flex;gap:20px}.banner-icon{flex-shrink:0;font-size:32px}.banner-text{display:flex;flex:1;flex-direction:column;gap:4px}.banner-text strong{color:var(--text-primary);font-size:16px}.banner-text span{color:var(--text-secondary);font-size:14px}.banner-cta{background:linear-gradient(90deg,#d4af37,#f5d76e);border-radius:8px;color:#1a1410;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.banner-cta:hover{box-shadow:0 4px 20px #d4af3766;transform:translateX(4px)}.nav-link-featured{position:relative}.nav-featured-badge{align-items:center;background:#dc2626;border-radius:10px;color:#fff;display:inline-flex;font-size:8px;font-weight:700;letter-spacing:.3px;line-height:1;margin-left:6px;padding:2px 5px;vertical-align:middle}.user-dropdown-featured{background:linear-gradient(90deg,#d4af3726,#8b5a2b26)!important;border-left:3px solid #d4af37!important}.dropdown-hot-badge,.mobile-hot-badge{background:linear-gradient(90deg,#ef4444,#dc2626)}.dropdown-hot-badge,.dropdown-new-badge,.mobile-hot-badge,.mobile-new-badge{border-radius:4px;color:#fff;font-size:9px;font-weight:700;margin-left:8px;padding:2px 6px}.dropdown-new-badge,.mobile-new-badge{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.nav-mobile-featured{background:linear-gradient(90deg,#d4af3726,#8b5a2b26)!important;border-left:3px solid #d4af37}.champion-tools-section{margin:32px 0}.champion-tools-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.champion-tool-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:24px;text-decoration:none;transition:all .3s ease}.champion-tool-card:hover{background:#6366f11a;border-color:#6366f14d;box-shadow:0 10px 30px #0000004d;transform:translateY(-4px)}.tool-card-featured{background:linear-gradient(135deg,#d4af371a,#8b5a2b1a);border-color:#d4af374d}.tool-card-featured:hover{background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border-color:#d4af3780;box-shadow:0 10px 30px #d4af3733}.tool-card-icon{flex-shrink:0;font-size:36px}.tool-card-content h3{color:var(--text-primary);font-family:Cinzel,serif;font-size:16px;margin-bottom:8px}.tool-card-content p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:12px}.tool-card-cta{color:#d4af37;display:inline-block;font-size:13px;font-weight:600;transition:transform .2s ease}.champion-tool-card:hover .tool-card-cta{transform:translateX(4px)}.use-case-links-section{margin-top:0}.use-case-links-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.use-case-link-card{align-items:center;background:linear-gradient(145deg,#1e1914b3,#140f0acc);border:1px solid #8b735533;border-radius:12px;display:flex;gap:14px;padding:16px 20px;text-decoration:none;transition:all .25s ease}.use-case-link-card:hover{background:linear-gradient(145deg,#282319cc,#19140fe6);border-color:#d4af3766;box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}.use-case-icon{flex-shrink:0;font-size:28px}.use-case-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.use-case-name{color:#f5f0e6;font-size:15px;font-weight:600}.use-case-desc{color:#8b7355;font-size:12px}.use-case-arrow{color:#8b7355;font-size:18px;transition:all .2s}.use-case-link-card:hover .use-case-arrow{color:#d4af37;transform:translateX(4px)}@media (max-width:900px){.use-case-links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.use-case-links-grid{grid-template-columns:1fr}.use-case-link-card{padding:14px 16px}.use-case-icon{font-size:24px}}.cta-gold-glow{animation:gold-pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#d4af37,#f5d76e)!important;color:#1a1410!important}@keyframes gold-pulse{0%,to{box-shadow:0 4px 20px #d4af3766}50%{box-shadow:0 4px 40px #d4af3799,0 0 60px #d4af374d}}@media (max-width:1024px){.spotlight-container{gap:32px;grid-template-columns:1fr;padding:32px}.spotlight-preview{order:-1}.preview-mockup{max-width:320px}.champion-tools-grid{grid-template-columns:1fr}}@media (max-width:768px){.spotlight-container{padding:24px}.spotlight-title{font-size:24px}.spotlight-ctas{align-items:flex-start;flex-direction:column}.banner-content{flex-direction:column;gap:16px;text-align:center}.banner-text{align-items:center}.nav-featured-badge{display:none}}.best-teams-hub-v2{background:#0f0c09;min-height:100vh;position:relative}.teams-hero-v2{background:linear-gradient(180deg,#0f0c094d,#0f0c09f2),url(https://cdn.raidoptimizer.com/api/images/hero/teams.webp);background-position:center 20%;background-size:cover;padding:60px 20px 40px;position:relative;text-align:center}.hero-content-v2{margin:0 auto;max-width:700px}.teams-title-v2{color:#fff;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;margin:0 0 12px;text-shadow:0 4px 20px #000c}.teams-title-v2 .title-accent{color:#d4af37;text-shadow:0 0 30px #d4af3780}.teams-subtitle-v2{color:#a89680;font-size:1.1rem;margin:0}.section-navigator{align-items:center;backdrop-filter:blur(10px);background:#0f0c09fa;border-bottom:1px solid #d4af3726;display:flex;gap:16px;justify-content:space-between;padding:12px 24px;position:sticky;top:70px;z-index:100}.section-navigator .nav-inner{-ms-overflow-style:none;display:flex;flex:1;gap:8px;overflow-x:auto;scrollbar-width:none}.section-navigator .nav-inner::-webkit-scrollbar{display:none}.nav-section-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#8b8070;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;position:relative;transition:all .25s ease;white-space:nowrap}.nav-section-btn:hover{background:#ffffff0f;border-color:#d4af3733;color:#c4a777}.nav-section-btn.active{background:rgba(var(--section-color-rgb,212,175,55),.15);border-color:var(--section-color,#d4af37);color:var(--section-color,#d4af37)}.nav-section-btn .nav-icon{font-size:1.1rem}.nav-section-btn .nav-indicator{animation:indicator-sweep .3s ease;background:var(--section-color,#d4af37);border-radius:2px;bottom:-1px;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}@keyframes indicator-sweep{0%{opacity:0;width:0}to{opacity:1;width:60%}}.view-toggle{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:4px;padding:4px}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b6560;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:36px}.view-btn:hover{background:#ffffff0d;color:#a89680}.view-btn.active{background:#d4af3726;color:#d4af37}.popular-strip-v2{border-bottom:1px solid #d4af371a;padding:24px 24px 20px}.popular-strip-v2 .strip-title{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:1rem;gap:10px;margin:0 0 16px}.popular-strip-v2 .star-icon{font-size:1rem}.popular-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-color:#d4af374d #0000;scrollbar-width:thin}.popular-scroll::-webkit-scrollbar{height:4px}.popular-scroll::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}.popular-chip{align-items:center;animation:chip-fade-in .4s ease backwards;background:#d4af3714;border:1px solid #d4af3733;border-radius:100px;color:#c4a777;display:flex;gap:10px;padding:10px 16px;text-decoration:none;transition:all .25s ease;white-space:nowrap}@keyframes chip-fade-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.popular-chip:hover{background:#d4af3726;border-color:#d4af3766;color:#d4af37;transform:translateY(-2px)}.popular-chip .chip-icon{font-size:1.1rem}.popular-chip .chip-name{font-size:.9rem;font-weight:500}.popular-chip .chip-arrow{opacity:0;transform:translateX(-5px);transition:all .2s ease}.popular-chip:hover .chip-arrow{opacity:1;transform:translateX(0)}.accordion-sections{padding:16px 24px 100px}.accordion-section{animation:section-fade-in .4s ease backwards;background:#1a141099;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}@keyframes section-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.accordion-section.expanded{border-color:rgba(var(--section-color-rgb,212,175,55),.3);box-shadow:0 4px 30px rgba(var(--section-color-rgb,212,175,55),.1)}.section-header{background:#0000;border:none;cursor:pointer;padding:20px 24px;transition:background .2s ease;width:100%}.section-header:hover{background:#ffffff05}.section-header .header-left{align-items:center;display:flex;gap:16px}.section-header .section-icon{align-items:center;background:rgba(var(--section-color-rgb,212,175,55),.1);border-radius:12px;display:flex;font-size:1.8rem;height:48px;justify-content:center;width:48px}.section-header .section-titles{text-align:left}.section-header .section-title{color:#fff;font-family:Cinzel,serif;font-size:1.3rem;font-weight:600;margin:0 0 4px}.section-header .section-subtitle{color:#8b8070;font-size:.85rem}.section-header .header-right{align-items:center;display:flex;gap:16px}.section-header .team-count{background:rgba(var(--section-color-rgb,212,175,55),.1);border-radius:20px;color:var(--section-color,#d4af37);font-size:.85rem;padding:6px 12px}.section-header .expand-icon{color:#6b6560;transition:transform .3s ease,color .2s ease}.section-header .expand-icon.rotated{color:var(--section-color,#d4af37);transform:rotate(180deg)}.section-content{max-height:0;opacity:0;overflow:hidden;padding:0 24px;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.section-content.visible{max-height:2000px;opacity:1;padding:0 24px 24px}.subsection{animation:subsection-slide-in .4s ease backwards;margin-bottom:24px}@keyframes subsection-slide-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.subsection:last-child{margin-bottom:0}.subsection-title{border-bottom:1px solid #ffffff0d;color:#6b6560;font-size:.8rem;letter-spacing:1.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.teams-grid{display:grid;gap:12px}.teams-grid.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.teams-grid.detailed{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.team-card-v2{align-items:center;animation:card-fade-in .3s ease backwards;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:12px;padding:14px 16px;position:relative;text-decoration:none;transition:all .25s ease}@keyframes card-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.team-card-v2:hover{background:#ffffff0d;border-color:rgba(var(--section-color-rgb,212,175,55),.3);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.team-card-v2 .card-icon-wrap{align-items:center;border:1px solid;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.team-card-v2 .card-icon{font-size:1.3rem}.team-card-v2 .card-content{flex:1;min-width:0}.team-card-v2 .card-header{align-items:center;display:flex;gap:8px}.team-card-v2 .card-title{color:#fff;font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-card-v2 .card-desc{color:#8b8070;font-size:.8rem;line-height:1.4;margin:4px 0 0}.team-card-v2 .tier-badge{border-radius:4px;flex-shrink:0;font-size:.7rem;font-weight:700;padding:2px 6px}.team-card-v2 .tier-badge.tier-s{background:linear-gradient(135deg,#d4af37,#f5d76e);color:#1a1410}.team-card-v2 .tier-badge.tier-a{background:#8b5cf64d;color:#a78bfa}.team-card-v2 .tier-badge.tier-b{background:#3b82f64d;color:#60a5fa}.team-card-v2 .tier-badge.tier-c{background:#6b72804d;color:#9ca3af}.team-card-v2 .popular-dot{background:#d4af37;border-radius:50%;box-shadow:0 0 10px #d4af3799;height:8px;position:absolute;right:10px;top:10px;width:8px}.team-card-v2 .card-arrow{color:#6b6560;font-size:1rem;opacity:0;transform:translateX(-5px);transition:all .2s ease}.team-card-v2:hover .card-arrow{color:var(--section-color,#d4af37);opacity:1;transform:translateX(0)}.team-card-v2.detailed{padding:18px 20px}.team-card-v2.detailed .card-icon-wrap{height:48px;width:48px}.team-card-v2.detailed .card-title{font-size:1rem}.jump-to-fab{bottom:24px;position:fixed;right:24px;z-index:200}.jump-to-fab .fab-trigger{background:linear-gradient(135deg,#d4af37,#b8941f);border:none;border-radius:50%;box-shadow:0 4px 20px #d4af3766;color:#1a1410;cursor:pointer;font-size:1.4rem;font-weight:700;height:50px;transition:all .3s ease;width:50px}.jump-to-fab .fab-trigger:hover{box-shadow:0 6px 30px #d4af3780;transform:scale(1.1)}.jump-to-fab.open .fab-trigger{background:#444;color:#fff}.jump-to-fab .fab-menu{animation:fab-menu-appear .2s ease;background:#1a1410fa;border:1px solid #d4af374d;border-radius:12px;bottom:60px;box-shadow:0 10px 40px #00000080;min-width:180px;padding:8px;position:absolute;right:0}@keyframes fab-menu-appear{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.jump-to-fab .fab-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#c4a777;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.jump-to-fab .fab-item:hover{background:#d4af371a;color:#d4af37}.jump-to-fab .fab-icon{font-size:1.1rem}@media (max-width:768px){.teams-hero-v2{padding:40px 16px 30px}.teams-title-v2{font-size:1.8rem}.teams-subtitle-v2{font-size:.95rem}.section-navigator{padding:10px 16px;top:60px}.nav-section-btn{font-size:.8rem;padding:8px 12px}.nav-section-btn .nav-label{display:none}.nav-section-btn .nav-icon{font-size:1.2rem}.view-toggle{display:none}.popular-strip-v2{padding:16px}.accordion-sections{padding:12px 16px 80px}.section-header{padding:16px}.section-header .section-icon{font-size:1.4rem;height:40px;width:40px}.section-header .section-title{font-size:1.1rem}.section-header .team-count{display:none}.section-content.visible{padding:0 16px 16px}.teams-grid.compact,.teams-grid.detailed{grid-template-columns:1fr}.jump-to-fab{bottom:16px;right:16px}.jump-to-fab .fab-trigger{font-size:1.2rem;height:44px;width:44px}}.accordion-section{--section-color-rgb:212,175,55}.accordion-section[style*="--section-color: #8b5cf6"]{--section-color-rgb:139,92,246}.accordion-section[style*="--section-color: #3b82f6"]{--section-color-rgb:59,130,246}.accordion-section[style*="--section-color: #f59e0b"]{--section-color-rgb:245,158,11}.accordion-section[style*="--section-color: #ef4444"]{--section-color-rgb:239,68,68}.accordion-section[style*="--section-color: #10b981"]{--section-color-rgb:16,185,129}.accordion-section[style*="--section-color: #06b6d4"]{--section-color-rgb:6,182,212}.best-teams-final{background:#0a0806;min-height:100vh}.btf-hero{overflow:hidden;padding:80px 24px 60px;position:relative;text-align:center}.btf-hero-bg{background:linear-gradient(180deg,#0a08064d,#0a0806f2),url(https://cdn.raidoptimizer.com/api/images/hero/teams.webp);background-position:center 30%;background-size:cover;filter:brightness(.8);inset:0;position:absolute}.btf-hero-content{margin:0 auto;max-width:900px;position:relative;z-index:2}.btf-hero-title{color:#fff;font-family:Cinzel,serif;font-size:3rem;font-weight:800;letter-spacing:4px;margin:0 0 16px;text-shadow:0 4px 30px #000c,0 0 60px #d4af374d;text-transform:uppercase}.btf-hero-subtitle{color:#a89680;font-size:1.1rem;line-height:1.6;margin:0 0 40px}.btf-hero-stats{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btf-stat{text-align:center}.btf-stat-number{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:2rem;font-weight:700;text-shadow:0 0 20px #d4af3766}.btf-stat-label{color:#8b8070;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase}.btf-stat-divider{color:#3d3530;font-size:1.5rem;font-weight:300}.btf-draft-toggle{display:flex;justify-content:center;margin-top:20px}.btf-toggle-label{align-items:center;background:#0006;border:1px solid #d4af374d;border-radius:30px;cursor:pointer;display:flex;gap:12px;padding:10px 20px;transition:all .2s ease}.btf-toggle-label:hover{background:#00000080;border-color:#d4af3780}.btf-toggle-checkbox{display:none}.btf-toggle-slider{background:#3d3530;border-radius:12px;height:24px;position:relative;transition:background .2s ease;width:44px}.btf-toggle-slider:after{background:#888;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:all .2s ease;width:18px}.btf-toggle-checkbox:checked+.btf-toggle-slider{background:#d4af3766}.btf-toggle-checkbox:checked+.btf-toggle-slider:after{background:#d4af37;left:23px}.btf-toggle-text{color:#a0998f;font-family:Cinzel,serif;font-size:.85rem}.btf-toggle-checkbox:checked~.btf-toggle-text{color:#d4af37}.btf-cta-section{background:linear-gradient(135deg,#8b45134d,#d4af371a);border-bottom:1px solid #d4af3733;border-top:1px solid #d4af3733;padding:20px 24px}.btf-cta-content{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px}.btf-cta-text h2{color:#d4af37;font-size:1.2rem;font-weight:600;margin:0 0 4px}.btf-cta-text p{color:#a89070;font-size:.9rem;margin:0}.btf-cta-text strong{color:#d4af37}.btf-cta-button{background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:6px;color:#1a1410;font-size:.95rem;font-weight:700;padding:12px 28px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btf-cta-button:hover{background:linear-gradient(135deg,#f4cf57,#d4af37);box-shadow:0 4px 15px #d4af374d;transform:translateY(-2px)}@media (max-width:768px){.btf-cta-content{flex-direction:column;text-align:center}.btf-cta-text h2{font-size:1.1rem}.btf-cta-text p{font-size:.85rem}}.btf-nav{backdrop-filter:blur(10px);background:#0f0c0afa;border-bottom:1px solid #d4af3726;position:sticky;top:70px;z-index:100}.btf-nav-inner{align-items:center;display:flex;gap:4px;overflow-x:auto;padding:12px 24px;scrollbar-width:none}.btf-nav-inner::-webkit-scrollbar{display:none}.btf-nav-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#8b8070;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;letter-spacing:.5px;padding:12px 18px;text-transform:uppercase;transition:all .25s ease;white-space:nowrap}.btf-nav-btn:hover{background:#d4af3714;color:#c4a777}.btf-nav-btn.active{background:#d4af371f;border-color:#d4af374d;color:#d4af37}.btf-nav-icon{font-size:1.1rem}.btf-nav-check{color:#4ade80;font-size:.9rem;margin-left:4px}.btf-nav-arrow{background:#d4af371a;border:1px solid #d4af3733;border-radius:8px;color:#d4af37;cursor:pointer;font-size:1.2rem;margin-left:auto;padding:12px 16px;transition:all .2s ease}.btf-nav-arrow:hover{background:#d4af3733}.btf-overview{margin:0 auto;max-width:1400px;padding:24px}.btf-popular-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.btf-section-label{color:#d4af37;font-family:Cinzel,serif;font-size:1rem;letter-spacing:2px;margin:0;text-transform:uppercase}.btf-filter-dropdown{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;color:#8b8070;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s ease}.btf-filter-dropdown:hover{border-color:#d4af374d;color:#c4a777}.btf-category-preview{background:#1a141080;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:20px;padding:28px}.btf-category-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.btf-category-info{flex:1}.btf-category-title{align-items:center;color:#fff;display:flex;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;gap:12px;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.btf-cat-icon{font-size:1.5rem}.btf-category-desc{color:#8b8070;font-size:.9rem;margin:0}.btf-view-all{color:#d4af37;font-size:.85rem;text-decoration:none;transition:color .2s ease}.btf-view-all:hover{color:#f5d76e}.btf-difficulty-tabs{border-bottom:1px solid #ffffff0f;display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.btf-diff-tab{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#8b8070;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 24px;transition:all .25s ease}.btf-diff-tab:hover{background:#ffffff0f;color:#c4a777}.btf-diff-tab.active{background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:#d4af3766;color:#d4af37}.btf-popular-teams{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btf-popular-label{align-items:center;color:#d4af37;display:flex;font-size:.85rem;gap:8px;letter-spacing:1px;text-transform:uppercase}.btf-star{color:#f5d76e}.btf-featured-contributors{display:flex;gap:16px}.btf-contributor{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;display:flex;gap:8px;padding:8px 16px}.btf-contributor-name{color:#c4b5fd;font-weight:600}.btf-contributor-rating{color:#f87171;font-size:.9rem;font-weight:700}.btf-teams-carousel{margin-bottom:20px;position:relative}.btf-teams-row{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.btf-team-card{background:#1e1914cc;padding:20px}.btf-team-card:hover{border-color:#d4af3766;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.btf-card-header{margin-bottom:16px}.btf-team-name{font-size:1.1rem;font-weight:700}.btf-team-rating{background:#f8717126;border-radius:6px;color:#f87171;font-size:1rem;font-weight:800;padding:4px 10px}.btf-champions-grid{flex-wrap:wrap;gap:8px;margin-bottom:16px}.btf-champion-slot{background:#0000004d;border:2px solid #d4af374d;height:52px;width:52px}.btf-card-metrics{display:flex;gap:16px;margin-bottom:12px}.btf-metric{align-items:center;color:#a89680;display:flex;font-size:.8rem;gap:6px}.btf-metric-icon{font-size:.9rem}.btf-card-tags{gap:8px}.btf-tag{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;color:#8b8070;padding:4px 10px}.btf-carousel-arrow{background:#d4af37e6;border:none;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#1a1410;cursor:pointer;font-size:1.2rem;height:40px;position:absolute;right:-16px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:40px}.btf-carousel-arrow:hover{background:#f5d76e;transform:translateY(-50%) scale(1.1)}.btf-show-more{background:#d4af371a;display:inline-block;font-weight:600;padding:14px 28px;transition:all .25s ease}.btf-show-more:hover{background:#d4af3733}.btf-collapsed-sections{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btf-collapsed-section{align-items:center;background:#1a141080;border:1px solid #ffffff0f;border-radius:12px;display:flex;justify-content:space-between;padding:24px 28px;text-decoration:none;transition:all .25s ease}.btf-collapsed-section:hover{background:#1a1410cc;border-color:#d4af3733}.btf-collapsed-left{align-items:center;display:flex;gap:20px}.btf-collapsed-icon{align-items:center;background:#d4af371a;border-radius:12px;display:flex;font-size:2rem;height:56px;justify-content:center;width:56px}.btf-collapsed-info{text-align:left}.btf-collapsed-title{color:#fff;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.btf-collapsed-desc{color:#8b8070;font-size:.85rem;margin:0}.btf-collapsed-arrow{color:#6b6560;font-size:1.5rem;transition:all .2s ease}.btf-collapsed-section:hover .btf-collapsed-arrow{color:#d4af37;transform:translateX(4px)}.btf-footer-nav{background:#0f0c0afa;border-top:1px solid #d4af3726;margin-top:40px}.btf-footer-nav .btf-nav-inner{justify-content:center}@media (max-width:768px){.btf-hero{padding:50px 16px 40px}.btf-hero-title{font-size:1.8rem;letter-spacing:2px}.btf-hero-stats{gap:12px}.btf-stat-number{font-size:1.4rem}.btf-stat-label{font-size:.65rem}.btf-nav-inner{padding:10px 16px}.btf-nav-btn{font-size:.75rem;padding:10px 12px}.btf-nav-label{display:none}.btf-nav-icon{font-size:1.3rem}.btf-overview{padding:16px}.btf-category-preview{padding:20px}.btf-category-title{font-size:1.2rem}.btf-teams-row{grid-template-columns:1fr}.btf-featured-contributors{flex-direction:column;gap:8px}.btf-collapsed-section{padding:16px 20px}.btf-collapsed-icon{font-size:1.5rem;height:44px;width:44px}.btf-collapsed-title{font-size:1rem}}.guides-home-section{background:linear-gradient(180deg,#0f0c09f2,#1a1410fa);contain-intrinsic-size:auto 500px;content-visibility:auto;padding:60px 20px}.guides-home-section .section-desc-centered{color:#a89a8a;margin-bottom:32px;text-align:center}.guides-home-section .home-guides-widget{margin:0 auto;max-width:1200px}.guides-home-section .guides-promo-card{background:linear-gradient(135deg,#1a1410f2,#2d2318f2);border:2px solid #3a3530}.guides-home-section .guides-promo-card:hover{border-color:#d4af37;box-shadow:0 8px 32px #d4af3726}.guides-home-section .guides-by-mode,.guides-home-section .guides-quick-links{background:#1a1410cc;border:1px solid #3a3530}@media (max-width:900px){.guides-home-section{padding:40px 16px}.guides-home-section .home-guides-widget{grid-template-columns:1fr}.guides-home-section .guides-promo-card{grid-row:auto}}.guides-admin-panel{padding:24px}.guides-admin-header{margin-bottom:32px}.guides-admin-header h2{color:#d4af37;font-family:Cinzel,serif;font-size:24px;margin:0 0 8px}.guides-admin-header p{color:#a89a8a;margin:0 0 16px}.guides-admin-actions{display:flex;gap:12px}.guides-admin-section{background:#1a1410cc;border:1px solid #3a3530;border-radius:8px;margin-bottom:24px;padding:24px}.guides-admin-section h3{color:#d4af37;font-family:Cinzel,serif;font-size:18px;margin:0 0 8px}.guides-admin-section .section-desc{color:#888;font-size:14px;margin:0 0 20px}.hub-settings-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.hub-setting-item{display:flex;flex-direction:column;gap:6px}.hub-setting-item.full-width{grid-column:span 2}.hub-setting-item label{color:#a89a8a;font-size:13px;font-weight:600}.hub-setting-item input,.hub-setting-item textarea{background:#0000004d;border:1px solid #3a3530;border-radius:6px;color:#fff;font-size:14px;padding:10px 12px}.hub-setting-item textarea{min-height:80px;resize:vertical}.hub-images-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.image-upload-box{display:flex;flex:1;flex-direction:column;gap:8px;min-width:200px}.image-upload-box label{color:#a89a8a;font-size:13px;font-weight:600}.image-preview-small{align-items:center;background:#0000004d;border:1px solid #3a3530;border-radius:6px;display:flex;height:120px;justify-content:center;overflow:hidden;width:100%}.image-preview-small img{height:100%;object-fit:cover;width:100%}.image-preview-small .placeholder{color:#666;font-size:13px}.save-btn{background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;border-radius:6px;color:#1a1410;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.save-btn:hover{box-shadow:0 4px 16px #d4af374d;transform:translateY(-2px)}.category-images-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.category-image-card{background:#0003;border:1px solid #3a3530;border-radius:8px;padding:16px}.category-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.category-card-header h4{color:#fff;font-family:Cinzel,serif;font-size:15px;margin:0}.category-card-header .guide-count{background:#d4af371a;border-radius:4px;color:#d4af37;font-size:12px;padding:2px 8px}.category-images-row{display:flex;gap:12px}.mini-image-upload{display:flex;flex:1;flex-direction:column;gap:4px}.mini-image-upload .image-label{color:#888;font-size:11px;text-transform:uppercase}.mini-preview{align-items:center;background:#0000004d;border:1px solid #3a3530;border-radius:4px;display:flex;height:60px;justify-content:center;overflow:hidden;width:100%}.mini-preview img{height:100%;object-fit:cover;width:100%}.mini-preview span{color:#666;font-size:12px}.mini-image-upload input[type=file]{color:#888;font-size:10px}.glossary-list-admin,.guides-list-admin{display:flex;flex-direction:column;gap:8px}.empty-state{color:#666;padding:40px;text-align:center}.guide-admin-item{align-items:center;background:#0003;border:1px solid #3a3530;border-radius:6px;display:flex;justify-content:space-between;padding:16px}.guide-admin-info h4{color:#fff;font-size:15px;margin:4px 0}.guide-admin-info p{color:#888;font-size:13px;margin:0 0 8px}.guide-status{border-radius:4px;font-size:11px;padding:2px 8px}.guide-status.published{background:#22c55e1a;color:#22c55e}.guide-status.draft{background:#ffffff0d;color:#888}.guide-meta{display:flex;flex-wrap:wrap;gap:8px}.category-badge,.difficulty-badge,.featured-badge{background:#d4af371a;border-radius:4px;color:#d4af37;font-size:11px;padding:2px 8px}.guide-admin-actions{display:flex;gap:8px}.action-btn{background:#ffffff0d;border:1px solid #3a3530;border-radius:4px;color:#a89a8a;font-size:13px;padding:8px 12px;transition:all .2s ease}.action-btn:hover{background:#d4af371a;border-color:#d4af37;color:#d4af37}.glossary-terms-table{display:flex;flex-direction:column;gap:8px}.glossary-admin-item{background:#0003;border:1px solid #3a3530;border-radius:6px;padding:12px 16px}.glossary-admin-item .term-info{align-items:center;display:flex;gap:12px;margin-bottom:6px}.glossary-admin-item .term-info strong{color:#d4af37;font-size:14px}.glossary-admin-item .term-category{background:#ffffff0d;border-radius:3px;color:#888;font-size:11px;padding:2px 6px;text-transform:uppercase}.glossary-admin-item .term-def{color:#a89a8a;font-size:13px;line-height:1.4;margin:0}.guides-loading{color:#888;padding:60px 20px;text-align:center}.section-header-flex{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.guide-mode-buttons{display:flex;flex-wrap:wrap;gap:8px}.mode-btn{background:#8b735533;border:1px solid #8b735566;border-radius:6px;color:#c9b896;cursor:pointer;font-size:13px;padding:8px 14px;transition:all .2s ease}.mode-btn:hover{background:#8b73554d;border-color:#8b735599}.mode-btn.active{background:#d4af3733;border-color:#d4af37;color:#d4af37}.mode-btn.create-btn{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.mode-btn.create-btn:hover{background:#22c55e40}.mode-btn.generate-btn{background:#8b5cf626;border-color:#8b5cf666;color:#a78bfa}.mode-btn.generate-btn:hover{background:#8b5cf640}.guide-editor-panel{background:#1e1914e6;border:1px solid #d4af374d;border-radius:12px;margin-bottom:20px;padding:24px}.editor-header{align-items:center;border-bottom:1px solid #8b73554d;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.editor-header h4{color:#d4af37;font-family:Cinzel,serif;font-size:18px;margin:0}.close-editor-btn{background:#ef444433;border:1px solid #ef444466;border-radius:6px;color:#f87171;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.close-editor-btn:hover{background:#ef44444d}.editor-section{background:#140f0a99;border:1px solid #8b735533;border-radius:8px;margin-bottom:16px;padding:20px}.editor-section h5{color:#d4af37;font-family:Cinzel,serif;font-size:14px;margin:0 0 16px}.editor-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.editor-field{display:flex;flex-direction:column;gap:6px}.editor-field.full-width{grid-column:span 2}.editor-field label{color:#a89a8a;font-size:12px;font-weight:600}.editor-field input,.editor-field select,.editor-field textarea{background:#0006;border:1px solid #8b73554d;border-radius:6px;color:#f0e6d3;font-size:14px;padding:10px 12px}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{border-color:#d4af37;outline:none}.editor-field select{cursor:pointer}.editor-field textarea{min-height:100px;resize:vertical}.checkbox-field{align-items:center;flex-direction:row!important;gap:20px!important}.checkbox-field label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-field input[type=checkbox]{accent-color:#d4af37;height:18px;width:18px}.content-section-editor,.mistake-editor,.role-editor{background:#0003;border:1px solid #8b735533;border-radius:8px;margin-bottom:12px;padding:16px}.mistake-row,.role-row,.section-row{align-items:center;display:flex;gap:12px;margin-bottom:10px}.section-title-input{background:#0006;border:1px solid #8b73554d;border-radius:6px;color:#f0e6d3;flex:1;font-size:14px;font-weight:600;padding:8px 12px}.content-section-editor textarea,.mistake-editor textarea,.role-editor textarea{background:#0006;border:1px solid #8b73554d;border-radius:6px;color:#f0e6d3;font-size:13px;margin-bottom:8px;min-height:80px;padding:10px 12px;resize:vertical;width:100%}.mistake-editor input,.role-editor input{flex:1;font-size:14px}.mistake-editor input,.mistake-editor select,.role-editor input,.role-editor select{background:#0006;border:1px solid #8b73554d;border-radius:6px;color:#f0e6d3;padding:8px 12px}.mistake-editor select,.role-editor select{font-size:13px;min-width:120px}.add-btn{background:#22c55e33;border:1px solid #22c55e66;border-radius:6px;color:#4ade80;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.add-btn:hover{background:#22c55e4d}.remove-btn{background:#ef444433;border:1px solid #ef444466;border-radius:6px;color:#f87171;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.remove-btn:hover{background:#ef44444d}.ai-edit-btn{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:6px;color:#a78bfa;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.ai-edit-btn:hover{background:#8b5cf64d}.ai-seo-btn{background:#3b82f633;border:1px solid #3b82f666;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:12px;padding:8px 14px;transition:all .2s ease}.ai-seo-btn:hover{background:#3b82f64d}.ai-seo-btn:disabled{cursor:not-allowed;opacity:.5}.editor-actions{border-top:1px solid #8b735533;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px}.cancel-btn{background:#64646433;border:1px solid #64646466;border-radius:6px;color:#aaa;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#6464644d}.save-guide-btn{background:linear-gradient(135deg,#d4af37,#b8962f);border:none;border-radius:6px;color:#1a120a;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.save-guide-btn:hover{box-shadow:0 4px 16px #d4af374d;transform:translateY(-2px)}.save-guide-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ai-edit-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.ai-edit-content{background:linear-gradient(135deg,#2a2015,#1a120a);border:1px solid #d4af3766;border-radius:16px;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;width:100%}.ai-edit-content h4{color:#d4af37;font-family:Cinzel,serif;margin:0 0 12px}.ai-edit-desc{color:#a89a8a;font-size:14px;margin:0 0 16px}.current-content-preview{background:#0000004d;border:1px solid #8b735533;border-radius:8px;margin-bottom:16px;padding:12px}.current-content-preview strong{color:#c9b896;display:block;font-size:12px;margin-bottom:8px}.content-preview{color:#8b7355;font-size:13px;line-height:1.5;max-height:100px;overflow:hidden}.ai-edit-content textarea{background:#0006;border:1px solid #8b73554d;border-radius:6px;color:#f0e6d3;font-size:14px;margin-bottom:16px;min-height:100px;padding:12px;resize:vertical;width:100%}.ai-edit-actions{display:flex;gap:12px;justify-content:flex-end}.apply-ai-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.apply-ai-btn:hover{box-shadow:0 4px 16px #8b5cf666;transform:translateY(-2px)}.apply-ai-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.guide-generate-panel{background:#1e1914e6;border:1px solid #8b5cf64d;border-radius:12px;margin-bottom:20px;padding:24px}.generate-desc{color:#a89a8a;font-size:14px;line-height:1.5;margin:0 0 20px}.templates-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.template-card{background:#140f0acc;border:1px solid #8b73554d;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.template-card:hover{background:#8b5cf61a;border-color:#8b5cf680}.template-card.selected{background:#8b5cf626;border-color:#8b5cf6}.template-card h5{color:#f0e6d3;font-size:14px;margin:0 0 8px}.template-category{background:#d4af3733;color:#d4af37;margin-right:6px}.template-category,.template-difficulty{border-radius:4px;display:inline-block;font-size:11px;padding:2px 8px}.template-difficulty{background:#8b735533;color:#a89a8a}.generate-actions{align-items:center;border-top:1px solid #8b735533;display:flex;justify-content:space-between;padding-top:16px}.generate-actions p{color:#c9b896;margin:0}.generate-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.generate-btn:hover{box-shadow:0 4px 16px #8b5cf666;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.guide-admin-item .guide-admin-actions{display:flex;gap:8px}.guide-admin-item .action-btn{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.guide-admin-item .action-btn.edit-btn{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.guide-admin-item .action-btn.edit-btn:hover{background:#3b82f64d}.guide-admin-item .action-btn.view-btn{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.guide-admin-item .action-btn.view-btn:hover{background:#22c55e4d}.guide-admin-item .action-btn.delete-btn{background:#ef444433;border-color:#ef444466;color:#f87171}.guide-admin-item .action-btn.delete-btn:hover{background:#ef44444d}@media (max-width:768px){.hub-settings-grid{grid-template-columns:1fr}.hub-setting-item.full-width{grid-column:span 1}.hub-images-section{flex-direction:column}.category-images-grid{grid-template-columns:1fr}.category-images-row{flex-direction:column}}.ai-image-section{background:linear-gradient(135deg,#8b5cf61a,#140f0acc);border-color:#8b5cf64d!important}.section-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.section-desc-small{color:#9a8b7a;font-size:13px;line-height:1.5;margin:0 0 16px}.image-gen-card{background:#0000004d;border:1px solid #8b5cf633;border-radius:10px;margin-bottom:16px;padding:16px}.image-gen-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.image-type-label{color:#c9b896;font-size:14px;font-weight:600}.generate-image-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.generate-image-btn:hover{box-shadow:0 4px 16px #8b5cf666;transform:translateY(-2px)}.generate-image-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.custom-prompt-row{margin-bottom:12px}.custom-prompt-input{background:#0006;border:1px solid #8b73554d;border-radius:6px;color:#f0e6d3;font-size:13px;padding:10px 12px;width:100%}.custom-prompt-input::placeholder{color:#6b5d4d}.generated-image-preview{margin-top:12px}.generated-image-preview img{border:2px solid #8b5cf666;border-radius:8px;max-height:300px;object-fit:cover;width:100%}.image-actions{display:flex;gap:10px;margin-top:12px}.save-image-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1;font-weight:600;padding:10px 16px;transition:all .2s ease}.save-image-btn:hover{box-shadow:0 4px 16px #22c55e66}.save-image-btn:disabled{cursor:not-allowed;opacity:.5}.regenerate-btn{background:#8b73554d;border:1px solid #8b735566;border-radius:6px;color:#c9b896;cursor:pointer;padding:10px 16px;transition:all .2s ease}.regenerate-btn:hover{background:#8b735566}.regenerate-btn:disabled{cursor:not-allowed;opacity:.5}.saved-image-preview{margin-top:12px;position:relative}.saved-image-preview img{border:2px solid #22c55e66;border-radius:8px;max-height:200px;object-fit:cover;width:100%}.saved-label{background:#22c55ee6;border-radius:4px;bottom:10px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px;position:absolute;right:10px}.section-images-area{border-top:1px solid #8b735533;margin-top:16px;padding-top:16px}.section-images-area h6{color:#a89a8a;font-size:13px;font-weight:600;margin:0 0 12px}.section-images-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.section-image-card{background:#0000004d;border:1px solid #8b735533;border-radius:8px;padding:12px;text-align:center}.section-image-title{color:#8b7355;display:block;font-size:11px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-image-preview img{border:1px solid #8b5cf64d;border-radius:4px;height:80px;object-fit:cover;width:100%}.gen-section-btn{background:#8b5cf633;border:1px dashed #8b5cf666;border-radius:6px;color:#a78bfa;cursor:pointer;font-size:12px;padding:20px 12px;transition:all .2s ease;width:100%}.gen-section-btn:hover{background:#8b5cf64d;border-style:solid}.gen-section-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.section-images-grid{grid-template-columns:1fr}.image-gen-header{align-items:stretch;gap:10px}.image-actions,.image-gen-header{flex-direction:column}}.guides-visibility-toggle{background:linear-gradient(135deg,#ef44441a,#1e1914e6);border:2px solid #ef44444d;border-radius:12px;margin-bottom:24px;padding:20px}.guides-visibility-toggle.enabled{background:linear-gradient(135deg,#22c55e1a,#1e1914e6);border-color:#22c55e4d}.visibility-toggle-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.visibility-toggle-info h4{color:#f0e6d3;font-family:Cinzel,serif;font-size:16px;margin:0 0 6px}.visibility-toggle-info p{color:#9a8b7a;font-size:13px;margin:0;max-width:500px}.visibility-toggle-control{align-items:center;display:flex;gap:16px}.visibility-status{border-radius:6px;font-size:14px;font-weight:700;letter-spacing:.5px;padding:6px 14px}.visibility-status.disabled{background:#ef444433;color:#f87171}.visibility-status.enabled{background:#22c55e33;color:#4ade80}.visibility-toggle-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.visibility-toggle-btn.disabled{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.visibility-toggle-btn.disabled:hover{box-shadow:0 4px 16px #22c55e66;transform:translateY(-2px)}.visibility-toggle-btn.enabled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.visibility-toggle-btn.enabled:hover{box-shadow:0 4px 16px #ef444466;transform:translateY(-2px)}.visibility-toggle-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.visibility-toggle-content{align-items:flex-start;flex-direction:column}.visibility-toggle-control{justify-content:space-between;width:100%}}.tooltip-use-cases{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;margin:12px 0;padding:10px}.use-cases-label{color:#d4af37;display:block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.use-cases-quick-list{display:flex;flex-direction:column;gap:6px}.use-case-quick-item{align-items:center;color:#ffffffd9;display:flex;font-size:12px;gap:8px}.mode-tier-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.mode-tier-dot.tier-s{background:#ef4444;box-shadow:0 0 6px #ef4444}.mode-tier-dot.tier-a{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.mode-tier-dot.tier-b{background:#22c55e;box-shadow:0 0 6px #22c55e}.mode-tier-dot.tier-c{background:#3b82f6}.mode-tier-dot.tier-d{background:#6b7280}.use-case-quick-item .mode-name{flex:1;text-transform:capitalize}.mode-tier-badge{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px}.mode-tier-badge.tier-s{background:#ef444433;color:#ef4444}.mode-tier-badge.tier-a{background:#f59e0b33;color:#f59e0b}.mode-tier-badge.tier-b{background:#22c55e33;color:#22c55e}.mode-tier-badge.tier-c{background:#3b82f633;color:#3b82f6}.view-use-cases-link{background:#d4af3726;border:1px solid #d4af374d;border-radius:6px;color:#d4af37;display:block;font-size:11px;font-weight:600;margin-top:10px;padding:6px 10px;text-align:center;text-decoration:none;transition:all .2s ease}.view-use-cases-link:hover{background:#d4af3740;border-color:#d4af37}.nav-bar-btn-featured{background:linear-gradient(135deg,#d4af3733,#d4af371a)!important;border:1px solid #d4af3766!important;color:#d4af37!important}.nav-bar-btn-featured:hover{background:linear-gradient(135deg,#d4af374d,#d4af3733)!important;box-shadow:0 0 15px #d4af374d}.champion-spotlight-section{background:linear-gradient(180deg,#0000,#d4af3708,#0000);padding:40px 20px}.champion-spotlight-section>.spotlight-badge{background:linear-gradient(90deg,#0000,#d4af3726,#0000);border-radius:8px;color:gold;font-size:14px;font-weight:800;letter-spacing:4px;margin-bottom:24px;padding:12px 20px;text-align:center;text-shadow:0 2px 8px #000c,0 0 20px #d4af3780}.spotlight-loading{display:flex;justify-content:center;padding:60px}.champion-spotlight-card{background:linear-gradient(145deg,#1e1914e6,#0f0c0af2);border:2px solid #d4af374d;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 60px #d4af371a;display:grid;gap:30px;grid-template-columns:250px 1fr;margin:0 auto;max-width:800px;overflow:hidden}.spotlight-image-container{background:linear-gradient(145deg,#2a2520,#1a1410);height:250px;overflow:hidden;position:relative;width:250px}.spotlight-champion-image{height:250px;object-fit:cover;object-position:top center;width:250px}.spotlight-image-overlay{background:linear-gradient(90deg,#0000 60%,#0f0c0a);inset:0;position:absolute}.spotlight-image-footer,.spotlight-image-section{display:flex;flex-direction:column}.spotlight-image-footer{background:#14100cf2;border-top:1px solid #d4af3726;gap:10px;padding:12px 16px}.spotlight-quick-tags{display:flex;flex-wrap:wrap;gap:6px}.spotlight-tag{background:#d4af371a;border:1px solid #d4af3733;border-radius:4px;color:#d4af37e6;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.spotlight-team-builder-cta{align-items:center;background:#d4af3714;border:1px solid #d4af3740;border-radius:6px;color:#d4af37;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .2s ease}.spotlight-team-builder-cta:hover{background:#d4af3726;border-color:#d4af3766;color:#ffd966}.spotlight-team-builder-cta .cta-icon{font-size:14px}.spotlight-content{display:flex;flex-direction:column;justify-content:center;padding:30px 30px 30px 0}.spotlight-label{background:#0006;border-radius:4px;color:#ffd966;display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 12px;text-shadow:0 1px 3px #000c;text-transform:uppercase}.spotlight-name{color:#fff;font-family:Cinzel,serif;font-size:2.2rem;font-weight:700;margin:12px 0 16px;text-shadow:0 2px 4px #000000e6,0 4px 12px #0009}.spotlight-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.spotlight-rarity{border-radius:12px;font-size:12px;font-weight:700;padding:6px 14px;text-shadow:0 1px 2px #00000080;text-transform:uppercase}.spotlight-rarity.rarity-legendary{background:#fbbf2466;border:1px solid #fbbf2480;color:#ffd54f}.spotlight-rarity.rarity-epic{background:#a855f766;border:1px solid #a855f780;color:#c084fc}.spotlight-rarity.rarity-rare{background:#3b82f666;border:1px solid #3b82f680;color:#60a5fa}.spotlight-faction{color:#e5e5e5;font-size:14px;font-weight:500;text-shadow:0 1px 2px #0009}.spotlight-tier{border-radius:8px;font-size:11px;font-weight:700;padding:4px 10px}.spotlight-tier.tier-S{background:#ef444433;color:#ef4444}.spotlight-tier.tier-A{background:#f59e0b33;color:#f59e0b}.spotlight-tier.tier-B{background:#22c55e33;color:#22c55e}.spotlight-use-cases h4{color:#ffd966;font-size:14px;font-weight:700;margin:0 0 12px;text-shadow:0 1px 3px #000c}.spotlight-modes{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.spotlight-mode-item{align-items:center;background:#0006;border-left:3px solid #d4af3780;border-radius:6px;display:flex;gap:12px;padding:6px 10px}.mode-tier-indicator{border-radius:4px;font-size:12px;font-weight:800;padding:4px 0;text-align:center;text-shadow:0 1px 2px #00000080;width:32px}.mode-tier-indicator.tier-s{background:#ef444480;color:#ff6b6b}.mode-tier-indicator.tier-a{background:#f59e0b80;color:#ffc107}.mode-tier-indicator.tier-b{background:#22c55e80;color:#4ade80}.mode-tier-indicator.tier-c{background:#3b82f680;color:#60a5fa}.mode-label{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 2px #0009;text-transform:capitalize}.spotlight-actions{display:flex;gap:12px}.spotlight-btn{border-radius:8px;font-size:13px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease}.spotlight-btn.primary{background:linear-gradient(135deg,#d4af37,#b8962e);color:#0a0908}.spotlight-btn.primary:hover{box-shadow:0 4px 20px #d4af3766;transform:translateY(-2px)}.spotlight-btn.secondary{background:#0000;border:1px solid #d4af3766;color:#d4af37}.spotlight-btn.secondary:hover{background:#d4af371a;border-color:#d4af37}@media (max-width:768px){.champion-spotlight-card{grid-template-columns:1fr}.spotlight-image-section{margin:0 auto;max-width:280px}.spotlight-image-container{margin:0 auto}.spotlight-champion-image,.spotlight-image-container{height:250px;max-width:250px;width:100%}.spotlight-image-overlay{background:linear-gradient(180deg,#0000 60%,#0f0c0a)}.spotlight-image-footer{border-radius:0 0 8px 8px;margin:0 auto;max-width:250px}.spotlight-content{padding:0 20px 20px}.spotlight-name{font-size:1.8rem}.spotlight-actions{flex-direction:column}}.tool-card-use-hint{align-items:center;background:#d4af371a;border-radius:6px;display:flex;font-size:12px;gap:8px;margin:8px 0;padding:8px 12px}.use-hint-label{color:#d4af37;font-weight:600}.use-hint-modes{color:#fffc}.tool-card-use-cases{border-color:#a855f74d!important}.tool-card-use-cases:hover{border-color:#a855f799!important;box-shadow:0 0 30px #a855f733!important}.tool-card-use-cases .tool-card-icon{background:linear-gradient(135deg,#a855f733,#8b5cf61a)!important;color:#a855f7!important}.btf-category-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:0}.btf-category-card{background:#1a141099;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.btf-category-card:hover{border-color:#d4af3766;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.btf-category-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.btf-category-card-header .btf-cat-icon{font-size:2rem;line-height:1}.btf-category-card-header .btf-cat-info{flex:1}.btf-category-card-header .btf-cat-info h3{color:#fff;font-family:Cinzel,serif;font-size:1.1rem;letter-spacing:1px;margin:0 0 4px}.btf-category-card-header .btf-cat-info p{color:#8b8070;font-size:.8rem;margin:0}.btf-category-card-header .btf-cat-count{background:linear-gradient(135deg,#d4af37,#b8972e);border-radius:20px;color:#1a1410;font-size:.9rem;font-weight:700;padding:4px 12px}.btf-category-preview-teams{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.btf-preview-team{align-items:center;background:#0003;border-radius:8px;display:flex;gap:10px;padding:8px}.btf-preview-champs{display:flex;gap:-8px}.btf-preview-champs img{border:2px solid #2a2520;border-radius:50%;height:32px;margin-left:-8px;object-fit:cover;width:32px}.btf-preview-champs img:first-child{margin-left:0}.btf-preview-name{color:#e0d6c8;flex:1;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btf-preview-tier{font-size:.85rem;font-weight:700}.btf-cat-link{border-top:1px solid #ffffff0f;color:#d4af37;display:block;font-size:.85rem;margin-top:8px;padding:10px;text-align:center;text-decoration:none}.btf-cat-link:hover{color:#f5d76e}.btf-teams-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:20px 0}.btf-team-card{background:#1a1410b3;border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:all .3s ease}.btf-team-card:hover{border-color:#d4af3780;box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.btf-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.btf-team-name{color:#fff;font-family:Cinzel,serif;font-size:1rem;font-weight:600}.btf-team-tier{border-radius:12px;color:#1a1410;font-size:.75rem;font-weight:700;padding:3px 10px}.btf-champions-grid{display:flex;gap:6px;margin-bottom:12px}.btf-champion-slot{background:#1a1410;border:2px solid #3a3530;border-radius:8px;height:48px;overflow:hidden;width:48px}.btf-champion-slot img{height:100%;object-fit:cover;width:100%}.btf-team-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8b8070;display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0 0 12px;overflow:hidden}.btf-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.btf-tag{background:#d4af3726;border-radius:4px;color:#c4a777;font-size:.7rem;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.btf-diff-easy{background:#22c55e33;color:#22c55e}.btf-diff-medium{background:#f59e0b33;color:#f59e0b}.btf-diff-hard{background:#ef444433;color:#ef4444}.btf-empty-state{color:#8b8070;grid-column:1/-1;padding:60px 20px;text-align:center}.btf-empty-state p{margin-bottom:16px}.btf-show-more{border:1px solid #d4af374d;border-radius:8px;color:#d4af37;display:block;font-size:.9rem;margin-top:20px;padding:16px;text-align:center;text-decoration:none;transition:all .3s ease}.btf-show-more:hover{background:#d4af371a;border-color:#d4af3780}.btf-nav-count{background:#d4af3733;border-radius:10px;color:#d4af37;font-size:.7rem;margin-left:4px;padding:2px 6px}.btf-dedicated-section{margin:0 auto;max-width:1400px;padding:24px}@media (max-width:768px){.btf-category-grid,.btf-teams-grid{grid-template-columns:1fr}}.btf-subcategory-tabs{border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:16px 0}.btf-subcat-tab{align-items:center;background:#1a141099;border:1px solid #ffffff1a;border-radius:20px;color:#a09080;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 14px;transition:all .2s ease}.btf-subcat-tab:hover{border-color:#d4af3766;color:#d4af37}.btf-subcat-tab.active{background:linear-gradient(135deg,#d4af3733,#b48c2826);border-color:#d4af37;color:#d4af37}.btf-subcat-icon{font-size:1rem}.btf-subcat-count{font-size:.75rem;opacity:.7}.btf-champion-clickable{cursor:pointer;position:relative;transition:all .2s ease}.btf-champion-clickable:hover{border-color:#d4af37!important;box-shadow:0 0 12px #d4af3780;transform:scale(1.1);z-index:10}.btf-champ-tooltip{background:#1a1410f2;border:1px solid #d4af3780;border-radius:6px;color:#fff;font-size:.75rem;opacity:0;padding:6px 10px;pointer-events:none;top:calc(100% + 8px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:100}.btf-champ-tooltip,.btf-champ-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.btf-champ-tooltip:after{border:6px solid;border-color:#0000 #0000 #d4af3780;bottom:100%;content:""}.btf-champion-clickable:hover .btf-champ-tooltip{opacity:1;visibility:visible}.btf-card-header-link{color:inherit;text-decoration:none}.btf-card-header-link:hover .btf-team-name{color:#d4af37}.btf-team-card{display:flex;flex-direction:column;text-decoration:none}@media (max-width:768px){.btf-subcategory-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.btf-subcat-tab{flex-shrink:0}.btf-champ-tooltip{display:none}}.seo-content-enhanced{background:linear-gradient(180deg,#1a1410cc,#0f0c09e6);border:1px solid #d4af3733;border-radius:12px;margin-top:48px;padding:32px}.seo-content-enhanced h2{border-bottom:2px solid #d4af374d;color:#d4af37;font-family:Cinzel,serif;font-size:1.75rem;margin-bottom:16px;padding-bottom:12px}.seo-content-enhanced h3{color:#c4a052;font-family:Cinzel,serif;font-size:1.25rem;margin:24px 0 12px}.seo-content-enhanced p{color:#bfae8e;line-height:1.8;margin-bottom:16px}.seo-content-enhanced .seo-list{list-style:none;margin:16px 0;padding:0}.seo-content-enhanced .seo-list li{color:#bfae8e;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.seo-content-enhanced .seo-list li:before{color:#d4af37;content:"⚔";left:0;position:absolute}.seo-content-enhanced .seo-list li strong{color:#e4c79c}.champ-thumb-wrapper{aspect-ratio:1/1;background:#1a1410;border-radius:8px;contain:layout style paint;overflow:hidden;position:relative}.champ-thumb-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.champ-thumb-fallback,.champ-thumb-placeholder{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:14px;height:100%;justify-content:center;left:0;position:absolute;text-transform:uppercase;top:0;width:100%}.champ-thumb-fallback{background:linear-gradient(135deg,#2a2520,#1a1410)}.users-admin-container{margin:0 auto;max-width:1400px}.users-header{margin-bottom:24px;text-align:center}.users-header h2{color:#d4af37;font-family:Cinzel,serif;font-size:1.8rem;margin:0 0 8px}.users-subtext{color:#fff9}.users-stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:28px}.user-stat-card{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:14px;padding:18px 20px;transition:all .2s}.user-stat-card:hover{background:#0006;border-color:#d4af374d}.user-stat-card.premium{background:linear-gradient(135deg,#d4af371a,#0000004d);border-color:#d4af3766}.user-stat-card.highlight{background:linear-gradient(135deg,#22c55e1a,#0000004d);border-color:#22c55e66}.user-stat-card.warning{background:linear-gradient(135deg,#ef44441a,#0000004d);border-color:#ef444466}.stat-icon{font-size:1.5rem}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{color:#fff;font-size:1.4rem;font-weight:700}.stat-info .stat-label{color:#ffffff80;font-size:.75rem}.users-toolbar{align-items:center;background:#0003;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px}.users-search{display:flex;flex:1;gap:8px;min-width:250px}.users-search input{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;color:#fff;flex:1;font-size:.9rem;padding:10px 14px}.users-search input::placeholder{color:#fff6}.users-search button,.users-toolbar .refresh-btn{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;color:#fffc;cursor:pointer;padding:10px 16px;transition:all .2s}.users-search button:hover,.users-toolbar .refresh-btn:hover{background:#d4af3733;border-color:#d4af3766}.users-filter-buttons{display:flex;gap:8px}.users-filter-buttons .filter-btn{background:#0000;border:1px solid #ffffff26;border-radius:6px;color:#fff9;cursor:pointer;padding:8px 16px;transition:all .2s}.users-filter-buttons .filter-btn:hover{border-color:#ffffff4d;color:#fff}.users-filter-buttons .filter-btn.active{background:#d4af3726;border-color:#d4af3780;color:#d4af37}.users-filter-buttons .filter-btn.premium.active{background:linear-gradient(135deg,#d4af3733,#8b5a2b33)}.users-table-container{background:#0003;border:1px solid #ffffff1a;border-radius:12px;overflow-x:auto}.users-table{border-collapse:collapse;font-size:.9rem;width:100%}.users-table th{background:#0000004d;border-bottom:1px solid #ffffff1a;color:#fff9;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #ffffff0d;color:#fffc;padding:14px 16px}.users-table tr:hover{background:#ffffff05}.users-table tr.premium-user{background:#d4af370d}.users-table .email-cell{font-family:monospace;font-size:.85rem}.users-table .date-cell{color:#ffffff80;font-size:.85rem}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;gap:4px}.status-badge.premium{background:#d4af3733;color:#d4af37}.status-badge.free{background:#ffffff1a;color:#ffffff80}.days-badge{background:#22c55e26;border-radius:4px;color:#22c55e;font-size:.8rem;padding:2px 8px}.days-badge.expiring{background:#ef444426;color:#ef4444}.actions-cell{display:flex;gap:6px}.action-btn{background:#0000;border:1px solid #ffffff1a;border-radius:6px;cursor:pointer;font-size:.85rem;padding:6px 10px}.action-btn:hover{background:#ffffff1a}.action-btn.edit:hover{background:#3b82f633;border-color:#3b82f666}.action-btn.revoke:hover{background:#f59e0b33;border-color:#f59e0b66}.action-btn.delete:hover{background:#ef444433;border-color:#ef444466}.users-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:16px 0}.users-pagination button{background:#0000004d;border:1px solid #ffffff26;border-radius:6px;color:#ffffffb3;cursor:pointer;padding:8px 18px;transition:all .2s}.users-pagination button:hover:not(:disabled){background:#d4af3726;border-color:#d4af3766;color:#d4af37}.users-pagination button:disabled{cursor:not-allowed;opacity:.4}.users-pagination span{color:#fff9;font-size:.9rem}.users-loading{color:#ffffff80;padding:60px 0;text-align:center}.user-modal-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.user-modal{background:linear-gradient(135deg,#1a1814,#0d0b09);border:1px solid #d4af374d;border-radius:16px;max-width:450px;overflow:hidden;width:100%}.user-modal .modal-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.user-modal .modal-header h3{color:#d4af37;font-family:Cinzel,serif;margin:0}.user-modal .close-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.user-modal .close-btn:hover{background:#ffffff1a;color:#fff}.user-modal .modal-body{padding:24px}.user-detail{border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:10px 0}.user-detail .label{color:#ffffff80;font-size:.9rem}.user-detail .value{color:#fff;font-weight:500}.user-detail .value.premium{color:#d4af37}.premium-actions{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:20px}.premium-actions h4{color:#d4af37;font-family:Cinzel,serif;font-size:1rem;margin:0 0 16px}.days-input{align-items:center;display:flex;gap:10px;margin-bottom:12px}.days-input input{background:#0000004d;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:1.1rem;padding:10px 14px;text-align:center;width:100px}.days-input span{color:#fff9}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.quick-actions button{background:#0000004d;border:1px solid #ffffff26;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.quick-actions button:hover{background:#d4af3726;border-color:#d4af3766;color:#d4af37}.apply-btn{background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:all .2s;width:100%}.apply-btn:hover:not(:disabled){box-shadow:0 4px 20px #d4af3766;transform:translateY(-2px)}.apply-btn:disabled{cursor:not-allowed;opacity:.6}.beta-notice-banner{align-items:center;background:linear-gradient(135deg,#3b82f61a,#a855f71a);border:1px solid #3b82f64d;border-radius:10px;display:flex;gap:14px;margin:16px 260px 16px 24px;padding:14px 20px;position:sticky;top:76px;z-index:900}@media (max-width:768px){.beta-notice-banner{margin-right:16px;top:72px}}.beta-notice-banner .beta-icon{align-items:center;background:#3b82f633;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.beta-notice-banner .beta-content{flex:1}.beta-notice-banner .beta-title{align-items:center;color:#60a5fa;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:4px}.beta-notice-banner .beta-text{color:#ffffffb3;font-size:.85rem;line-height:1.5;margin:0}.beta-notice-banner .beta-close{align-items:center;background:#0000;border:none;color:#fff6;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:color .2s;width:24px}.beta-notice-banner .beta-close:hover{color:#fffc}.beta-notice-banner.vip-mode{background:linear-gradient(135deg,#f59e0b1f,#22c55e14);border-color:#f59e0b59}.beta-notice-banner.vip-mode .beta-icon{background:linear-gradient(135deg,#f59e0b40,#d4af3726);color:#f59e0b}.beta-notice-banner.vip-mode .beta-title{color:#f59e0b}.beta-notice-banner.vip-mode .beta-title svg{color:#ef4444}@media (max-width:768px){.users-stats-grid{grid-template-columns:repeat(2,1fr)}.users-toolbar{align-items:stretch;flex-direction:column}.users-search{min-width:100%}.users-filter-buttons{justify-content:center}.beta-notice-banner{flex-direction:column;margin:12px 16px;padding:12px 16px;text-align:center}.beta-notice-banner .beta-close{right:8px;top:8px}}.roster-usage-fill.at-cap{background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef444466}.roster-upgrade-link.highlight-upgrade{animation:pulse-upgrade 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff8c00);border-radius:6px;color:#000!important;font-weight:600;padding:8px 16px}@keyframes pulse-upgrade{0%,to{box-shadow:0 0 0 0 #ffd70066;transform:scale(1)}50%{box-shadow:0 0 20px #ffd70099;transform:scale(1.02)}}.add-champion-btn.disabled-cap{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563;color:#9ca3af;cursor:not-allowed}.add-champion-btn.disabled-cap:hover{box-shadow:none;transform:none}.advanced-filter-toggle{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#60a5fa;cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s}.advanced-filter-toggle:hover{background:#3b82f633;border-color:#3b82f680}.advanced-filter-toggle.active{background:#3b82f64d;border-color:#60a5fa}.advanced-filter-toggle.premium-locked{background:#ffd7001a;border-color:#ffd7004d;color:#fcd34d;cursor:default}.advanced-filters-panel{background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:16px}.advanced-filters-panel .filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.advanced-filters-panel .filter-group label{color:#9ca3af;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.advanced-filters-panel .filter-group select{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px}.advanced-filters-panel .filter-group select:focus{border-color:#60a5fa;outline:none}.advanced-filters-panel .clear-filters-btn{align-self:flex-end;background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#f87171;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.advanced-filters-panel .clear-filters-btn:hover{background:#ef44441a;border-color:#ef444480}.roster-item-affinity-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.roster-item-role{color:#9ca3af;font-size:.8rem;min-width:70px}@media (max-width:768px){.advanced-filters-panel{flex-direction:column}.advanced-filters-panel .filter-group{min-width:100%}.roster-controls{flex-wrap:wrap;gap:8px}.advanced-filter-toggle{justify-content:center;width:100%}.roster-item-affinity-dot,.roster-item-role{display:none}}.teams-ambient-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.ambient-orb{border-radius:50%;filter:blur(100px);opacity:.04;position:absolute;will-change:transform}.ambient-orb.orb-1{animation:orb-drift-1 45s ease-in-out infinite;background:radial-gradient(circle,#6366f1 0,#0000 70%);height:600px;left:-100px;top:-200px;width:600px}.ambient-orb.orb-2{animation:orb-drift-2 60s ease-in-out infinite;background:radial-gradient(circle,#a855f7 0,#0000 70%);bottom:-150px;height:500px;right:-100px;width:500px}.ambient-rune{border:1px solid #ffd70008;border-radius:50%;height:200px;opacity:0;position:absolute;width:200px;will-change:transform,opacity}.ambient-rune.rune-1{animation:rune-glow 30s ease-in-out infinite;right:10%;top:20%}.ambient-rune.rune-2{animation:rune-glow 30s ease-in-out 15s infinite;bottom:30%;left:5%}@keyframes orb-drift-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,30px) scale(1.05)}50%{transform:translate(20px,60px) scale(.95)}75%{transform:translate(-30px,20px) scale(1.02)}}@keyframes orb-drift-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,-20px) scale(1.03)}66%{transform:translate(30px,-40px) scale(.97)}}@keyframes rune-glow{0%,to{opacity:0;transform:scale(.8) rotate(0deg)}50%{opacity:.05;transform:scale(1) rotate(180deg)}}.teams-hero.teams-hero-premium{backdrop-filter:blur(12px);background:linear-gradient(145deg,#1e1b32f2,#141223fa);border:1px solid #ffd70014;border-bottom-color:#ffd7001f;box-shadow:0 4px 30px #0000004d,inset 0 1px 0 #ffffff08,inset 0 -1px 0 #0003;overflow:hidden;position:relative;z-index:1}.teams-hero-premium:before{background:radial-gradient(ellipse at 20% 0,#6366f114 0,#0000 50%),radial-gradient(ellipse at 80% 100%,#8b5cf60f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.teams-hero-premium .hero-glow{background:radial-gradient(ellipse,#ffd7000f 0,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:400px}.teams-hero-premium .hero-title{text-shadow:0 2px 20px #a5b4fc33}.teams-hero-premium .create-team-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.teams-hero-premium .create-team-btn:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.teams-hero-premium .create-team-btn:hover:before{left:100%}.teams-hero-premium .create-team-btn:hover{box-shadow:0 8px 30px #6366f166,0 0 20px #6366f133;transform:translateY(-3px)}.teams-command-strip{background:#00000040;border-bottom:1px solid #ffffff0a;gap:16px;justify-content:space-between;padding:10px 24px;position:relative;z-index:1}.command-filters,.teams-command-strip{align-items:center;display:flex;flex-wrap:wrap}.command-filters{gap:6px}.command-filter{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:7px 14px;transition:all .2s ease;white-space:nowrap}.command-filter .filter-icon{font-size:12px}.command-filter .filter-count{background:#ffffff1a;border-radius:10px;font-size:11px;margin-left:4px;padding:2px 6px}.command-filter:hover{background:#ffffff0d;color:#fffc}.command-filter.active{background:#6366f126;border-color:#6366f140;color:#a5b4fc}.command-filter.active.primary{background:#ffd7001a;border-color:#ffd70033;color:#fcd34d}.command-filter.active.primary:hover{box-shadow:0 0 12px #ffd70026}.command-separator{color:#ffffff26;font-size:10px;margin:0 2px}.command-actions{align-items:center;display:flex;gap:10px}.command-search{position:relative;width:220px}.command-search .search-icon{color:#fff6;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.command-search input{background:#0000004d;border:1px solid #ffffff14;border-radius:6px;color:#fff;font-size:13px;padding:8px 32px 8px 36px;transition:all .2s ease;width:100%}.command-search input:focus{border-color:#6366f166;box-shadow:0 0 0 2px #6366f11a;outline:none}.command-search .search-clear{align-items:center;background:none;border:none;color:#fff6;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.command-search .search-clear:hover,.command-sort{color:#ffffffb3}.command-sort{background:#0000004d;border:1px solid #ffffff14;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.command-sort:focus{border-color:#6366f166;outline:none}.teams-empty.teams-empty-enhanced{background:linear-gradient(145deg,#19192399,#0f0f19cc);border:2px dashed #6366f133;border-radius:20px;padding:60px 40px}.teams-empty-enhanced .empty-icon-wrapper{display:inline-block;margin-bottom:20px;position:relative}.teams-empty-enhanced .empty-icon{animation:empty-icon-pulse 8s ease-in-out infinite;color:#6366f180;height:64px;width:64px}@keyframes empty-icon-pulse{0%,87.5%,to{opacity:.5;transform:scale(1)}93.75%{opacity:.8;transform:scale(1.1)}}.teams-empty-enhanced h3{color:#a5b4fc;margin-bottom:8px}.teams-empty-enhanced .empty-main{color:#ffffffb3;margin-bottom:8px}.teams-empty-enhanced .empty-hint{color:#ffd70099;font-size:13px;margin-bottom:24px}.teams-empty-enhanced .create-first-btn{margin-bottom:40px}.preview-team-card{background:linear-gradient(145deg,#1e1e2866,#14141e80);border:1px solid #ffffff0f;border-radius:12px;margin-top:20px;opacity:.5;padding:16px;position:relative;width:280px}.preview-team-card .preview-badge{align-items:center;background:#6366f14d;border-radius:12px;color:#a5b4fc;display:flex;font-size:10px;gap:4px;letter-spacing:.5px;padding:4px 10px;position:absolute;right:16px;text-transform:uppercase;top:-10px}.preview-team-card .preview-header{margin-bottom:10px}.preview-team-card .preview-type{color:#ffffff80;font-size:11px}.preview-team-card .preview-name{color:#ffd70080;font-family:var(--font-heading);font-size:16px;margin-bottom:12px}.preview-team-card .preview-slots{display:flex;gap:6px}.preview-team-card .preview-slot{background:#0000004d;border:1px dashed #ffffff1a;border-radius:6px;height:36px;width:36px}.preview-team-card .preview-slot.empty{align-items:center;color:#fff3;display:flex;font-size:14px;justify-content:center}.team-card.team-card-enhanced{background:linear-gradient(145deg,#1e1e2ae6,#161620f2);border:1px solid #ffffff0f;transition:all .25s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.team-card.team-card-enhanced:after{background:linear-gradient(90deg,#0000,#ffd70000,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.team-card.team-card-enhanced:hover{border-color:#6366f140;box-shadow:0 16px 40px #00000059,0 0 30px #6366f114;transform:translateY(-6px)}.team-card.team-card-enhanced:hover:after{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);opacity:1}.team-card-enhanced .team-card-actions{opacity:0;transform:translateY(4px);transition:all .2s ease}.team-card-enhanced:hover .team-card-actions{opacity:1;transform:translateY(0)}.team-card-enhanced .action-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;color:#fff9;cursor:pointer;padding:8px;transition:all .2s ease}.team-card-enhanced .action-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.team-card-enhanced .action-btn.edit:hover{border-color:#3b82f680;box-shadow:0 0 10px #3b82f633}.team-card-enhanced .action-btn.share:hover{border-color:#22c55e80;box-shadow:0 0 10px #22c55e33}.team-card-enhanced .action-btn.delete:hover{border-color:#ef444480;box-shadow:0 0 10px #ef444433;color:#f87171}.teams-skeleton-loader{padding:24px}.teams-skeleton-loader .skeleton-hero{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff08,#ffffff0f 50%,#ffffff08);background-size:200% 100%;border-radius:12px;height:120px;margin-bottom:16px}.teams-skeleton-loader .skeleton-toolbar{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff05,#ffffff0d 50%,#ffffff05);background-size:200% 100%;border-radius:8px;height:48px;margin-bottom:24px}.teams-skeleton-loader .skeleton-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.teams-skeleton-loader .skeleton-card{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff05,#ffffff0d 50%,#ffffff05);background-size:200% 100%;border-radius:16px;height:200px}.teams-skeleton-loader .skeleton-card:nth-child(2){animation-delay:.2s}.teams-skeleton-loader .skeleton-card:nth-child(3){animation-delay:.4s}.teams-skeleton-loader .skeleton-card,.teams-skeleton-loader .skeleton-hero,.teams-skeleton-loader .skeleton-toolbar{animation:skeleton-shimmer 2.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff05,#ffffff0a 50%,#ffffff05);background-size:200% 100%}.my-teams-page{position:relative}.my-teams-page .teams-container{position:relative;z-index:1}@media (max-width:768px){.teams-command-strip{padding:12px 16px}.command-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;width:100%}.command-actions{justify-content:space-between;width:100%}.command-search{flex:1}.teams-hero.teams-hero-premium{flex-direction:column;padding:24px 16px;text-align:center}.teams-hero-premium .create-team-btn{justify-content:center;width:100%}.teams-empty.teams-empty-enhanced{padding:40px 20px}.preview-team-card{max-width:280px;width:100%}.ambient-orb{opacity:.02}}@media (prefers-reduced-motion:reduce){.ambient-orb,.ambient-orb.orb-1,.ambient-orb.orb-2{animation:none!important}.ambient-rune,.ambient-rune.rune-1,.ambient-rune.rune-2{animation:none!important;opacity:0!important}.skeleton-card,.teams-skeleton-loader .skeleton-card,.teams-skeleton-loader .skeleton-hero,.teams-skeleton-loader .skeleton-toolbar{animation:none!important;background:#ffffff0a!important}.teams-empty-enhanced .empty-icon{animation:none!important;opacity:.5}.roster-upgrade-link.highlight-upgrade{animation:none!important}.action-btn,.command-filter,.create-team-btn,.team-card,.team-card.team-card-enhanced{transition:none!important}.teams-hero-premium .create-team-btn:before{display:none!important}.team-card.team-card-enhanced:hover,.team-card:hover{transform:none!important}}.team-card._isOptimistic,.team-card[data-optimistic=true]{opacity:.85;pointer-events:none}.team-card._isOptimistic:before,.team-card[data-optimistic=true]:before{background:#6366f14d;border-radius:4px;color:#a5b4fc;content:"Saving...";font-size:10px;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:10}.related-section-enhanced{padding:24px}.related-grid-layout{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.related-module-wrapper{min-width:0}.related-subsection-title{border-top:1px solid #ffffff14;color:#fff;font-family:Cinzel,serif;font-size:1.1rem;margin:24px 0 12px;padding-top:16px}.hub-ctas-row{border-top:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px}.hub-ctas-row .hub-cta{margin:0}@media (max-width:768px){.related-grid-layout{grid-template-columns:1fr}.hub-ctas-row{flex-direction:column}.hub-ctas-row .hub-cta{width:100%}}.champions-subhubs-section{margin:32px auto;max-width:1200px;padding:0 16px}.champions-subhubs-section .sub-hub-links{background:#1a1410cc}.champions-subhub-page{min-height:100vh}.champions-subhub-hero{background:linear-gradient(135deg,#1a1410e6,#1a1410f2);border-bottom:3px solid var(--gold);padding:80px 20px 40px;position:relative;text-align:center}.champions-subhub-hero-content{margin:0 auto;max-width:800px}.champions-subhub-title{align-items:center;color:#fff;display:flex;font-family:Cinzel,serif;font-size:2.5rem;gap:12px;justify-content:center;margin:16px 0}.subhub-icon{font-size:2rem}.champions-subhub-subtitle{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 auto 20px;max-width:600px}.champions-subhub-count{background:#d4af3726;border:1px solid #d4af374d;border-radius:20px;color:#d4af37;display:inline-block;font-weight:600;padding:8px 20px}.no-champions-message{color:#fff9;padding:60px 20px;text-align:center}.back-to-all-btn{background:#d4af3726;border:1px solid #d4af374d;border-radius:8px;color:#d4af37;display:inline-block;margin-top:16px;padding:12px 24px;text-decoration:none;transition:all .2s}.back-to-all-btn:hover{background:#d4af3740}.subhub-count-badge{background:#d4af3733;border-radius:20px;color:#d4af37;font-family:system-ui,sans-serif;font-size:.9rem;padding:4px 12px}.subhub-intro-content{margin:0 auto 24px;max-width:800px}.subhub-intro-text{color:#ffffffd9;font-size:1.05rem;line-height:1.7;text-align:left}.subhub-tags-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.tags-label{color:#ffffff80;font-size:.85rem;font-weight:600}.subhub-tag{border-radius:16px;font-size:.85rem;font-weight:500;padding:4px 12px}.strength-tag{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.bestfor-tag{background:#3b82f626;border:1px solid #3b82f64d;color:#93c5fd}.affinity-matchup-info{display:flex;gap:24px;justify-content:center;margin:16px 0}.matchup-item{align-items:center;border-radius:8px;display:flex;gap:8px;padding:8px 16px}.matchup-item.strong{background:#22c55e1a;border:1px solid #22c55e4d}.matchup-item.weak{background:#ef44441a;border:1px solid #ef44444d}.matchup-label{color:#fff9;font-size:.85rem}.matchup-value{color:#fff;font-weight:600}.role-tips-panel{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;margin:16px auto;max-width:700px;padding:16px;text-align:left}.tip-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.tip-item:last-child{margin-bottom:0}.tip-icon{font-size:1rem}.tip-label{color:#d4af37;font-weight:600;min-width:80px}.tip-text{color:#fffc;font-size:.9rem;line-height:1.5}.rarity-info-panel{background:#0000004d;border:1px solid #d4af3733;border-radius:8px;margin:16px auto;max-width:700px;padding:16px;text-align:left}.rarity-info-item{margin-bottom:12px}.rarity-info-item:last-child{margin-bottom:0}.rarity-info-item .info-label{color:#d4af37;display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.rarity-info-item .info-text{color:#fffc;font-size:.9rem;line-height:1.5}.subhub-cross-links-section{margin:0 auto;max-width:1200px;padding:24px 16px}.cross-links-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cross-link-group{background:#1a1410cc;border:1px solid #d4af3733;border-radius:8px;padding:20px}.cross-link-title{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:1rem;gap:8px;margin-bottom:16px}.cross-link-grid{display:flex;flex-wrap:wrap;gap:8px}.cross-link-item{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffd9;display:flex;font-size:.9rem;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s}.cross-link-item:hover{background:#d4af3726;border-color:#d4af374d;color:#d4af37}.cross-link-icon{font-size:1rem;opacity:.8}.cross-filter-section{border-top:1px solid #d4af3733;margin-top:32px;padding-top:24px}.cross-filter-title{color:#d4af37;font-family:Cinzel,serif;font-size:1.2rem;margin-bottom:20px;text-align:center}.cross-filter-groups{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.filter-group-label{color:#ffffff80;font-size:.8rem;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.filter-links{display:flex;flex-wrap:wrap;gap:8px}.filter-link{background:#1a1410cc;border:1px solid #ffffff1a;border-radius:4px;color:#fffc;font-size:.85rem;padding:6px 12px;text-decoration:none;transition:all .2s}.filter-link:hover{background:#d4af3726;border-color:#d4af374d;color:#d4af37}.filter-link.see-all{color:#d4af37;font-weight:500}.subhub-additional-content{margin:32px auto;max-width:800px;padding:0 16px}.additional-content-text{background:#1a1410cc;border:1px solid #d4af3733;border-radius:8px;padding:24px}.additional-content-text p{color:#ffffffd9;line-height:1.7;margin:0}@media (max-width:768px){.champions-subhub-hero{padding:60px 16px 30px}.champions-subhub-title{flex-wrap:wrap;font-size:1.8rem}.champions-subhub-subtitle{font-size:1rem}.subhub-intro-text{font-size:.95rem;text-align:center}.affinity-matchup-info{flex-direction:column;gap:12px}.rarity-info-panel,.role-tips-panel{padding:12px}.tip-item{flex-wrap:wrap}.cross-filter-groups,.cross-links-container{grid-template-columns:1fr}}.build-analysis-section{background:linear-gradient(135deg,#1a1410fa,#0f0c09fa)}.build-analysis-section .section-title{align-items:center;display:flex;gap:12px}.analysis-badge{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.analysis-preset-selector{background:#0003;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px}.analysis-preset-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 14px;transition:all .2s ease}.analysis-preset-btn:hover{background:#ffffff1a;border-color:var(--preset-color,#d4af37);color:var(--text-primary)}.analysis-preset-btn.active{background:linear-gradient(135deg,var(--preset-color,#d4af37)20 0,var(--preset-color,#d4af37)10 100%);border-color:var(--preset-color,#d4af37);color:var(--preset-color,#d4af37);font-weight:600}.analysis-preset-btn .preset-icon{font-size:14px}.analysis-loading{align-items:center;color:var(--text-muted);justify-content:center;padding:40px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #d4af3733;border-top:3px solid var(--gold);height:32px;width:32px}.build-analysis-results{display:flex;flex-direction:column;gap:16px}.analysis-confidence{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:8px;padding:10px 16px}.analysis-confidence.confidence-high{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d}.analysis-confidence.confidence-medium{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b4d}.analysis-confidence.confidence-low{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d}.confidence-label{color:var(--text-muted)}.confidence-value{font-weight:700}.confidence-high .confidence-value{color:#22c55e}.confidence-medium .confidence-value{color:#f59e0b}.confidence-low .confidence-value{color:#ef4444}.similarity-score{color:var(--text-muted);font-size:11px;margin-left:auto}.analysis-summary{background:#d4af3714;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:16px}.analysis-summary p{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.build-analysis-results .analysis-section{background:#0003;border-radius:8px;padding:16px}.build-analysis-results .analysis-section h4{align-items:center;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.section-icon{font-size:14px}.alignment-section{border-left:3px solid #22c55e}.alignment-section h4{color:#22c55e}.alignment-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.check-icon{color:#22c55e;flex-shrink:0;font-weight:700}.warnings-section{border-left:3px solid #f59e0b}.warnings-section h4{color:#f59e0b}.warnings-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.warning-icon{color:#f59e0b;flex-shrink:0}.next-steps-section{border-left:3px solid #3b82f6}.next-steps-section h4{color:#3b82f6}.next-steps-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.next-step-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:13px;gap:10px}.step-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.recommended-presets-section{background:linear-gradient(135deg,#22c55e14,#22c55e05);border-color:#22c55e40;border-left:3px solid #22c55e}.recommended-presets-section h4{color:#22c55e;font-size:14px;margin-bottom:12px}.recommended-presets-list{display:flex;flex-wrap:wrap;gap:10px}.recommended-preset-btn{align-items:center;background:#22c55e1f;border:1px solid #22c55e66;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:10px 16px;transition:all .2s ease}.recommended-preset-btn:hover{background:#22c55e40;border-color:#22c55eb3;box-shadow:0 4px 12px #22c55e33;transform:translateY(-2px)}.recommended-preset-btn .preset-name{color:#e2e8f0;font-weight:600}.recommended-preset-btn .fit-badge{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px}.recommended-preset-btn .fit-badge.fit-strong{background:#22c55e40;color:#4ade80}.recommended-preset-btn .fit-badge.fit-fair{background:#eab30840;color:#facc15}.analysis-trust-line{border-bottom:1px solid #64748b33;color:#64748b;font-size:11px;font-style:italic;margin-bottom:12px;padding:6px 12px;text-align:center}.analysis-loading{display:flex;flex-direction:column;gap:12px;padding:20px}.analysis-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#64748b1a,#64748b33 50%,#64748b1a);background-size:200% 100%;border-radius:4px;height:16px}.analysis-shimmer.short{width:60%}.analysis-loading .loading-text{color:#64748b;font-size:12px;margin-top:8px;text-align:center}.raid-loading-overlay{align-items:center;animation:raidFadeIn .2s ease;backdrop-filter:blur(4px);background:#0a0f19f2;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes raidFadeIn{0%{opacity:0}to{opacity:1}}.raid-loading-content{padding:32px;text-align:center}.raid-loading-icon{animation:raidPulse 1.5s ease-in-out infinite;font-size:48px;margin-bottom:16px}@keyframes raidPulse{0%,to{filter:drop-shadow(0 0 8px rgba(234,179,8,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(234,179,8,.8));transform:scale(1.1)}}.raid-loading-text{color:#f5c542;font-size:18px;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 10px #f5c54280;text-transform:uppercase}.raid-progress-bar{background:linear-gradient(180deg,#1a1f2e,#0d1117);border:1px solid #3d4555;border-radius:4px;box-shadow:inset 0 2px 4px #00000080;height:8px;margin:0 auto 12px;overflow:visible;position:relative;width:280px}.raid-progress-fill{background:linear-gradient(90deg,#8b5a00,#f5c542 50%,gold);border-radius:3px;box-shadow:0 0 8px #f5c54299;height:100%;transition:width .15s ease-out}.raid-progress-glow{background:radial-gradient(ellipse,#ffd700cc 0,#0000 70%);height:16px;pointer-events:none;position:absolute;top:-4px;transform:translateX(-50%);transition:left .15s ease-out;width:20px}.raid-loading-hint{color:#64748b;font-size:11px;letter-spacing:1px;text-transform:uppercase}.analysis-preset-btn.disabled,.recommended-preset-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.build-analysis-section{position:relative}.why-tooltip-trigger{cursor:help;margin-left:6px;position:relative}.why-icon,.why-tooltip-trigger{align-items:center;display:inline-flex}.why-icon{background:#64748b33;border:1px solid #64748b4d;border-radius:50%;color:#94a3b8;font-size:10px;font-weight:700;height:16px;justify-content:center;transition:all .15s ease;width:16px}.why-tooltip-trigger:hover .why-icon{background:#64748b66;border-color:#64748b80;color:#e2e8f0}.why-tooltip-trigger:after{background:#1e293b;border:1px solid #64748b4d;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0006;color:#cbd5e1;content:attr(data-tooltip);font-size:12px;font-style:normal;font-weight:400;line-height:1.4;max-width:240px;padding:10px 12px;pointer-events:none;text-align:left;white-space:normal;width:max-content;z-index:1000}.why-tooltip-trigger:after,.why-tooltip-trigger:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .15s ease,visibility .15s ease;transition-delay:.1s;visibility:hidden}.why-tooltip-trigger:before{border:6px solid #0000;border-top-color:#1e293b;bottom:calc(100% + 2px);content:"";z-index:1001}.why-tooltip-trigger:hover:after,.why-tooltip-trigger:hover:before{opacity:1;visibility:visible}.preset-fit-badge .why-tooltip-trigger:after{left:auto;right:0;transform:none}.preset-fit-badge .why-tooltip-trigger:before{left:auto;right:4px;transform:none}.recommended-preset-btn .why-tooltip-trigger{margin-left:4px}.recommended-preset-btn .why-icon{font-size:9px;height:14px;width:14px}.analysis-notice{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#93c5fd;display:flex;font-size:12px;gap:8px;padding:12px 16px}.notice-icon{font-size:16px}.analysis-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.analysis-empty-state .empty-icon{font-size:48px;opacity:.4}.analysis-empty-state p{color:var(--text-muted);font-size:14px}@media (max-width:768px){.analysis-preset-selector{gap:6px}.analysis-preset-btn{font-size:11px;padding:6px 10px}.analysis-preset-btn .preset-name{display:none}.analysis-preset-btn .preset-icon{font-size:16px}}.preset-intent-banner{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid #8b5cf633;border-radius:8px;margin-bottom:12px;padding:12px 16px}.preset-intent-text{color:#c4b5fd;font-size:13px;font-style:italic;line-height:1.5}.confidence-reason{color:var(--text-muted);font-size:11px;font-weight:400;margin-left:4px}.cached-badge{background:#06b6d433;border-radius:4px;color:#67e8f9;font-size:10px;margin-left:auto;padding:2px 6px}.analysis-version-footer{border-top:1px solid #ffffff0d;display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px}.analysis-version-footer span{color:#ffffff4d;font-family:monospace;font-size:10px}.alignment-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.4}.alignment-item .check-icon{color:#22c55e;flex-shrink:0;font-weight:700;margin-top:1px}.warning-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;line-height:1.4}.warning-item .warning-icon{color:#f59e0b;flex-shrink:0;margin-top:1px}.analysis-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.viability-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.viability-badge.viable-good{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d;color:#22c55e}.viability-badge.viable-offmeta{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b4d;color:#f59e0b}.viability-icon{font-size:14px}.analysis-meta-row .analysis-confidence{margin:0;padding:6px 12px}.targets-met-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:6px;display:flex;font-size:12px;gap:6px;padding:6px 12px}.targets-label{color:var(--text-muted)}.targets-value{color:#c4b5fd;font-weight:700}.confidence-reason-row{margin-bottom:12px}.confidence-reason-row .confidence-reason{color:var(--text-muted);font-size:11px;font-style:italic}.champion-overview-line{background:#ffffff08;border-radius:6px;color:var(--text-muted);font-size:12px;font-style:italic;margin-bottom:12px;padding:8px 12px}.preset-fit-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;gap:6px;padding:6px 12px}.preset-fit-badge.preset-fit-strong{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d}.preset-fit-badge.preset-fit-fair{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b4d}.preset-fit-badge.preset-fit-poor{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d}.preset-fit-label{color:var(--text-muted)}.preset-fit-value{font-weight:700}.preset-fit-strong .preset-fit-value{color:#22c55e}.preset-fit-fair .preset-fit-value{color:#f59e0b}.preset-fit-poor .preset-fit-value{color:#ef4444}.confidence-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.confidence-badge{border-radius:4px;font-size:10px;font-weight:700;padding:3px 8px;text-transform:uppercase}.confidence-badge.confidence-high{background:#22c55e33;color:#22c55e}.confidence-badge.confidence-medium{background:#f59e0b33;color:#f59e0b}.confidence-badge.confidence-low{background:#ef444433;color:#ef4444}.confidence-row .confidence-reason{color:var(--text-muted);font-size:11px}.targets-met-badge{padding:4px 10px}.targets-met-badge .targets-label{font-size:11px}.targets-met-badge .targets-value{font-size:12px}.feedback-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.feedback-stat{background:#0000004d;border:1px solid var(--border-bronze);border-radius:8px;min-width:80px;padding:12px 20px;text-align:center}.feedback-stat .stat-value{color:var(--text-primary);display:block;font-size:24px;font-weight:700}.feedback-stat .stat-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.feedback-stat.new{border-color:#3b82f680}.feedback-stat.new .stat-value{color:#3b82f6}.feedback-stat.planned{border-color:#a855f780}.feedback-stat.planned .stat-value{color:#a855f7}.feedback-stat.shipped{border-color:#22c55e80}.feedback-stat.shipped .stat-value{color:#22c55e}.feedback-stat.declined{border-color:#6b728080}.feedback-stat.declined .stat-value{color:#6b7280}.feedback-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.feedback-filters .admin-select,.feedback-filters select{background:#0f0c09cc;border:1px solid var(--border-bronze);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px}.feedback-filters .admin-btn{background:#d4af371a;border:1px solid var(--gold);border-radius:6px;color:var(--gold-light);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.feedback-filters .admin-btn:hover{background:#d4af3733}.feedback-list{display:flex;flex-direction:column;gap:12px}.feedback-card{background:#0f0c0999;border:1px solid var(--border-bronze);border-left:4px solid #0000;border-radius:10px;padding:16px}.feedback-card.status-new{border-left-color:#3b82f6}.feedback-card.status-planned{border-left-color:#a855f7}.feedback-card.status-in-progress{border-left-color:#f59e0b}.feedback-card.status-shipped{border-left-color:#22c55e}.feedback-card.status-declined{border-left-color:#6b7280}.feedback-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-badge.new{background:#3b82f633;color:#3b82f6}.status-badge.planned{background:#a855f733;color:#a855f7}.status-badge.in-progress{background:#f59e0b33;color:#f59e0b}.status-badge.shipped{background:#22c55e33;color:#22c55e}.status-badge.declined{background:#6b728033;color:#6b7280}.feedback-category{background:#d4af371a;border-radius:4px;color:var(--gold-light);font-size:12px;padding:3px 8px}.feedback-date{color:var(--text-muted);font-size:12px;margin-left:auto}.feedback-context{background:#0003;border-radius:4px;color:var(--text-secondary);font-size:13px;margin-bottom:8px;padding:8px}.feedback-message{color:var(--text-primary);font-size:14px;line-height:1.5;margin-bottom:12px;white-space:pre-wrap}.feedback-email,.feedback-path{color:var(--text-muted);font-size:12px;margin-bottom:4px}.feedback-notes{background:#d4af370d;border-left:2px solid var(--gold);color:var(--text-secondary);font-size:13px;margin:8px 0;padding:8px}.feedback-actions{border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.feedback-actions .action-btn{background:#0000004d;border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.feedback-actions .action-btn:hover{background:#d4af371a;color:var(--gold-light)}.feedback-actions .status-select{background:#0f0c09cc;border:1px solid var(--border-bronze);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:6px 10px}.empty-state,.loading-state{color:var(--text-muted);font-size:14px;padding:40px;text-align:center}.admin-card{background:#0f0c0980;border:1px solid var(--border-bronze);border-radius:8px;margin-bottom:16px;padding:16px}.admin-card h3{color:var(--gold-light);font-size:16px;margin:0 0 8px}.admin-description{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.admin-note{color:var(--text-muted);font-size:12px;margin-top:12px}.raid-app--themed{background:linear-gradient(to bottom,#0f0c0959 0,#0f0c098c 50%,#0f0c09bf 100%),var(--bg-image,linear-gradient(#1a1410,#0d0a08));background-attachment:fixed,fixed;background-position:top,50%;background-repeat:no-repeat,no-repeat;background-size:auto,cover;position:relative}.raid-app--themed:after{animation:themed-gradient-drift 25s ease-in-out infinite alternate;background:var(--overlay-gradient);content:"";inset:0;opacity:var(--overlay-opacity,.12);pointer-events:none;position:fixed;z-index:-1}@keyframes themed-gradient-drift{0%{transform:translate(0) scale(1)}to{transform:translate(1.5%,.8%) scale(1.015)}}.raid-app--themed .nav-container{background:#08080aeb;border-bottom-color:color-mix(in srgb,var(--accent-1) 35%,#0000);box-shadow:0 8px 32px #0009,0 1px 0 color-mix(in srgb,var(--accent-1) 15%,#0000)}.raid-app--themed .nav-container.nav-scrolled{border-bottom-color:color-mix(in srgb,var(--accent-1) 40%,#0000)}.raid-app--themed .nav-container:before{background:linear-gradient(90deg,#0000 0,var(--accent-1) 20%,var(--accent-2) 50%,var(--accent-1) 80%,#0000 100%);opacity:.6}.raid-app--themed .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-1) 60%,#fff) 0,var(--accent-1) 50%,color-mix(in srgb,var(--accent-1) 70%,#000) 100%);-webkit-background-clip:text;background-clip:text}.raid-app--themed .logo-suffix{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-2) 50%,#aaa) 0,color-mix(in srgb,var(--accent-2) 60%,#666) 100%);-webkit-background-clip:text;background-clip:text}.raid-app--themed .nav-link:after{background:linear-gradient(90deg,#0000,var(--accent-1),var(--accent-2),var(--accent-1),#0000)}.raid-app--themed .nav-link-active{background:color-mix(in srgb,var(--accent-1) 8%,#0000);color:color-mix(in srgb,var(--accent-1) 40%,#f5e6c8)}.raid-app--themed .nav-link-active .nav-icon{color:var(--accent-1)}.raid-app--themed .nav-link-active:after{background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-1))}.raid-app--themed .nav-link-glow{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-1) 12%,#0000),color-mix(in srgb,var(--accent-2) 6%,#0000));border-color:color-mix(in srgb,var(--accent-1) 30%,#0000);color:var(--accent-1)!important;text-shadow:0 0 8px color-mix(in srgb,var(--accent-1) 20%,#0000)}.raid-app--themed .nav-link-glow:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-1) 20%,#0000),color-mix(in srgb,var(--accent-2) 12%,#0000));border-color:color-mix(in srgb,var(--accent-1) 50%,#0000);box-shadow:0 0 16px color-mix(in srgb,var(--accent-1) 20%,#0000)}.raid-app--themed .nav-link-glow svg{color:var(--accent-1)}.raid-app--themed .nav-vip-btn,.raid-app--themed .nav-vip-link{border-color:color-mix(in srgb,var(--accent-1) 40%,#0000);color:var(--accent-1)}.raid-app--themed .nav-separator{background:color-mix(in srgb,var(--accent-1) 20%,#0000)}.raid-app--themed .ornate-frame{border-color:color-mix(in srgb,var(--accent-1) 25%,#d4af3733);box-shadow:var(--shadow-card),inset 0 0 30px color-mix(in srgb,var(--accent-1) 5%,#0000)}.raid-app--themed .ornate-frame:before{border-color:color-mix(in srgb,var(--accent-2) 15%,#8b692826)}.raid-app--themed .dashboard-header-divider{animation:themed-divider-shimmer 8s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--accent-1),var(--accent-2),var(--accent-1),#0000);background-size:200% 100%}@keyframes themed-divider-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.raid-app--themed .dashboard-header-icon{color:var(--accent-1)}.raid-app--themed .dashboard-vip-badge{background:color-mix(in srgb,var(--accent-1) 8%,#0000);border-color:color-mix(in srgb,var(--accent-1) 30%,#0000);color:var(--accent-1)}.raid-app--themed .footer-container,.raid-app--themed footer{border-top-color:color-mix(in srgb,var(--accent-1) 15%,#0000)}.raid-app--themed ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-1) 25%,#50463280)}.raid-app--themed ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent-1) 40%,#504632b3)}.raid-app--themed .nav-mobile-link.nav-link-active{color:var(--accent-1)}.raid-app--themed .nav-mobile-link.nav-link-active:before{background:linear-gradient(to bottom,color-mix(in srgb,var(--accent-1) 15%,#0000),#0000)}.raid-app--themed .nav-mobile-link.nav-link-active .mobile-nav-icon{color:var(--accent-1)}.raid-app--themed .btn-primary,.raid-app--themed .cta-primary{background:linear-gradient(135deg,var(--accent-1),color-mix(in srgb,var(--accent-1) 80%,#000));border-color:var(--accent-1)}.raid-app--themed .btn-primary:hover,.raid-app--themed .cta-primary:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--accent-1) 30%,#0000)}@media (prefers-reduced-motion:reduce){.raid-app--themed:after{animation:none}.raid-app--themed .dashboard-header-divider{animation:none;background-position:50%}}.raid-app--themed .nav-mega-panel{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--accent-1) 12%,#0000) 0,#0000 60%),#0a0a0e;border-color:color-mix(in srgb,var(--accent-1) 12%,#0000);border-top-color:color-mix(in srgb,var(--accent-1) 30%,#0000);box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff05,inset 0 1px 0 #ffffff0a,inset 0 0 40px color-mix(in srgb,var(--accent-1) 4%,#0000)}.raid-app--themed .nav-mega-wrap.open .nav-mega-panel{box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff05,0 0 20px color-mix(in srgb,var(--accent-1) 8%,#0000),inset 0 1px 0 #ffffff0a,inset 0 0 40px color-mix(in srgb,var(--accent-1) 4%,#0000)}.raid-app--themed .nav-mega-panel:before{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent-1) 10%,#0000) 10%,color-mix(in srgb,var(--accent-1) 60%,#0000) 30%,var(--accent-1) 50%,color-mix(in srgb,var(--accent-1) 60%,#0000) 70%,color-mix(in srgb,var(--accent-1) 10%,#0000) 90%,#0000 100%);background-size:200% 100%}.raid-app--themed .nav-mega-panel:after{background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--accent-1) 8%,#0000) 30%,color-mix(in srgb,var(--accent-1) 12%,#0000) 50%,color-mix(in srgb,var(--accent-1) 8%,#0000) 70%,#0000)}.raid-app--themed .mega-section-head{color:color-mix(in srgb,var(--accent-1) 45%,#0000)}.raid-app--themed .mega-section-head:before{color:color-mix(in srgb,var(--accent-1) 20%,#0000)}.raid-app--themed .mega-divider{background:linear-gradient(180deg,#0000 5%,color-mix(in srgb,var(--accent-1) 6%,#0000) 20%,color-mix(in srgb,var(--accent-1) 20%,#0000) 50%,color-mix(in srgb,var(--accent-1) 6%,#0000) 80%,#0000 95%)}.raid-app--themed .nav-mega-panel-sm .mega-divider{background:linear-gradient(90deg,#0000 10%,color-mix(in srgb,var(--accent-1) 12%,#0000) 50%,#0000 90%)}.raid-app--themed .mega-link:hover{background:color-mix(in srgb,var(--accent-1) 6%,#0000);box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent-1) 3%,#0000)}.raid-app--themed .mega-link:before{background:linear-gradient(105deg,#0000 20%,color-mix(in srgb,var(--accent-1) 6%,#0000) 45%,color-mix(in srgb,var(--accent-1) 12%,#0000) 50%,color-mix(in srgb,var(--accent-1) 6%,#0000) 55%,#0000 80%)}.raid-app--themed .mega-link:after{background:linear-gradient(180deg,var(--accent-1),var(--accent-2),var(--accent-1))}.raid-app--themed .mega-link:hover .mega-link-icon{background:color-mix(in srgb,var(--accent-1) 12%,#0000);border-color:color-mix(in srgb,var(--accent-1) 35%,#0000);box-shadow:0 0 12px color-mix(in srgb,var(--accent-1) 15%,#0000);color:var(--accent-1)}.raid-app--themed .mega-link:hover .mega-link-title{color:color-mix(in srgb,var(--accent-1) 80%,#fff)}.raid-app--themed .mega-link-featured{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-1) 5%,#0000),color-mix(in srgb,var(--accent-1) 3%,#0000));border-color:color-mix(in srgb,var(--accent-1) 12%,#0000)}.raid-app--themed .mega-link-featured .mega-link-icon{background:color-mix(in srgb,var(--accent-1) 10%,#0000);border-color:color-mix(in srgb,var(--accent-1) 25%,#0000);color:var(--accent-1)}.raid-app--themed .mega-link-featured .mega-link-title{color:color-mix(in srgb,var(--accent-1) 80%,#fff)}.raid-app--themed .mega-link-featured:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-1) 12%,#0000),color-mix(in srgb,var(--accent-1) 6%,#0000));border-color:color-mix(in srgb,var(--accent-1) 30%,#0000);box-shadow:0 0 20px color-mix(in srgb,var(--accent-1) 8%,#0000)}.raid-app--themed .nav-user-dropdown{background:radial-gradient(200px 100px at 50% 0,color-mix(in srgb,var(--accent-2) 8%,#0000),#0000 50%),linear-gradient(180deg,#ffffff0a,#0000002e),linear-gradient(180deg,#14110d,#0a0908);border-color:color-mix(in srgb,var(--accent-1) 28%,#0000)}.raid-app--themed .user-dropdown-header{background:radial-gradient(150px 80px at 30% 30%,color-mix(in srgb,var(--accent-1) 8%,#0000),#0000 60%),color-mix(in srgb,var(--accent-1) 6%,#0000);border-bottom-color:color-mix(in srgb,var(--accent-1) 12%,#0000)}.raid-app--themed .user-dropdown-btn:hover{background:color-mix(in srgb,var(--accent-1) 8%,#0000)}.raid-app--themed .dropdown-divider{background:color-mix(in srgb,var(--accent-1) 10%,#0000)}.raid-app--themed .dropdown-section-label{color:color-mix(in srgb,var(--accent-1) 50%,#0000)}.raid-app--themed .dropdown-section-label,.raid-app--themed .user-logout-btn{border-top-color:color-mix(in srgb,var(--accent-1) 8%,#0000)}.raid-app--themed .nav-user-dropdown::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-1) 30%,#50463280)}.raid-app--themed .nav-user-dropdown::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent-1) 50%,#504632b3)}.raid-app--theme-fading:after{animation:themed-preview-fadeout 3.5s ease-out forwards!important}.raid-app--theme-fading .logo-suffix,.raid-app--theme-fading .logo-text,.raid-app--theme-fading .nav-container{transition:all 3s ease-out}@keyframes themed-preview-fadeout{0%{opacity:var(--overlay-opacity,.12)}to{opacity:0}}.advisor-teaser{margin:0;padding:0 24px}.advisor-teaser-inner{align-items:center;background:#d4af370a;border:1px solid #d4af371f;border-radius:12px;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:20px 32px}.advisor-teaser-text{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.advisor-teaser-label{background:#d4af371f;border-radius:4px;color:#d4af37;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:3px 10px}.advisor-teaser-title{color:#fff;font-size:.95rem;font-weight:600;margin:0}.advisor-teaser-sub{color:#ffffff80;flex-basis:100%;font-size:.8rem;margin:0}.advisor-teaser-btn{align-items:center;border:1px solid #d4af3740;border-radius:8px;color:#d4af37;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.advisor-teaser-btn:hover{background:#d4af3714;border-color:#d4af3766}@media (max-width:768px){.advisor-teaser-inner{flex-direction:column;padding:16px 20px;text-align:center}.advisor-teaser-text{justify-content:center}.advisor-teaser-sub{text-align:center}}.main-content,.page-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:scroll-position}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.raid-app{-webkit-overflow-scrolling:touch;overflow-x:hidden}.nav-desktop-links{display:flex}.nav-mobile-btn{display:none}@media (max-width:1024px){.best-teams-v2:after,.best-teams-v2:before,.main-content:after,.main-content:before,.raid-app:before,.raid-app>:first-child:before{display:none!important}}@media (max-width:900px){.raid-app:before,.raid-app>:first-child:before{z-index:1!important}.main-content:after,.main-content:before{z-index:0!important}.nav-desktop-links{display:none!important}.nav-mobile-btn{align-items:center;background:linear-gradient(135deg,#d4af3726,#8b5a2b1a);border:1px solid #d4af3766;border-radius:8px;box-shadow:0 0 10px #d4af3733;color:var(--gold-light,#f5d76e);cursor:pointer;display:flex!important;font-size:24px;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px;z-index:100001}.nav-mobile-btn:active{background:linear-gradient(135deg,#d4af3740,#8b5a2b33);transform:scale(.95)}.nav-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f0c09fa,#1a1410f2);border-bottom:2px solid #d4af3799;box-shadow:0 4px 30px #000c,0 0 20px #d4af371a;left:0;padding:env(safe-area-inset-top,0) 0 0;position:fixed;right:0;top:0;z-index:100000}.nav-inner{gap:8px;justify-content:space-between;padding:10px 16px}.nav-logo{flex-shrink:0;gap:6px}.nav-logo-img{height:32px;width:32px}.logo-text{font-size:16px;letter-spacing:-.5px}.logo-suffix{display:none}.nav-links{display:none!important}.nav-search{display:none}.nav-mobile-menu{-webkit-overflow-scrolling:touch;animation:slideDown .3s ease-out;background:#0a0806!important;bottom:0!important;box-shadow:0 -10px 40px #000000e6!important;display:flex!important;flex-direction:column!important;left:0!important;max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px 0 calc(20px + env(safe-area-inset-bottom, 0px))!important;position:fixed!important;right:0!important;top:calc(60px + env(safe-area-inset-top, 0px))!important;z-index:100002!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-mobile-link{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;display:flex;font-family:var(--font-heading);font-size:15px;font-weight:500;gap:14px;letter-spacing:.5px;margin:4px 12px;padding:16px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.nav-mobile-link:active,.nav-mobile-link:hover{background:#ffffff0d;color:#fff}.nav-mobile-link span{font-size:20px;opacity:.7}.nav-link-active.nav-mobile-link{background:#d4af371a;color:#f5e6c8}.nav-link-active.nav-mobile-link:before{background:linear-gradient(180deg,#d4af37,#f5d76e);border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:20%;width:3px}.nav-vip-mobile{background:#d4af3714!important;border:1px solid #d4af3733!important;color:#d4af37!important;margin-top:12px}.page-content{padding-top:62px}.champion-hero{margin-top:0!important;padding-top:30px!important}.champion-detail-page,.champion-detail-page .page-content{padding-top:70px}}@media (max-width:768px){.hero-polished,.hero-section{min-height:auto;padding:40px 16px 50px;position:relative}.hero-content,.hero-content-left{max-width:100%;padding:0;text-align:center}.hero-title-large{font-size:28px;line-height:1.2;margin-bottom:12px;text-align:center}.hero-title-best{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#f5d76e 50%,#d4af37);-webkit-background-clip:text;background-clip:text;display:block;filter:drop-shadow(0 2px 10px rgba(212,175,55,.5));font-size:42px;margin-bottom:8px}.hero-subtitle-polished{font-size:14px;line-height:1.6;margin-bottom:24px;padding:0 8px}.hero-character-art{background-position:top;background-size:cover;opacity:.4}.hero-bg-gradient{background:linear-gradient(180deg,#0f0c09b3,#1a1410d9)}.hero-ctas{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:280px;width:100%}.cta-primary,.cta-secondary{border-radius:12px;font-size:14px;justify-content:center;min-height:52px;padding:16px 24px;text-align:center;width:100%}.cta-primary{background:linear-gradient(135deg,#d4af37,#b8941f);box-shadow:0 4px 20px #d4af3766}.cta-secondary{background:#1e1a16e6;border:2px solid #d4af3780}.cta-icon{font-size:18px;margin-right:8px}.content-section{padding:32px 16px}.section-header-fancy{margin-bottom:24px;text-align:center}.section-title-ornate{align-items:center;display:flex;flex-wrap:wrap;font-size:20px;gap:8px;justify-content:center;line-height:1.3;padding:0 8px}.ornate-left,.ornate-right{display:none}.popular-badge{display:inline-flex;font-size:11px;margin-top:8px;padding:4px 10px}.section-desc-centered{font-size:14px;margin-bottom:24px;padding:0 8px}.teams-grid-large{display:flex;flex-direction:column;gap:16px;padding:0}.team-card-large{background:linear-gradient(145deg,#1e1a16f2,#14100cf2);border:2px solid #d4af374d;border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.team-card-large:active{border-color:var(--gold);transform:scale(.98)}.team-card-image{background-position:50%;background-size:cover;height:160px}.team-card-content{padding:20px;text-align:center}.team-card-content h3{align-items:center;display:flex;font-size:18px;gap:8px;justify-content:center;margin-bottom:8px}.team-card-content p{color:var(--text-secondary);font-size:13px;margin-bottom:16px}.view-btn{background:linear-gradient(135deg,#d4af3733,#8b5a2b26);border:1px solid #d4af3780;border-radius:8px;color:var(--gold-light);display:inline-block;font-size:13px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase}.card-icon{font-size:20px}.calculators-grid{display:flex;flex-direction:column;gap:16px}.calc-card-featured{background:linear-gradient(145deg,#1e1a16f2,#14100cf2);border:2px solid #d4af3740;border-radius:16px;overflow:hidden}.calc-card-image{height:140px}.calc-card-content{padding:20px;text-align:center}.calc-card-content h3{font-size:17px;margin-bottom:8px}.calc-card-content p{font-size:13px;margin-bottom:12px}.quick-nav-bar{background:linear-gradient(180deg,#1a1410fa,#0f0c09fa);border-top:1px solid #d4af3733;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:16px}.quick-nav-item{align-items:center;background:#1e1a16cc;border:1px solid #8b735540;border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;font-size:11px;gap:4px;justify-content:center;padding:12px 8px;text-align:center;text-decoration:none;transition:all .3s ease}.quick-nav-item:active{background:#d4af3733;border-color:var(--gold);transform:scale(.95)}.qn-icon{display:block;font-size:20px}.seo-content-section-polished{padding:24px 16px}.seo-content-box{border-radius:16px;padding:20px}.seo-main-title{font-size:20px;margin-bottom:16px;text-align:center}.seo-content-box p,.seo-intro{font-size:14px;line-height:1.7}.seo-content-box h3{font-size:16px;margin-top:20px}}@media (max-width:900px){.best-teams-v2{padding-top:0}.teams-hero-polished{min-height:auto;padding:30px 16px 40px}.teams-hero-polished .hero-title-large{font-size:24px}.layer1-section{padding:32px 16px}.layer1-title{font-size:18px;margin-bottom:24px;padding:0 8px;text-align:center}.layer1-cards{gap:16px}.layer1-card,.layer1-cards{display:flex;flex-direction:column}.layer1-card{background:linear-gradient(145deg,#1e1a16f2,#14100cf2);border:2px solid #d4af374d;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .3s ease}.layer1-card:active{border-color:var(--gold);transform:scale(.98)}.layer1-card-img{background-position:50%;background-size:cover;height:140px}.layer1-card-content{padding:16px 20px;text-align:center}.layer1-card-content h3{color:var(--gold-light);font-size:17px;margin-bottom:6px}.layer1-card-content p{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.layer1-btn{background:linear-gradient(135deg,#d4af3733,#8b5a2b26);border:1px solid #d4af3780;border-radius:8px;color:var(--gold-light);display:inline-block;font-size:12px;letter-spacing:1px;padding:10px 20px;text-transform:uppercase}.layer2-section{background:#1a1410f2;border-bottom:1px solid #d4af3733;border-top:1px solid #d4af3733;padding:24px 16px}.layer2-title{align-items:center;color:var(--gold-light);display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:16px;text-align:center}.layer2-cards{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding:4px;scrollbar-width:none}.layer2-cards::-webkit-scrollbar{display:none}.layer2-card{background:#1e1a16f2;border:1px solid #8b73554d;border-radius:12px;flex-shrink:0;padding:16px;position:relative;text-decoration:none;width:200px}.layer2-card:active{background:#d4af371a;border-color:var(--gold)}.layer2-card h4{color:var(--text-primary);font-size:13px;margin-bottom:4px}.layer2-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:11px;overflow:hidden}.layer2-card-icon{font-size:24px;margin-bottom:8px}.layer3-section{display:flex;flex-direction:column;gap:24px;padding:24px 16px}.layer3-main{order:1;width:100%}.layer3-sidebar{order:2;width:100%}.accordion-section{background:#1a1410f2;border:1px solid #8b73554d;border-radius:12px;margin-bottom:12px;overflow:hidden}.accordion-header{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease;width:100%}.accordion-header:active{background:#d4af371a}.accordion-header.expanded{background:linear-gradient(90deg,#d4af3726,#0000);border-bottom:1px solid #d4af3733}.accordion-icon{font-size:24px}.accordion-title{color:var(--gold-light);flex:1;font-size:15px;font-weight:600;text-align:left}.accordion-arrow{color:var(--text-muted);font-size:12px;transition:transform .3s ease}.accordion-content{background:#0003;padding:16px}.accordion-grid{display:flex;flex-direction:column;gap:10px}.accordion-card{align-items:center;background:#1e1a16cc;border:1px solid #8b735533;border-radius:10px;display:flex;justify-content:space-between;padding:14px 16px;text-decoration:none;transition:all .3s ease}.accordion-card:active{background:#d4af3726;border-color:var(--gold)}.accordion-card h4{color:var(--text-primary);font-size:14px;margin-bottom:2px}.accordion-card p{color:var(--text-muted);font-size:11px}.card-arrow{color:var(--gold);font-size:14px}.bosses-subsection{border-top:1px solid #8b735533;margin-top:16px;padding-top:16px}.bosses-title{color:var(--text-muted);font-size:13px;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.bosses-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.boss-card{align-items:center;background:#1e1a16cc;border:1px solid #8b735533;border-radius:8px;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;padding:10px 12px;text-decoration:none;transition:all .3s ease}.boss-card:active{background:#d4af3726;border-color:var(--gold);color:var(--gold-light)}.boss-icon{font-size:18px}.paths-section{background:#1a1410f2;border:1px solid #d4af3733;border-radius:16px;padding:20px}.paths-title{align-items:center;color:var(--gold-light);display:flex;font-size:14px;gap:8px;margin-bottom:16px}.paths-list{display:flex;flex-direction:column;gap:10px}.path-card{align-items:center;background:#0000004d;border:1px solid #8b735533;border-left:3px solid var(--path-color,#d4af3780);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .3s ease}.path-card:active{background:#d4af371a;border-color:var(--path-color,var(--gold))}.path-icon{font-size:24px}.path-info h4{color:var(--text-primary);font-size:13px;margin-bottom:2px}.path-info p{color:var(--text-muted);font-size:11px}.bottom-quick-nav{background:#0f0c09fa;border-top:1px solid #d4af3733;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px}.bottom-nav-btn{align-items:center;background:#1e1a16e6;border:1px solid #8b73554d;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:10px 14px;transition:all .3s ease}.bottom-nav-btn:active{background:#d4af3733;border-color:var(--gold);color:var(--gold-light)}}@media (max-width:768px){.champions-list-frame{border-radius:16px;padding:16px}.champions-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.filter-search,.stat-select{background:#1e1a16e6;border:1px solid #8b73554d;border-radius:10px;font-size:16px;padding:14px 16px;width:100%}.filter-search:focus,.stat-select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3733;outline:none}.champions-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 4px}.champion-grid-card{align-items:center;background:#1e1a16e6;border:1px solid #8b735540;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:10px;text-decoration:none;transition:all .3s ease}.champion-grid-card:active{border-color:var(--gold);transform:scale(.97)}.champion-grid-portrait{border-width:2px;flex-shrink:0;height:60px;margin:0 auto 8px;width:60px}.champion-grid-info{overflow:hidden;text-align:center;width:100%}.champion-grid-info h4{font-size:11px;line-height:1.2;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rarity-badge{display:inline-block;font-size:8px;margin-bottom:2px;padding:2px 6px}.champion-faction{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{flex-direction:column;gap:12px;padding-top:20px}.pagination button{font-size:14px;padding:14px;width:100%}.page-info{font-size:13px;text-align:center}.champion-detail-page{padding-top:70px}.champion-hero{margin-top:0;padding:24px 16px 30px}.champion-hero-bg{top:0}.back-link{font-size:13px;margin-bottom:16px}.champion-header{align-items:center;flex-direction:column;gap:20px;text-align:center}.champion-portrait-large{border-radius:12px;height:150px;margin-top:10px;width:150px}.champion-badges{flex-wrap:wrap;gap:8px;justify-content:center}.affinity-badge,.rarity-badge,.role-badge{font-size:11px;padding:5px 12px}.champion-name-large{font-size:28px;margin-bottom:4px}.champion-faction-large{font-size:16px;margin-bottom:16px}.quick-stats{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.quick-stat{border-radius:10px;padding:12px;text-align:center}.qs-value{font-size:22px}.qs-label{font-size:10px}.champion-tabs{-webkit-overflow-scrolling:touch;gap:4px;justify-content:flex-start;overflow-x:auto;padding:10px 8px;scrollbar-width:none;top:62px}}@media (max-width:768px){.champion-tabs::-webkit-scrollbar{display:none}.champion-tab{flex-shrink:0;font-size:11px;padding:10px 14px;white-space:nowrap}.stats-grid{gap:10px;grid-template-columns:1fr}.stat-card{border-radius:10px;padding:14px}.stat-icon{font-size:24px;width:40px}.stat-name{font-size:11px}.stat-value{font-size:20px}.stat-bar{width:60px}.skills-list{gap:12px}.skill-card{border-radius:12px;padding:16px}.skill-header{align-items:flex-start;flex-direction:column;gap:8px}.skill-name{font-size:16px}.skill-cooldown{font-size:11px}.skill-description{font-size:13px;line-height:1.6}.mastery-trees-container{gap:16px;grid-template-columns:1fr}.mastery-tree-visual{border-radius:12px;padding:14px}.mastery-tree-title{font-size:15px;margin-bottom:12px}.mastery-tier{flex-wrap:wrap}.tier-label{font-size:10px;width:20px}.mastery-node{border-radius:5px;font-size:10px;padding:6px 10px}.gear-recommendations{gap:16px;grid-template-columns:1fr}.gear-section h3{font-size:15px;margin-bottom:12px}.gear-set,.gear-stat{font-size:12px;padding:6px 12px}.related-champions-grid{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.related-champions-grid::-webkit-scrollbar{display:none}.related-champion-card{flex-shrink:0;width:100px}.calculator-container{padding:0 4px}.calculator-frame{border-radius:16px;padding:16px}.calculator-title{flex-wrap:wrap;font-size:18px;gap:8px}.calc-icon{font-size:24px}.calculator-desc{font-size:13px;margin-bottom:20px}.champion-entries{gap:12px}.champion-row{border-radius:12px;flex-direction:column;gap:12px;padding:14px}.champion-avatar{align-self:flex-start;font-size:20px;height:40px;width:40px}.champion-name-cell{min-width:auto;width:100%}.champion-select{border-radius:8px;font-size:16px;padding:12px}.stat-inputs{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);width:100%}.stat-group{min-width:auto}.stat-group label{font-size:10px}.stat-input{font-size:16px;padding:12px}.remove-btn,.stat-input{border-radius:8px;width:100%}.remove-btn{font-size:14px;margin-top:4px;padding:10px 16px}.calc-actions{flex-direction:column;gap:10px}.add-champion-btn,.calculate-btn,.clear-btn{border-radius:10px;font-size:13px;margin-left:0;padding:14px 20px;width:100%}.calculate-btn{background:linear-gradient(135deg,var(--gold),var(--amber));box-shadow:0 4px 20px #d4af3766}.results-frame{border-radius:16px;padding:16px}.results-title{font-size:16px;margin-bottom:6px}.results-desc{font-size:13px;margin-bottom:16px}.results-table{border-radius:10px;overflow-x:auto}.results-header,.results-row{font-size:11px;gap:8px;grid-template-columns:40px 1fr 70px 70px;padding:10px 12px}.turn-order{font-size:14px}.champ-name{font-size:12px;gap:4px}.champ-avatar{font-size:14px}.final-speed,.turn-meter{font-size:12px}.formula-display{border-radius:6px;font-size:11px;padding:10px 12px}.damage-calc-grid,.damage-results{gap:10px;grid-template-columns:repeat(2,1fr)}.damage-stat{border-radius:10px;padding:12px}.damage-label{font-size:10px}.damage-value{font-size:20px}.damage-summary{border-radius:10px;font-size:13px;padding:12px}.tips-cards{gap:12px;grid-template-columns:1fr}.tip-card{border-radius:12px;padding:16px}.tip-icon{font-size:28px;margin-bottom:10px}.tip-card h4{font-size:15px;margin-bottom:8px}.tip-card p{font-size:13px}.site-footer{padding:24px 16px}.footer-logo-section{gap:8px;margin-bottom:12px}.footer-logo-img{height:28px;width:28px}.footer-brand{font-size:16px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin-bottom:12px}.footer-divider{display:none}.footer-links a{font-size:12px;padding:4px 0}.footer-copyright{font-size:10px;line-height:1.5}.modal-overlay{align-items:flex-end;padding:16px}.modal-content{animation:slideUp .3s ease-out;border-radius:20px 20px 0 0;max-height:80vh;max-width:100%;overflow-y:auto;padding:24px 20px 32px;width:100%}}@media (max-width:768px){@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vip-crown{font-size:40px}.vip-modal-header h2{font-size:24px}.vip-coming-soon{font-size:15px;padding:10px}.vip-description{font-size:13px}.vip-features-list li{font-size:13px;padding:8px 12px}.vip-modal-close{border-radius:12px;font-size:14px;padding:16px}}@media (min-width:769px) and (max-width:1024px){.nav-inner{padding:12px 20px}.nav-links{gap:2px}.nav-link{font-size:12px;padding:8px 12px}.hero-title-large{font-size:36px}.hero-subtitle-polished{font-size:16px}.teams-grid-large{gap:20px}.calculators-grid,.teams-grid-large{grid-template-columns:repeat(2,1fr)}.champions-grid{grid-template-columns:repeat(3,1fr)}.layer1-cards{grid-template-columns:repeat(2,1fr)}.layer3-section{flex-direction:row;gap:24px}.layer3-main{flex:2}.layer3-sidebar{flex:1}.mastery-trees-container,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){.accordion-card,.accordion-header,.bottom-nav-btn,.champion-grid-card,.layer1-card,.layer2-card,.nav-mobile-link,.quick-nav-item,.team-card-large{min-height:44px}.calc-card-featured:hover,.champion-card:hover,.layer1-card:hover,.layer2-card:hover,.strategy-card:hover,.team-card-large:hover{transform:none}.calc-card-featured:active,.champion-card:active,.strategy-card:active,.team-card-large:active{opacity:.9;transform:scale(.98)}.calc-card-image:after,.cta-primary:before,.ornate-frame:before,.team-card-image:after{animation:none!important}}@supports (padding:env(safe-area-inset-bottom)){@media (max-width:900px){.nav-container{padding-top:env(safe-area-inset-top)}.nav-mobile-menu{padding-bottom:env(safe-area-inset-bottom)}.site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.bottom-quick-nav{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}}@media (max-width:900px){.champion-codex-page .site-footer{position:relative;z-index:1}.atlas-search-module{position:relative;z-index:50}.atlas-results-dropdown{max-height:50vh;overflow-y:auto;position:relative;z-index:51}.champion-codex-page .codex-content,.champion-codex-page .page-content{padding-bottom:120px}.cotd-section{padding:16px 12px}.cotd-section h2{font-size:18px;margin-bottom:12px}.cotd-section .section-subtitle{font-size:11px}.site-footer{padding:20px 16px}.footer-logo-section{gap:10px;margin-bottom:12px}.footer-logo-img{height:28px}.footer-brand{font-size:16px}.footer-links a{font-size:11px}.footer-copyright{font-size:9px}.footer-disclaimer{font-size:8px;padding:0 8px}}@media (max-width:480px){.auth-portal-overlay{background:#000000eb}.auth-portal{margin-top:10px}.auth-form,.auth-header{gap:8px}.auth-portal:focus-within{max-height:70vh;overflow-y:auto}}@media (prefers-color-scheme:dark){.search-input::placeholder,.stat-input::placeholder{color:#fff6}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.main-content:after,.main-content:before,.raid-app:before,.raid-app>:first-child:before{display:none!important}}@media print{.bottom-quick-nav,.nav-container,.nav-mobile-menu,.quick-nav-bar,.site-footer{display:none!important}.page-content{padding:0!important}*{background:#fff!important;color:#000!important}}.nav-container{min-height:64px}@media (max-width:768px){.nav-container{min-height:56px}.nav-inner{height:56px}}.hero-polished,.hero-section{min-height:400px}@media (max-width:768px){.hero-polished,.hero-section{min-height:350px}}@media (max-width:480px){.hero-polished,.hero-section{min-height:300px}}.beta-notice-banner{min-height:72px}@media (max-width:768px){.beta-notice-banner{min-height:90px}}.cookie-consent-banner{contain:layout style}.champion-card-forged,.champion-card-wrapper{min-height:100px}.champion-portrait-forged img{aspect-ratio:1/1}@media (max-width:600px){.champion-portrait-forged{height:80px;min-height:80px;min-width:80px;width:80px}.champion-portrait-forged img{height:80px;width:80px}}.spotlight-container,.spotlight-loading{min-height:200px}.hero-title-best,.hero-title-large,.page-title,.section-title,h1,h2{font-size-adjust:.52}.spinner{min-height:40px}.page-loader{min-height:200px}.champion-grid-loading{min-height:400px}.hero-character-art{will-change:opacity}.hero-section img[loading=lazy]{loading:eager!important}.below-fold-section,.deferred-content{contain-intrinsic-size:0 500px;content-visibility:auto}.guides-grid{contain-intrinsic-size:0 400px;content-visibility:auto}.teams-grid-section{contain-intrinsic-size:0 600px;content-visibility:auto}.champion-spotlight{contain-intrinsic-size:0 200px;content-visibility:auto}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.cta-large,.cta-primary,.cta-secondary,.hero-cta,.nav-link,button{transform:translateZ(0);will-change:transform,opacity}.cta-large:active,.cta-primary:active,.cta-secondary:active{will-change:auto}@media (max-width:768px){.hero-bg-gradient,.hero-character-art{will-change:auto}.nav-container{box-shadow:0 4px 16px #00000080}.cookie-consent-banner{animation-duration:.2s}.nav-mobile-menu{contain:layout style paint}}.champion-card img,.champion-portrait-forged img,img[src*=avatar],img[src*=champion]{aspect-ratio:1/1}.hero-character-art img,.hero-image img{aspect-ratio:16/9}.guide-card-image img{aspect-ratio:16/9;height:auto;object-fit:cover;width:100%}.atlas-search-module{contain:layout style;min-height:140px}.atlas-search-container{contain:layout style;min-height:100px}.champions-subhubs-section,.codex-subhubs{min-height:80px}.champions-subhubs-section .sub-hub-links{min-height:60px}.lucide.module-icon,.module-icon,svg.module-icon{flex-shrink:0;height:24px;min-height:24px;min-width:24px;width:24px}@media (max-width:768px){.site-footer{min-height:240px}.atlas-search-module{min-height:160px}.atlas-search-container{min-height:120px}}.logo-suffix{display:inline-block;min-width:40px}.nav-desktop-links,.nav-links{align-items:center;display:flex;min-height:40px}.nav-link{align-items:center;display:inline-flex;white-space:nowrap}.nav-link,.nav-link-highlight,.nav-login-btn{min-height:40px}.nav-login-btn{min-width:80px}.ornate-corner{pointer-events:none}.ornate-corner,.ornate-corner-bl,.ornate-corner-br,.ornate-corner-tl,.ornate-corner-tr{contain:strict;position:absolute!important}.related-grid-layout{min-height:200px}.related-grid-layout.quick-actions-only{min-height:120px}.hub-ctas-row{min-height:60px}.tags-section{min-height:80px}.team-tags-large{min-height:50px}.related-teams-section{min-height:200px}@media (max-width:768px){.related-grid-layout{min-height:400px}.related-grid-layout.quick-actions-only{min-height:200px}.hub-ctas-row{min-height:120px}.related-teams-section{min-height:300px}}.feedback-cta-toast,.floating-toolbar,.sonner-toast,.toast-container,.translation-prompt{contain:layout style}.auth-portal-overlay,.modal-overlay{contain:strict}.page-loader{align-items:center;contain:layout style;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.preloader-content{contain:layout style;min-height:300px;min-width:320px}.preloader-text{contain:layout style;min-height:24px}.loader-spinner{height:50px;min-height:50px;min-width:50px;width:50px}.champions-subhubs-section.codex-subhubs{contain:layout style;min-height:100px}svg.lucide-target.module-icon,svg.lucide.lucide-target{display:inline-block;flex-shrink:0;height:24px!important;min-height:24px;min-width:24px;width:24px!important}.premium-loader-container{contain:layout style;min-height:60vh}.page-content{min-height:calc(100vh - 284px)}.btf-hero{contain:layout style;min-height:280px}@media (max-width:768px){.btf-hero{min-height:320px}}.category-hero,.team-category-hero{contain:layout style;min-height:250px}.champion-detail-hero,.champion-hero{contain:layout style;min-height:300px}.guide-hero{contain:layout style;min-height:200px}.team-cards-grid,.teams-grid{min-height:300px}.champion-cards-grid,.champions-grid{min-height:400px}.btf-hero-stats{min-height:40px}.faq-section,.guide-faq{min-height:100px}.more-like-this,.related-content,.similar-teams{min-height:200px}@media (max-width:768px){.team-cards-grid,.teams-grid{min-height:500px}.champion-cards-grid,.champions-grid{min-height:600px}.more-like-this,.related-content,.similar-teams{min-height:300px}}.breadcrumb-nav,.breadcrumbs{contain:layout style;min-height:24px}.hero-bg-image,.hero-image-container{overflow:hidden;position:relative}[style*=background-image]{background-repeat:no-repeat;background-size:cover}.team-card-image,.team-card-large .team-card-image{aspect-ratio:16/9;min-height:150px}.calc-card-image{aspect-ratio:16/9;min-height:120px}@media (max-width:768px){body,html{overflow-x:hidden;width:100%}.champion-codex-page,.champion-detail-page,.compare-page,.guides-page,.team-category-page{max-width:100vw;overflow-x:hidden}}.mobile-action-btn{gap:4px;min-height:44px;min-width:44px;padding:8px 12px}.dropdown-item,.mobile-menu-item,.mobile-nav-item,.nav-link{min-height:44px;padding:12px 16px}.action-icon,.close-btn,.filter-toggle-btn,.icon-btn,button[class*=icon]{min-height:44px;min-width:44px}.autocomplete-item,.codex-result-item,.search-result-item{min-height:52px;padding:10px 12px}.champion-action-btn,.champion-tool-btn{min-height:44px;min-width:44px;padding:10px 16px}.filter-chip,.filter-option,.rarity-filter-btn{min-height:40px;padding:8px 14px}.mobile-action-bar-inner{gap:8px}.analyze-btn,.compare-btn,.cta-btn,.primary-btn,.save-btn{min-height:44px;min-width:44px;position:relative}.cta-btn.loading,.primary-btn.loading{opacity:.8;pointer-events:none}.cta-btn.loading .btn-text{visibility:hidden}.cta-btn.loading:after{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}@media (max-width:768px){.codex-results-dropdown,.codex-results-mobile-portal{-webkit-overflow-scrolling:touch;max-height:50vh;overflow-y:auto;overscroll-behavior:contain}.codex-search-container:focus-within .codex-results-dropdown{bottom:calc(60px + env(safe-area-inset-bottom, 0px));left:8px;max-height:40vh;position:fixed;right:8px;top:auto}.codex-results-list{-webkit-overflow-scrolling:touch;max-height:calc(40vh - 40px);overflow-y:auto}}.champion-portrait,.result-portrait,.team-champion-portrait{aspect-ratio:1/1;background:#1e1e2880;overflow:hidden}.champion-portrait img,.result-portrait img,.team-champion-portrait img{height:100%;object-fit:cover;width:100%}.champion-card-placeholder,.codex-skeleton-card{aspect-ratio:3/4;background:#1e1e2880;border-radius:8px}.shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#28283280,#3c3c4680 50%,#28283280)}img[loading=lazy]{background:#1e1e284d}@media (max-width:768px){.calculators-page,.champion-codex-page,.champion-detail-page,.compare-page,.guides-page,.has-mobile-actionbar-padding,.team-category-page{padding-bottom:calc(70px + env(safe-area-inset-bottom, 0px))!important}.main-content,main{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))}.auth-page,.error-page,.login-page,.premium-page,.signup-page{padding-bottom:20px!important}.dialog-content,.modal-content{margin-bottom:calc(70px + env(safe-area-inset-bottom, 0px));max-height:calc(100vh - 140px - env(safe-area-inset-bottom, 0px))}.sonner-toast-container,.toast-container{bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.1s!important}.shimmer{animation:none;background:#28283280}}@media (max-width:768px){.fade-in,.scale-in,.slide-in{animation-duration:.15s}.card,.dropdown,.surface{box-shadow:0 2px 8px #0000004d}}@media (hover:none){.codex-result-item:hover,.filter-option:hover,.mobile-action-btn:hover{background:inherit}.mobile-action-btn:active,.pressable:active{transition-duration:50ms}}.filter-drawer{-webkit-overflow-scrolling:touch;max-height:70vh;overflow-y:auto}.filter-drawer-content{padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))}.raid-masteries{background:linear-gradient(180deg,#1a1410,#0d0a08);border:2px solid #3d3428;border-radius:8px;font-family:Cinzel,serif;overflow:hidden}.raid-masteries .masteries-header{align-items:center;background:linear-gradient(90deg,#2a2218,#1a1410);border-bottom:2px solid #d4af37;display:flex;justify-content:space-between;padding:16px 24px}.raid-masteries .masteries-header h2{color:#d4af37;font-size:22px;letter-spacing:3px;margin:0}.raid-masteries .masteries-counter{align-items:baseline;display:flex;font-size:24px;font-weight:700}.raid-masteries .counter-current{color:#d4af37;font-size:32px}.raid-masteries .counter-sep{color:#666;margin:0 4px}.raid-masteries .counter-max{color:#888;font-size:20px}.raid-masteries .masteries-rules{background:#3b82f614;border-bottom:1px solid #3b82f633;color:#93c5fd;display:flex;font-size:13px;gap:40px;justify-content:center;padding:10px 16px}.raid-masteries .masteries-distribution{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff0d;display:flex;font-family:monospace;font-size:11px;gap:12px;justify-content:center;padding:6px 16px}.raid-masteries .dist-label{color:#666}.raid-masteries .dist-values{color:#888;letter-spacing:.5px}.raid-masteries .masteries-trees{background:#0a0806;display:flex;gap:8px;padding:16px}.raid-masteries .mastery-tree{border-radius:8px;display:flex;flex:1;flex-direction:column;gap:0;min-width:0;overflow:hidden;transition:opacity .3s,filter .3s}.raid-masteries .mastery-tree.locked{filter:grayscale(.35);opacity:.35;pointer-events:none}.raid-masteries .tree-offense{background:linear-gradient(180deg,#7f1d1d80,#140808e6);border:1px solid #7f1d1d}.raid-masteries .tree-defense{background:linear-gradient(180deg,#14532d80,#08140ce6);border:1px solid #14532d}.raid-masteries .tree-support{background:linear-gradient(180deg,#1e3a8a80,#080c1ee6);border:1px solid #1e3a8a}.raid-masteries .tree-header{border-bottom:2px solid;padding:12px;text-align:center}.raid-masteries .tree-header h3{align-items:center;display:flex;font-size:15px;gap:8px;justify-content:center;letter-spacing:2px;margin:0}.raid-masteries .lock-badge{font-size:12px}.raid-masteries .tree-tiers{display:flex;flex-direction:column;gap:14px;padding:12px 8px}.raid-masteries .tier{align-items:center;column-gap:8px;display:grid;grid-template-columns:36px 1fr}.raid-masteries .tier-info{align-items:center;display:flex;flex-direction:column;text-align:right}.raid-masteries .tier-num{color:#555;font-size:10px;font-weight:700}.raid-masteries .tier-count{color:#444;font-family:monospace;font-size:9px}.raid-masteries .tier.tier-full .tier-count{color:#d4af37}.raid-masteries .tier-row{display:grid;gap:8px;justify-content:center;min-height:52px}.raid-masteries .tier-row,.raid-masteries .tier-row.tier-row-2,.raid-masteries .tier-row.tier-row-4{grid-template-columns:repeat(4,52px)}.raid-masteries .mastery-node.empty-slot{opacity:0;pointer-events:none}.raid-masteries .mastery-node.empty-slot .node-hex.empty{background:#0000;border:1px dashed #333}.raid-masteries .mastery-node{cursor:pointer;height:52px;position:relative;transition:transform .15s ease;width:52px}.raid-masteries .mastery-node:hover{transform:scale(1.1);z-index:10}.raid-masteries .node-hex{background:linear-gradient(135deg,#252018,#151210);border:2px solid #3a352a;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:100%;transition:all .2s ease;width:100%}.raid-masteries .node-hex,.raid-masteries .node-text{align-items:center;display:flex;justify-content:center}.raid-masteries .node-text{color:#444;font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase}.raid-masteries .mastery-icon-img{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:grayscale(70%) brightness(.6);height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:filter .2s ease;width:100%}.raid-masteries .mastery-icon-svg{align-items:center;display:flex;filter:grayscale(40%) brightness(.7);height:75%;justify-content:center;opacity:.5;transition:all .2s ease;width:75%}.raid-masteries .mastery-icon-svg svg{height:100%;width:100%}.raid-masteries .mastery-node.selected .mastery-icon-svg{filter:brightness(1.2) saturate(1.3)!important;opacity:1}.raid-masteries .mastery-node.available .mastery-icon-svg{filter:grayscale(20%) brightness(.9);opacity:.85}.raid-masteries .mastery-tree[data-tree=offense] .mastery-icon-img{filter:grayscale(50%) brightness(.5) sepia(100%) saturate(300%) hue-rotate(-10deg)}.raid-masteries .mastery-tree[data-tree=defense] .mastery-icon-img{filter:grayscale(50%) brightness(.5) sepia(100%) saturate(300%) hue-rotate(80deg)}.raid-masteries .mastery-tree[data-tree=support] .mastery-icon-img{filter:grayscale(50%) brightness(.5) sepia(100%) saturate(300%) hue-rotate(180deg)}.raid-masteries .mastery-node.selected .mastery-icon-img{filter:brightness(1.1) saturate(1.2)!important}.raid-masteries .mastery-node.available .mastery-icon-img{filter:grayscale(30%) brightness(.8)}.raid-masteries .mastery-tree[data-tree=offense] .mastery-node.available .mastery-icon-img{filter:grayscale(20%) brightness(.75) sepia(50%) saturate(200%) hue-rotate(-10deg)}.raid-masteries .mastery-tree[data-tree=defense] .mastery-node.available .mastery-icon-img{filter:grayscale(20%) brightness(.75) sepia(50%) saturate(200%) hue-rotate(80deg)}.raid-masteries .mastery-tree[data-tree=support] .mastery-node.available .mastery-icon-img{filter:grayscale(20%) brightness(.75) sepia(50%) saturate(200%) hue-rotate(180deg)}.raid-masteries .node-lock-overlay{background:#0000008c;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);inset:0;pointer-events:none;position:absolute}.raid-masteries .mastery-node.selected .node-hex{background:linear-gradient(135deg,var(--tree-color) 0,var(--tree-dark) 100%);border-color:var(--tree-light);box-shadow:0 0 8px var(--tree-color),0 0 16px var(--tree-color)}.raid-masteries .mastery-node.selected{box-shadow:0 0 18px #ffffff38;outline:2px solid #ffffffd9;outline-offset:-2px;transform:translateY(-1px)}.raid-masteries .mastery-node.selected .node-text{color:#fff;text-shadow:0 0 6px var(--tree-light)}.raid-masteries .mastery-node.available .node-hex{animation:glow-pulse 1.5s ease-in-out infinite;border-color:#d4af37}.raid-masteries .mastery-node.available .node-text{color:#777}.raid-masteries .mastery-node.available .node-lock-overlay{display:none}.raid-masteries .mastery-node.t6-mastery.selected .node-hex{border-width:3px;box-shadow:0 0 12px var(--tree-color),0 0 24px var(--tree-color),0 0 36px var(--tree-light),inset 0 0 10px #ffd70026}.raid-masteries .mastery-node.blocked{cursor:not-allowed;opacity:.5}.raid-masteries .mastery-node.blocked .node-hex{background:linear-gradient(135deg,#1a1a1a,#0a0a0a)!important;border-color:#222!important}.raid-masteries .mastery-node.blocked .node-text{color:#333!important}.raid-masteries .mastery-node.blocked:hover{transform:none}.raid-masteries .tree-footer{background:#0000004d;border-top:1px solid;font-size:12px;margin-top:auto;padding:8px 12px;text-align:center}.raid-masteries .mastery-node[title]:hover:after{background:#000000f2;border:1px solid #d4af37;border-radius:4px;bottom:calc(100% + 6px);box-shadow:0 4px 12px #0009;color:#fff;content:attr(title);font-size:11px;left:50%;max-width:220px;min-width:160px;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:pre-line;z-index:1000}.raid-masteries .tier-6 .mastery-node[title]:hover:after{bottom:auto;top:calc(100% + 6px)}@media (max-width:900px){.raid-masteries .masteries-trees{flex-direction:column;gap:16px}.raid-masteries .mastery-tree{min-width:100%}.raid-masteries .tier-row,.raid-masteries .tier-row.tier-row-2{gap:10px;grid-template-columns:repeat(4,60px)}.raid-masteries .mastery-node{height:60px;width:60px}.raid-masteries .masteries-rules{flex-direction:column;gap:4px;text-align:center}}@media (max-width:480px){.raid-masteries .tier-row,.raid-masteries .tier-row.tier-row-2{gap:6px;grid-template-columns:repeat(4,50px)}.raid-masteries .mastery-node{height:50px;width:50px}.raid-masteries .tier{column-gap:4px;grid-template-columns:28px 1fr}.raid-masteries .tier-num{font-size:9px}.raid-masteries .tier-count{font-size:8px}}.raid-masteries .tree-role-badge{color:#888;display:block;font-size:10px;font-weight:400;letter-spacing:.5px;margin-top:4px}.raid-masteries .mastery-tree.tree-role-primary{box-shadow:0 0 20px #d4af374d}.raid-masteries .mastery-tree.tree-role-primary .tree-role-badge{color:#d4af37}.raid-masteries .mastery-tree.tree-role-secondary{opacity:.9}.raid-masteries .mastery-tree.tree-role-secondary .tree-role-badge{color:#3b82f6}:root{--accent-positive:#22c55e;--accent-negative:#ef4444;--accent-defensive:#3b82f6;--accent-utility:#8b5cf6;--accent-gold:#d4af37;--accent-warning:#f59e0b;--accent-info:#0ea5e9;--bg-dark:#0f0c09;--bg-card:#1a1410;--bg-elevated:#252018;--border-gold:#4a4035;--text-primary:#f5f0e8;--text-secondary:#a09080}.stat-delta-row{align-items:center;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:8px;display:flex;margin-bottom:8px;padding:10px 14px;transition:all .2s ease}.stat-delta-row:hover{background:var(--bg-elevated);transform:translateX(4px)}.stat-delta-row.breakpoint-hit{border-color:var(--accent-positive);box-shadow:0 0 12px #22c55e33}.stat-delta-label{align-items:center;display:flex;gap:8px;min-width:100px}.stat-icon{font-size:16px}.stat-name{color:var(--text-primary)}.stat-delta-values{align-items:center;display:flex;gap:8px;margin-left:auto}.stat-current{color:var(--text-secondary);font-family:JetBrains Mono,monospace}.stat-arrow{color:var(--accent-gold)}.stat-target{color:var(--text-primary);font-weight:600}.stat-change,.stat-target{font-family:JetBrains Mono,monospace}.stat-change{font-weight:700;min-width:60px;text-align:right}.stat-change.positive{color:var(--accent-positive)!important}.stat-change.negative{color:var(--accent-negative)!important}.breakpoint-badge{animation:pulse-glow 2s infinite;border-radius:4px;color:#000;font-size:10px;font-weight:700;margin-left:12px;padding:2px 8px;text-transform:uppercase}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px currentColor;opacity:1}50%{box-shadow:0 0 16px currentColor;opacity:.8}}.preset-selector{padding:16px}.preset-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.preset-category-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.preset-category-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.preset-category-btn.active{background:linear-gradient(135deg,var(--accent-gold)30 0,var(--bg-card) 100%);border-color:var(--accent-gold);color:var(--accent-gold)}.preset-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.preset-card{align-items:flex-start;background:var(--bg-card);border:2px solid var(--border-gold);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:16px;text-align:left;transition:all .3s ease}.preset-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-4px)}.preset-card.selected,.preset-card:hover{border-color:var(--preset-color,var(--accent-gold))}.preset-card.selected{background:linear-gradient(135deg,var(--preset-color,var(--accent-gold))15 0,var(--bg-card) 100%);box-shadow:0 0 20px var(--preset-color,var(--accent-gold))40}.preset-icon{font-size:24px;margin-bottom:8px}.preset-name{color:var(--text-primary);font-family:Cinzel,serif;font-size:14px;font-weight:600;margin-bottom:4px}.preset-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.artifact-set-card-v2{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.artifact-set-card-v2:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.artifact-set-card-v2.primary{background:linear-gradient(135deg,var(--set-color,var(--accent-gold))10 0,var(--bg-card) 100%);border-color:var(--set-color,var(--accent-gold))}.set-header{align-items:center;display:flex;gap:12px;margin-bottom:10px}.set-icon{background:var(--bg-elevated);border-radius:8px;font-size:28px;padding:8px}.set-info{flex:1}.set-name{color:var(--text-primary);font-family:Cinzel,serif;font-size:16px;font-weight:600;margin:0 0 2px}.set-pieces{color:var(--text-secondary);font-size:11px}.set-bonus{color:var(--accent-gold);font-size:13px;font-weight:500;margin:0 0 8px}.set-description{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0 0 10px}.set-tags{display:flex;flex-wrap:wrap;gap:6px}.set-tag{background:var(--bg-elevated);border-radius:10px;color:var(--text-secondary);font-size:10px;padding:2px 8px;text-transform:uppercase}.slot-priority-grid{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px;margin-top:16px;padding:20px}.grid-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:16px;margin:0 0 16px}.slots-container{display:flex;flex-direction:column;gap:8px}.slot-row-v2{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;padding:10px 14px;transition:background .2s}.slot-row-v2:hover{background:#d4af371a}.slot-info{align-items:center;display:flex;gap:10px;min-width:110px}.slot-info .slot-icon{font-size:18px}.slot-info .slot-name{color:var(--text-primary);font-size:13px;font-weight:600}.slot-main{display:flex;flex-wrap:wrap;gap:8px}.fixed-stat{color:var(--text-secondary);font-size:12px}.priority-stat{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px}.priority-stat.primary{background:var(--accent-gold);color:#000}.priority-stat.secondary{background:var(--bg-card);border:1px solid var(--border-gold);color:var(--text-secondary)}.substat-priority{border-top:1px solid var(--border-gold);margin-top:20px;padding-top:16px}.substat-priority h5{color:var(--accent-gold);font-family:Cinzel,serif;font-size:14px;margin:0 0 12px}.substat-bars{display:flex;flex-direction:column;gap:6px}.substat-bar{align-items:center;display:flex;gap:12px}.substat-name{color:var(--text-primary);font-size:12px;font-weight:500;min-width:70px}.substat-fill{background:linear-gradient(90deg,var(--accent-gold),var(--accent-warning));border-radius:4px;height:8px;opacity:var(--priority,1);transition:width .5s ease-out}.reason-blocks{margin-top:20px}.reasons-title{color:var(--accent-gold);font-family:Cinzel,serif;font-size:16px;margin:0 0 12px}.reasons-list{display:flex;flex-direction:column;gap:10px}.reason-block{align-items:flex-start;background:var(--bg-card);border-left:4px solid var(--accent-gold);border-radius:10px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.reason-block:hover{background:var(--bg-elevated);transform:translateX(4px)}.reason-block.reason-scaling{border-left-color:var(--accent-negative)}.reason-block.reason-preset{border-left-color:var(--accent-utility)}.reason-block.reason-effects{border-left-color:var(--accent-positive)}.reason-block.reason-breakpoint{border-left-color:var(--accent-warning)}.reason-icon{flex-shrink:0;font-size:20px}.reason-content{flex:1}.reason-title{color:var(--text-primary);display:block;font-size:13px;margin-bottom:4px}.reason-text{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.skill-card-v2{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.skill-card-v2:hover{border-color:var(--accent-gold);box-shadow:0 4px 16px #0000004d}.skill-card-v2.is-opener{border-color:var(--accent-warning);box-shadow:0 0 16px #f59e0b33}.skill-header-v2{align-items:center;background:var(--bg-elevated);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.skill-header-v2:hover{background:#d4af3714}.skill-slot-badge{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.skill-main-info{flex:1}.skill-name-v2{color:var(--text-primary);font-family:Cinzel,serif;font-size:15px;margin:0 0 4px}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-aoe-tag,.skill-cd-tag,.skill-hits-tag,.skill-scale-tag{border-radius:10px;font-size:10px;font-weight:600;padding:2px 8px}.skill-cd-tag{background:var(--accent-utility);color:#fff}.skill-aoe-tag{background:var(--accent-negative);color:#fff}.skill-hits-tag{background:var(--accent-warning);color:#000}.skill-scale-tag{color:#fff}.opener-badge{animation:pulse-glow 2s infinite;background:var(--accent-warning);color:#000}.book-priority-badge,.opener-badge{border-radius:12px;font-size:10px;font-weight:700;padding:4px 10px}.book-priority-badge{color:#fff}.expand-icon{color:var(--text-secondary);font-size:18px;transition:transform .2s}.skill-card-v2.expanded .expand-icon{transform:rotate(180deg)}.skill-body{padding:14px 16px}.skill-description-v2{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0 0 12px}.skill-effects{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.effect-chip{border:1px solid;border-radius:14px;font-size:11px;font-weight:600;padding:4px 10px}.skill-details{animation:slideDown .3s ease-out;border-top:1px solid var(--border-gold);padding-top:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skill-books-v2,.skill-scaling,.skill-stat-requirements{color:var(--text-secondary);font-size:12px;margin-bottom:10px}.skill-stat-requirements ul{margin:6px 0 0;padding-left:20px}.skill-stat-requirements li{margin-bottom:4px}.stat-req{color:var(--accent-gold);font-weight:600}.skill-rotation-panel{background:linear-gradient(135deg,var(--bg-elevated) 0,var(--bg-card) 100%);border:1px solid var(--accent-gold);border-radius:12px;margin-bottom:20px;padding:20px}.skill-rotation-panel h4{color:var(--accent-gold);font-family:Cinzel,serif;font-size:16px;margin:0 0 16px}.book-order,.rotation-opener,.rotation-sequence{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.rotation-label{color:var(--text-secondary);font-size:12px;min-width:70px}.rotation-skill{background:var(--bg-card);border:2px solid var(--border-gold);border-radius:20px;color:var(--text-primary);font-size:13px;font-weight:700;padding:6px 14px}.rotation-skill.opener{background:var(--accent-warning);border-color:var(--accent-warning);color:#000}.rotation-skill-name{color:var(--text-secondary);font-size:12px}.rotation-skills{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.rotation-arrow{color:var(--accent-gold);font-size:14px}.book-skills{display:flex;flex-wrap:wrap;gap:8px}.book-skill{background:var(--bg-card);border-radius:12px;color:var(--text-primary);font-size:12px;padding:4px 12px}.rotation-reasons{border-top:1px solid var(--border-gold);margin-top:12px;padding-top:12px}.rotation-reason{color:var(--text-secondary);font-size:12px;margin:0 0 6px}.damage-comparison-v2{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px;margin-bottom:20px;padding:20px}.damage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.damage-header h4{color:var(--accent-gold);font-family:Cinzel,serif;font-size:16px;margin:0}.improvement-badge{border-radius:20px;color:#fff;font-size:18px;font-weight:700;padding:8px 16px}.damage-bars{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.damage-bar-group{align-items:center;display:flex;gap:12px}.bar-label{color:var(--text-secondary);font-size:13px;min-width:80px}.bar-track{background:var(--bg-elevated);border-radius:16px;flex:1;height:32px;overflow:hidden}.bar-fill{align-items:center;border-radius:16px;display:flex;height:100%;justify-content:flex-end;padding-right:12px}.bar-fill.current{background:linear-gradient(90deg,#4a4035,#6b6050)}.bar-fill.optimized{background:linear-gradient(90deg,var(--accent-positive),#15803d)}.bar-value{color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px #00000080}.damage-details{border-top:1px solid var(--border-gold);display:flex;gap:20px;padding-top:16px}.damage-detail{align-items:center;display:flex;font-size:12px;gap:8px}.detail-current,.detail-label{color:var(--text-secondary)}.detail-current{font-family:JetBrains Mono,monospace}.detail-arrow{color:var(--accent-gold)}.detail-optimized{color:var(--accent-positive);font-family:JetBrains Mono,monospace;font-weight:600}.breakpoints-display{margin-top:20px}.breakpoints-display h4{color:var(--accent-gold);font-family:Cinzel,serif;font-size:16px;margin:0 0 12px}.breakpoints-list{display:flex;flex-direction:column;gap:8px}.breakpoint-item{align-items:center;background:var(--bg-card);border-left:4px solid;border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.breakpoint-item.priority-critical{border-left-color:var(--accent-negative)}.breakpoint-item.priority-high{border-left-color:var(--accent-warning)}.breakpoint-item.priority-medium{border-left-color:var(--accent-utility)}.breakpoint-item.met{background:#22c55e1a;border-left-color:var(--accent-positive)}.bp-status{color:var(--text-secondary);font-size:18px}.breakpoint-item.met .bp-status{color:var(--accent-positive)}.bp-info{align-items:center;display:flex;gap:8px}.bp-stat{color:var(--text-primary);font-weight:600}.bp-target{color:var(--accent-gold);font-family:JetBrains Mono,monospace;font-size:12px}.bp-reason{flex:1;font-size:12px}.bp-current,.bp-reason{color:var(--text-secondary)}.bp-current{font-size:11px}.bp-current span.met{color:var(--accent-positive);font-weight:600}.bp-current span.unmet{color:var(--accent-negative)}.confidence-message{align-items:flex-start;background:linear-gradient(135deg,#d4af371a 0,var(--bg-card) 100%);border:1px solid var(--accent-gold);border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.confidence-icon{animation:sparkle 2s infinite;font-size:28px}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.confidence-content{flex:1}.confidence-text{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0 0 8px}.confidence-improvement{color:var(--text-secondary);font-size:13px;margin:0}.sticky-context-bar{align-items:center;backdrop-filter:blur(8px);background:#0f0c09f2;border-bottom:1px solid var(--border-gold);display:flex;gap:16px;margin-bottom:20px;padding:12px 20px;position:sticky;top:60px;z-index:100}.context-champion{align-items:center;display:flex;gap:10px}.context-name{color:var(--text-primary);font-family:Cinzel,serif;font-size:16px;font-weight:600}.context-rarity{border-radius:10px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.context-rarity.rarity-legendary{background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#000}.context-rarity.rarity-mythical{background:linear-gradient(90deg,#dc2626,#f97316);color:#fff}.context-rarity.rarity-epic{background:linear-gradient(90deg,#8b5cf6,#a855f7);color:#fff}.context-preset{align-items:center;background:var(--bg-card);border:1px solid;border-radius:16px;color:var(--text-primary);display:flex;font-size:12px;gap:6px;padding:6px 14px}.context-improvement{font-size:14px;font-weight:700;margin-left:auto}.artifacts-tab-v2,.skills-tab-v2{padding:20px}.tab-loading{color:var(--text-secondary);padding:60px 20px;text-align:center}.section-title-v2{color:var(--accent-gold);font-family:Cinzel,serif;font-size:18px;margin:0 0 16px}.sets-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.sets-column h5{color:var(--text-secondary);font-family:Cinzel,serif;font-size:14px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.champion-analysis-summary{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:16px 20px}.analysis-item{display:flex;flex-direction:column;gap:6px}.analysis-label{color:var(--text-secondary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.analysis-value{color:var(--text-primary);font-size:14px;font-weight:600}.scaling-badge{border-radius:12px;color:#fff;display:inline-block;padding:4px 12px}.effect-tags,.role-tags{display:flex;flex-wrap:wrap;gap:6px}.role-tag{background:var(--bg-elevated);border-radius:12px;color:var(--text-primary);font-size:11px;padding:3px 10px}.effect-tag-sm{border-radius:10px;color:#fff;font-size:10px;padding:3px 8px}.skills-list-v2 h4{color:var(--accent-gold);font-family:Cinzel,serif;font-size:16px;margin:0 0 16px}@media (max-width:768px){.preset-grid,.sets-grid{grid-template-columns:1fr}.damage-details{flex-direction:column;gap:10px}.champion-analysis-summary{flex-direction:column;gap:12px}.breakpoint-item{flex-wrap:wrap}.bp-reason{margin-top:8px;width:100%}.sticky-context-bar{flex-wrap:wrap;gap:10px}.context-improvement{margin-left:0;text-align:center;width:100%}}.animation-overlay{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.animation-floating-runes .rune{animation:floatUp 15s linear infinite;color:#d4af3766;font-size:24px;opacity:0;position:absolute;text-shadow:0 0 10px #d4af3799}.animation-floating-runes .rune:before{content:attr(data-rune)}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.animation-floating-runes .rune:first-child{animation-delay:0s;animation-duration:12s;left:5%}.animation-floating-runes .rune:nth-child(2){animation-delay:2s;animation-duration:14s;left:15%}.animation-floating-runes .rune:nth-child(3){animation-delay:4s;animation-duration:16s;left:25%}.animation-floating-runes .rune:nth-child(4){animation-delay:1s;animation-duration:13s;left:35%}.animation-floating-runes .rune:nth-child(5){animation-delay:3s;animation-duration:15s;left:45%}.animation-floating-runes .rune:nth-child(6){animation-delay:5s;animation-duration:11s;left:55%}.animation-floating-runes .rune:nth-child(7){animation-delay:2.5s;animation-duration:17s;left:65%}.animation-floating-runes .rune:nth-child(8){animation-delay:4.5s;animation-duration:14s;left:75%}.animation-floating-runes .rune:nth-child(9){animation-delay:1.5s;animation-duration:12s;left:85%}.animation-floating-runes .rune:nth-child(10){animation-delay:3.5s;animation-duration:16s;left:95%}.animation-soul-particles .soul{animation:soulDrift 20s ease-in-out infinite;background:radial-gradient(circle,#8ab4f8cc 0,#8ab4f800 70%);border-radius:50%;height:8px;opacity:0;position:absolute;width:8px}@keyframes soulDrift{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.7;transform:translate(50px,-100px) scale(1)}40%{transform:translate(-30px,-200px) scale(.8)}60%{opacity:.5;transform:translate(70px,-350px) scale(1.2)}80%{opacity:.3;transform:translate(-50px,-450px) scale(.6)}to{opacity:0;transform:translateY(-600px) scale(0)}}.animation-soul-particles .soul:first-child{animation-delay:0s;bottom:0;left:10%}.animation-soul-particles .soul:nth-child(2){animation-delay:2s;bottom:0;left:20%}.animation-soul-particles .soul:nth-child(3){animation-delay:4s;bottom:0;left:30%}.animation-soul-particles .soul:nth-child(4){animation-delay:1s;bottom:0;left:40%}.animation-soul-particles .soul:nth-child(5){animation-delay:3s;bottom:0;left:50%}.animation-soul-particles .soul:nth-child(6){animation-delay:5s;bottom:0;left:60%}.animation-soul-particles .soul:nth-child(7){animation-delay:2.5s;bottom:0;left:70%}.animation-soul-particles .soul:nth-child(8){animation-delay:4.5s;bottom:0;left:80%}.animation-soul-particles .soul:nth-child(9){animation-delay:1.5s;bottom:0;left:90%}.animation-soul-particles .soul:nth-child(10){animation-delay:6s;bottom:0;left:95%}.animation-soul-particles .soul:nth-child(11){animation-delay:7s;bottom:0;left:5%}.animation-soul-particles .soul:nth-child(12){animation-delay:8s;bottom:0;left:15%}.animation-ember-sparks .ember{animation:emberRise 8s ease-out infinite;background:radial-gradient(circle,#ff6b35 0,#f7931e 50%,#0000 70%);border-radius:50%;box-shadow:0 0 6px #ff6b35,0 0 12px #f7931e;height:4px;opacity:0;position:absolute;width:4px}@keyframes emberRise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:1}50%{opacity:.8;transform:translateY(-50vh) translateX(20px) scale(.8)}to{opacity:0;transform:translateY(-100vh) translateX(-10px) scale(.2)}}.animation-ember-sparks .ember:first-child{animation-delay:0s;animation-duration:6s;bottom:0;left:8%}.animation-ember-sparks .ember:nth-child(2){animation-delay:.5s;animation-duration:7s;bottom:0;left:16%}.animation-ember-sparks .ember:nth-child(3){animation-delay:1s;animation-duration:8s;bottom:0;left:24%}.animation-ember-sparks .ember:nth-child(4){animation-delay:.3s;animation-duration:5s;bottom:0;left:32%}.animation-ember-sparks .ember:nth-child(5){animation-delay:.8s;animation-duration:9s;bottom:0;left:40%}.animation-ember-sparks .ember:nth-child(6){animation-delay:1.2s;animation-duration:6s;bottom:0;left:48%}.animation-ember-sparks .ember:nth-child(7){animation-delay:.6s;animation-duration:7s;bottom:0;left:56%}.animation-ember-sparks .ember:nth-child(8){animation-delay:1.5s;animation-duration:8s;bottom:0;left:64%}.animation-ember-sparks .ember:nth-child(9){animation-delay:.2s;animation-duration:5s;bottom:0;left:72%}.animation-ember-sparks .ember:nth-child(10){animation-delay:.9s;animation-duration:9s;bottom:0;left:80%}.animation-ember-sparks .ember:nth-child(11){animation-delay:1.3s;animation-duration:6s;bottom:0;left:88%}.animation-ember-sparks .ember:nth-child(12){animation-delay:.4s;animation-duration:7s;bottom:0;left:96%}.animation-ember-sparks .ember:nth-child(13){animation-delay:2s;animation-duration:8s;bottom:0;left:12%}.animation-ember-sparks .ember:nth-child(14){animation-delay:2.5s;animation-duration:5s;bottom:0;left:52%}.animation-ember-sparks .ember:nth-child(15){animation-delay:3s;animation-duration:9s;bottom:0;left:76%}.animation-void-mist:before{animation:voidSwirl 30s ease-in-out infinite;background:radial-gradient(ellipse at 20% 80%,#581c8726 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#7c3aed1f 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#8b5cf614 0,#0000 60%);content:"";height:200%;left:0;position:absolute;top:0;width:200%}@keyframes voidSwirl{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(-10%,-5%) rotate(90deg)}50%{transform:translate(-5%,-10%) rotate(180deg)}75%{transform:translate(5%,-5%) rotate(270deg)}to{transform:translate(0) rotate(1turn)}}.animation-void-mist .void-tendril{animation:tendrilWave 10s ease-in-out infinite;background:linear-gradient(0deg,#8b5cf64d,#0000);filter:blur(30px);height:300px;opacity:.5;position:absolute;width:100px}@keyframes tendrilWave{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-50px) scaleY(1.2)}}.animation-void-mist .void-tendril:first-child{animation-delay:0s;bottom:-50px;left:10%}.animation-void-mist .void-tendril:nth-child(2){animation-delay:2s;bottom:-50px;left:30%}.animation-void-mist .void-tendril:nth-child(3){animation-delay:4s;bottom:-50px;left:50%}.animation-void-mist .void-tendril:nth-child(4){animation-delay:1s;bottom:-50px;left:70%}.animation-void-mist .void-tendril:nth-child(5){animation-delay:3s;bottom:-50px;left:90%}.animation-sacred-light{background:linear-gradient(180deg,#d4af370d,#0000 30%)}.animation-sacred-light .light-ray{animation:rayDescend 8s ease-in-out infinite;background:linear-gradient(180deg,#d4af3799,#d4af3733,#0000);height:60vh;opacity:0;position:absolute;top:-100px;width:2px}@keyframes rayDescend{0%{opacity:0;transform:translateY(-100%) scaleY(.5)}20%{opacity:.8;transform:translateY(0) scaleY(1)}80%{opacity:.6}to{opacity:0;transform:translateY(50%) scaleY(.3)}}.animation-sacred-light .light-ray:first-child{animation-delay:0s;left:15%;width:3px}.animation-sacred-light .light-ray:nth-child(2){animation-delay:1.5s;left:30%}.animation-sacred-light .light-ray:nth-child(3){animation-delay:3s;left:45%;width:4px}.animation-sacred-light .light-ray:nth-child(4){animation-delay:.8s;left:60%}.animation-sacred-light .light-ray:nth-child(5){animation-delay:2.2s;left:75%;width:3px}.animation-sacred-light .light-ray:nth-child(6){animation-delay:4s;left:90%}.animation-demon-aura{animation:auraPulse 4s ease-in-out infinite;background:radial-gradient(ellipse at center,#0000 40%,#dc262614 100%)}@keyframes auraPulse{0%,to{background:radial-gradient(ellipse at center,#0000 40%,#dc262614 100%)}50%{background:radial-gradient(ellipse at center,#0000 35%,#dc262626 100%)}}.animation-demon-aura .demon-eye{animation:eyeGlow 3s ease-in-out infinite;background:radial-gradient(ellipse,#ef4444 0,#dc2626 50%,#0000 70%);border-radius:50%;box-shadow:0 0 20px #ef4444,0 0 40px #dc2626;height:10px;opacity:.6;position:absolute;width:20px}@keyframes eyeGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.animation-demon-aura .demon-eye:first-child{animation-delay:0s;left:5%;top:20%}.animation-demon-aura .demon-eye:nth-child(2){animation-delay:1s;right:8%;top:30%}.animation-demon-aura .demon-eye:nth-child(3){animation-delay:2s;bottom:25%;left:10%}.animation-demon-aura .demon-eye:nth-child(4){animation-delay:.5s;bottom:35%;right:5%}.animation-crystal-shards .crystal{animation:crystalFloat 12s ease-in-out infinite;border-bottom:20px solid #93c5fd80;border-left:6px solid #0000;border-right:6px solid #0000;filter:drop-shadow(0 0 8px rgba(147,197,253,.8));height:0;opacity:0;position:absolute;width:0}@keyframes crystalFloat{0%{opacity:0;transform:translateY(0) rotate(0deg)}20%{opacity:.7}50%{transform:translateY(-30px) rotate(180deg)}80%{opacity:.5}to{opacity:0;transform:translateY(0) rotate(1turn)}}.animation-crystal-shards .crystal:first-child{animation-delay:0s;border-bottom-color:#93c5fd99;left:10%;top:20%}.animation-crystal-shards .crystal:nth-child(2){animation-delay:2s;border-bottom-color:#c4b5fd80;left:25%;top:40%}.animation-crystal-shards .crystal:nth-child(3){animation-delay:4s;border-bottom-color:#a5f3fc99;left:15%;top:60%}.animation-crystal-shards .crystal:nth-child(4){animation-delay:1s;border-bottom-color:#93c5fd80;right:20%;top:30%}.animation-crystal-shards .crystal:nth-child(5){animation-delay:3s;border-bottom-color:#c4b5fd99;right:10%;top:50%}.animation-crystal-shards .crystal:nth-child(6){animation-delay:5s;border-bottom-color:#a5f3fc80;right:25%;top:70%}.animation-crystal-shards .crystal:nth-child(7){animation-delay:6s;border-bottom-color:#d4af3780;left:50%;top:15%}.animation-crystal-shards .crystal:nth-child(8){animation-delay:7s;border-bottom-color:#93c5fd99;left:60%;top:80%}@media (prefers-reduced-motion:reduce){.animation-overlay *{animation:none!important}}@media (max-width:768px){.animation-crystal-shards .crystal:nth-child(n+5),.animation-ember-sparks .ember:nth-child(n+8),.animation-floating-runes .rune:nth-child(n+6),.animation-soul-particles .soul:nth-child(n+7){display:none}}.ap-overlay{align-items:center;animation:apFadeIn .2s ease-out both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d1;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100000}@keyframes apFadeIn{0%{opacity:0}to{opacity:1}}.ap-container{animation:apSlideIn .22s ease-out both;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0ceb;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 20%,#0000);border-radius:20px;box-shadow:0 8px 40px #00000080,inset 0 1px 0 #ffffff08,inset 0 0 80px #0003;display:flex;max-height:92vh;max-width:880px;overflow:hidden;position:relative;width:100%}.ap-container:before{animation:apBorderSweep 6s ease-in-out infinite;border:1.5px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:20px;inset:0;z-index:5}.ap-container:after,.ap-container:before{content:"";pointer-events:none;position:absolute}.ap-container:after{border-radius:22px;box-shadow:0 0 60px var(--accent-1,var(--gold-primary,#d4af37));inset:-2px;opacity:.05}@keyframes apSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes apBorderSweep{0%{clip-path:inset(0 100% 0 0);opacity:0}15%{opacity:.14}50%{clip-path:inset(0 0 0 0);opacity:.14}85%{opacity:0}to{clip-path:inset(0 0 0 100%);opacity:0}}.ap-close{align-items:center;background:#0f0c09b3;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000);border-radius:50%;color:color-mix(in srgb,var(--accent-1,#d4af37) 70%,#fff);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:14px;top:14px;transition:all .18s ease;width:32px;z-index:10}.ap-close:hover{background:color-mix(in srgb,var(--accent-1,#d4af37) 15%,#0000);border-color:color-mix(in srgb,var(--accent-1,#d4af37) 50%,#0000);color:var(--accent-1,#d4af37)}.ap-hero{align-items:center;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000) 0,#0000 60%),radial-gradient(ellipse at 70% 80%,color-mix(in srgb,var(--accent-2,#2fe4ab) 6%,#0000) 0,#0000 50%),linear-gradient(180deg,#0d0b08 0,#100e0b 100%);border-right:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);display:flex;flex:0 0 340px;flex-direction:column;justify-content:center;overflow:hidden;padding:48px 36px;position:relative;text-align:center}.ap-hero:after{background:linear-gradient(0deg,#0a0a0ceb,#0000);bottom:0;content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0}.ap-hero-logo{display:block;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent-1,#d4af37) 40%,transparent));height:auto;margin:0 auto 28px;width:140px}.ap-hero-logo--large{margin:0 auto 28px;width:220px}.ap-hero-tagline{color:var(--accent-1,var(--gold-primary,#d4af37));font-size:.72rem;font-weight:600;letter-spacing:2.5px;margin:0 0 10px;opacity:.85;text-transform:uppercase}.ap-hero-headline,.ap-hero-tagline{font-family:var(--font-heading,"Cinzel",serif)}.ap-hero-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--accent-1,#d4af37) 100%);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.15rem;font-weight:700;line-height:1.35;margin:0 0 28px}.ap-benefits{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;position:relative;z-index:1}.ap-benefit{color:#fffc;font-size:.82rem;gap:12px;line-height:1.4}.ap-benefit,.ap-benefit-icon{align-items:center;display:flex}.ap-benefit-icon{background:color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 15%,#0000);border-radius:8px;color:var(--accent-1,#d4af37);flex-shrink:0;height:32px;justify-content:center;width:32px}.ap-proof{background:color-mix(in srgb,var(--accent-1,#d4af37) 5%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);border-radius:10px;color:#ffffffb3;display:flex;flex-direction:column;font-size:.78rem;gap:6px;padding:12px 14px;position:relative;z-index:1}.ap-proof-trusted{color:#ffffffd9;font-size:.82rem;font-weight:600;letter-spacing:.2px}.ap-proof-stats{gap:8px}.ap-proof-stat,.ap-proof-stats{align-items:center;display:flex}.ap-proof-stat{gap:4px}.ap-proof-dot{background:#ffffff4d;border-radius:50%;flex-shrink:0;height:3px;width:3px}.ap-proof-number{color:var(--accent-1,#d4af37);font-family:var(--font-heading,"Cinzel",serif);font-size:.88rem;font-weight:700}.ap-timeline{display:flex;flex-direction:column;gap:0;margin-bottom:28px;position:relative;z-index:1}.ap-timeline-step{align-items:center;display:flex;gap:14px;padding:10px 0;position:relative}.ap-timeline-step:not(:last-child):after{background:color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);bottom:-2px;content:"";left:15px;position:absolute;top:38px;width:1px}.ap-timeline-num{align-items:center;background:color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 25%,#0000);border-radius:50%;color:var(--accent-1,#d4af37);display:flex;flex-shrink:0;font-family:var(--font-heading,"Cinzel",serif);font-size:.72rem;font-weight:700;height:30px;justify-content:center;width:30px}.ap-timeline-text{color:#ffffffbf;font-size:.82rem}.ap-timeline-icon{color:var(--accent-1,#d4af37);flex-shrink:0}.ap-form-panel{flex:1;max-height:92vh;overflow-y:auto;padding:36px 36px 28px;scrollbar-color:color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000) #0000;scrollbar-width:thin}.ap-form-panel::-webkit-scrollbar{width:4px}.ap-form-panel::-webkit-scrollbar-track{background:#0000}.ap-form-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);border-radius:4px}.ap-header{margin-bottom:24px;text-align:left}.ap-title{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:1.25rem;font-weight:700;letter-spacing:1.5px;margin:0 0 6px;text-shadow:0 0 20px color-mix(in srgb,var(--accent-1,#d4af37) 25%,#0000);text-transform:uppercase}.ap-subtitle{color:var(--text-secondary,#b8a88a);font-size:.82rem;line-height:1.5;margin:0;opacity:.85}.ap-error{animation:apShake .4s ease;background:#dc26261f;border:1px solid #dc26264d;border-radius:10px;color:#fca5a5}.ap-error,.ap-success{font-size:.8rem;margin-bottom:16px;padding:10px 14px}.ap-success{background:#22c55e1f;border:1px solid #22c55e4d;border-radius:10px;color:#86efac}@keyframes apShake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.ap-form{display:flex;flex-direction:column;gap:16px}.ap-field{position:relative}.ap-field-input{background:#0006;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 12%,#2a2520);border-radius:10px;box-sizing:border-box;color:var(--text-primary,#f5f0e8);font-size:.88rem;outline:none;padding:18px 14px 8px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.ap-field-input:focus{background:#00000080;border-color:var(--accent-1,#d4af37);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000),0 0 20px color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000)}.ap-field-input::placeholder{color:#0000}.ap-field-label{color:var(--text-muted,#7a6c58);font-size:.85rem;left:14px;pointer-events:none;position:absolute;top:14px;transform-origin:left center;transition:all .18s ease}.ap-field-input:focus+.ap-field-label,.ap-field-input:not(:placeholder-shown)+.ap-field-label{color:var(--accent-1,#d4af37);letter-spacing:.5px;transform:translateY(-10px) scale(.75)}.ap-field-toggle{align-items:center;background:none;border:none;color:var(--text-muted,#7a6c58);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .18s ease}.ap-field-toggle:hover{color:var(--accent-1,#d4af37)}.ap-field-input[type=password]~.ap-field-toggle,.ap-field-input[type=text]~.ap-field-toggle{z-index:2}.ap-field-hint{color:var(--text-muted,#7a6c58);font-size:.72rem;margin-top:4px;padding-left:2px}.ap-strength{align-items:center;display:flex;gap:10px;margin-top:4px}.ap-strength-track{background:#ffffff0f;border-radius:3px;flex:1;height:3px;overflow:hidden}.ap-strength-bar{border-radius:3px;height:100%;transition:width .3s ease,background .3s ease}.ap-strength-bar[data-level=weak]{background:#ef4444;width:25%}.ap-strength-bar[data-level=fair]{background:#f97316;width:50%}.ap-strength-bar[data-level=good]{background:#22c55e;width:75%}.ap-strength-bar[data-level=strong]{background:var(--accent-1,#d4af37);width:100%}.ap-strength-text{font-size:.68rem;font-weight:600;letter-spacing:.5px;min-width:48px;text-align:right;text-transform:uppercase}.ap-strength-text[data-level=weak]{color:#ef4444}.ap-strength-text[data-level=fair]{color:#f97316}.ap-strength-text[data-level=good]{color:#22c55e}.ap-strength-text[data-level=strong]{color:var(--accent-1,#d4af37)}.ap-lang-picker{margin-bottom:4px;position:relative}.ap-lang-trigger{align-items:center;background:#00000040;border:1px solid #d4af371f;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;transition:border-color .2s,background .2s;width:100%}.ap-lang-trigger:hover{background:#00000059;border-color:#d4af374d}.ap-lang-icon{flex-shrink:0;opacity:.5}.ap-lang-current{flex:1;text-align:left}.ap-lang-chevron{flex-shrink:0;opacity:.4;transition:transform .2s}.ap-lang-chevron--open{transform:rotate(90deg)}.ap-lang-dropdown{animation:ap-lang-in .15s ease;background:#1a1714;border:1px solid #d4af3726;border-radius:10px;box-shadow:0 8px 24px #00000080;left:0;max-height:200px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}@keyframes ap-lang-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ap-lang-dropdown::-webkit-scrollbar{width:4px}.ap-lang-dropdown::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:2px}.ap-lang-option{align-items:center;background:#0000;border:none;border-radius:7px;color:#ffffffb3;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:background .15s;width:100%}.ap-lang-option:hover{background:#d4af3714}.ap-lang-option--active{background:#d4af370f;color:#d4af37}.ap-lang-option-flag{font-size:16px;line-height:1}.ap-lang-option-label{flex:1;text-align:left}.ap-lang-check{color:#d4af37;flex-shrink:0}.ap-slider{background:color-mix(in srgb,var(--accent-1,#d4af37) 3%,#0000004d);border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 10%,#2a2520);border-radius:12px;padding:14px;transition:border-color .3s ease}.ap-slider--complete{background:#22c55e0d;border-color:#22c55e4d}.ap-slider-label{align-items:center;color:var(--accent-1,#d4af37);display:flex;font-size:.72rem;font-weight:600;gap:8px;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.ap-slider--complete .ap-slider-label{color:#22c55e}.ap-slider-track{background:#0006;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 8%,#1a1815);border-radius:22px;height:44px;overflow:hidden;position:relative;touch-action:none;user-select:none}.ap-slider-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-1,#d4af37) 15%,#0000),color-mix(in srgb,var(--accent-1,#d4af37) 25%,#0000));border-radius:22px 0 0 22px;height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:width 60ms linear}.ap-slider--complete .ap-slider-fill{background:linear-gradient(90deg,#22c55e26,#22c55e40);width:100%!important}.ap-slider-shine{animation:apSliderShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000) 40%,#0000 80%);inset:0;pointer-events:none;position:absolute}@keyframes apSliderShine{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.ap-slider--complete .ap-slider-shine{display:none}.ap-slider-thumb{align-items:center;background:linear-gradient(135deg,var(--accent-1,#d4af37),color-mix(in srgb,var(--accent-1,#d4af37) 60%,#000));border-radius:50%;box-shadow:0 2px 12px color-mix(in srgb,var(--accent-1,#d4af37) 40%,#0000);color:#1a1410;cursor:grab;display:flex;height:40px;justify-content:center;position:absolute;top:2px;touch-action:none;transition:box-shadow .2s ease;width:40px;z-index:2}.ap-slider-thumb:active{box-shadow:0 2px 20px color-mix(in srgb,var(--accent-1,#d4af37) 60%,#0000);cursor:grabbing}.ap-slider-thumb--done{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 12px #22c55e66;cursor:default}.ap-slider-thumb--loading{animation:apPulse .8s ease infinite}@keyframes apPulse{0%,to{opacity:1}50%{opacity:.6}}.ap-slider-text{align-items:center;color:#ffffff40;display:flex;font-size:.72rem;inset:0;justify-content:center;letter-spacing:.5px;padding-left:40px;pointer-events:none;position:absolute}.ap-submit{background:linear-gradient(135deg,var(--accent-1,#d4af37),color-mix(in srgb,var(--accent-1,#d4af37) 60%,#000));border:none;border-radius:10px;box-shadow:0 4px 20px color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000);color:#1a1410;cursor:pointer;font-family:var(--font-heading,"Cinzel",serif);font-size:.8rem;font-weight:700;letter-spacing:1.5px;margin-top:4px;overflow:hidden;padding:13px 20px;position:relative;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease;width:100%}.ap-submit:hover:not(:disabled){box-shadow:0 6px 28px color-mix(in srgb,var(--accent-1,#d4af37) 45%,#0000);transform:translateY(-1px)}.ap-submit:active:not(:disabled){transform:translateY(0) scale(.985)}.ap-submit:disabled{cursor:not-allowed;opacity:.5}.ap-submit--success{animation:apShimmer .6s ease}@keyframes apShimmer{0%{box-shadow:0 4px 20px color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000)}50%{box-shadow:0 4px 40px color-mix(in srgb,var(--accent-1,#d4af37) 60%,#0000)}to{box-shadow:0 4px 20px color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000)}}.ap-divider{align-items:center;display:flex;gap:0;margin:18px 0}.ap-divider:after,.ap-divider:before{background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000),#0000);content:"";flex:1;height:1px}.ap-divider span{color:var(--text-muted,#7a6c58);font-size:.7rem;letter-spacing:1.5px;padding:0 14px;text-transform:uppercase}.ap-discord{align-items:center;background:#5865f2;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:10px;justify-content:center;padding:12px 16px;text-decoration:none;transition:background .18s ease,transform .12s ease;width:100%}.ap-discord:hover{background:#4752c4;transform:translateY(-1px)}.ap-discord svg{flex-shrink:0}.ap-links{display:flex;gap:20px;justify-content:center;margin-top:14px}.ap-link{background:none;border:none;color:var(--text-muted,#7a6c58);cursor:pointer;font-size:.76rem;padding:2px;transition:color .18s ease}.ap-link:hover{color:var(--accent-1,#d4af37)}.ap-trust{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:18px}.ap-trust-item{align-items:center;color:var(--text-muted,#7a6c58);display:flex;font-size:.68rem;gap:5px}.ap-trust-item svg{color:color-mix(in srgb,var(--accent-1,#d4af37) 60%,#fff);flex-shrink:0}.ap-footer{border-top:1px solid #ffffff0a;margin-top:18px;padding-top:14px;text-align:center}.ap-footer p{color:var(--text-muted,#7a6c58);font-size:.66rem;margin:0;opacity:.7}@media (max-width:740px){.ap-container{flex-direction:column;max-height:95vh;max-width:420px}.ap-hero{border-bottom:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);border-right:none;flex:none;padding:24px 24px 20px}.ap-hero-logo{margin:0 auto 12px;width:100px}.ap-hero-logo--large{margin:0 auto 12px;width:140px}.ap-hero-headline{font-size:.95rem;margin-bottom:14px}.ap-hero-tagline{font-size:.65rem;margin-bottom:6px}.ap-benefits{gap:8px;margin-bottom:14px}.ap-benefit{font-size:.75rem}.ap-benefit-icon{border-radius:6px;height:26px;width:26px}.ap-timeline{margin-bottom:14px}.ap-proof{font-size:.72rem;padding:8px 12px}.ap-form-panel{max-height:unset;padding:24px 20px 20px}.ap-title{font-size:1.05rem}.ap-field-input{font-size:16px}.ap-close{height:28px;right:10px;top:10px;width:28px}}@media (max-width:400px){.ap-overlay{padding:8px}.ap-hero{padding:18px 16px 14px}.ap-form-panel{padding:18px 16px 16px}.ap-trust{gap:12px}}@media (prefers-reduced-motion:reduce){.ap-container,.ap-discord,.ap-field-input,.ap-field-label,.ap-overlay,.ap-slider-fill,.ap-slider-thumb,.ap-strength-bar,.ap-submit,.ap-victory,.ap-victory-burst,.ap-victory-particle,.ap-victory-ring{animation:none!important;transition:none!important}.ap-slider-shine{display:none}.ap-container:before{animation:none;clip-path:none;opacity:.08}}.ap-victory{align-items:center;animation:apVictoryFadeIn .3s ease-out both;background:#050403eb;border-radius:20px;display:flex;inset:0;justify-content:center;overflow:hidden;position:absolute;z-index:50}@keyframes apVictoryFadeIn{0%{opacity:0}to{opacity:1}}.ap-victory-burst{animation:apBurstPulse 1.5s ease-out both;background:radial-gradient(circle,color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000) 0,color-mix(in srgb,var(--accent-1,#d4af37) 5%,#0000) 40%,#0000 70%);border-radius:50%;height:400px;position:absolute;width:400px}.ap-victory-burst--2{animation-delay:.2s;animation-duration:2s;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2,#2fe4ab) 8%,#0000) 0,#0000 60%);height:600px;width:600px}@keyframes apBurstPulse{0%{opacity:0;transform:scale(.2)}40%{opacity:1}to{opacity:.3;transform:scale(1.2)}}.ap-victory-ring{animation:apRingExpand 1s ease-out .2s both;border:2px solid var(--accent-1,#d4af37);border-radius:50%;height:120px;position:absolute;width:120px}@keyframes apRingExpand{0%{border-width:3px;opacity:.8;transform:scale(.5)}to{border-width:.5px;opacity:0;transform:scale(4)}}.ap-victory-content{animation:apVictoryContentIn .5s ease-out .2s both;position:relative;text-align:center;z-index:2}@keyframes apVictoryContentIn{0%{opacity:0;transform:scale(.7) translateY(10px)}60%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.ap-victory-icon{align-items:center;animation:apIconGlow 1.5s ease-in-out infinite alternate;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000),color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000));border:2px solid color-mix(in srgb,var(--accent-1,#d4af37) 40%,#0000);border-radius:50%;box-shadow:0 0 40px color-mix(in srgb,var(--accent-1,#d4af37) 25%,#0000);color:var(--accent-1,#d4af37);display:inline-flex;height:72px;justify-content:center;margin:0 auto 16px;width:72px}@keyframes apIconGlow{0%{box-shadow:0 0 20px color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000)}to{box-shadow:0 0 50px color-mix(in srgb,var(--accent-1,#d4af37) 35%,#0000)}}.ap-victory-title{color:var(--accent-1,#d4af37);font-family:var(--font-heading,"Cinzel",serif);font-size:1.2rem;font-weight:700;letter-spacing:2px;margin:0 0 6px;text-shadow:0 0 20px color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000);text-transform:uppercase}.ap-victory-sub{color:#fff9;font-size:.82rem;margin:0}.ap-victory-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ap-victory-particle{animation:apParticleFly 1.5s ease-out var(--delay) both;background:var(--accent-1,#d4af37);border-radius:50%;height:var(--size);left:var(--px);position:absolute;top:var(--py);width:var(--size)}.ap-victory-particle:nth-child(2n){background:var(--accent-2,#2fe4ab)}.ap-victory-particle:nth-child(3n){background:#fff9}@keyframes apParticleFly{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-120px) translateX(calc(var(--px) - 50%)) scale(.3)}}.ap-2fa-challenge{text-align:center}.ap-2fa-icon{align-items:center;background:#0000004d;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);border-radius:14px;color:var(--accent-1,#d4af37);height:56px;margin:0 auto 16px;width:56px}.ap-2fa-digits,.ap-2fa-icon{display:flex;justify-content:center}.ap-2fa-digits{gap:8px;margin:20px 0}.ap-2fa-digit{background:#0006;border:2px solid color-mix(in srgb,var(--accent-1,#d4af37) 20%,#2a2520);border-radius:10px;color:var(--text-primary,#f5f0e8);font-family:JetBrains Mono,Fira Code,monospace;font-size:1.4rem;font-weight:700;height:52px;outline:none;text-align:center;transition:border-color .2s,box-shadow .2s;width:44px}.ap-2fa-digit:focus{border-color:var(--accent-1,#d4af37);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000)}.ap-2fa-recovery-input{background:#0006;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 12%,#2a2520);border-radius:10px;box-sizing:border-box;color:var(--text-primary,#f5f0e8);font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;letter-spacing:3px;margin-bottom:14px;outline:none;padding:14px;text-align:center;transition:border-color .2s;width:100%}.ap-2fa-recovery-input:focus{border-color:var(--accent-1,#d4af37);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000)}.ap-2fa-recovery-input::placeholder{color:var(--text-muted,#7a6c58);font-size:.85rem;letter-spacing:0}.ap-2fa-subtitle{color:var(--text-secondary,#a89f91);font-size:.82rem;margin:0 0 4px}.community-rating{background:linear-gradient(180deg,#1a1410f2,#0f0c09f2);border:1px solid #4a4035;border-radius:8px;margin:16px 0;padding:16px 20px}.community-rating.loading{align-items:center;display:flex;justify-content:center;min-height:100px}.rating-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2520,#3a3530 50%,#2a2520);background-size:200% 100%;border-radius:4px;height:24px;width:150px}.rating-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.rating-icon{font-size:18px}.rating-title{color:#d4af37;font-family:Cinzel,serif;font-size:14px;letter-spacing:1px;text-transform:uppercase}.rating-count{color:#6b5c4a;font-size:12px}.rating-display{gap:12px;margin-bottom:12px}.rating-stars-display{display:flex;gap:4px}.star-display{color:#3a3530;font-size:28px;text-shadow:0 2px 4px #0000004d;transition:color .2s ease}.star-display.filled{color:gold;text-shadow:0 0 10px #ffd70099,0 0 20px #ffd70066,0 2px 4px #0000004d}.rating-value{color:#d4af37;font-family:Cinzel,serif;font-size:28px;font-weight:700;text-shadow:0 0 10px #d4af374d}.rating-not-enough{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#93c5fd;font-size:13px;margin-bottom:12px;padding:10px 14px;text-align:center}.rating-interactive{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rate-label{color:#a89068;font-size:13px}.rating-stars-input{display:flex;gap:4px}.rating-stars-input.disabled{opacity:.5}.rating-stars-input.submitting{opacity:.7;pointer-events:none}.star-btn{background:none;border:none;color:#3a3530;cursor:pointer;font-size:32px;line-height:1;min-height:40px;min-width:40px;padding:4px;position:relative;transition:all .2s ease;z-index:1}.star-btn:hover:not(:disabled){transform:scale(1.2)}.star-btn.active{color:gold;text-shadow:0 0 10px #ffd70099}.star-btn.user-rated{animation:pulse-star 2s ease-in-out infinite}@keyframes pulse-star{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.star-btn:disabled{cursor:not-allowed}.user-rating-badge{background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border:1px solid #d4af3780;border-radius:4px;color:#d4af37;font-size:12px;padding:4px 10px}.rating-cta-section{background:linear-gradient(180deg,#d4af3714,#8b5a2b14);border:1px solid #d4af374d;border-radius:10px;margin-top:12px;padding:20px;text-align:center}.rating-cta-message{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:16px}.rating-cta-message .cta-icon{font-size:24px}.rating-cta-message p{color:#e4c79c;font-size:15px;margin:0}.rating-cta-btn{align-items:center;background:linear-gradient(180deg,#d4af37,#8b5a2b);border:none;border-radius:8px;box-shadow:0 4px 15px #d4af374d,inset 0 1px 0 #fff3;color:#1a1410;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:14px;font-weight:600;gap:10px;justify-content:center;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.rating-cta-btn:hover{background:linear-gradient(180deg,#e4c067,#9b6a3b);box-shadow:0 6px 20px #d4af3766,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.rating-cta-btn:active{transform:translateY(0)}.cta-btn-icon{font-size:18px}.rating-cta-subtext{color:#8b7355;font-size:12px;font-style:italic;margin:12px 0 0}.login-to-rate-btn{background:linear-gradient(180deg,#d4af3733,#8b5a2b33);border:1px solid #d4af37;border-radius:6px;color:#d4af37;cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px;transition:all .3s ease;width:100%}.login-to-rate-btn:hover{background:linear-gradient(180deg,#d4af374d,#8b5a2b4d);box-shadow:0 0 15px #d4af374d}@media (max-width:480px){.community-rating{padding:14px 16px}.rating-interactive{align-items:flex-start;flex-direction:column}.star-btn{font-size:36px}.rating-value,.star-display{font-size:24px}.rating-cta-section{padding:16px}.rating-cta-btn{font-size:13px;padding:12px 20px;width:100%}}.team-card-rating{background:linear-gradient(180deg,#d4af3714,#8b5a2b14);border:1px solid #d4af374d;border-radius:10px;margin:16px 0;padding:16px 20px;text-align:center}.team-card-rating.loading{align-items:center;display:flex;justify-content:center;min-height:80px}.tcr-skeleton{animation:tcr-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2520,#3a3530 50%,#2a2520);background-size:200% 100%;border-radius:4px;height:20px;width:120px}@keyframes tcr-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.tcr-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.tcr-icon{font-size:18px}.tcr-title{color:#d4af37;font-family:Cinzel,serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}.tcr-stars-row{display:flex;gap:6px;justify-content:center;margin-bottom:10px}.tcr-star{color:#3a3530;font-size:32px;text-shadow:0 2px 4px #0000004d;transition:all .3s ease}.tcr-star.filled{animation:star-glow 2s ease-in-out infinite;color:gold;text-shadow:0 0 10px #ffd70099,0 0 20px #ffd70066,0 2px 4px #0000004d}@keyframes star-glow{0%,to{text-shadow:0 0 10px #ffd70099,0 0 20px #ffd70066,0 2px 4px #0000004d}50%{text-shadow:0 0 15px #ffd700cc,0 0 30px #ffd70080,0 2px 4px #0000004d}}.tcr-info{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.tcr-value{color:#d4af37;font-family:Cinzel,serif;font-size:28px;font-weight:700;text-shadow:0 0 10px #d4af3766}.tcr-count{color:#8b7355;font-size:14px}.tcr-not-enough{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#93c5fd;font-size:13px;margin-bottom:12px;padding:8px 14px}.tcr-cta-btn{align-items:center;background:linear-gradient(180deg,#d4af37,#8b5a2b);border:none;border-radius:8px;box-shadow:0 4px 15px #d4af374d,inset 0 1px 0 #fff3;color:#1a1410;cursor:pointer;display:flex;font-family:Cinzel,serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.tcr-cta-btn:hover{background:linear-gradient(180deg,#e4c067,#9b6a3b);box-shadow:0 6px 20px #d4af3766,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.tcr-cta-btn:active{transform:translateY(0)}.tcr-cta-icon{font-size:16px}@media (max-width:480px){.team-card-rating{padding:14px 16px}.tcr-star{font-size:28px}.tcr-value{font-size:24px}.tcr-cta-btn{font-size:12px;padding:10px 16px}}.meta-rating{background:linear-gradient(180deg,#1a1410fa,#0f0c09fa);border:2px solid #4a4035;border-radius:12px;margin:16px 0;overflow:hidden;padding:20px;position:relative;transition:all .4s ease}.meta-rating:before{background:linear-gradient(90deg,#0000,#d4af37,#0000);content:"";height:3px;left:0;opacity:.5;position:absolute;right:0;top:0}.meta-rating.glow-gold{border-color:#d4af37;box-shadow:0 0 20px #d4af374d,inset 0 0 30px #d4af370d}.meta-rating.glow-silver{border-color:#8b8b8b;box-shadow:0 0 15px #8b8b8b33,inset 0 0 20px #8b8b8b08}.meta-rating.glow-bronze{border-color:#8b5a2b;box-shadow:0 0 10px #8b5a2b26}.meta-rating.animating{animation:rating-pulse .6s ease}@keyframes rating-pulse{0%{transform:scale(1)}50%{box-shadow:0 0 30px #d4af3780;transform:scale(1.02)}to{transform:scale(1)}}.meta-rating.loading{align-items:center;display:flex;justify-content:center;min-height:120px}.mr-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2a2520,#3a3530 50%,#2a2520);background-size:200% 100%;border-radius:4px;height:24px;width:200px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.mr-main{margin-bottom:16px}.mr-stars-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.mr-stars-display{display:flex;gap:4px}.mr-star{color:#3a3530;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:36px;text-shadow:0 2px 4px #0006;transition:all .3s ease}.mr-star.filled{animation:star-shimmer 3s ease-in-out infinite;color:gold;text-shadow:0 0 15px #ffd700b3,0 0 30px #ffd70066,0 2px 4px #0000004d}@keyframes star-shimmer{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.6)) brightness(1)}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,.8)) brightness(1.1)}}.mr-rating-info{align-items:baseline;display:flex;gap:4px}.mr-value{color:#d4af37;font-family:Cinzel,serif;font-size:32px;font-weight:700;text-shadow:0 0 10px #d4af3766}.mr-separator{color:#6b5c4a;font-size:20px}.mr-max{color:#8b7355;font-size:18px}.mr-count{color:#8b7355;font-size:14px;margin-left:8px}.mr-no-rating{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;color:#93c5fd;font-size:14px;padding:8px 14px}.meta-score-section{background:#0000004d;border-radius:8px;margin-top:12px;padding:12px 16px}.meta-score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.meta-label{color:#a89068;font-size:12px;letter-spacing:2px;text-transform:uppercase}.meta-label,.meta-value{font-family:Cinzel,serif}.meta-value{color:#d4af37;font-size:24px;font-weight:700}.meta-bar-container{background:#2a2520;height:12px;overflow:hidden}.meta-bar-container,.meta-bar-fill{border-radius:6px;position:relative}.meta-bar-fill{height:100%;transition:width .8s ease}.meta-bar-fill[data-score=high]{background:linear-gradient(90deg,#d4af37,gold 50%,#d4af37);box-shadow:0 0 10px #d4af3780}.meta-bar-fill[data-score=medium]{background:linear-gradient(90deg,#8b7355,#a89068 50%,#8b7355)}.meta-bar-fill[data-score=low]{background:linear-gradient(90deg,#5a4535,#6b5545 50%,#5a4535)}.meta-bar-fill:after{animation:bar-shine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes bar-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.community-confidence{background:#d4af370d;border:1px solid #d4af3733;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px;padding:16px}.cc-stat{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cc-icon{color:#d4af37;font-size:16px}.cc-value{color:#e4c79c;font-family:Cinzel,serif;font-size:16px;font-weight:600}.cc-label{color:#8b7355;font-size:13px}.mr-interactive{border-top:1px solid #d4af3733;padding-top:16px}.mr-rate-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mr-rate-label{color:#a89068;font-size:14px}.mr-rate-stars{display:flex;gap:6px}.mr-rate-stars.submitting{opacity:.7;pointer-events:none}.mr-rate-star{background:none;border:none;color:#3a3530;cursor:pointer;font-size:32px;line-height:1;padding:0;transition:all .2s ease}.mr-rate-star:hover:not(:disabled){color:gold;transform:scale(1.3)}.mr-rate-star.active{animation:star-pulse .3s ease;color:gold;text-shadow:0 0 15px #ffd700b3}@keyframes star-pulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.mr-rate-star.user-rated{animation:user-star-glow 2s ease-in-out infinite}@keyframes user-star-glow{0%,to{text-shadow:0 0 10px #ffd70099;transform:scale(1)}50%{text-shadow:0 0 20px #ffd700e6;transform:scale(1.1)}}.mr-user-badge{background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border:1px solid #d4af3780;border-radius:4px;color:#d4af37;font-size:12px;padding:4px 12px}.mr-success-toast{align-items:center;animation:toast-slide-in .4s ease;background:linear-gradient(135deg,#22c55e33,#16a34a33);border:1px solid #22c55e80;border-radius:8px;color:#86efac;display:flex;font-size:14px;gap:10px;margin-top:12px;padding:12px 16px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast-icon{font-size:20px}.mr-cta-section{border-top:1px solid #d4af3733;padding-top:16px;text-align:center}.mr-cta-btn{align-items:center;background:linear-gradient(180deg,#d4af37,#8b5a2b);border:none;border-radius:8px;box-shadow:0 4px 20px #d4af3766,inset 0 1px 0 #ffffff4d;color:#1a1410;cursor:pointer;display:inline-flex;font-family:Cinzel,serif;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.mr-cta-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mr-cta-btn:hover{background:linear-gradient(180deg,#e4c067,#9b6a3b);box-shadow:0 8px 30px #d4af3780,inset 0 1px 0 #fff6;transform:translateY(-3px)}.mr-cta-btn:hover:before{left:100%}.mr-cta-btn:active{transform:translateY(-1px)}.cta-icon{font-size:18px}.rating-breakdown-section{border-top:1px solid #d4af3726;margin-top:16px;padding-top:12px}.breakdown-toggle{background:none;border:1px solid #d4af374d;border-radius:6px;color:#a89068;cursor:pointer;font-family:Cinzel,serif;font-size:11px;letter-spacing:1.5px;padding:8px 16px;transition:all .3s ease;width:100%}.breakdown-toggle:hover{background:#d4af371a;border-color:#d4af3780;color:#d4af37}.breakdown-content{animation:breakdown-expand .3s ease;background:#0003;border-radius:8px;margin-top:12px;padding:12px}@keyframes breakdown-expand{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.breakdown-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:8px 0}.breakdown-row:last-child{border-bottom:none}.breakdown-icon{font-size:16px;text-align:center;width:24px}.breakdown-label{color:#a89068;flex:1;font-size:13px}.breakdown-stars{display:flex;gap:2px}.bd-star{color:#3a3530;font-size:16px}.bd-star.filled{color:gold;text-shadow:0 0 5px #ffd70080}.header-rating{align-items:center;background:#0006;border:1px solid #d4af374d;border-radius:20px;display:flex;gap:8px;padding:4px 12px}.header-rating.no-rating{opacity:.7}.hr-stars{display:flex;gap:2px}.hr-star{color:#3a3530;font-size:14px}.hr-star.filled{color:gold;text-shadow:0 0 5px #ffd70080}.hr-star.half{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold 50%,#3a3530 0);-webkit-background-clip:text;background-clip:text}.hr-value{color:#d4af37;font-family:Cinzel,serif;font-size:14px;font-weight:600}.hr-count{color:#8b7355;font-size:12px}.hr-new{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;color:#fff;font-size:10px;font-weight:600;letter-spacing:1px;padding:2px 8px;text-transform:uppercase}.meta-rating.compact{padding:14px}.meta-rating.compact .mr-star{font-size:28px}.meta-rating.compact .mr-value{font-size:24px}.meta-rating.compact .mr-rate-star{font-size:26px}.meta-rating.compact .community-confidence{gap:8px;grid-template-columns:1fr;padding:12px}@media (max-width:768px){.meta-rating{padding:16px}.mr-stars-section{align-items:flex-start;flex-direction:column;gap:12px}.mr-star{font-size:30px}.mr-value{font-size:26px}.community-confidence{grid-template-columns:1fr}.mr-rate-section{align-items:flex-start;flex-direction:column}.mr-cta-btn{font-size:13px;padding:14px 24px;width:100%}}@media (max-width:480px){.mr-star{font-size:26px}.mr-rate-star{font-size:28px}.header-rating{padding:3px 8px}.hr-star,.hr-value{font-size:12px}}.roster-btn{align-items:center;background:#22c55e26;border:1px solid #22c55e66;border-radius:6px;color:#86efac;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .2s ease}.roster-btn:hover:not(:disabled){background:#22c55e40;border-color:#22c55e;transform:translateY(-1px)}.roster-btn.in-roster{background:#22c55e4d;border-color:#22c55e;color:#4ade80}.roster-btn.in-roster:hover:not(:disabled){background:#dc262633;border-color:#dc2626;color:#fca5a5}.roster-btn.in-roster:hover .roster-icon:after{content:"❌"}.roster-btn.in-roster:hover .roster-icon{font-size:0}.roster-btn.in-roster:hover .roster-icon:after{font-size:14px}.roster-btn.in-roster:hover .roster-text:after{content:"Remove"}.roster-btn.in-roster:hover .roster-text{font-size:0}.roster-btn.in-roster:hover .roster-text:after{font-size:13px}.roster-btn.animating{animation:roster-pop .3s ease}@keyframes roster-pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.roster-btn.loading{cursor:wait;opacity:.6}.roster-btn .roster-icon{font-size:14px;line-height:1}.roster-btn .roster-text{font-weight:500}.roster-btn.small{font-size:12px;padding:4px 8px}.roster-btn.small .roster-icon{font-size:12px}.roster-btn.large{border-radius:8px;font-size:14px;padding:10px 16px}.roster-btn.large .roster-icon{font-size:16px}.roster-btn.card-position{backdrop-filter:blur(4px);background:#000000b3;font-size:12px;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:5}.roster-btn.card-position:hover{background:#000000d9}.forge-noise:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.03;pointer-events:none;position:absolute;z-index:1}.champions-page-container{background:radial-gradient(ellipse 120% 60% at 50% -10%,#3c2d1e40 0,#0000 70%),linear-gradient(180deg,#0d0908,#0a0706 50%,#080605);min-height:100vh;position:relative}.champions-page-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.04;pointer-events:none;position:fixed;z-index:0}.champions-page-container:after{animation:ember-drift 8s ease-in-out infinite;background-image:radial-gradient(1px 1px at 20% 30%,#ff963266 0,#0000 100%),radial-gradient(1px 1px at 80% 20%,#ffb4504d 0,#0000 100%),radial-gradient(2px 2px at 40% 70%,#ff782833 0,#0000 100%),radial-gradient(1px 1px at 65% 50%,#ffa03c59 0,#0000 100%),radial-gradient(1px 1px at 90% 80%,#ff8c3240 0,#0000 100%);content:"";inset:0;opacity:.6;pointer-events:none;position:fixed;z-index:0}@keyframes ember-drift{0%,to{opacity:.6;transform:translateY(0) translateX(0)}25%{opacity:.8;transform:translateY(-5px) translateX(3px)}50%{opacity:.5;transform:translateY(-10px) translateX(-2px)}75%{opacity:.7;transform:translateY(-3px) translateX(4px)}}.champions-hero-forged{background:linear-gradient(180deg,#503c2826,#0000 30%),linear-gradient(180deg,#12100d,#0a0908);border-bottom:3px solid #2a2118;box-shadow:inset 0 -1px 0 #d4af3726,0 4px 20px #000c;margin-bottom:0;overflow:hidden;padding:60px 32px 48px;position:relative}.champions-hero-forged:after{background:linear-gradient(90deg,#0000,#b48c3c66 20%,#d4af3799 50%,#b48c3c66 80%,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.champions-hero-content{margin:0 auto;max-width:1400px;position:relative;text-align:center;z-index:2}.champions-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#d4af37,#b8963a 40%,#8b6914 70%,#5c4a12);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 rgba(0,0,0,.8));font-family:Cinzel,serif;font-size:clamp(28px,5vw,48px);font-weight:700;letter-spacing:.15em;line-height:1.1;margin:0 0 16px;text-shadow:none;text-transform:uppercase}.champions-hero-subtitle{color:#8a7a5c;font-family:Cinzel,serif;font-size:clamp(14px,2vw,18px);letter-spacing:.08em;margin:0;text-transform:uppercase}.champions-hero-count{background:#1e1912e6;border-color:#5a4830 #3d3020 #2a2015;border-style:solid;border-width:2px;box-shadow:inset 0 1px 0 #d4af371a,0 2px 8px #00000080;color:#c9a857;display:inline-block;font-family:Cinzel,serif;font-size:14px;font-weight:600;letter-spacing:.1em;margin-top:20px;padding:8px 24px}.stone-divider{background:linear-gradient(180deg,#0a0908,#12100d 50%,#0a0908);border-bottom:1px solid #1a1612;border-top:1px solid #1a1612;height:24px;margin:0;overflow:hidden;position:relative}.stone-divider:before{background:linear-gradient(90deg,#0000,#3d2e1f 20%,#8b6914 40%,#d4af37 50%,#8b6914 60%,#3d2e1f 80%,#0000);box-shadow:0 0 8px #d4af374d;content:"";height:4px;width:200px}.stone-divider:after,.stone-divider:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.stone-divider:after{color:#c9a857;content:"◆";font-size:12px;text-shadow:0 0 4px #d4af3780}.champions-filters-forged{margin:0 auto;max-width:1400px;padding:24px 32px;position:relative;z-index:5}.filters-panel{background:linear-gradient(180deg,#14100cfa,#0f0c09fa);border:2px solid #2a2118;border-top-color:#3d3020;box-shadow:inset 0 1px 0 #d4af3714,inset 0 -1px 0 #00000080,0 4px 16px #0009;padding:20px 24px;position:relative}.filters-panel:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.03;pointer-events:none;position:absolute}.filters-panel-header{border-bottom:1px solid #2a2118;color:#6a5a42;font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:.2em;margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.filters-row{align-items:stretch;display:flex;flex-wrap:wrap;gap:16px}.filter-search-forged{flex:1;min-width:200px;position:relative}.filter-search-forged input{background:#0d0b09;border-color:#1a1612 #2a2118 #3d3020;border-style:solid;border-width:2px;box-shadow:inset 0 2px 4px #00000080,0 1px 0 #d4af370d;color:#c9b896;font-family:Cinzel,serif;font-size:14px;letter-spacing:.05em;outline:none;padding:12px 16px 12px 44px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.filter-search-forged input::placeholder{color:#5a4a38;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.filter-search-forged input:focus{border-color:#5a4830;box-shadow:inset 0 2px 4px #00000080,0 0 0 1px #d4af3733}.filter-search-forged:before{content:"🔍";font-size:14px;left:14px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-select-forged{min-width:160px;position:relative}.filter-select-forged select{appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#1a1612,#12100d 50%,#0d0b09);border-color:#3d3020 #2a2118 #1a1612;border-style:solid;border-width:2px;box-shadow:inset 0 1px 0 #ffffff08,0 2px 4px #0006;color:#c9b896;cursor:pointer;font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:.08em;outline:none;padding:12px 36px 12px 14px;text-transform:uppercase;transition:all .15s ease;width:100%}.filter-select-forged select:hover{background:linear-gradient(180deg,#1e1a16,#151210 50%,#0f0d0b);border-color:#4a3a28}.filter-select-forged select:focus{border-color:#5a4830;box-shadow:inset 0 1px 0 #ffffff08,0 0 0 1px #d4af3726}.filter-select-forged:after{color:#6a5a42;content:"▼";font-size:8px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.filter-select-forged select option{background:#12100d;color:#c9b896;padding:8px}.champions-grid-section{margin:0 auto;max-width:1400px;padding:24px 32px 48px;position:relative;z-index:2}.champions-grid-forged{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.champion-card-forged{background:linear-gradient(180deg,#19140ffa,#120e0afa 50%,#0c0a08fa);border:2px solid #1a1612;border-radius:2px;box-shadow:inset 0 0 0 1px #d4af3726,inset 0 2px 4px #0006,inset 0 1px 0 #ffffff0a,0 4px 12px #00000080;display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.champion-card-forged:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.02;pointer-events:none;position:absolute;z-index:0}.champion-card-forged:hover{border-color:#3d3020;box-shadow:inset 0 0 0 1px #d4af3740,inset 0 2px 4px #0006,inset 0 1px 0 #ffffff0f,0 8px 24px #0009,0 0 20px #d4af3714;transform:translateY(-3px)}.champion-card-inner{padding:16px;position:relative;z-index:1}.champion-portrait-forged{aspect-ratio:1;background:#0a0908;border-color:#1a1612 #2a2118 #3d3020;border-style:solid;border-width:2px;box-shadow:inset 0 2px 6px #0009,0 2px 0 #d4af3714;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.champion-portrait-forged img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.champion-card-forged:hover .champion-portrait-forged img{transform:scale(1.05)}.champion-portrait-fallback{align-items:center;color:#3d3020;display:flex;font-size:48px;inset:0;justify-content:center;position:absolute;z-index:0}.champion-card-info{text-align:center}.champion-card-name{color:#d4c4a8;font-size:14px;letter-spacing:.08em;line-height:1.2;margin:0 0 8px;text-shadow:0 1px 1px #00000080}.champion-card-name,.champion-rarity-stamp{font-family:Cinzel,serif;font-weight:700;text-transform:uppercase}.champion-rarity-stamp{border:1px solid;border-radius:0;display:inline-block;font-size:10px;letter-spacing:.15em;margin-bottom:6px;padding:4px 12px}.rarity-mythical-forged{background:linear-gradient(180deg,#8b25254d,#5014144d);border-color:#8b2525;box-shadow:inset 0 1px 0 #ff6b6b33;color:#ff6b6b}.rarity-legendary-forged{background:linear-gradient(180deg,#8b69144d,#503c0a4d);border-color:#8b6914;box-shadow:inset 0 1px 0 #d4af3733;color:#d4af37}.rarity-epic-forged{background:linear-gradient(180deg,#5b3d8a4d,#32234b4d);border-color:#5b3d8a;box-shadow:inset 0 1px 0 #a78bfa33;color:#a78bfa}.rarity-rare-forged{background:linear-gradient(180deg,#2563ab4d,#14375f4d);border-color:#2563ab;box-shadow:inset 0 1px 0 #60a5fa33;color:#60a5fa}.rarity-uncommon-forged{background:linear-gradient(180deg,#1665344d,#0a371e4d);border-color:#166534;box-shadow:inset 0 1px 0 #4ade8033;color:#4ade80}.rarity-common-forged{background:linear-gradient(180deg,#4b55634d,#2d323c4d);border-color:#4b5563;box-shadow:inset 0 1px 0 #9ca3af33;color:#9ca3af}.champion-faction-forged{color:#6a5a42;font-family:Cinzel,serif;font-size:11px;letter-spacing:.1em;margin:0;text-transform:uppercase}.pagination-forged{align-items:center;border-top:2px solid #1a1612;display:flex;gap:24px;justify-content:center;margin-top:32px;padding-top:24px;position:relative}.pagination-forged:before{background:linear-gradient(90deg,#0000,#d4af3766 50%,#0000);content:"";height:2px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:100px}.pagination-btn-forged{background:linear-gradient(180deg,#1a1612,#12100d 50%,#0d0b09);border-color:#3d3020 #2a2118 #1a1612;border-style:solid;border-width:2px;box-shadow:inset 0 1px 0 #ffffff08,0 2px 4px #0006;color:#c9a857;cursor:pointer;font-family:Cinzel,serif;font-size:12px;font-weight:700;letter-spacing:.1em;padding:10px 20px;text-transform:uppercase;transition:all .15s ease}.pagination-btn-forged:hover:not(:disabled){background:linear-gradient(180deg,#1e1a16,#151210 50%,#0f0d0b);border-color:#4a3a28;box-shadow:inset 0 1px 0 #ffffff0d,0 2px 8px #00000080,0 0 12px #d4af371a;color:#e4c478}.pagination-btn-forged:disabled{color:#5a4a38;cursor:not-allowed;opacity:.4}.pagination-info-forged{color:#7a6a52;font-family:Cinzel,serif;font-size:13px;letter-spacing:.05em}.pagination-info-forged strong{color:#c9a857}.champion-card-skeleton-forged{background:linear-gradient(180deg,#19140ffa,#120e0afa 50%,#0c0a08fa);border:2px solid #1a1612;border-radius:2px;box-shadow:inset 0 0 0 1px #d4af3714,0 4px 12px #00000080;min-height:280px;padding:16px}.skeleton-portrait-forged{aspect-ratio:1;border:2px solid #1a1612;margin-bottom:12px;width:100%}.skeleton-name-forged,.skeleton-portrait-forged{animation:skeleton-forged 1.5s ease-in-out infinite;background:linear-gradient(90deg,#12100d 25%,#1a1612 50%,#12100d 75%);background-size:200% 100%}.skeleton-name-forged{height:16px;margin:0 auto 8px;width:70%}.skeleton-badge-forged{height:20px;margin:0 auto 6px;width:50%}.skeleton-badge-forged,.skeleton-faction-forged{animation:skeleton-forged 1.5s ease-in-out infinite;background:linear-gradient(90deg,#12100d 25%,#1a1612 50%,#12100d 75%);background-size:200% 100%}.skeleton-faction-forged{height:12px;margin:0 auto;width:60%}@keyframes skeleton-forged{0%{background-position:200% 0}to{background-position:-200% 0}}.footer-forge{background:linear-gradient(180deg,#0a0908,#080706);border-top:2px solid #1a1612;padding:32px;position:relative;text-align:center}.footer-forge:before{background:linear-gradient(90deg,#0000,#d4af374d 50%,#0000);content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:150px}@media (max-width:1024px){.champions-grid-forged{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.champions-hero-forged{padding:48px 24px 40px}}@media (max-width:768px){.champions-grid-forged{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.champions-filters-forged{padding:16px}.filters-row{flex-direction:column;gap:12px}.filter-search-forged,.filter-select-forged{min-width:100%}.champions-grid-section{padding:16px}.champions-hero-title{letter-spacing:.08em}.pagination-forged{flex-direction:column;gap:16px}}@media (max-width:480px){.champions-grid-forged{gap:10px;grid-template-columns:repeat(2,1fr)}.champion-card-inner{padding:12px}.champion-card-name{font-size:12px}.champion-rarity-stamp{font-size:9px;padding:3px 8px}}.favorite-btn-forged{align-items:center;background:#0c0a08e6;border:1px solid #2a2118;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .15s ease;width:32px;z-index:10}.favorite-btn-forged:hover{background:#14100cf2;border-color:#5a4830}.favorite-btn-forged.active{background:#8b691433;border-color:#8b6914}.no-results-forged{grid-column:1/-1;padding:60px 20px;text-align:center}.no-results-forged h3{color:#6a5a42;font-family:Cinzel,serif;font-size:24px;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.no-results-forged p{color:#5a4a38;font-size:14px}.deep-scan-badge{align-items:center;animation:scan-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#002828f2,#00141ef2);border:1px solid #00ffcc80;box-shadow:0 0 8px #00ffcc4d,inset 0 0 10px #00ffcc1a;color:#0fc;display:flex;font-family:Cinzel,serif;font-size:8px;font-weight:700;gap:4px;left:8px;letter-spacing:.1em;padding:3px 8px;position:absolute;text-transform:uppercase;top:8px;z-index:15}.deep-scan-badge:before{animation:scan-dot-pulse 1s ease-in-out infinite;background:#0fc;border-radius:50%;box-shadow:0 0 6px #0fc;content:"";height:6px;width:6px}@keyframes scan-pulse{0%,to{border-color:#00ffcc80}50%{border-color:#0fcc}}@keyframes scan-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.champion-tooltip-wrapper{position:relative}.champion-tooltip{background:linear-gradient(180deg,#0a1a1a,#051212);border:2px solid #0fc6;border-radius:4px;bottom:calc(100% + 12px);box-shadow:0 0 30px #0fc3,0 15px 40px #000c,inset 0 0 30px #00ffcc0d;left:50%;opacity:0;padding:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;width:320px;z-index:1000}.champion-tooltip-wrapper:hover .champion-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.champion-tooltip:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #0fc6;bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-header{align-items:center;background:linear-gradient(90deg,#00ffcc26,#0000);border-bottom:1px solid #0fc3;display:flex;justify-content:space-between;padding:12px 14px}.tooltip-title{color:#0fc;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.tooltip-tier{align-items:center;display:flex;gap:6px}.tier-badge{border-radius:2px;font-family:Cinzel,serif;font-size:12px;font-weight:700;padding:2px 8px}.tier-badge.tier-S{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 0 10px #ffd70080;color:#000}.tier-badge.tier-A{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 0 8px #8b5cf666;color:#fff}.tier-badge.tier-B{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.tier-badge.tier-C{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000}.tier-badge.tier-D{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.tooltip-star-rating{align-items:center;border-bottom:1px solid #00ffcc1a;display:flex;flex-direction:column;padding:10px 14px}.star-rating-label{color:#6b8a8a;font-size:8px;letter-spacing:.15em;margin-bottom:4px;text-transform:uppercase}.star-rating-display{align-items:center;display:flex;gap:3px}.star{color:#2a3a3a;font-size:16px;text-shadow:none;transition:all .2s ease}.star.filled{color:gold;text-shadow:0 0 8px #ffd70099}.star.half{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold 50%,#2a3a3a 0);-webkit-background-clip:text;background-clip:text}.rating-number{color:gold;font-family:Cinzel,serif;font-size:14px;font-weight:700;margin-left:8px;text-shadow:0 0 8px #ffd70066}.tooltip-radar{align-items:center;border-bottom:1px solid #00ffcc1a;display:flex;justify-content:center;padding:12px}.radar-chart{height:160px;position:relative;width:160px}.radar-chart svg{height:100%;width:100%}.radar-grid{fill:none;stroke:#00ffcc26;stroke-width:1}.radar-grid-inner{stroke:#00ffcc14}.radar-axis{stroke:#0fc3;stroke-width:1}.radar-data{fill:#0fc3;stroke:#0fc;stroke-width:2;filter:drop-shadow(0 0 4px rgba(0,255,204,.5))}.radar-label{fill:#8aa;font-family:Cinzel,serif;font-size:8px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.radar-value{fill:#00ffccb3;font-family:Cinzel,serif;font-size:7px;font-weight:400}.tooltip-modes{padding:10px 14px}.modes-label{color:#6b8a8a;display:block;font-size:8px;letter-spacing:.15em;margin-bottom:8px;text-transform:uppercase}.modes-grid{display:flex;flex-wrap:wrap;gap:6px}.mode-badge{background:#002828cc;border:1px solid #0fc3;border-radius:2px;color:#8cc;font-size:9px;font-weight:600;gap:4px;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.mode-badge .mode-tier{border-radius:2px;font-size:8px;font-weight:700;padding:1px 4px}.mode-badge .mode-tier.s-tier{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.mode-badge .mode-tier.a-tier{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.tooltip-tags{border-top:1px solid #00ffcc1a;display:flex;flex-wrap:wrap;gap:4px;padding:8px 14px}.tooltip-tag{background:#00ffcc1a;border:1px solid #0fc3;border-radius:2px;color:#0fc;font-size:8px;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}.tooltip-scanlines{animation:scanlines-move 8s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffcc05 0,#00ffcc05 4px);inset:0;pointer-events:none;position:absolute}@keyframes scanlines-move{0%{transform:translateY(0)}to{transform:translateY(8px)}}.tooltip-corner{border:1px solid #0fc;height:12px;pointer-events:none;position:absolute;width:12px}.tooltip-corner.tl{border-bottom:none;border-right:none;left:4px;top:4px}.tooltip-corner.tr{border-bottom:none;border-left:none;right:4px;top:4px}.tooltip-corner.bl{border-right:none;border-top:none;bottom:4px;left:4px}.tooltip-corner.br{border-left:none;border-top:none;bottom:4px;right:4px}@media (max-width:768px){.champion-tooltip{display:none}}.excels-section{margin-top:24px}.excels-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:16px}.excels-card{background:linear-gradient(135deg,#14100cf2,#0c0a08f2);border:1px solid #2a2118;border-radius:4px;overflow:hidden;padding:16px;position:relative}.excels-card:before{background:linear-gradient(90deg,var(--tier-color,#6b7280),#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.excels-card.tier-S{--tier-color:gold}.excels-card.tier-A{--tier-color:#a78bfa}.excels-card.tier-B{--tier-color:#60a5fa}.excels-card.tier-C{--tier-color:#4ade80}.excels-card.tier-D{--tier-color:#9ca3af}.excels-mode-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.excels-mode-name{color:#d4c4a8;font-size:14px;text-transform:capitalize}.excels-mode-name,.excels-tier-badge{font-family:Cinzel,serif;font-weight:700}.excels-tier-badge{border-radius:2px;font-size:12px;padding:2px 10px}.excels-tier-badge.tier-S{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 0 8px #ffd70066;color:#000}.excels-tier-badge.tier-A{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.excels-tier-badge.tier-B{background:#3b82f6;color:#fff}.excels-tier-badge.tier-C{background:#22c55e;color:#000}.excels-tier-badge.tier-D{background:#6b7280;color:#fff}.excels-role{color:#8a7a5c;font-size:12px;margin-bottom:8px}.excels-role span{color:#c9a857;font-weight:600}.excels-notes{color:#6a5a42;font-size:11px;line-height:1.4}.planner-container{background:#0000004d;border:1px solid #d4af3733;border-radius:12px;padding:24px}.planner-header{margin-bottom:32px;text-align:center}.planner-header h3{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:1.5rem;gap:12px;justify-content:center;margin:0 0 8px}.planner-header p{color:#fff9;margin:0}.planner-tips-section{margin-bottom:32px}.planner-tips-section h4{align-items:center;color:#4ade80;display:flex;gap:8px;margin:0 0 16px}.planner-tips-grid{display:flex;flex-direction:column;gap:10px}.planner-tip{background:#4ade801a;border-radius:8px;color:#ffffffd9;font-size:.9rem;gap:12px;padding:12px 16px}.planner-tip,.tip-number{align-items:center;display:flex}.tip-number{background:#4ade80;border-radius:50%;color:#000;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.planner-recommendations h4{align-items:center;color:#d4af37;display:flex;gap:8px;margin:0 0 16px}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-card{background:#0000004d;border:1px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s}.recommendation-card:hover{border-color:#d4af3766}.recommendation-card.priority-high{border-left:3px solid #f44336}.recommendation-card.priority-medium{border-left:3px solid #ffc107}.recommendation-card.priority-low{border-left:3px solid #4ade80}.rec-header{align-items:center;background:#ffffff08;display:flex;gap:12px;padding:14px 16px}.rec-icon{font-size:1.5rem}.rec-info{flex:1}.rec-name{color:#ffffffe6;font-weight:600}.rec-type{color:#ffffff80;font-size:.8rem;text-transform:capitalize}.rec-badges{align-items:center;display:flex;gap:8px}.active-badge{align-items:center;background:#4ade8033;color:#4ade80;display:flex;gap:4px}.active-badge,.priority-badge{border-radius:4px;font-size:.75rem;padding:4px 10px}.priority-badge.high{background:#f4433633;color:#f44336}.priority-badge.medium{background:#ffc10733;color:#ffc107}.priority-badge.low{background:#4ade8033;color:#4ade80}.rec-reasons{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.rec-reason{align-items:flex-start;color:#ffffffb3;display:flex;font-size:.85rem;gap:8px}.rec-reason svg{color:#4ade80;flex-shrink:0;margin-top:2px}.planner-footer{align-items:center;border-top:1px solid #ffffff1a;color:#ffffff80;display:flex;font-size:.85rem;gap:8px;justify-content:center;margin-top:24px;padding-top:16px}.tracker-container{background:#0000004d;border:1px solid #d4af3733;border-radius:12px;padding:24px}.event-card.tracker-select{cursor:pointer}.event-card.tracker-select:hover{border-color:#d4af37}.tracking-view{animation:fadeIn .3s ease}.tracking-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px}.tracking-icon{font-size:3rem}.tracking-header h2{color:#d4af37;font-family:Cinzel,serif;margin:0 0 4px}.tracking-header p{color:#ffffff80;margin:0}.progress-summary-card{align-items:center;background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid #d4af374d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.progress-stat-large{display:flex;flex-direction:column}.progress-stat-large .stat-value{color:#d4af37;font-family:Cinzel,serif;font-size:2.5rem;font-weight:700}.progress-stat-large .stat-label{color:#fff9;font-size:.85rem}.milestones-mini{display:flex;gap:10px}.milestone-mini{align-items:center;background:#0000004d;border-radius:6px;color:#ffffff80;display:flex;font-size:.85rem;gap:4px;padding:8px 12px}.milestone-mini.reached{background:#4ade8033;color:#4ade80}.milestone-mini .milestone-threshold{font-weight:600}.activity-logger{background:#0003;border-radius:10px;margin-bottom:24px;padding:20px}.activity-logger h4{align-items:center;color:#d4af37;display:flex;gap:8px;margin:0 0 8px}.activities-grid{display:flex;flex-direction:column;gap:8px}.activity-row{align-items:center;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px;transition:background .2s}.activity-row:hover{background:#ffffff0f}.activity-info{display:flex;flex-direction:column}.activity-name{color:#ffffffe6;font-size:.9rem}.activity-points{color:#d4af37;font-size:.75rem}.activity-counter{gap:6px}.activity-counter,.counter-btn{align-items:center;display:flex}.counter-btn{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.counter-btn:hover{border-color:#d4af37;color:#d4af37}.counter-input{background:#0006;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;padding:6px 8px;text-align:center;width:50px}.counter-input:focus{border-color:#d4af37;outline:none}.log-btn{background:#d4af37;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s}.log-btn:hover:not(:disabled){background:#f5d76e}.log-btn:disabled{cursor:not-allowed;opacity:.4}.milestones-section h4{align-items:center;color:#d4af37;display:flex;gap:8px;margin:0 0 16px}.milestones-list{display:flex;flex-direction:column;gap:12px}.milestone-item{align-items:center;background:#0000004d;border:1px solid #0000;border-radius:10px;display:flex;gap:16px;padding:14px 16px}.milestone-item.reached{background:#4ade800d;border-color:#4ade804d}.milestone-item.claimed{opacity:.6}.milestone-progress{background:#ffffff1a;border-radius:3px;flex-shrink:0;height:6px;overflow:hidden;width:80px}.milestone-fill{background:linear-gradient(90deg,#d4af37,#f5d76e);border-radius:3px;height:100%;transition:width .3s ease}.milestone-info{display:flex;flex:1;flex-direction:column;gap:2px}.milestone-info .milestone-threshold{color:#ffffffe6;font-weight:600}.milestone-info .milestone-reward{color:#d4af37;font-size:.85rem}.milestone-status{font-size:.8rem}.claimed-badge{color:#ffffff80}.claimed-badge,.reached-badge{align-items:center;display:flex;gap:4px}.reached-badge{background:#4ade8033;border-radius:4px;color:#4ade80;padding:4px 10px}.remaining{color:#fff6}@media (max-width:768px){.progress-summary-card{flex-direction:column;gap:20px;text-align:center}.milestones-mini{flex-wrap:wrap;justify-content:center}.activity-row{align-items:flex-start;flex-direction:column;gap:12px}.activity-counter{justify-content:space-between;width:100%}.milestone-item{flex-wrap:wrap;gap:10px}.milestone-progress{order:3;width:100%}}.event-calendar-container{background:#0000004d;border:1px solid #d4af3733;border-radius:12px;padding:24px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.calendar-nav-btn{background:#d4af371a;border:1px solid #d4af374d;border-radius:8px;color:#d4af37;cursor:pointer;padding:8px 12px;transition:all .2s}.calendar-nav-btn:hover{background:#d4af3733}.calendar-title{color:#d4af37;font-family:Cinzel,serif;font-size:1.5rem;margin:0}.calendar-legend{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.legend-item{align-items:center;color:#fff9;display:flex;font-size:.85rem;gap:6px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.weekly{background:#3b82f6}.legend-dot.biweekly{background:#8b5cf6}.legend-dot.actual{background:#4ade80}.legend-dot.predicted{background:#ffffff4d;border:1px dashed #ffffff80}.calendar-timeline{display:flex;flex-direction:column;gap:8px}.timeline-event{align-items:center;background:#ffffff0d;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:12px 16px;transition:all .2s}.timeline-event:hover{background:#ffffff1a}.timeline-event.weekly{border-left-color:#3b82f6}.timeline-event.biweekly{border-left-color:#8b5cf6}.timeline-event.actual{border-left-color:#4ade80}.timeline-event.predicted{border-left-color:#fff6;border-left-style:dashed}.timeline-date{align-items:center;display:flex;flex-direction:column;min-width:50px}.timeline-day{color:#d4af37;font-size:1.5rem;font-weight:700}.timeline-weekday{color:#ffffff80;font-size:.75rem;text-transform:uppercase}.timeline-content{align-items:center;display:flex;flex:1;gap:12px}.timeline-icon{font-size:1.5rem}.timeline-info{flex:1}.timeline-name{color:#ffffffe6;font-weight:600}.timeline-duration{color:#ffffff80;font-size:.8rem}.predicted-badge{align-items:center;background:#ffffff1a;border-radius:4px;color:#ffffff80;display:flex;font-size:.7rem;gap:4px;padding:4px 8px}.fusions-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.fusion-card{background:#0006;border:1px solid #d4af3733;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s}.fusion-card:hover{border-color:#d4af37;box-shadow:0 8px 32px #d4af3733;transform:translateY(-4px)}.fusion-card.limited{border-color:#f4433666}.fusion-card.limited:hover{border-color:#f44336;box-shadow:0 8px 32px #f4433633}.fusion-card-header{align-items:center;background:#0000004d;display:flex;justify-content:space-between;padding:12px 16px}.fusion-rarity-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.fusion-timer{align-items:center;color:#f44336;display:flex;font-size:.85rem;gap:4px}.fusion-card-body{padding:16px}.fusion-card-body h4{color:#d4af37;font-size:1.1rem;margin:0 0 8px}.fusion-card-body .fusion-description{color:#fff9;font-size:.85rem;line-height:1.5;margin:0 0 12px}.fusion-type-badge{background:#8b5cf633;border-radius:4px;color:#a78bfa;display:inline-block;font-size:.75rem;padding:4px 10px}.fusion-card-footer{border-top:1px solid #ffffff1a;font-size:.85rem;padding:12px 16px;text-align:right}.fusion-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.fusion-progress-fill{background:linear-gradient(90deg,#d4af37,#f5d76e);border-radius:4px;height:100%;transition:width .5s ease}.fusion-details-view{background:#0000004d;border:1px solid #d4af3733;border-radius:12px;padding:24px}.back-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;gap:6px;margin-bottom:24px;padding:8px 16px;transition:all .2s}.back-button:hover{border-color:#d4af37;color:#d4af37}.fusion-details-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.fusion-details-header h2{color:#d4af37;font-family:Cinzel,serif;margin:0 0 12px}.fusion-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.fusion-meta span{color:#fff9;font-size:.85rem}.expires-badge{align-items:center;background:#f4433633;border-radius:4px;color:#f44336!important;display:flex;gap:4px;padding:4px 10px}.fusion-progress-circle.large{font-size:1.25rem;height:100px;width:100px}.fusion-details-description{color:#ffffffb3;line-height:1.6;margin-bottom:24px}.fusion-progress-summary{background:#0000004d;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:20px}.progress-stat{align-items:center;display:flex;flex:1;flex-direction:column}.progress-stat-value{color:#d4af37;font-size:2rem;font-weight:700}.progress-stat-label{color:#ffffff80;font-size:.85rem}.fusion-section{margin-bottom:24px}.fusion-section h4{align-items:center;color:#d4af37;display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.fragment-sources-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.fragment-source-card{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;padding:12px 16px}.fragment-source-event{color:#ffffffe6;font-weight:600;margin-bottom:4px}.fragment-source-info{display:flex;font-size:.85rem;justify-content:space-between}.fragment-count{color:#a78bfa}.fragment-threshold{color:#ffffff80}.fusion-stage{margin-bottom:20px}.stage-header{border-bottom:1px solid #ffffff1a;color:#fff9;font-size:.9rem;margin:0 0 12px;padding-bottom:8px}.stage-champions{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stage-champion{align-items:center;background:#ffffff0d;border:1px solid #0000;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.stage-champion.owned{background:#4ade801a;border-color:#4ade804d}.stage-champion.missing{border-color:#f4433633}.champion-avatar{align-items:center;background:#0000004d;border-radius:50%;color:#fff9;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.stage-champion.owned .champion-avatar{background:#4ade80;color:#000}.champion-info{display:flex;flex:1;flex-direction:column}.champion-info .champion-name{color:#ffffffe6;font-size:.9rem}.champion-info .champion-rarity{font-size:.75rem}.owned-badge{color:#4ade80;font-size:.7rem}.fusion-tips{display:flex;flex-direction:column;gap:8px}.fusion-tip{align-items:flex-start;background:#d4af371a;border-radius:6px;color:#fffc;display:flex;font-size:.9rem;gap:8px;padding:10px 12px}.tip-icon{flex-shrink:0}.event-card.active-event{border-color:#4ade8066}.event-card.active-event:hover{border-color:#4ade80}.event-status.active{background:#4ade8033;color:#4ade80}.event-status.upcoming{background:#d4af3733;color:#d4af37}.event-rewards{gap:6px;margin-top:12px}.event-reward{align-items:center;background:#d4af3726;display:flex;padding:4px 10px}.event-reward.more{background:#ffffff1a;color:#ffffff80}.event-details-modal{background:#1a1814;border:1px solid #d4af374d;border-radius:16px;max-height:85vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:90%}.event-details-header{margin-bottom:24px;text-align:center}.event-icon.large{display:block;font-size:3rem;margin-bottom:12px}.event-details-header h2{color:#d4af37;font-family:Cinzel,serif;margin:0 0 12px}.event-dates{display:flex;gap:20px;justify-content:center;margin:20px 0}.event-date{align-items:center;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;padding:12px 20px}.date-label{color:#ffffff80;font-size:.75rem;margin-bottom:4px;text-transform:uppercase}.date-value{color:#ffffffe6;font-size:.9rem}.event-section{margin-top:24px}.event-section h4{align-items:center;color:#d4af37;display:flex;gap:8px;margin:0 0 12px}.rewards-list{display:flex;flex-direction:column;gap:8px}.reward-item{background:#0000004d;border-radius:6px;display:flex;justify-content:space-between;padding:10px 14px}.reward-threshold{color:#ffffff80;font-size:.85rem}.reward-value{color:#d4af37;font-size:.9rem}.tips-list{display:flex;flex-direction:column;gap:8px}.tip-item{background:#d4af371a;border-radius:6px;color:#fffc;font-size:.9rem;padding:10px 14px}.preferences-modal{background:#1a1814;border:1px solid #d4af374d;border-radius:12px;max-width:450px;padding:24px;width:90%}.modal-close{background:#0000;border:none;color:#ffffff80;cursor:pointer;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s}.modal-close:hover{color:#fff}@media (max-width:768px){.calendar-legend{justify-content:center}.timeline-event{align-items:flex-start;flex-direction:column;gap:12px}.timeline-date{flex-direction:row;gap:8px}.fusion-details-header{flex-direction:column;gap:20px}.fusion-progress-circle.large{align-self:center}.fusion-progress-summary{flex-wrap:wrap}.progress-stat{min-width:80px}.event-dates{flex-direction:column;gap:10px}.fusions-grid{grid-template-columns:1fr}}.premium-page{background:linear-gradient(180deg,#0d0c0a,#1a1814);min-height:100vh;padding-bottom:60px}.premium-hero{background:linear-gradient(180deg,#d4af3714,#0000);border-bottom:1px solid #d4af3726;padding:100px 20px 60px;position:relative;text-align:center}.premium-hero h1{color:#d4af37;font-size:clamp(2rem,5vw,3rem);margin-bottom:12px;text-shadow:0 0 30px #d4af374d}.premium-hero p{color:#ffffffb3;font-size:clamp(1rem,2.5vw,1.2rem);margin:0 auto;max-width:600px}.premium-content{margin:0 auto;max-width:1400px;padding:40px 20px}.premium-grid{display:grid;gap:24px}.premium-card{background:linear-gradient(145deg,#1e1c18f2,#14120efa);border:1px solid #d4af3733;border-radius:12px;padding:24px;transition:all .3s ease}.premium-card:hover{border-color:#d4af3766;box-shadow:0 8px 32px #0006}.premium-card-header{align-items:center;border-bottom:1px solid #d4af371a;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.premium-card-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#d4af370d);border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.premium-card-title{color:#d4af37;font-size:1.25rem;font-weight:600}.premium-card-subtitle{color:#ffffff80;font-size:.875rem}.roadmap-stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.roadmap-stat{background:#d4af370d;border:1px solid #d4af3726;border-radius:12px;padding:20px;text-align:center}.roadmap-stat-value{color:#d4af37;font-size:2.5rem;font-weight:700;line-height:1}.roadmap-stat-label{color:#fff9;font-size:.875rem;margin-top:8px}.account-tier{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px}.account-tier.beginner{background:#80808033;color:#999}.account-tier.early-game{background:#4caf5033;color:#4caf50}.account-tier.mid-game{background:#2196f333;color:#2196f3}.account-tier.late-game{background:#9c27b033;color:#9c27b0}.account-tier.end-game{background:#d4af3733;color:#d4af37}.content-readiness-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.content-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:16px;transition:all .3s ease}.content-card:hover{background:#0006;border-color:#d4af374d}.content-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.content-card-name{color:#fff;font-weight:600}.content-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.content-status.ready{background:#4caf5033;color:#4caf50}.content-status.possible{background:#ffc10733;color:#ffc107}.content-status.building{background:#2196f333;color:#2196f3}.content-status.locked{background:#80808033;color:#999}.content-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.content-progress-fill{border-radius:3px;height:100%;transition:width .5s ease}.content-progress-fill.ready{background:linear-gradient(90deg,#4caf50,#8bc34a)}.content-progress-fill.possible{background:linear-gradient(90deg,#ffc107,#ffeb3b)}.content-progress-fill.building{background:linear-gradient(90deg,#2196f3,#03a9f4)}.content-progress-fill.locked{background:#666}.champion-priority-list{display:flex;flex-direction:column;gap:12px}.champion-priority-item{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:8px;display:flex;gap:16px;padding:12px}.champion-priority-rank{align-items:center;background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:50%;color:#000;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.champion-priority-info{flex:1}.champion-priority-name{color:#fff;font-weight:600;margin-bottom:4px}.champion-priority-meta{display:flex;flex-wrap:wrap;gap:8px}.priority-tag{background:#d4af3726;border-radius:10px;color:#d4af37;font-size:.7rem;padding:2px 8px}.gear-inventory-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.gear-stats-row{display:flex;flex-wrap:wrap;gap:24px}.gear-stat-item{text-align:center}.gear-stat-item .value{color:#d4af37;font-size:1.5rem;font-weight:700}.gear-stat-item .label{color:#ffffff80;font-size:.75rem}.gear-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.gear-filter-btn{background:#0000;border:1px solid #fff3;border-radius:20px;color:#ffffffb3;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.gear-filter-btn.active,.gear-filter-btn:hover{background:#d4af3733;border-color:#d4af37;color:#d4af37}.gear-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gear-piece{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;padding:16px;transition:all .3s ease}.gear-piece:hover{border-color:#d4af3766;transform:translateY(-2px)}.gear-piece-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.gear-piece-slot{color:#ffffff80;font-size:.75rem;text-transform:uppercase}.gear-piece-stars{color:#ffc107;font-size:.875rem}.gear-piece-set{color:#fff;font-weight:600;margin-bottom:8px}.gear-piece-main{color:#d4af37;font-size:.9rem;margin-bottom:8px}.gear-substats{display:flex;flex-direction:column;gap:4px}.gear-substat{color:#fff9;font-size:.8rem}.gear-efficiency,.gear-substat{display:flex;justify-content:space-between}.gear-efficiency{align-items:center;border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.efficiency-score{font-weight:600}.efficiency-score.high{color:#4caf50}.efficiency-score.medium{color:#ffc107}.efficiency-score.low{color:#f44336}.comparison-selector{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.comparison-slot{background:#0000004d;border:2px dashed #fff3;border-radius:12px;cursor:pointer;flex:1;max-width:300px;min-width:200px;padding:20px;text-align:center;transition:all .3s ease}.comparison-slot:hover{background:#d4af370d;border-color:#d4af3780}.comparison-slot.filled{border-color:#d4af3766;border-style:solid}.comparison-slot-champion{align-items:center;display:flex;flex-direction:column;gap:8px}.comparison-slot-avatar{border:2px solid #d4af3766;border-radius:50%;height:80px;object-fit:cover;width:80px}.comparison-slot-name{color:#fff;font-weight:600}.comparison-slot-remove{align-items:center;background:#f44336cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.comparison-results{display:grid;gap:24px}.stat-comparison-table{border-collapse:collapse;width:100%}.stat-comparison-table td,.stat-comparison-table th{border-bottom:1px solid #ffffff1a;padding:12px 16px;text-align:center}.stat-comparison-table th{color:#fff9;font-size:.875rem;font-weight:500}.stat-comparison-table td{color:#fff}.stat-comparison-table .stat-name{color:#fffc;text-align:left}.stat-comparison-table .winner{background:#d4af3726;color:#d4af37;font-weight:600}.comparison-recommendation{background:linear-gradient(135deg,#d4af371a,#d4af3705);border:1px solid #d4af374d;border-radius:12px;padding:24px;text-align:center}.recommendation-title{color:#ffffffb3;font-size:1.1rem;margin-bottom:12px}.recommendation-champion{color:#d4af37;font-size:1.5rem;font-weight:700;margin-bottom:16px}.recommendation-reasons{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:400px;text-align:left}.recommendation-reason{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:8px}.recommendation-reason:before{color:#4caf50;content:"✓"}.community-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:16px}.community-tab{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.community-tab:hover{background:#ffffff0d;color:#fff}.community-tab.active{background:#d4af3733;color:#d4af37}.builds-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.build-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;transition:all .3s ease}.build-card:hover{border-color:#d4af3766;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.build-card-header{align-items:center;background:#0003;display:flex;gap:12px;padding:16px}.build-champion-avatar{border:2px solid #d4af374d;border-radius:10px;height:60px;object-fit:cover;width:60px}.build-info{flex:1}.build-name{color:#fff;font-weight:600;margin-bottom:4px}.build-champion-name{color:#fff9;font-size:.875rem}.build-verified{background:#4caf5033;border-radius:4px;color:#4caf50;font-size:.7rem;font-weight:600;padding:4px 8px}.build-card-body{padding:16px}.build-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.build-tag{background:#ffffff14;border-radius:4px;color:#ffffffb3;font-size:.7rem;padding:4px 8px}.build-stats-preview{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.build-stat-preview{background:#0003;border-radius:6px;padding:8px;text-align:center}.build-stat-preview .value{color:#d4af37;font-size:.9rem;font-weight:600}.build-stat-preview .label{color:#ffffff80;font-size:.7rem}.build-card-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 16px}.build-author{align-items:center;display:flex;gap:8px}.build-author-avatar{background:#d4af374d;border-radius:50%;height:24px;width:24px}.build-author-name{color:#fff9;font-size:.8rem}.build-votes{gap:12px}.build-votes,.vote-btn{align-items:center;display:flex}.vote-btn{background:#ffffff0d;border:none;border-radius:6px;color:#fff9;cursor:pointer;font-size:.8rem;gap:4px;padding:6px 10px;transition:all .2s ease}.vote-btn:hover{background:#ffffff1a}.vote-btn.upvote:hover{color:#4caf50}.vote-btn.downvote:hover{color:#f44336}.comments-section{margin-top:24px}.comment{background:#0003;border-radius:10px;display:flex;gap:12px;margin-bottom:12px;padding:16px}.comment-avatar{background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:50%;height:40px;width:40px}.comment-content{flex:1}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#fff;font-weight:600}.comment-time{color:#fff6;font-size:.75rem}.comment-text{color:#fffc;line-height:1.5}.comment-actions{display:flex;gap:12px;margin-top:8px}.comment-action{color:#ffffff80;cursor:pointer;font-size:.8rem;transition:color .2s ease}.comment-action:hover{color:#d4af37}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notifications-actions{display:flex;gap:12px}.mark-all-read{background:#0000;border:1px solid #d4af374d;border-radius:8px;color:#d4af37;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.mark-all-read:hover{background:#d4af371a}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s ease}.notification-item:hover{background:#0006;border-color:#d4af374d}.notification-item.unread{border-left:3px solid #d4af37}.notification-icon{align-items:center;background:#d4af371a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.notification-content{flex:1}.notification-title{color:#fff;font-weight:600;margin-bottom:4px}.notification-message{color:#ffffffb3;font-size:.9rem;line-height:1.4}.notification-time{color:#fff6;font-size:.75rem;margin-top:8px}.notification-action-btn{background:#d4af3733;border:none;border-radius:6px;color:#d4af37;cursor:pointer;font-size:.8rem;margin-top:8px;padding:6px 12px}.notification-dismiss{align-self:flex-start;background:#0000;border:none;color:#ffffff4d;cursor:pointer;padding:8px;transition:color .2s ease}.notification-dismiss:hover{color:#f44336}.events-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.event-card-header{align-items:center;background:linear-gradient(135deg,#d4af371a,#0000);display:flex;gap:12px;padding:16px}.event-icon{font-size:32px}.event-info{flex:1}.event-name{color:#fff;font-weight:600}.event-time{color:#ffffff80;font-size:.8rem}.event-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px}.event-status.active{background:#4caf5033;color:#4caf50}.event-status.upcoming{background:#2196f333;color:#2196f3}.event-card-body{padding:16px}.event-description{color:#ffffffb3;font-size:.9rem;margin-bottom:12px}.event-rewards{display:flex;flex-wrap:wrap;gap:8px}.event-reward{background:#d4af371a;border-radius:4px;color:#d4af37;font-size:.75rem;padding:4px 8px}.fusion-progress-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:16px;padding:20px}.fusion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.fusion-champion-name{color:#d4af37;font-size:1.25rem;font-weight:600}.fusion-progress-circle{align-items:center;background:conic-gradient(#d4af37 var(--progress),#ffffff1a 0);border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;width:60px}.fusion-progress-circle:before{background:#1a1814;border-radius:50%;content:"";height:50px;position:absolute;width:50px}.fusion-progress-text{color:#fff;font-size:.9rem;font-weight:600;position:relative}.fusion-requirements{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.fusion-req-item{background:#0003;border-radius:6px;font-size:.75rem;padding:8px;text-align:center}.fusion-req-item.owned{background:#4caf5033;color:#4caf50}.fusion-req-item.missing{background:#f443361a;color:#ffffff80}.notification-bell{cursor:pointer;position:relative}.notification-badge{align-items:center;background:#f44336;border-radius:9px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}@media (max-width:768px){.premium-hero{padding:80px 16px 40px}.premium-content{padding:24px 16px}.premium-card{padding:16px}.roadmap-stats{grid-template-columns:repeat(2,1fr)}.roadmap-stat-value{font-size:2rem}.content-readiness-grid{grid-template-columns:1fr}.comparison-selector{flex-direction:column}.comparison-slot{max-width:100%}.stat-comparison-table{font-size:.8rem}.stat-comparison-table td,.stat-comparison-table th{padding:8px}.builds-grid{grid-template-columns:1fr}.community-tabs{-webkit-overflow-scrolling:touch;justify-content:flex-start}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gear-filters{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:8px}.notification-item{flex-direction:column;gap:12px}.notification-icon{font-size:20px;height:40px;width:40px}.events-grid{grid-template-columns:1fr}}@media (max-width:480px){.premium-hero h1{font-size:1.75rem}.roadmap-stats{grid-template-columns:1fr}.gear-inventory-header{align-items:flex-start;flex-direction:column}.gear-stats-row{justify-content:space-around;width:100%}.build-stats-preview{grid-template-columns:repeat(2,1fr)}}.pp-page{margin:0 auto;max-width:1100px;padding:24px 20px 60px}.pp-surface{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0ce0;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);border-radius:20px;box-shadow:0 8px 40px #00000080,inset 0 1px 0 #ffffff08,inset 0 0 80px #0003;overflow:hidden;padding:40px 32px 48px;position:relative}.pp-surface:before{animation:ppBorderSweep 6s ease-in-out infinite;border:1.5px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute}@keyframes ppBorderSweep{0%{clip-path:inset(0 100% 0 0);opacity:0}15%{opacity:.1}50%{clip-path:inset(0 0 0 0);opacity:.1}85%{opacity:0}to{clip-path:inset(0 0 0 100%);opacity:0}}.pp-section-title{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);font-size:1.2rem;font-weight:700;letter-spacing:1px;margin:0 0 28px;text-align:center}.pp-hero{margin-bottom:40px;padding:50px 20px 40px;position:relative;text-align:center}.pp-hero-glow{background:radial-gradient(ellipse,color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000) 0,#0000 70%);height:300px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:500px}.pp-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,var(--accent-1,#d4af37) 100%);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:var(--font-heading,"Cinzel",serif);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.2;margin:0 0 14px;position:relative}.pp-hero-sub{color:var(--text-secondary,#b8a88a);font-size:.95rem;line-height:1.6;margin:0 auto 30px;max-width:560px}.pp-stats{background:#0a0a0cb3;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000);border-radius:14px;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:600px;padding:16px 24px}.pp-stat,.pp-stats{align-items:center;display:flex}.pp-stat{flex-direction:column;gap:3px}.pp-stat-num{font-family:var(--font-heading,"Cinzel",serif);font-size:1rem;font-weight:700}.pp-stat-accent,.pp-stat-num{color:var(--accent-1,#d4af37)}.pp-stat-accent{align-items:center;display:flex}.pp-stat-label{color:var(--text-muted,#7a6c58);font-size:.68rem;letter-spacing:.5px;text-transform:uppercase}.pp-stat-divider{background:color-mix(in srgb,var(--accent-1,#d4af37) 15%,#0000);height:28px;width:1px}.pp-pricing{margin-bottom:50px}.pp-toggle{background:#0000004d;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);border-radius:10px;display:flex;gap:0;justify-content:center;margin-bottom:28px;margin-left:auto;margin-right:auto;padding:3px;width:fit-content}.pp-toggle-btn{background:#0000;border:none;border-radius:8px;color:var(--text-muted,#7a6c58);cursor:pointer;font-size:.82rem;font-weight:600;padding:9px 24px;transition:all .2s ease}.pp-toggle-btn--active{background:linear-gradient(135deg,var(--accent-1,#d4af37),color-mix(in srgb,var(--accent-1,#d4af37) 60%,#000));box-shadow:0 2px 10px color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000);color:#1a1410}.pp-cards{align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:760px}.pp-card{backdrop-filter:blur(20px);background:#0a0a0ce0;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);border-radius:20px;margin-top:12px;padding:36px 22px 22px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pp-card:hover{box-shadow:0 8px 30px #0006;transform:translateY(-3px)}.pp-card--selected{border-color:color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000);box-shadow:0 0 40px color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000)}.pp-card--yearly.pp-card--selected{border-color:color-mix(in srgb,var(--accent-1,#d4af37) 50%,#0000);box-shadow:0 0 50px color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000)}.pp-card-badge{background:#000000b3;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);border-radius:20px;color:var(--text-muted,#7a6c58);font-size:.62rem;font-weight:700;left:50%;letter-spacing:1px;padding:4px 14px;position:absolute;text-transform:uppercase;top:0;transform:translateX(-50%) translateY(-50%);white-space:nowrap}.pp-card-badge--gold{background:linear-gradient(135deg,var(--accent-1,#d4af37),color-mix(in srgb,var(--accent-1,#d4af37) 60%,#000));border-color:#0000;color:#1a1410}.pp-card-head{border-bottom:1px solid #ffffff0a;margin-bottom:20px;padding-bottom:16px;text-align:center}.pp-card-head h3{align-items:center;color:var(--text-primary,#f5f0e8);display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:.85rem;font-weight:700;gap:7px;justify-content:center;margin:0 0 10px}.pp-card-head h3 svg{color:var(--accent-1,#d4af37)}.pp-card-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.pp-price-amount{color:var(--accent-1,#d4af37);font-family:var(--font-heading,"Cinzel",serif);font-size:2rem;font-weight:700}.pp-price-period{color:var(--text-muted,#7a6c58);font-size:.78rem}.pp-card-anchor,.pp-card-equiv{color:var(--text-muted,#7a6c58);font-size:.72rem;margin:6px 0 0}.pp-card-save{background:color-mix(in srgb,var(--accent-1,#d4af37) 10%,#0000);border-radius:12px;color:var(--accent-1,#d4af37);display:inline-block;font-size:.68rem;font-weight:700;margin-top:6px;padding:3px 10px}.pp-card-benefits{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.pp-benefit-group h4{align-items:center;color:var(--accent-1,#d4af37);display:flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.8px;margin:0 0 6px;text-transform:uppercase}.pp-benefit-group h4 svg{opacity:.7}.pp-benefit-group ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.pp-benefit-group li{align-items:center;color:#ffffffb3;display:flex;font-size:.78rem;gap:7px}.pp-benefit-group li svg{color:var(--accent-1,#d4af37);flex-shrink:0;opacity:.6}.pp-card-cta{align-items:center;background:#ffffff0f;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);border-radius:10px;color:var(--text-primary,#f5f0e8);cursor:pointer;display:flex;font-size:.8rem;font-weight:700;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.pp-card-cta:hover:not(:disabled){background:#ffffff1a;border-color:color-mix(in srgb,var(--accent-1,#d4af37) 40%,#0000);transform:translateY(-1px)}.pp-card-cta--gold{background:linear-gradient(135deg,var(--accent-1,#d4af37),color-mix(in srgb,var(--accent-1,#d4af37) 60%,#000));border:none;box-shadow:0 4px 20px color-mix(in srgb,var(--accent-1,#d4af37) 30%,#0000);color:#1a1410}.pp-card-cta--gold:hover:not(:disabled){box-shadow:0 6px 28px color-mix(in srgb,var(--accent-1,#d4af37) 45%,#0000)}.pp-card-cta:disabled{cursor:not-allowed;opacity:.4}.pp-card-cta svg{flex-shrink:0}.pp-trust{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:20px}.pp-trust span{align-items:center;color:var(--text-muted,#7a6c58);display:flex;font-size:.7rem;gap:5px}.pp-trust svg{color:color-mix(in srgb,var(--accent-1,#d4af37) 50%,#fff)}.pp-urgency{align-items:center;color:var(--accent-1,#d4af37);display:flex;font-size:.72rem;gap:6px;justify-content:center;margin-top:14px;opacity:.7;text-align:center}.pp-why{margin-bottom:50px;padding-top:10px}.pp-why-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.pp-why-card{background:#0a0a0cb3;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000);border-radius:16px;padding:24px 18px;text-align:center;transition:border-color .2s ease,transform .2s ease}.pp-why-card:hover{border-color:color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);transform:translateY(-2px)}.pp-why-icon{align-items:center;background:color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000);border-radius:14px;color:var(--accent-1,#d4af37);display:flex;height:48px;justify-content:center;margin:0 auto 14px;width:48px}.pp-why-card h3{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);font-size:.82rem;font-weight:700;margin:0 0 8px}.pp-why-card p{color:var(--text-muted,#7a6c58);font-size:.78rem;line-height:1.5;margin:0}.pp-compare{margin-bottom:50px}.pp-compare-table{background:#0a0a0c99;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000);border-radius:16px;margin:0 auto;max-width:650px;overflow:hidden}.pp-compare-head{background:#0000004d;border-bottom:1px solid #ffffff0a;display:grid;grid-template-columns:1fr 1fr 1fr;padding:14px 18px}.pp-compare-head .pp-compare-col{font-size:.72rem;font-weight:700;letter-spacing:.8px;text-align:center;text-transform:uppercase}.pp-compare-head .pp-compare-free{color:var(--text-muted,#7a6c58)}.pp-compare-head .pp-compare-prem{color:var(--accent-1,#d4af37)}.pp-compare-row{align-items:center;border-bottom:1px solid #ffffff05;display:grid;grid-template-columns:1fr 1fr 1fr;padding:11px 18px}.pp-compare-row:last-child{border-bottom:none}.pp-compare-feature{color:var(--text-primary,#f5f0e8);font-size:.78rem}.pp-compare-col{font-size:.75rem;text-align:center}.pp-compare-muted{color:var(--text-muted,#7a6c58);opacity:.6}.pp-compare-no{color:#fff3;font-style:italic;text-decoration:line-through}.pp-compare-yes{align-items:center;color:var(--accent-1,#d4af37);display:inline-flex;font-size:.72rem;font-weight:600;gap:4px}.pp-social{margin-bottom:50px}.pp-social-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:550px}.pp-social-card{background:#0a0a0c99;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 8%,#0000);border-radius:14px;padding:20px 14px;text-align:center}.pp-social-num{display:block;font-family:var(--font-heading,"Cinzel",serif);font-size:1.1rem;font-weight:700}.pp-social-num,.pp-social-stars{color:var(--accent-1,#d4af37);margin-bottom:4px}.pp-social-stars{display:flex;gap:2px;justify-content:center}.pp-social-label{color:var(--text-muted,#7a6c58);font-size:.68rem;letter-spacing:.5px;text-transform:uppercase}.pp-advisor{background:#0a0a0cb3;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000);border-radius:20px;margin-bottom:50px;overflow:hidden;padding:36px 28px;position:relative}.pp-advisor:before{background:radial-gradient(circle,color-mix(in srgb,var(--accent-1,#d4af37) 5%,#0000) 0,#0000 60%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-30%;top:-50%;width:400px}.pp-advisor-content{max-width:480px;position:relative;z-index:1}.pp-advisor-badge{align-items:center;background:color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);border-radius:20px;color:var(--accent-1,#d4af37);display:inline-flex;font-size:.65rem;font-weight:700;gap:5px;letter-spacing:1px;margin-bottom:14px;padding:4px 12px;text-transform:uppercase}.pp-advisor h2{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);font-size:1.2rem;font-weight:700;margin:0 0 6px}.pp-advisor-sub{color:var(--text-muted,#7a6c58);font-size:.82rem;margin:0 0 18px}.pp-advisor-feats{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 22px;padding:0}.pp-advisor-feats li{align-items:center;color:#ffffffbf;display:flex;font-size:.82rem;gap:8px}.pp-advisor-feats li svg{color:var(--accent-1,#d4af37);flex-shrink:0}.pp-advisor-cta{align-items:center;background:linear-gradient(135deg,var(--accent-1,#d4af37),color-mix(in srgb,var(--accent-1,#d4af37) 60%,#000));border:none;border-radius:10px;box-shadow:0 4px 16px color-mix(in srgb,var(--accent-1,#d4af37) 25%,#0000);color:#1a1410;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;padding:11px 22px;transition:transform .15s ease,box-shadow .15s ease}.pp-advisor-cta:hover:not(:disabled){box-shadow:0 6px 24px color-mix(in srgb,var(--accent-1,#d4af37) 40%,#0000);transform:translateY(-1px)}.pp-faq{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:650px}.pp-faq-list{display:flex;flex-direction:column;gap:8px}.pp-faq-item{background:#0a0a0c99;border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 6%,#0000);border-radius:12px;overflow:hidden;transition:border-color .2s ease}.pp-faq-item:hover{border-color:color-mix(in srgb,var(--accent-1,#d4af37) 15%,#0000)}.pp-faq-q{align-items:center;background:none;border:none;color:var(--text-primary,#f5f0e8);cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:12px;justify-content:space-between;padding:14px 18px;text-align:left;width:100%}.pp-faq-arrow{color:var(--text-muted,#7a6c58);flex-shrink:0;transition:transform .2s ease}.pp-faq-arrow--open{transform:rotate(180deg)}.pp-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.pp-faq-a--open{max-height:200px}.pp-faq-a p{color:var(--text-muted,#7a6c58);font-size:.78rem;line-height:1.6;margin:0;padding:0 18px 14px}@media (max-width:680px){.pp-surface{border-radius:14px;padding:24px 16px 32px}.pp-cards,.pp-why-grid{grid-template-columns:1fr;max-width:380px}.pp-why-grid{margin:0 auto}.pp-social-grid{grid-template-columns:1fr;max-width:280px}.pp-compare-table{font-size:.72rem}.pp-compare-yes{font-size:.66rem}.pp-hero-title{font-size:1.4rem}.pp-stats{gap:12px;padding:12px 16px}.pp-stat-divider{display:none}.pp-advisor{padding:24px 18px}.pp-price-amount{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.pp-advisor-cta,.pp-card,.pp-card-cta,.pp-faq-a,.pp-why-card{transition:none!important}}.pressable{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s cubic-bezier(.2,0,.2,1),opacity .1s cubic-bezier(.2,0,.2,1),background-color .1s cubic-bezier(.2,0,.2,1);user-select:none;will-change:transform,opacity}.pressable:active{opacity:.85;transform:scale(.98)}.pressable--icon:active{transform:scale(.92)}.pressable--row:active{background-color:#d4af3714;transform:scale(.995)}.pressable--cta:active{opacity:.9;transform:scale(.97)}@media (prefers-reduced-motion:reduce){.pressable,.pressable--cta,.pressable--icon,.pressable--row{transition:background-color .1s ease;will-change:auto}.pressable--cta:active,.pressable--icon:active,.pressable--row:active,.pressable:active{background-color:#d4af371f;opacity:1;transform:none}}@media (hover:none){.pressable:active{transition-duration:50ms}}.profile-card{background:linear-gradient(145deg,#1e1914f2,#14110efa);border:2px solid #d4af3740;border-radius:16px;isolation:isolate;overflow:hidden;padding:24px;position:relative}.profile-card-inner{position:relative;z-index:2}.profile-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.profile-card-avatar{flex-shrink:0}.profile-card-identity{flex:1;min-width:0}.profile-card-name{color:#e8dcc8;font-family:Cinzel,serif;font-size:1.25rem;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card-username{color:#6b5c4a;font-size:.85rem;margin:0}.profile-card-tier{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.profile-card-tier.tier-free{background:#6b5c4a4d;border:1px solid #6b5c4a66;color:#8a7b6a}.profile-card-tier.tier-pro{background:linear-gradient(135deg,#d4af3733,#9a7b2a4d);border:1px solid #d4af3780;color:#d4af37}.profile-card-stats{border-bottom:1px solid #d4af371a;border-top:1px solid #d4af371a;display:flex;gap:20px;margin-bottom:12px;padding:12px 0}.profile-card-stat{align-items:center;display:flex;flex-direction:column}.profile-card-stat-value{color:#d4af37;font-family:Cinzel,serif;font-size:1.1rem;font-weight:600}.profile-card-stat-label{color:#6b5c4a;font-size:.7rem;letter-spacing:.3px;text-transform:uppercase}.profile-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.profile-card-badges-label{color:#6b5c4a;font-size:.7rem;margin-right:4px}.profile-card.card-holographic{border-color:#8b5cf64d}.profile-card.card-holographic:before{animation:holoShift 8s ease-in-out infinite;background:linear-gradient(125deg,#8b5cf600,#3b82f614 25%,#ec489914 50%,#22c55e14 75%,#fbbf2400);background-size:400% 400%;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute;z-index:0}.profile-card.card-holographic:hover:before{animation-duration:3s;opacity:1}.profile-card.card-holographic:after{animation:holoBorder 4s linear infinite;background:linear-gradient(90deg,#8b5cf680,#3b82f680 25%,#ec489980 50%,#22c55e80 75%,#8b5cf680);background-size:300% 100%;border-radius:18px;content:"";inset:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px;position:absolute;z-index:-1}@keyframes holoShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes holoBorder{0%{background-position:0 0}to{background-position:300% 0}}.profile-card.card-legendary-glow{border-color:#d4af3780;box-shadow:0 0 20px #d4af3726,inset 0 0 30px #d4af370d}.profile-card.card-legendary-glow:before{animation:legendaryFloat 6s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#fbbf2426 0,#0000 30%),radial-gradient(circle at 80% 30%,#d4af371f 0,#0000 25%),radial-gradient(circle at 70% 80%,#fbbf241a 0,#0000 28%),radial-gradient(circle at 30% 70%,#d4af371f 0,#0000 25%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.profile-card.card-legendary-glow:after{animation:particlesDrift 8s ease-in-out infinite;background:radial-gradient(circle at 15% 25%,#fbbf24cc 0,#fbbf24cc 2px,#0000 0),radial-gradient(circle at 85% 15%,#d4af37b3 0,#d4af37b3 1.5px,#0000 0),radial-gradient(circle at 75% 85%,#fbbf2499 0,#fbbf2499 2px,#0000 0),radial-gradient(circle at 25% 75%,#d4af37b3 0,#d4af37b3 1.5px,#0000 0),radial-gradient(circle at 50% 50%,#fbbf2480 0,#fbbf2480 1px,#0000 0),radial-gradient(circle at 90% 60%,#d4af3799 0,#d4af3799 1.5px,#0000 0),radial-gradient(circle at 10% 50%,#fbbf24b3 0,#fbbf24b3 1px,#0000 0);content:"";inset:10px;opacity:.7;pointer-events:none;position:absolute;z-index:0}@keyframes legendaryFloat{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes particlesDrift{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(-1px) rotate(0deg)}75%{transform:translateY(-4px) rotate(-1deg)}}.profile-card.card-epic-pulse{border-color:#a855f780}.profile-card.card-epic-pulse:before{animation:epicPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#a855f799,#8b5cf666) border-box;border:3px solid #0000;border-radius:19px;content:"";inset:-3px;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;position:absolute;z-index:-1}.profile-card.card-epic-pulse:after{animation:epicGlow 2s ease-in-out infinite;border-radius:16px;box-shadow:inset 0 0 25px #a855f726;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@keyframes epicPulse{0%,to{filter:drop-shadow(0 0 4px rgba(168,85,247,.3));opacity:.5}50%{filter:drop-shadow(0 0 12px rgba(168,85,247,.6));opacity:1}}@keyframes epicGlow{0%,to{box-shadow:inset 0 0 25px #a855f71a}50%{box-shadow:inset 0 0 35px #a855f733}}.profile-card.card-mythical-aurora{border-color:#0000}.profile-card.card-mythical-aurora:before{animation:auroraBorder 5s linear infinite;background:linear-gradient(90deg,#ef4444b3,#fbbf24b3 14%,#22c55eb3 28%,#38bdf8b3 42%,#8b5cf6b3 57%,#ec4899b3 71%,#ef4444b3 85%,#fbbf24b3);background-size:200% 100%;border-radius:18px;content:"";inset:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:2px;position:absolute;z-index:-1}.profile-card.card-mythical-aurora:after{animation:auroraInner 10s ease-in-out infinite;background:linear-gradient(135deg,#ef444408,#fbbf2408 20%,#22c55e08 40%,#38bdf808 60%,#8b5cf608 80%,#ec489908);background-size:400% 400%;border-radius:16px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}@keyframes auroraBorder{0%{background-position:0 0}to{background-position:200% 0}}@keyframes auroraInner{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.profile-card[class*=card-]:after,.profile-card[class*=card-]:before{animation:none!important}.profile-card.card-holographic{border-color:#8b5cf680;box-shadow:0 0 15px #8b5cf633}.profile-card.card-legendary-glow{box-shadow:0 0 20px #d4af3740}.profile-card.card-epic-pulse{border-color:#a855f799;box-shadow:0 0 15px #a855f733}.profile-card.card-mythical-aurora{border-color:#8b5cf680;box-shadow:0 0 15px #8b5cf626}}.card-style-selector{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:16px 0}.card-style-option{background:#1e191499;border:2px solid #d4af3733;border-radius:12px;cursor:pointer;padding:12px;position:relative;transition:all .2s ease}.card-style-option:hover:not(.locked){background:#1e1914cc;border-color:#d4af3766;transform:translateY(-2px)}.card-style-option.selected{background:#d4af371a;border-color:#d4af37cc;box-shadow:0 0 20px #d4af3733}.card-style-option.locked{cursor:not-allowed;opacity:.5}.card-style-preview{border-radius:8px;height:80px;margin-bottom:8px;overflow:hidden}.card-style-preview .profile-card{height:166%;padding:12px;transform:scale(.6);transform-origin:top left;width:166%}.card-style-name{align-items:center;color:#a09080;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center}.card-style-option.selected .card-style-name{color:#d4af37}.card-style-vip-badge{background:#000c;border-radius:4px;color:#d4af37;font-size:9px;font-weight:700;padding:2px 6px;position:absolute;right:8px;top:8px}@media (max-width:768px){.card-style-selector{grid-template-columns:1fr}.profile-card{padding:16px}.profile-card-header{gap:12px}.profile-card-name{font-size:1.1rem}.profile-card-stats{gap:12px}}:root{--bg-overlay-opacity:0.30;--bg-mist-hsl:225 30% 42%;--bg-ember-hsl:36 94% 62%;--bg-rune-hsl:42 78% 55%;--bg-overlay-density:1;--bg-overlay-speed:1}[data-theme=shadowkin]{--bg-mist-hsl:335 25% 35%;--bg-ember-hsl:12 88% 52%;--bg-rune-hsl:345 58% 44%}[data-theme=undead]{--bg-mist-hsl:155 22% 32%;--bg-ember-hsl:48 68% 52%;--bg-rune-hsl:145 44% 40%}[data-theme=sacred-order]{--bg-mist-hsl:215 30% 38%;--bg-ember-hsl:44 94% 60%;--bg-rune-hsl:48 88% 54%}[data-theme=demonspawn]{--bg-mist-hsl:355 28% 30%;--bg-ember-hsl:8 90% 48%;--bg-rune-hsl:0 68% 40%}[data-theme=dark-elves]{--bg-mist-hsl:268 25% 34%;--bg-ember-hsl:36 85% 54%;--bg-rune-hsl:275 48% 44%}[data-theme=barbarians]{--bg-mist-hsl:22 22% 34%;--bg-ember-hsl:28 90% 52%;--bg-rune-hsl:20 62% 44%}[data-theme=high-elves]{--bg-mist-hsl:205 28% 38%;--bg-ember-hsl:46 85% 56%;--bg-rune-hsl:200 52% 50%}[data-theme=lizardmen]{--bg-mist-hsl:148 22% 30%;--bg-ember-hsl:42 78% 52%;--bg-rune-hsl:152 45% 40%}[data-theme=skinwalkers]{--bg-mist-hsl:28 20% 32%;--bg-ember-hsl:24 85% 48%;--bg-rune-hsl:30 58% 40%}[data-theme=orcs]{--bg-mist-hsl:105 18% 28%;--bg-ember-hsl:32 82% 50%;--bg-rune-hsl:100 44% 38%}[data-theme=knight-revenant]{--bg-mist-hsl:252 24% 32%;--bg-ember-hsl:40 75% 48%;--bg-rune-hsl:258 48% 40%}[data-theme=banner-lords]{--bg-mist-hsl:218 26% 36%;--bg-ember-hsl:42 90% 56%;--bg-rune-hsl:44 78% 50%}[data-theme=light]{--bg-overlay-opacity:0.04;--bg-mist-hsl:225 18% 55%;--bg-ember-hsl:38 75% 52%}.bg-atmos-mist{animation:atmos-drift calc(45s/var(--bg-overlay-speed)) ease-in-out infinite;background:radial-gradient(ellipse 55% 45% at 10% 15%,hsla(var(--bg-mist-hsl)/.65),#0000 55%),radial-gradient(ellipse 40% 50% at 90% 60%,hsla(var(--bg-mist-hsl)/.5),#0000 50%),radial-gradient(ellipse 60% 30% at 50% 95%,hsla(var(--bg-mist-hsl)/.4),#0000 55%);filter:blur(30px);inset:0;opacity:var(--bg-overlay-opacity);pointer-events:none;position:fixed;transform:translateZ(0);will-change:transform;z-index:9990}@keyframes atmos-drift{0%{transform:translateZ(0) scale(1.02)}25%{transform:translate3d(1.2%,-.8%,0) scale(1.05)}50%{transform:translate3d(-.8%,1.2%,0) scale(1.03)}75%{transform:translate3d(-1.2%,-.4%,0) scale(1.06)}to{transform:translateZ(0) scale(1.02)}}.bg-atmos-embers{height:100%;inset:0;pointer-events:none;position:fixed;width:100%;z-index:9991}.bg-hover-sparkle{animation:sparkle-pop .45s ease-out forwards;background:hsla(var(--bg-ember-hsl)/.6);border-radius:50%;box-shadow:0 0 3px 1px hsla(var(--bg-ember-hsl)/.25);height:3px;pointer-events:none;position:fixed;width:3px;z-index:10001}@keyframes sparkle-pop{0%{opacity:.7;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx,8px),var(--dy,-12px)) scale(.15)}}@media (prefers-reduced-motion:reduce){.bg-atmos-embers,.bg-atmos-mist,.bg-hover-sparkle{display:none!important}}@media (max-width:768px){.bg-atmos-mist{filter:blur(32px);opacity:calc(var(--bg-overlay-opacity)*.55)}}.floating-toolbar{background:linear-gradient(135deg,#1a1410,#0f0c09 50%,#1a1410);border:2px solid #4a3c2a;border-radius:12px 0 0 12px;border-right:none;box-shadow:-4px 0 20px #00000080,inset 0 0 30px #d4af370d;display:flex;flex-direction:column;overflow:visible!important;position:fixed!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;transition:width .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease;z-index:9999!important}.floating-toolbar:before{background:radial-gradient(ellipse at top left,#d4af371a 0,#0000 50%),radial-gradient(ellipse at bottom right,#8b45131a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.floating-toolbar.collapsed{width:52px}.floating-toolbar.expanded{width:220px}.toolbar-ornate-bottom,.toolbar-ornate-top{display:flex;height:20px;justify-content:center;overflow:hidden;width:100%}.ornate-svg{color:#d4af37;height:100%;opacity:.6;width:100%}.toolbar-header{align-items:center;background:linear-gradient(180deg,#d4af371a,#0000);border-bottom:1px solid #d4af3733;display:flex;gap:8px;padding:8px 10px}.toolbar-toggle{align-items:center;background:linear-gradient(135deg,#2a2520,#1a1410);border:1px solid #d4af37;border-radius:6px;color:#d4af37;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.toolbar-toggle:hover{background:linear-gradient(135deg,#3a3530,#2a2520);box-shadow:0 0 10px #d4af374d;transform:scale(1.05)}.toolbar-title{color:#d4af37;font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.toolbar-icon-stack{align-items:center;display:flex;flex-direction:column;gap:2px}.toolbar-main-icon{color:#d4af37;filter:drop-shadow(0 0 4px rgba(212,175,55,.5))}.toolbar-content{flex:1;overflow:visible;padding:8px 0}.toolbar-content::-webkit-scrollbar{display:none}.toolbar-category{margin-bottom:8px}.toolbar-category:last-child{margin-bottom:0}.toolbar-category-label{color:#8b7355;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:4px;padding:4px 12px;text-transform:uppercase}.toolbar-items{flex-direction:column;gap:2px}.toolbar-item,.toolbar-items{display:flex;overflow:visible}.toolbar-item{align-items:center;color:#a89880;gap:10px;padding:10px 12px;position:relative;text-decoration:none;transition:all .2s ease}.toolbar-item:before{background:var(--item-color,#d4af37);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.toolbar-item:hover{background:#d4af371a;color:#fff}.toolbar-item:hover:before{transform:scaleY(1)}.toolbar-item:hover .toolbar-item-icon{color:var(--item-color,#d4af37);transform:scale(1.1)}.toolbar-item.active{background:linear-gradient(90deg,#d4af3733,#0000);color:#d4af37}.toolbar-item.active:before{box-shadow:0 0 10px var(--item-color,#d4af37);transform:scaleY(1)}.toolbar-item.active .toolbar-item-icon{color:var(--item-color,#d4af37);filter:drop-shadow(0 0 4px var(--item-color,#d4af37))}.toolbar-item-icon{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;height:28px;transition:all .2s ease;width:28px}.toolbar-item-label{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-badge{border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.5px;margin-left:auto;padding:2px 5px;text-transform:uppercase}.toolbar-badge.hot{animation:pulse-hot 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toolbar-badge.new{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}@keyframes pulse-hot{0%,to{opacity:1}50%{opacity:.7}}.toolbar-hide{display:none!important}.floating-toolbar-show{align-items:center;background:linear-gradient(135deg,#1a1410,#0f0c09);border:2px solid #d4af37;border-radius:12px 0 0 12px;border-right:none;box-shadow:-4px 0 20px #00000080;color:#d4af37;cursor:pointer;display:flex;height:80px;justify-content:center;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:1000}.floating-toolbar-show:hover{background:linear-gradient(135deg,#2a2520,#1a1410);box-shadow:-4px 0 20px #00000080,0 0 20px #d4af374d;width:48px}.floating-toolbar-show svg{animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.floating-toolbar.collapsed .toolbar-item{justify-content:center;padding:10px 8px;position:relative}.floating-toolbar.collapsed .toolbar-item-icon{margin:0}.raid-epic-tooltip{min-width:320px;opacity:0;pointer-events:none;position:fixed;right:75px;top:50%;transform:translateY(-50%) translateX(40px) scale(.85);transition:opacity .35s cubic-bezier(.175,.885,.32,1.275),visibility .35s cubic-bezier(.175,.885,.32,1.275),transform .35s cubic-bezier(.175,.885,.32,1.275);visibility:hidden;z-index:999999}.floating-toolbar .toolbar-item:hover .raid-epic-tooltip,.floating-toolbar.collapsed .toolbar-item:hover .raid-epic-tooltip,.toolbar-item:hover>.raid-epic-tooltip{opacity:1!important;transform:translateY(-50%) translateX(0) scale(1)!important;visibility:visible!important}.floating-toolbar.expanded .raid-epic-tooltip{display:none!important}.tooltip-glow{animation:glow-pulse 2s ease-in-out infinite;background:radial-gradient(ellipse at center,var(--tooltip-color,#d4af37) 0,#0000 70%);filter:blur(25px);inset:-30px;opacity:.2;pointer-events:none;position:absolute}@keyframes glow-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.35;transform:scale(1.15)}}.tooltip-inner{background:linear-gradient(145deg,#1e1814,#0d0a08 50%,#1e1814);border:2px solid var(--tooltip-color,#d4af37);border-radius:4px;box-shadow:0 0 30px var(--tooltip-color,#d4af37),0 0 60px #000c,inset 0 0 40px #00000080,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:20px 24px;position:relative;text-align:center}.tooltip-inner:before{background:linear-gradient(180deg,#ffffff0d,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.tooltip-rune-decoration{background:#1e1814;color:var(--tooltip-color,#d4af37);font-size:14px;left:50%;padding:0 12px;position:absolute;text-shadow:0 0 10px var(--tooltip-color,#d4af37);top:-1px;transform:translateX(-50%)}.tooltip-icon-wrapper{align-items:center;color:var(--tooltip-color,#d4af37);display:flex;height:72px;justify-content:center;margin:8px auto 16px;position:relative;width:72px}.tooltip-icon-wrapper:not(:has(.toolbar-custom-icon)){animation:icon-pulse 2s ease-in-out infinite;background:radial-gradient(circle,#2a2420 0,#0d0a08 100%);border:3px solid var(--tooltip-color,#d4af37);border-radius:50%;box-shadow:0 0 25px var(--tooltip-color,#d4af37),0 0 50px var(--tooltip-color,#d4af37),inset 0 0 20px #000c}.tooltip-icon-wrapper svg{animation:icon-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor);height:32px;width:32px}@keyframes icon-pulse{0%,to{border-color:var(--tooltip-color,#d4af37);box-shadow:0 0 25px var(--tooltip-color,#d4af37),0 0 50px var(--tooltip-color,#d4af37),inset 0 0 20px #000c}50%{border-color:#fff;box-shadow:0 0 40px var(--tooltip-color,#d4af37),0 0 80px var(--tooltip-color,#d4af37),0 0 100px var(--tooltip-color,#d4af37),inset 0 0 20px #000c}}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 10px currentColor)}50%{filter:drop-shadow(0 0 20px currentColor) drop-shadow(0 0 30px currentColor)}}.tooltip-title-bold{animation:title-flicker 3s ease-in-out infinite;color:#fff;font-family:Cinzel,serif;font-size:16px;font-weight:900;letter-spacing:3px;margin-bottom:6px;text-shadow:0 0 20px var(--tooltip-color,#d4af37),0 0 40px var(--tooltip-color,#d4af37),0 2px 4px #000;text-transform:uppercase}@keyframes title-flicker{0%,to{color:#fff;text-shadow:0 0 20px var(--tooltip-color,#d4af37),0 0 40px var(--tooltip-color,#d4af37),0 2px 4px #000}50%{color:var(--tooltip-color,#d4af37);text-shadow:0 0 30px var(--tooltip-color,#d4af37),0 0 60px var(--tooltip-color,#d4af37),0 0 80px var(--tooltip-color,#d4af37),0 2px 4px #000}}.tooltip-label{color:var(--tooltip-color,#d4af37);font-family:Cinzel,serif;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:10px}.tooltip-divider{background:linear-gradient(90deg,#0000 0,var(--tooltip-color,#d4af37) 50%,#0000 100%);box-shadow:0 0 10px var(--tooltip-color,#d4af37);height:2px;margin:0 auto 12px;width:60%}.tooltip-subtext{color:#b8a88a;font-size:12px;line-height:1.6;margin-bottom:6px}.tooltip-fire-badge{animation:fire-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#f44,#c00);border:2px solid #f66;border-radius:4px;box-shadow:0 0 20px #f44c,0 0 40px #f446,inset 0 1px 0 #ffffff4d;color:#fff;display:inline-block;font-family:Cinzel,serif;font-size:11px;font-weight:800;letter-spacing:2px;margin-top:14px;padding:8px 18px;text-transform:uppercase}@keyframes fire-pulse{0%,to{box-shadow:0 0 20px #f44c,0 0 40px #f446;transform:scale(1)}50%{box-shadow:0 0 30px #f44,0 0 60px #f449,0 0 80px #ff44444d;transform:scale(1.05)}}.tooltip-new-badge{animation:new-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#15803d);border:2px solid #4ade80;border-radius:4px;box-shadow:0 0 20px #22c55ecc,0 0 40px #22c55e66;color:#fff;display:inline-block;font-family:Cinzel,serif;font-size:11px;font-weight:800;letter-spacing:2px;margin-top:14px;padding:8px 18px;text-transform:uppercase}@keyframes new-pulse{0%,to{box-shadow:0 0 20px #22c55ecc,0 0 40px #22c55e66}50%{box-shadow:0 0 30px #22c55e,0 0 60px #22c55e99}}.tooltip-arrow{border-bottom:16px solid #0000;border-left:16px solid var(--tooltip-color,#d4af37);border-top:16px solid #0000;filter:drop-shadow(4px 0 15px var(--tooltip-color,#d4af37));height:0;position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:0}.tooltip-arrow:after{border-bottom:12px solid #0000;border-left:12px solid #1e1814;border-top:12px solid #0000;content:"";height:0;position:absolute;right:4px;top:-12px;width:0}@media (max-width:768px){.floating-toolbar,.floating-toolbar-show{display:none!important}}.floating-toolbar:hover{border-color:#d4af37;box-shadow:-4px 0 20px #00000080,0 0 30px #d4af3726}@keyframes toolbar-slide-in{0%{opacity:0;transform:translateY(-50%) translateX(100%)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.floating-toolbar{animation:toolbar-slide-in .5s ease-out}@media (max-width:768px){@keyframes toolbar-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}}.toolbar-custom-icon{border-radius:4px;object-fit:contain}.toolbar-custom-icon-small{height:100%;max-height:36px;max-width:36px;min-height:18px;min-width:18px;width:100%}.toolbar-custom-icon-large{height:100%;max-height:56px;max-width:56px;min-height:28px;min-width:28px;width:100%}.toolbar-item-icon{align-items:center;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.tooltip-icon-wrapper{height:80px!important;width:80px!important}.tooltip-icon-wrapper .toolbar-custom-icon-large{animation:custom-icon-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 15px var(--tooltip-color,#d4af37)) drop-shadow(0 0 30px var(--tooltip-color,#d4af37));max-height:72px;max-width:72px}@keyframes custom-icon-glow{0%,to{filter:drop-shadow(0 0 15px var(--tooltip-color,#d4af37)) drop-shadow(0 0 30px var(--tooltip-color,#d4af37));transform:scale(1)}50%{filter:drop-shadow(0 0 25px var(--tooltip-color,#d4af37)) drop-shadow(0 0 50px var(--tooltip-color,#d4af37));transform:scale(1.05)}}.toolbar-loading{display:flex;flex-direction:column;gap:4px;padding:8px}.toolbar-skeleton-item{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d);background-size:200% 100%;border-radius:8px;height:36px;width:36px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.back-to-top{-webkit-tap-highlight-color:transparent;align-items:center;background:#141418f2;border:1px solid #d4af374d;border-radius:50%;bottom:calc(80px + env(safe-area-inset-bottom, 0px));box-shadow:0 4px 12px #0006;color:#d4af37;cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;pointer-events:auto;position:fixed;right:16px;touch-action:manipulation;transition:opacity .2s ease,transform .2s ease;width:44px;z-index:800}.back-to-top:hover{background:#1e1e24fa;border-color:#d4af3780}.back-to-top:active{transform:scale(.95)}@media (min-width:769px){.back-to-top{display:none}}@supports (-webkit-touch-callout:none){.back-to-top{transform:translateZ(0);-webkit-transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.back-to-top{transition:opacity .1s ease}.back-to-top:active{transform:none}}.feedback-cta-toast{animation:slideInUp .3s ease-out;background:#121218fa;border:1px solid #d4af3740;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #00000080;max-width:380px;padding:1.25rem 1.5rem;position:fixed;right:24px;transform:translateZ(0);will-change:transform;z-index:9999}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-cta-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff6;cursor:pointer;display:flex;justify-content:center;min-height:28px;min-width:28px;padding:4px;position:absolute;right:12px;top:12px;transition:color .15s ease}.feedback-cta-close:hover{color:#fffc}.feedback-cta-content{align-items:flex-start;display:flex;gap:.75rem;padding-right:1.5rem}.feedback-cta-icon{color:#d4af37;flex-shrink:0;margin-top:2px}.feedback-cta-text-block{display:flex;flex-direction:column;gap:4px}.feedback-cta-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.feedback-cta-subtitle{color:#fff9;font-size:.875rem;line-height:1.4;margin:0}.feedback-cta-discord-section{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.feedback-cta-discord-content{align-items:flex-start;display:flex;gap:.75rem}.feedback-cta-discord-icon{color:#5865f2;flex-shrink:0;margin-top:2px;opacity:.9}.feedback-cta-discord-text{display:flex;flex-direction:column;gap:4px}.feedback-cta-discord-title{color:#fff;font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.feedback-cta-discord-subtitle{color:#ffffff8c;font-size:.85rem;line-height:1.4;margin:0}.feedback-cta-actions{display:flex;gap:.5rem;margin-top:1.25rem}.feedback-cta-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;min-height:44px;padding:.625rem 1rem;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap}.feedback-cta-btn.primary{background:linear-gradient(135deg,#d4af37,#b8942e);border:none;color:#000;flex:0 0 auto;font-weight:600}.feedback-cta-btn.primary:hover{box-shadow:0 2px 12px #d4af3759}.feedback-cta-btn.discord{background:#14141ccc;border:1px solid #d4af3780;color:#fff;flex:0 0 auto}.feedback-cta-btn.discord svg{color:#5865f2;opacity:.9}.feedback-cta-btn.discord:hover{background:#1e1e28e6;border-color:#d4af37b3}.feedback-cta-btn.tertiary{background:#0000;border:1px solid #ffffff26;color:#fff9;flex:0 0 auto}.feedback-cta-btn.tertiary:hover{border-color:#ffffff40;color:#fffc}@media (max-width:480px){.feedback-cta-toast{bottom:calc(80px + env(safe-area-inset-bottom, 0px));left:12px;max-width:none;padding:1rem 1.25rem;right:12px}.feedback-cta-actions{flex-direction:column;gap:.5rem}.feedback-cta-btn{min-height:44px;width:100%}.feedback-cta-btn.primary{order:1}.feedback-cta-btn.discord{order:2}.feedback-cta-btn.tertiary{background:#0000;border:none;color:#fff6;font-size:.8rem;min-height:36px;order:3}}@media (prefers-reduced-motion:reduce){.feedback-cta-toast{animation:none}.feedback-cta-btn{transition:none}}.translation-prompt{animation:slideInLeft .3s ease-out;background:var(--bg-primary,#1a1a2e);border:1px solid #d4af3740;border-radius:10px;bottom:24px;box-shadow:0 6px 24px #00000059;left:24px;max-width:280px;padding:.875rem 1rem;position:fixed;transform:translateZ(0);will-change:transform;z-index:9998}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.translation-prompt-close{background:#0000;border:none;border-radius:4px;color:var(--text-tertiary,#ffffff59);cursor:pointer;line-height:1;padding:4px;position:absolute;right:6px;top:6px;transition:color .2s ease}.translation-prompt-close:hover{color:var(--text-primary)}.translation-prompt-content{align-items:center;display:flex;gap:.625rem;margin-bottom:.75rem;padding-right:1.25rem}.translation-prompt-icon{color:#7eb8da;flex-shrink:0}.translation-prompt-text{color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.3}.translation-prompt-actions{display:flex;gap:.5rem}.translation-prompt-btn{align-items:center;border-radius:5px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:.35rem;padding:.4rem .6rem;transition:all .2s ease}.translation-prompt-btn.help{background:#7eb8da26;border:1px solid #7eb8da4d;color:#7eb8da;flex:1}.translation-prompt-btn.help:hover{background:#7eb8da40;border-color:#7eb8da80}.translation-prompt-btn.switch{background:#d4af3726;border:1px solid #d4af3766;color:#d4af37;flex:1;font-weight:600}.translation-prompt-btn.switch:hover{background:#d4af3740;border-color:#d4af37}.translation-prompt-btn.dismiss{background:#0000;border:1px solid var(--border-color,#ffffff1f);color:var(--text-tertiary,#ffffff80)}.translation-prompt-btn.dismiss:hover{border-color:#ffffff40;color:var(--text-secondary)}.translation-prompt-tooltip{background:#0000004d;border:1px solid #ffffff14;border-radius:6px;margin-top:.75rem;padding:.75rem}.translation-prompt-tooltip p{color:var(--text-secondary,#ffffffb3);font-size:.75rem;line-height:1.5;margin:0}.translation-prompt-tooltip p:not(:last-child){margin-bottom:.5rem}.translation-prompt-tooltip strong{color:var(--text-primary)}@media (max-width:480px){.translation-prompt{bottom:12px;bottom:140px;left:12px;max-width:none;right:12px}}@media (prefers-reduced-motion:reduce){.translation-prompt{animation:none}}.tb{--tb-bg:#0d0b0f;--tb-surface:hsla(0,0%,100%,.025);--tb-surface-hover:#ffffff0d;--tb-border:#ffffff0f;--tb-border-strong:#ffffff1a;--tb-accent:var(--accent-1,#d6b35a);--tb-accent-dim:color-mix(in srgb,var(--accent-1,#d6b35a) 12%,#0000);--tb-accent-border:color-mix(in srgb,var(--accent-1,#d6b35a) 25%,#0000);--tb-accent-glow:color-mix(in srgb,var(--accent-1,#d6b35a) 35%,#0000);--tb-text:#ffffffeb;--tb-text-dim:#ffffff8c;--tb-text-muted:#ffffff4d;--tb-danger:#ef4444;--tb-success:#22c55e;--tb-radius:6px;--tb-radius-sm:5px;--tb-transition:150ms ease;animation:tb-pageIn .35s ease;background:var(--tb-bg);color:var(--tb-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}@keyframes tb-pageIn{0%{opacity:0}to{opacity:1}}.tb-container{margin:0 auto;max-width:1280px}.tb-ctrl{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d0b0feb;border-bottom:1px solid var(--tb-border);height:52px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:100}.tb-ctrl,.tb-ctrl-left{align-items:center;display:flex}.tb-ctrl-left{gap:6px}.tb-content-btn,.tb-ctrl-right{align-items:center;display:flex;gap:8px}.tb-content-btn{background:var(--tb-accent-dim);border:1px solid var(--tb-accent-border);border-radius:var(--tb-radius);color:var(--tb-text);cursor:pointer;font-size:.88rem;font-weight:700;letter-spacing:.04em;padding:7px 16px;text-transform:uppercase;transition:border-color var(--tb-transition),background var(--tb-transition);white-space:nowrap}.tb-content-btn:hover{background:var(--tb-surface-hover);border-color:var(--tb-accent)}.tb-content-btn.open{background:var(--tb-accent-dim);border-color:var(--tb-accent)}.tb-content-btn .tb-ctrl-icon{border-radius:4px;height:26px;object-fit:cover;width:26px}.tb-content-btn .tb-ctrl-emoji{font-size:1.15rem}.tb-content-btn .tb-diff-badge{background:#ffffff14;border-radius:3px;color:var(--tb-text-dim);font-size:.55rem;font-weight:600;padding:1px 5px;text-transform:capitalize}.tb-ctrl-divider{background:var(--tb-border-strong);height:28px;margin:0 8px;width:1px}.tb-mode-btn{background:#0000;border:1px solid #0000;border-radius:var(--tb-radius);color:var(--tb-text-dim);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all var(--tb-transition);white-space:nowrap}.tb-mode-btn:hover{background:var(--tb-surface-hover);color:var(--tb-text)}.tb-mode-btn.active{background:var(--tb-accent);color:#000;font-weight:600}.tb-ctrl-save{align-items:center;background:#0000;border:1px solid var(--tb-accent);border-radius:var(--tb-radius);color:var(--tb-accent);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:7px 16px;transition:all var(--tb-transition)}.tb-ctrl-save:hover{background:var(--tb-accent);color:#000}.tb-ctrl-save:disabled{cursor:not-allowed;opacity:.4}.tb-picker-overlay{inset:0;position:fixed;z-index:98}.tb-picker{animation:tb-slideDown .2s ease;background:#141216;border-bottom:2px solid var(--tb-accent-border);display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));left:0;max-height:65vh;overflow-y:auto;padding:16px 24px 20px;position:fixed;right:0;top:60px;z-index:99}@keyframes tb-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tb-picker-cat h4{border-bottom:1px solid var(--tb-border);color:var(--tb-text-muted);font-size:.65rem;font-weight:600;letter-spacing:.12em;margin:0 0 8px;padding-bottom:4px;text-transform:uppercase}.tb-picker-items{display:flex;flex-wrap:wrap;gap:4px}.tb-picker-item{align-items:center;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);color:var(--tb-text-dim);cursor:pointer;display:flex;font-size:.7rem;font-weight:500;gap:5px;padding:5px 8px;transition:all var(--tb-transition);white-space:nowrap}.tb-picker-item:hover{background:var(--tb-surface-hover);border-color:var(--tb-accent-border);color:var(--tb-text)}.tb-picker-item.selected{background:var(--tb-accent-dim);border-color:var(--tb-accent);color:var(--tb-accent)}.tb-picker-item.locked{opacity:.5}.tb-picker-item .picker-icon{border-radius:3px;height:20px;object-fit:cover;width:20px}.tb-picker-item .picker-emoji{font-size:.85rem}.tb-picker-item .picker-lock{color:var(--tb-text-muted)}.tb-work{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 52px)}.tb-roster{background:#00000026;border-right:1px solid var(--tb-border);display:flex;flex-direction:column;max-height:calc(100vh - 52px);position:sticky;top:52px}.tb-roster-head{align-items:center;border-bottom:1px solid var(--tb-border);display:flex;justify-content:space-between;padding:10px 12px 8px}.tb-roster-head h3{font-size:.8rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.tb-roster-count{background:var(--tb-surface);border-radius:10px;color:var(--tb-text-dim);font-size:.7rem;padding:2px 8px}.tb-roster-load-btn{background:#0000;border:1px solid var(--tb-accent-border);border-radius:var(--tb-radius-sm);color:var(--tb-accent);cursor:pointer;font-size:.7rem;padding:4px 10px;transition:all var(--tb-transition)}.tb-roster-load-btn:hover{background:var(--tb-accent-dim)}.tb-source-toggle{border-bottom:1px solid var(--tb-border);display:flex;gap:0;padding:4px 12px 6px}.tb-source-btn{background:#0000;border:1px solid var(--tb-border);color:var(--tb-text-dim);cursor:pointer;flex:1;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:5px 8px;transition:all var(--tb-transition)}.tb-source-btn:first-child{border-radius:var(--tb-radius-sm) 0 0 var(--tb-radius-sm)}.tb-source-btn:last-child{border-left:none;border-radius:0 var(--tb-radius-sm) var(--tb-radius-sm) 0}.tb-source-btn.active{background:var(--tb-accent-dim);border-color:var(--tb-accent-border);color:var(--tb-accent)}.tb-source-btn:hover:not(.active){background:#ffffff08}.tb-champ-card.not-owned{opacity:.7}.tb-not-owned-badge{background:#ef4444d9;border-radius:3px;color:#fff;font-size:.55rem;font-weight:700;left:50%;letter-spacing:.05em;padding:2px 6px;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:3}.tb-filters{border-bottom:1px solid var(--tb-border);display:flex;flex-direction:column;gap:6px;padding:8px 12px}.tb-search{align-items:center;background:#0003;border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);display:flex;gap:6px;padding:6px 10px;transition:border-color var(--tb-transition)}.tb-search:focus-within{border-color:var(--tb-accent-border)}.tb-search svg{color:var(--tb-text-muted);flex-shrink:0}.tb-search input{background:#0000;border:none;color:var(--tb-text);flex:1;font-size:.78rem;outline:none}.tb-search input::placeholder{color:var(--tb-text-muted)}.tb-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tb-aff-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:18px;opacity:.55;transition:all var(--tb-transition);width:18px}.tb-aff-dot.active,.tb-aff-dot:hover{opacity:1;transform:scale(1.1)}.tb-aff-dot.active{border-color:#fff}.tb-aff-clear{align-items:center;background:#0000;border:1px solid var(--tb-border);border-radius:50%;color:var(--tb-text-muted);cursor:pointer;display:flex;font-size:.7rem;height:22px;justify-content:center;transition:all var(--tb-transition);width:22px}.tb-aff-clear:hover{border-color:var(--tb-danger);color:var(--tb-danger)}.tb-faction-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1a1418;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23a89880' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);color:var(--tb-text);cursor:pointer;flex:1;font-size:.72rem;min-width:0;outline:none;padding:4px 24px 4px 8px}.tb-faction-select:focus{border-color:var(--tb-accent-border)}.tb-faction-select option{background:#1a1418;color:var(--tb-text);padding:6px 8px}.tb-roster-state{align-items:center;color:var(--tb-text-dim);display:flex;flex:1;flex-direction:column;gap:10px;justify-content:center;padding:40px 20px;text-align:center}.tb-roster-state p{font-size:.8rem;margin:0}.tb-roster-state .tb-retry-btn{background:#0000;border:1px solid var(--tb-danger);border-radius:var(--tb-radius-sm);color:var(--tb-danger);cursor:pointer;font-size:.75rem;padding:6px 16px}.tb-champ-grid{align-content:start;display:grid;flex:1;gap:6px;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:6px;scrollbar-color:var(--tb-border) #0000;scrollbar-width:thin}.tb-champ-grid::-webkit-scrollbar{width:4px}.tb-champ-grid::-webkit-scrollbar-track{background:#0000}.tb-champ-grid::-webkit-scrollbar-thumb{background:var(--tb-border-strong);border-radius:2px}.tb-champ-card{aspect-ratio:1;background:#ffffff05;border:2px solid #ffffff0f;border-radius:5px;cursor:pointer;overflow:hidden;position:relative;transition:border-color var(--tb-transition),transform var(--tb-transition),box-shadow var(--tb-transition)}.tb-champ-card:hover{border-color:var(--tb-accent-border);transform:scale(1.04)}.tb-champ-card.in-team{border-color:var(--tb-accent);transform:scale(1.02)}.tb-champ-card.in-team:after{background:#d6b35a1f;content:"";inset:0;pointer-events:none;position:absolute}.tb-champ-card img{display:block;height:100%;object-fit:cover;width:100%}.tb-champ-check{align-items:center;background:var(--tb-accent);color:#000;display:flex;font-size:.55rem;font-weight:700;height:16px;justify-content:center;right:2px;width:16px}.tb-champ-affinity,.tb-champ-check{border-radius:50%;position:absolute;top:2px;z-index:2}.tb-champ-affinity{border:1.5px solid #00000080;height:12px;left:2px;width:12px}.tb-champ-role-tag{background:#000000b8;border-radius:2px;bottom:14px;color:var(--tb-text-dim);font-size:.42rem;font-weight:700;left:2px;letter-spacing:.03em;padding:1px 3px;position:absolute;text-transform:uppercase;z-index:2}.tb-champ-name{background:linear-gradient(#0000,#000000d9);bottom:0;color:#fff;font-size:.52rem;font-weight:600;left:0;line-height:1.15;overflow:hidden;padding:10px 3px 2px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tb-load-more{background:#0000;border:1px dashed var(--tb-border-strong);border-radius:var(--tb-radius-sm);color:var(--tb-text-dim);cursor:pointer;display:block;font-size:.72rem;margin:6px 8px;padding:8px;transition:all var(--tb-transition);width:calc(100% - 16px)}.tb-load-more:hover{border-color:var(--tb-accent-border);color:var(--tb-accent)}.tb-roster-footer{border-top:1px solid var(--tb-border);color:var(--tb-text-muted);font-size:.7rem;padding:8px 16px;text-align:center}.tb-skeleton-grid{display:grid;gap:4px;grid-template-columns:repeat(4,1fr);padding:8px}.tb-skeleton-card{animation:tb-shimmer 1.5s infinite;aspect-ratio:1;background:linear-gradient(110deg,var(--tb-surface) 30%,var(--tb-surface-hover) 50%,var(--tb-surface) 70%);background-size:200% 100%;border-radius:var(--tb-radius-sm)}@keyframes tb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tb-team{background:hsla(0,0%,100%,.012);display:flex;flex-direction:column;gap:10px;max-width:960px;padding:16px 24px}.tb-team-head{align-items:baseline;border-bottom:1px solid var(--tb-accent-border);display:flex;justify-content:space-between;padding-bottom:8px}.tb-team-head h3{color:var(--tb-accent);font-size:.95rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.tb-last-saved{color:var(--tb-text-muted);font-size:.7rem}.tb-checklist{align-items:center;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius);display:flex;gap:6px;padding:10px 14px}.tb-step-arrow{color:var(--tb-text-muted);flex-shrink:0}.tb-step{color:var(--tb-text-muted);font-size:.72rem;gap:6px;transition:color var(--tb-transition);white-space:nowrap}.tb-step,.tb-step .step-num{align-items:center;display:flex}.tb-step .step-num{border:1.5px solid var(--tb-border-strong);border-radius:50%;flex-shrink:0;font-size:.65rem;font-weight:700;height:22px;justify-content:center;transition:all var(--tb-transition);width:22px}.tb-step.active{color:var(--tb-text);font-weight:600}.tb-step.active .step-num{border-color:var(--tb-accent);color:var(--tb-accent)}.tb-step.done{color:var(--tb-accent)}.tb-step.done .step-num{background:var(--tb-accent);border-color:var(--tb-accent);color:#000}.tb-slots{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;position:relative}.tb-reset-btn{align-items:center;background:#0000;border:1px solid var(--tb-border);border-radius:6px;color:var(--tb-text-muted);cursor:pointer;display:flex;font-size:.68rem;font-weight:600;gap:5px;padding:4px 10px;position:absolute;right:0;top:-32px;transition:all .15s ease;z-index:2}.tb-reset-btn:hover{background:#ef44440f;border-color:var(--tb-danger,#ef4444);color:var(--tb-danger,#ef4444)}.tb-reset-btn svg{height:13px;width:13px}.tb-slot{border-radius:18px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:155px}.tb-slot.empty{align-items:center;aspect-ratio:.72;background:var(--tb-surface,#0003);border:2px dashed var(--tb-border-strong,#ffffff1a);display:flex;justify-content:center}.tb-slot.empty:hover{border-color:var(--tb-accent-border,#d6b35a4d);transform:translateY(-2px)}.tb-slot.empty.active{background:var(--tb-accent-dim,#d6b35a14);border-color:var(--tb-accent,#d6b35a)}.slot-empty-inner{align-items:center;display:flex;flex-direction:column;gap:8px}.slot-empty-ring{align-items:center;animation:slotPulse 2.5s ease-in-out infinite;border:2px dashed var(--tb-border-strong,#ffffff1f);border-radius:50%;color:var(--tb-text-muted);display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}@keyframes slotPulse{0%,to{opacity:.5}50%{opacity:1}}.tb-slot.empty:hover .slot-empty-ring{animation:none;border-color:var(--tb-accent-border,#d6b35a66);color:var(--tb-accent,#d6b35a);opacity:1}.slot-hint{color:var(--tb-text-muted);font-size:.6rem;letter-spacing:.02em;opacity:0;text-align:center;transition:opacity .15s ease}.tb-slot.empty:hover .slot-hint{opacity:1}.tb-slot.filled{animation:slotFadeIn .3s ease;background:#080608;border:2px solid #ffffff14;box-shadow:0 2px 8px #0006,inset 0 0 0 1px #ffffff0a}@keyframes slotFadeIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tb-slot.filled:hover{border-color:color-mix(in srgb,var(--slot-glow,#d6b35a) 40%,#0000);box-shadow:0 8px 24px #00000080,0 0 16px color-mix(in srgb,var(--slot-glow,#d6b35a) 15%,#0000);transform:translateY(-2px)}.tb-slot.filled.active{border-color:var(--tb-accent,#d6b35a);box-shadow:0 0 0 1px var(--tb-accent),0 0 20px var(--tb-accent-dim,#d6b35a26)}.slot-art-wrap{aspect-ratio:1;overflow:hidden;position:relative;width:100%}.slot-portrait{display:block;height:100%;image-rendering:-webkit-optimize-contrast;object-fit:cover;width:100%}.slot-gradient{background:linear-gradient(0deg,#080608 0,#080608b3 40%,#0000);bottom:0;height:50%;left:0;pointer-events:none;position:absolute;right:0}.slot-affinity-dot{border:2px solid #0009;border-radius:50%;box-shadow:0 1px 4px #00000080;height:12px;left:10px;position:absolute;top:10px;width:12px;z-index:3}.slot-role-badge{backdrop-filter:blur(8px);background:#000000bf;border:1px solid #d6b35a33;border-radius:10px;bottom:44px;color:var(--tb-accent,#d6b35a);font-size:.52rem;font-weight:700;left:50%;letter-spacing:.06em;padding:2px 10px;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;z-index:4}.slot-role-badge.role-attack{border-color:#f8717140;color:#f87171}.slot-role-badge.role-defense{border-color:#60a5fa40;color:#60a5fa}.slot-role-badge.role-hp{border-color:#4ade8040;color:#4ade80}.slot-role-badge.role-support{border-color:#c084fc40;color:#c084fc}.slot-info{background:#080608;padding:4px 10px 10px}.slot-name{color:var(--tb-text,#f0e6d3);display:block;font-size:.72rem;font-weight:700;line-height:1.3;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.slot-remove{align-items:center;backdrop-filter:blur(6px);background:#000000b3;border:none;border-radius:50%;color:#ffffffa6;cursor:pointer;display:flex;height:34px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .18s ease;width:34px;z-index:5}.slot-remove svg{height:14px;transition:transform .15s ease;width:14px}.tb-slot.filled:hover .slot-remove{opacity:1}.slot-remove:hover{background:var(--tb-danger,#ef4444);color:#fff;transform:scale(1.1)}.slot-remove:hover svg{transform:rotate(90deg)}.slot-remove:active{transform:scale(.95)}.tb-summary{align-items:center;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius);display:flex;flex-wrap:wrap;font-size:.75rem;gap:8px;padding:10px 14px}.tb-summary-roles{color:var(--tb-text);font-weight:500}.tb-warn-badge{align-items:center;background:#ef44441f;border-radius:10px;color:#fca5a5;display:inline-flex;font-size:.68rem;font-weight:500;gap:4px;padding:2px 8px}.tb-warn-badge.tb-warn-info{background:#3b82f61a;color:#93c5fdcc}.tb-warn-badge svg{flex-shrink:0}.tb-note-badge{align-items:center;background:#22c55e1a;border-radius:10px;color:#86efac;display:inline-flex;font-size:.68rem;font-weight:500;gap:4px;padding:2px 8px}.tb-note-badge svg{flex-shrink:0}.tb-coverage-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:0 4px}.tb-cov-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;letter-spacing:.01em;padding:4px 10px;transition:all .15s ease}.tb-cov-badge.covered{background:#22c55e1f;border:1px solid #22c55e40;color:#86efac}.tb-cov-badge.missing{background:#eab3081a;border:1px solid #eab30840;color:#fde047;cursor:pointer}.tb-cov-badge.missing:hover{background:#eab30833;border-color:#eab30880;transform:translateY(-1px)}.tb-cov-badge.missing.critical{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.tb-cov-badge.missing.critical:hover{background:#ef444433;border-color:#ef444480}.tb-cov-badge.loading{background:#ffffff0f;border:1px solid #ffffff1a;color:var(--tb-text-muted,#a89880)}.tb-cov-badge.loading .spin{animation:spin .8s linear infinite}.tb-cov-badge svg{flex-shrink:0;height:10px;width:10px}.tb-actions{display:flex;gap:10px}.tb-btn-save{background:var(--tb-accent);border:none;border-radius:var(--tb-radius);color:#000;cursor:pointer;flex:1;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:10px 16px;text-transform:uppercase;transition:all var(--tb-transition)}.tb-btn-save:hover{filter:brightness(1.1)}.tb-btn-save:disabled{cursor:not-allowed;filter:none;opacity:.4}.tb-btn-optimize{align-items:center;animation:tb-btnShimmer 4s ease infinite;background:linear-gradient(135deg,#0000 30%,#d6b35a1a 50%,#0000 70%);background-size:300% 100%;border:1px solid var(--tb-accent);border-radius:var(--tb-radius);color:var(--tb-accent);cursor:pointer;display:flex;flex:1;font-size:.78rem;font-weight:700;gap:6px;justify-content:center;letter-spacing:.04em;padding:10px 16px;text-transform:uppercase;transition:all var(--tb-transition)}@keyframes tb-btnShimmer{0%,to{background-position:200%}50%{background-position:-200%}}.tb-btn-optimize:hover{background-color:var(--tb-accent-dim);box-shadow:0 0 16px var(--tb-accent-dim);transform:translateY(-1px)}.tb-strategy-toggle{align-items:center;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius);color:var(--tb-text-dim);cursor:pointer;display:flex;font-size:.72rem;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all var(--tb-transition);width:100%}.tb-strategy-toggle:hover{border-color:var(--tb-border-strong);color:var(--tb-text)}.tb-strategy-panel{animation:tb-slideDown .18s ease;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius);display:flex;flex-wrap:wrap;gap:6px;padding:12px}.tb-strat-btn{background:#0000;border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);color:var(--tb-text-dim);cursor:pointer;font-size:.72rem;padding:6px 12px;transition:all var(--tb-transition)}.tb-strat-btn:hover{border-color:var(--tb-accent-border);color:var(--tb-text)}.tb-strat-btn.active{background:var(--tb-accent-dim);border-color:var(--tb-accent);color:var(--tb-accent);font-weight:600}.tb-suggest{margin-top:8px}.tb-suggest h4{color:var(--tb-text);font-size:.8rem;font-weight:600;margin:0 0 10px}.tb-meta-card{background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius);margin-bottom:6px;padding:10px 12px;transition:border-color var(--tb-transition)}.tb-meta-card:hover{border-color:var(--tb-accent-border)}.tb-meta-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tb-meta-card-name{color:var(--tb-text);font-size:.78rem;font-weight:600}.tb-meta-card-tier{background:var(--tb-accent);border-radius:var(--tb-radius-sm);color:#1a1410;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.tb-meta-card-champs{display:flex;flex-wrap:wrap;gap:4px}.tb-meta-champ-thumb{border:1px solid var(--tb-border);border-radius:4px;height:28px;object-fit:cover;width:28px}.tb-saved{background:#0000001a;border-top:1px solid var(--tb-border)}.tb-saved-toggle{align-items:center;background:#0000;border:none;color:var(--tb-text-dim);cursor:pointer;display:flex;font-size:.78rem;font-weight:500;justify-content:space-between;padding:12px 24px;width:100%}.tb-saved-toggle:hover{color:var(--tb-text)}.tb-saved-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0 24px 16px}.tb-saved-card{align-items:center;background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius);display:flex;gap:10px;padding:10px 12px}.tb-saved-card-info{flex:1;min-width:0}.tb-saved-card-name{font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-saved-card-type{color:var(--tb-text-muted);font-size:.65rem}.tb-saved-card-actions{display:flex;gap:4px}.tb-saved-action{align-items:center;background:#0000;border:1px solid var(--tb-border);border-radius:var(--tb-radius-sm);color:var(--tb-text-dim);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--tb-transition);width:28px}.tb-saved-action:hover{border-color:var(--tb-accent-border);color:var(--tb-accent)}.tb-saved-action.delete:hover{border-color:var(--tb-danger);color:var(--tb-danger)}.tb-gate-overlay{align-items:center;animation:tb-fadeIn .2s ease;backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes tb-fadeIn{0%{opacity:0}to{opacity:1}}.tb-gate-modal{background:#1a1720;border:1px solid var(--tb-accent-border);border-radius:12px;max-width:92vw;padding:28px;text-align:center;width:360px}.tb-gate-modal h3{color:var(--tb-accent);font-size:1rem;font-weight:700;margin:0 0 8px}.tb-gate-modal p{color:var(--tb-text-dim);font-size:.8rem;line-height:1.5;margin:0 0 20px}.tb-gate-cta{background:var(--tb-accent);border-radius:var(--tb-radius);color:#000;display:inline-block;font-size:.82rem;font-weight:700;padding:10px 28px;text-decoration:none;transition:filter var(--tb-transition)}.tb-gate-cta:hover{filter:brightness(1.1)}.tb-gate-dismiss{background:#0000;border:none;color:var(--tb-text-muted);cursor:pointer;display:block;font-size:.72rem;margin-top:12px;padding:6px}.tb-gate-dismiss:hover{color:var(--tb-text-dim)}.tb-toast{animation:tb-toastIn .25s ease;background:var(--tb-success);border-radius:var(--tb-radius);bottom:24px;color:#000;font-size:.8rem;font-weight:600;left:50%;padding:10px 24px;position:fixed;transform:translateX(-50%);z-index:300}@keyframes tb-toastIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.tb-suggest-hero{display:flex;flex-direction:column;gap:16px}.tb-suggest-hero-card{align-items:center;background:linear-gradient(180deg,#d6b35a0a,#0000 60%);border:1px solid var(--tb-accent-border);border-radius:12px;display:flex;flex-direction:column;padding:36px 28px 28px;text-align:center}.tb-suggest-hero-icon{color:var(--tb-accent);margin-bottom:12px;opacity:.85}.tb-suggest-hero-title{color:var(--tb-text);font-size:1.15rem;font-weight:700;letter-spacing:.04em;margin:0 0 8px}.tb-suggest-hero-subtitle{color:var(--tb-text-dim);font-size:.82rem;line-height:1.55;margin:0 0 20px;max-width:440px}.tb-suggest-hero-subtitle strong{color:var(--tb-accent)}.tb-suggest-benefits{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;max-width:360px;width:100%}.tb-suggest-benefit{align-items:center;color:var(--tb-text-dim);display:flex;font-size:.78rem;gap:10px;text-align:left}.tb-suggest-benefit svg{color:var(--tb-accent);flex-shrink:0;opacity:.7}.tb-suggestion-source{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex-direction:column;gap:6px;margin:12px 0 4px;padding:10px 12px}.tb-suggestion-source-label{color:var(--tb-text-muted,#999);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tb-suggestion-source-btns{display:flex;gap:6px}.tb-suggestion-src-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;color:var(--tb-text-muted,#999);cursor:pointer;display:inline-flex;flex:1;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:7px 10px;transition:all .15s ease}.tb-suggestion-src-btn:hover:not(:disabled){background:#ffffff14;color:var(--tb-text,#eee)}.tb-suggestion-src-btn.active{background:var(--tb-accent,#d6b35a);border-color:var(--tb-accent,#d6b35a);color:#111}.tb-suggestion-src-btn:disabled{cursor:not-allowed;opacity:.35}.tb-suggestion-source-hint{color:var(--tb-text-muted,#888);font-size:11px;font-style:italic;opacity:.7}.tb-built-only-toggle{align-items:center;color:var(--tb-text-muted,#aaa);cursor:pointer;display:flex;font-size:11px;gap:6px;padding-top:2px}.tb-built-only-toggle input[type=checkbox]{accent-color:var(--tb-accent,#d6b35a);cursor:pointer}.tb-built-only-toggle span{user-select:none}.tb-suggest-cta{align-items:center;background:var(--tb-accent);border:none;border-radius:8px;box-shadow:0 0 20px #d6b35a26;color:#000;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;letter-spacing:.04em;padding:14px 32px;text-transform:uppercase;transition:all var(--tb-transition)}.tb-suggest-cta:hover{box-shadow:0 0 28px #d6b35a40;filter:brightness(1.12);transform:translateY(-1px)}.tb-suggest-cta:disabled{cursor:not-allowed;filter:none;opacity:.5;transform:none}.tb-suggest-edge{align-items:center;background:#ef44440f;border:1px solid #ef444433;border-radius:var(--tb-radius);color:#fca5a5;display:flex;font-size:.78rem;gap:10px;padding:12px 20px}.tb-suggest-edge svg{flex-shrink:0}.tb-suggest-retry{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:var(--tb-radius-sm);color:#fca5a5;cursor:pointer;display:inline-flex;font-size:.72rem;gap:4px;margin-left:auto;padding:4px 12px}.tb-suggest-meta{margin-top:4px}.tb-suggest-meta h4{color:var(--tb-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.tb-suggest-no-meta{color:var(--tb-text-muted);font-size:.78rem;padding:16px;text-align:center}button.tb-meta-card{cursor:pointer;text-align:left;transition:border-color var(--tb-transition),background var(--tb-transition);width:100%}button.tb-meta-card:hover{background:var(--tb-accent-dim);border-color:var(--tb-accent)}@media (max-width:900px){.tb-work{grid-template-columns:1fr}.tb-roster{border-bottom:1px solid var(--tb-border);border-right:none;max-height:none;position:static}.tb-champ-grid{max-height:260px}.tb-ctrl{height:48px;padding:0 12px}.tb-ctrl-left{gap:4px}.tb-ctrl-divider{display:none}.tb-content-btn{font-size:.72rem;padding:4px 8px}.tb-mode-btn{font-size:.7rem;padding:4px 8px}}@media (max-width:600px){.tb-ctrl{flex-direction:column;gap:4px;height:auto;padding:6px 10px}.tb-ctrl-left,.tb-ctrl-right{justify-content:center;width:100%}.tb-picker{grid-template-columns:1fr 1fr;padding:10px 12px;top:auto}.tb-team{padding:10px}.tb-slots{gap:10px;justify-content:center}.tb-slot{border-radius:14px;width:calc(33.33% - 8px)}.slot-role-badge{bottom:38px;font-size:.46rem;padding:2px 6px}.slot-name{font-size:.64rem}.slot-remove{height:28px;right:6px;top:6px;width:28px}.slot-empty-ring{height:36px;width:36px}.tb-reset-btn{font-size:.62rem;top:-28px}.tb-slot.empty{aspect-ratio:.72}.tb-checklist{flex-direction:column;gap:6px}.tb-step-arrow{display:none}.tb-actions{flex-direction:column}}.tb-free-preview-badge{align-items:center;background:#d6b35a14;border:1px solid #d6b35a2e;border-radius:20px;color:#d6b35a;display:inline-flex;font-size:.68rem;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:8px;padding:5px 14px;text-transform:uppercase}.tb-free-preview-badge svg{height:12px;width:12px}.tb-free-tag{background:#d6b35a26;border:1px solid #d6b35a40;border-radius:10px;color:#d6b35a;display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.04em;margin-left:6px;padding:1px 8px;text-transform:uppercase;vertical-align:middle}.tb-source-btn.locked{cursor:pointer;opacity:.65;position:relative}.tb-source-btn.locked svg{color:#d6b35a;height:10px;margin-right:2px;width:10px}.tb-vip-micro{background:#d6b35a1a;border-radius:6px;color:#d6b35a;font-size:.55rem;font-weight:700;letter-spacing:.05em;margin-left:4px;padding:1px 5px;text-transform:uppercase}.tb-suggestion-src-btn.locked{border-color:#d6b35a33;color:#d6b35ab3;cursor:pointer;opacity:.8}.tb-suggestion-src-btn.locked:hover{background:#d6b35a0f;border-color:#d6b35a4d}.tb-suggestion-src-btn.locked svg{color:#d6b35a}.badge-item{align-items:center;background:#1e1914cc;border:2px solid #d4af374d;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;position:relative;transition:transform .2s ease,border-color .2s ease}.badge-item:hover{border-color:#d4af3799;transform:scale(1.1)}.badge-item.badge-locked{filter:grayscale(.8);opacity:.5}.badge-item.badge-earned{background:#282319e6;border-color:#d4af3799}.badge-item.badge-earned .badge-icon-svg{color:#d4af37}.badge-item .badge-icon-svg{color:#8a7b6a}.badge-item.badge-locked .badge-icon-svg{color:#4a4038}.badge-tooltip-locked{color:#e74c3c;font-size:10px;font-style:italic}.badge-earned-date{color:#d4af3799;font-size:11px}.badge-feature-btn{align-items:center;background:#0000;border:1px solid #d4af374d;border-radius:4px;color:#8a7b6a;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:auto;padding:3px 8px;transition:all .2s ease}.badge-feature-btn.featured,.badge-feature-btn:hover{border-color:#d4af37;color:#d4af37}.badge-feature-btn.featured{background:#d4af3726}.badge-summary-bar{background:#d4af370f;border:1px solid #d4af3726;border-radius:8px;margin-bottom:16px;padding:10px 14px}.badge-summary-earned{color:#d4af37;font-size:13px;font-weight:600}.badge-category-section{margin-bottom:20px}.badge-category-section .badge-section-title{align-items:center;border-bottom:1px solid #d4af3726;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:13px;gap:8px;margin:0 0 10px;padding-bottom:6px}.badge-section-icon-svg{color:#d4af37;opacity:.8}.badge-progress-item.earned{background:#d4af370a;border-color:#d4af3740}.badge-toast-icon-wrap{align-items:center;color:#d4af37;display:flex}.badge-sm{font-size:14px;height:28px;width:28px}.badge-md{font-size:18px;height:36px;width:36px}.badge-lg{font-size:24px;height:48px;width:48px}.badge-item.rarity-common{border-color:#9ca3af80}.badge-item.rarity-uncommon{border-color:#22c55e80}.badge-item.rarity-rare{border-color:#3b82f699}.badge-item.rarity-epic{border-color:#a855f799;box-shadow:0 0 8px #a855f74d}.badge-item.rarity-legendary{border-color:#f59e0bb3;box-shadow:0 0 12px #f59e0b66}.badge-emoji{line-height:1}.badge-tooltip{background:#14110efa;border:1px solid #d4af374d;border-radius:8px;bottom:calc(100% + 8px);min-width:180px;padding:12px;pointer-events:none;z-index:1000}.badge-tooltip,.badge-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.badge-tooltip:after{border:6px solid #0000;border-top-color:#d4af374d;content:"";top:100%}.badge-tooltip-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.badge-tooltip-emoji{font-size:20px}.badge-tooltip-name{color:#d4af37;font-family:Cinzel,serif;font-weight:600}.badge-premium-tag{background:linear-gradient(135deg,#d4af37,#9a7b2a);border-radius:3px;color:#000;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.badge-tooltip-desc{color:#a09080;font-size:12px;line-height:1.4;margin:0 0 6px}.badge-tooltip-date{color:#6b5f50;font-size:10px}.badge-strip{align-items:center;display:flex;gap:4px}.badge-more{color:#7a6b5a;font-size:11px;margin-left:4px}.badge-progress-item{background:#1e191480;border:1px solid #d4af3726;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background .2s ease}.badge-progress-item:hover{background:#1e1914b3}.badge-progress-item.locked{opacity:.6}.badge-progress-icon{flex-shrink:0}.badge-progress-info{flex:1;min-width:0}.badge-progress-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.badge-progress-name{color:#e8dcc8;font-size:14px;font-weight:600}.badge-progress-desc{color:#8a7b6a;font-size:12px;margin:0 0 8px}.badge-progress-bar-container{align-items:center;display:flex;gap:10px}.badge-progress-bar{background:#0006;border-radius:3px;flex:1;height:6px;overflow:hidden}.badge-progress-fill{background:linear-gradient(90deg,#d4af37,#f0d060);border-radius:3px;height:100%;transition:width .3s ease}.badge-progress-text{color:#7a6b5a;font-size:11px;min-width:50px;text-align:right}.badge-locked-reason{color:#a855f7;font-size:11px;font-style:italic}.badge-grid-container{padding:16px 0}.badge-section{margin-bottom:24px}.badge-section-title{align-items:center;border-bottom:1px solid #d4af3733;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:14px;gap:8px;margin:0 0 12px;padding-bottom:8px}.badge-section-icon{font-size:16px}.badge-grid{display:flex;flex-wrap:wrap;gap:12px}.badge-grid.earned .badge-item{animation:badgePopIn .3s ease-out;transform-origin:center}@keyframes badgePopIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.badge-progress-list,.badge-toast-container{display:flex;flex-direction:column}.badge-toast-container{gap:10px;position:fixed;right:20px;top:80px;z-index:9999}.badge-toast{align-items:center;animation:toastSlideIn .4s ease-out,toastGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#1e1914fa,#28231cfa);border:2px solid #d4af3799;border-radius:12px;box-shadow:0 4px 20px #00000080,0 0 20px #d4af3733;display:flex;justify-content:space-between;min-width:250px;padding:12px 16px;transition:opacity .5s ease,transform .5s ease}.badge-toast.badge-toast-exit{animation:none;opacity:0;transform:translateX(60px)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastGlow{0%,to{box-shadow:0 4px 20px #00000080,0 0 20px #d4af3733}50%{box-shadow:0 4px 20px #00000080,0 0 30px #d4af3766}}.badge-toast-content{align-items:center;display:flex;gap:12px}.badge-toast-emoji{animation:badgeBounce .5s ease-out;font-size:32px}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.badge-toast-text{display:flex;flex-direction:column}.badge-toast-title{color:#d4af37;font-size:11px;letter-spacing:1px;text-transform:uppercase}.badge-toast-name{color:#e8dcc8;font-family:Cinzel,serif;font-size:16px;font-weight:600}.badge-toast-close{background:none;border:none;color:#6b5f50;cursor:pointer;font-size:20px;padding:4px 8px;transition:color .2s ease}.badge-toast-close:hover{color:#d4af37}@media (max-width:768px){.badge-toast-container{bottom:20px;left:10px;right:10px;top:auto}.badge-toast{min-width:auto;width:100%}.badge-grid{gap:8px}.badge-lg{font-size:20px;height:40px;width:40px}}.confetti-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:10000}.confetti-piece{animation:confetti-fly 2s ease-out forwards;animation-delay:var(--delay,0s);background:hsl(var(--hue,40),80%,60%);border-radius:2px;bottom:50%;height:8px;left:var(--left,50%);opacity:0;position:absolute;width:8px}@keyframes confetti-fly{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(var(--dx,50px),var(--dy,-150px)) rotate(var(--rot,1turn)) scale(.4)}}.featured-badge-display{align-items:center;background:#d4af371a;border:1px solid #d4af3759;border-radius:20px;display:inline-flex;gap:6px;margin-top:6px;padding:4px 10px}.featured-badge-icon{align-items:center;color:#d4af37;display:flex}.featured-badge-name{color:#d4af37;font-family:Cinzel,serif;font-size:12px;font-weight:600;letter-spacing:.5px}.public-badge-featured{align-items:center;background:#d4af370f;border:1px solid #d4af3733;border-radius:10px;display:flex;gap:10px;margin-bottom:12px;padding:10px 14px}.public-badge-featured-icon{align-items:center;color:#d4af37;display:flex}.public-badge-featured-info{flex:1}.public-badge-featured-label{color:#d4af3799;display:block;font-size:10px;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.public-badge-featured-name{color:#d4af37;font-family:Cinzel,serif;font-size:14px;font-weight:600}.public-badges-grid{display:flex;flex-wrap:wrap;gap:8px}.next-badge-widget{background:var(--bg-card,#1e1914e6);border:1px solid var(--border-bronze,#8b6d1a66);border-radius:10px;overflow:hidden;padding:0;transition:border-color .2s ease}.next-badge-widget:hover{border-color:var(--border-gold,#d4af3780)}.nbw-header{align-items:center;background:#d4af370a;border-bottom:1px solid var(--border-bronze,#8b6d1a40);display:flex;gap:6px;padding:10px 14px}.nbw-header-icon{color:var(--gold,#d4af37);flex-shrink:0}.nbw-title{color:var(--text-primary,#f5f0e8);font-size:13px;font-weight:600;letter-spacing:.3px}.nbw-count{color:var(--text-muted,#7a6c58);font-size:11px;font-variant-numeric:tabular-nums;margin-left:auto}.nbw-body{align-items:flex-start;display:flex;gap:12px;padding:14px}.nbw-badge-icon{align-items:center;background:#d4af3714;border:1.5px solid var(--border-bronze,#8b6d1a66);border-radius:50%;color:var(--gold,#d4af37);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.nbw-info{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.nbw-name{color:var(--text-primary,#f5f0e8);font-size:14px;font-weight:600}.nbw-desc{color:var(--text-secondary,#b8a88a);font-size:11px;line-height:1.4}.nbw-progress-row{align-items:center;display:flex;gap:8px;margin-top:4px}.nbw-progress-bar{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.nbw-progress-fill{background:var(--gold,#d4af37);border-radius:3px;height:100%;transition:width .4s ease}.nbw-progress-text{color:var(--text-muted,#7a6c58);font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.nbw-remaining{color:var(--gold-light,#e4c79c);font-size:11px;font-style:italic}.nbw-hint{color:var(--text-secondary,#b8a88a);font-size:12px;line-height:1.5;margin:0}.nbw-all-done{align-items:center;display:flex;gap:10px;width:100%}.nbw-all-icon{color:var(--gold,#d4af37);display:flex}.nbw-all-text{color:var(--text-primary,#f5f0e8);font-size:14px;font-weight:600}.nbw-all-count{color:var(--gold-light,#e4c79c);margin-left:auto}.nbw-all-count,.nbw-cta{font-size:12px;font-weight:500}.nbw-cta{border-top:1px solid var(--border-bronze,#8b6d1a40);color:var(--gold,#d4af37);display:block;padding:8px 14px;text-align:center;text-decoration:none;transition:background .15s ease}.nbw-cta:hover{background:#d4af370f}.reset-password-page{align-items:center;background:linear-gradient(180deg,#0f0c09,#1a1410 50%,#0f0c09);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.reset-password-container{background:linear-gradient(180deg,#1a1410,#0f0c09);border:1px solid #4a4035;border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:440px;padding:40px;position:relative;width:100%}.reset-corner{border-color:#d4af37;border-style:solid;height:20px;position:absolute;width:20px}.reset-corner-tl{border-radius:8px 0 0 0;border-width:2px 0 0 2px;left:-1px;top:-1px}.reset-corner-tr{border-radius:0 8px 0 0;border-width:2px 2px 0 0;right:-1px;top:-1px}.reset-corner-bl{border-radius:0 0 0 8px;border-width:0 0 2px 2px;bottom:-1px;left:-1px}.reset-corner-br{border-radius:0 0 8px 0;border-width:0 2px 2px 0;bottom:-1px;right:-1px}.reset-header{margin-bottom:30px;text-align:center}.reset-logo-link{text-decoration:none}.reset-logo{color:#d4af37;font-size:24px;letter-spacing:3px;margin:0 0 20px}.reset-logo,.reset-title{font-family:Cinzel,Georgia,serif}.reset-title{color:#e8e0d4;font-size:22px;margin:0 0 8px}.reset-subtitle{color:#8b7355;font-size:14px;margin:0}.reset-form{gap:20px}.reset-field,.reset-form{display:flex;flex-direction:column}.reset-field{gap:6px}.reset-field label{color:#c4a052;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.reset-field input{background:#0f0c09;border:1px solid #3a3530;border-radius:6px;color:#e8e0d4;font-size:15px;padding:12px 14px;transition:all .2s ease}.reset-field input:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af371a;outline:none}.reset-field input::placeholder{color:#5a5045}.reset-field-hint{color:#6b5c4a;font-size:11px}.reset-captcha{background:#d4af370d;border:1px solid #3a3530;border-radius:8px;padding:15px}.reset-captcha-question{background:#1a1410;border-radius:6px;color:#d4af37;font-size:14px;margin-bottom:10px;padding:12px;text-align:center}.reset-captcha-refresh{background:#0000;border:1px solid #4a4035;border-radius:4px;color:#8b7355;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:all .2s ease}.reset-captcha-refresh:hover{border-color:#d4af37;color:#d4af37}.reset-token-validated{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;font-size:14px;gap:8px;padding:12px}.reset-token-icon,.reset-token-validated{align-items:center;display:flex;justify-content:center}.reset-token-icon{background:#22c55e;border-radius:50%;color:#fff;font-size:12px;height:20px;width:20px}.reset-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;font-size:14px;padding:12px;text-align:center}.reset-submit-btn{background:linear-gradient(180deg,#d4af37,#8b5a2b);border:none;border-radius:6px;color:#1a1410;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .2s ease}.reset-submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #d4af374d;transform:translateY(-1px)}.reset-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.reset-validation-hints{display:flex;flex-direction:column;font-size:13px;gap:6px}.reset-validation-hints span{align-items:center;display:flex;gap:6px}.reset-validation-hints .valid{color:#22c55e}.reset-validation-hints .invalid{color:#6b5c4a}.reset-links{margin-top:10px;text-align:center}.reset-link{color:#8b7355;font-size:14px;text-decoration:none;transition:color .2s ease}.reset-link:hover{color:#d4af37}.reset-success-container{padding:20px 0;text-align:center}.reset-success-icon{align-items:center;background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.reset-success-message{color:#22c55e;font-size:16px;margin:0 0 10px}.reset-redirect-message{color:#8b7355;font-size:14px;margin:0 0 25px}.reset-home-btn{background:linear-gradient(180deg,#d4af37,#8b5a2b);border:none;border-radius:6px;color:#1a1410;display:inline-block;font-size:14px;font-weight:700;padding:12px 30px;text-decoration:none;transition:all .2s ease}.reset-home-btn:hover{box-shadow:0 4px 15px #d4af374d;transform:translateY(-1px)}@media (max-width:480px){.reset-password-container{padding:30px 20px}.reset-logo{font-size:20px}.reset-title{font-size:18px}}.favorite-btn{align-items:center;background:#0f0c09cc;border:1px solid #4a4035;border-radius:8px;cursor:pointer;display:inline-flex;gap:6px;padding:8px 12px;transition:all .3s ease}.favorite-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef4444}.favorite-btn.is-favorite{background:#ef444426;border-color:#ef4444}.favorite-btn.loading{cursor:wait;opacity:.6}.heart-icon{font-size:18px;transition:transform .3s ease}.favorite-btn.animating .heart-icon{animation:heartPop .3s ease}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.favorite-text{color:#e8e0d4;font-size:13px}.favorite-btn.is-favorite .favorite-text{color:#fca5a5}.favorite-btn.small{padding:4px 8px}.favorite-btn.small .heart-icon{font-size:14px}.favorite-btn.large{padding:10px 16px}.favorite-btn.large .heart-icon{font-size:20px}.favorite-btn.overlay{backdrop-filter:blur(4px);background:#000000b3;position:absolute;right:8px;top:8px;z-index:10}.champion-codex-page{min-height:100vh;padding:100px 20px 60px}.codex-surface{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0ce0;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);border-radius:20px;box-shadow:0 8px 40px #00000080,inset 0 1px 0 #ffffff08,inset 0 0 80px #0003;margin:0 auto;max-width:1100px;overflow:hidden;position:relative}.codex-surface:before{border:1px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:20px;inset:0;z-index:1}.codex-surface:after,.codex-surface:before{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.codex-surface:after{border-radius:22px;box-shadow:0 0 60px var(--accent-1,var(--gold-primary,#d4af37));inset:-2px}.codex-surface-inner{padding:40px;position:relative;z-index:2}.codex-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);display:flex;flex-direction:column;gap:12px;margin-bottom:8px;padding-bottom:24px;text-align:center}.codex-header-icon{align-items:center;background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 25%,#0000);border-radius:14px;color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;height:52px;justify-content:center;transition:color .3s,background .3s,border-color .3s;width:52px}.codex-header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary,#f5f0e8) 0,var(--accent-1,var(--gold-primary,#d4af37)) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading,"Cinzel",serif);font-size:2rem;font-weight:700;margin:0 0 4px}.codex-header-text p{color:var(--text-muted,#6b6b78);font-size:.9375rem;margin:0}.codex-accent-divider{animation:codex-divider-expand .5s ease-out .1s forwards;background:linear-gradient(90deg,#0000,var(--accent-1,var(--gold-primary,#d4af37)),var(--accent-2,var(--accent-1,#d4af37)),#0000);border-radius:1px;height:2px;margin:0 auto 28px;opacity:0;width:0}@keyframes codex-divider-expand{to{opacity:.45;width:50%}}.codex-discord-cta{align-items:center;background:#5865f214;border:1px solid #5865f233;border-radius:50px;display:flex;gap:10px;margin-top:8px;padding:8px 16px 8px 10px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.codex-discord-cta:hover{background:#5865f226;border-color:#5865f259;box-shadow:0 4px 16px #5865f21f;transform:translateY(-1px)}.codex-discord-cta:focus-visible{outline:2px solid #5865f299;outline-offset:2px}.codex-discord-icon{align-items:center;background:#5865f233;border-radius:50%;color:#7289da;display:flex;height:32px;justify-content:center;width:32px}.codex-discord-cta-text{display:flex;flex-direction:column;gap:1px}.codex-discord-cta .cta-title{color:#8b9aff;font-size:.75rem;font-weight:600;letter-spacing:.3px}.codex-discord-cta .cta-hint{color:#5865f2;font-family:monospace;font-size:.6875rem;opacity:.8}.codex-premium-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}.codex-quick-action{align-items:center;background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 5%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000);border-radius:50px;color:var(--text-secondary,#b8a88a);display:flex;font-size:.8125rem;font-weight:600;gap:7px;letter-spacing:.2px;padding:7px 16px;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .15s,box-shadow .2s}.codex-quick-action svg{color:var(--accent-1,var(--gold-primary,#d4af37));opacity:.65;transition:opacity .2s}.codex-quick-action:hover{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);color:var(--text-primary,#f5f0e8);transform:translateY(-1px)}.codex-quick-action:hover svg{opacity:1}.codex-search-section{align-items:stretch;display:flex;gap:12px;margin-bottom:32px;position:relative}.codex-search-bar{align-items:center;background:#00000059;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 25%,#0000);border-radius:12px;box-shadow:inset 0 2px 4px #0003,0 0 20px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000),0 0 40px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 6%,#0000);display:flex;flex:1;min-height:48px;padding:12px 16px 12px 48px;position:relative;transition:border-color .2s,box-shadow .2s}.codex-search-bar:focus-within{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 50%,#0000);box-shadow:inset 0 2px 4px #0003,0 0 25px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 20%,#0000),0 0 50px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000),0 0 0 3px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000)}.codex-search-bar.has-results{border-bottom-color:#3c3c464d;border-radius:12px 12px 0 0}.codex-search-bar .search-icon{color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 50%,#0000);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.codex-search-bar:focus-within .search-icon{color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 80%,#0000)}.codex-search-bar input{background:none;border:none;color:var(--text-primary,#fff);flex:1;font-size:1rem;min-width:0;outline:none}.codex-search-bar input::placeholder{color:var(--text-muted,#5b5b68)}.search-clear{align-items:center;background:none;border:none;color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 40%,#0000);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .15s}.search-clear:hover{color:var(--accent-1,var(--gold-primary,#d4af37))}.search-spinner{animation:spin .8s linear infinite;border:2px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 20%,#0000);border-radius:50%;border-top-color:var(--accent-1,var(--gold-primary,#d4af37));height:18px;width:18px}.codex-filters-desktop{display:flex;gap:8px}.filter-dropdown{position:relative}.filter-dropdown-btn{align-items:center;background:#00000040;border:1px solid #64646e40;border-radius:10px;color:var(--text-muted,#8b8b98);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;height:48px;padding:0 16px;transition:border-color .15s,color .15s;white-space:nowrap}.filter-dropdown-btn.has-value,.filter-dropdown-btn:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.filter-dropdown-btn svg{opacity:.6}.filter-dropdown-menu{background:#0f0f12fa;border:1px solid #64646e4d;border-radius:10px;box-shadow:0 12px 40px #000000b3;left:0;min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.filter-dropdown-item{color:var(--text-muted,#8b8b98);cursor:pointer;font-size:.875rem;padding:12px 16px;transition:background .1s,color .1s}.filter-dropdown-item:hover{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.filter-dropdown-item.selected{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.codex-filter-btn-mobile{align-items:center;background:#00000040;border:1px solid #64646e40;border-radius:10px;color:var(--text-muted,#8b8b98);cursor:pointer;display:none;height:48px;justify-content:center;position:relative;transition:border-color .15s,color .15s;width:48px}.codex-filter-btn-mobile:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.filter-badge{align-items:center;background:var(--accent-1,var(--gold-primary,#d4af37));border-radius:50%;color:#0a0a0c;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.codex-results-dropdown{background:#0c0c0ffa;border:1px solid #64646e33;border-radius:0 0 12px 12px;border-top:none;bottom:unset;box-shadow:0 20px 50px #000c;display:flex;flex-direction:column;left:0;max-height:400px;position:absolute;right:0;top:100%;z-index:1000}.codex-results-list{flex:1;overflow-y:auto;padding:8px 0}.codex-results-list::-webkit-scrollbar{width:6px}.codex-results-list::-webkit-scrollbar-track{background:#0003}.codex-results-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 20%,#0000);border-radius:3px}.codex-result-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .1s,border-color .1s}.codex-result-item.selected,.codex-result-item:hover{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-left-color:var(--accent-1,var(--gold-primary,#d4af37))}.result-portrait{background:#1e1e23cc;border:2px solid #64646e33;border-radius:8px;flex-shrink:0;height:44px;overflow:hidden;transition:border-color .15s;width:44px}.codex-result-item.selected .result-portrait,.codex-result-item:hover .result-portrait{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 40%,#0000)}.result-portrait img{height:100%;object-fit:cover;width:100%}.result-info{flex:1;min-width:0}.result-name{color:var(--text-primary,#f5f5f5);font-size:.9375rem;font-weight:600;margin-bottom:2px}.result-meta{align-items:center;display:flex;gap:8px}.result-rarity{border-radius:4px;font-size:.6875rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.result-rarity.rarity-common{background:#8a909926;color:#8a9099}.result-rarity.rarity-uncommon{background:#22c55e26;color:#22c55e}.result-rarity.rarity-rare{background:#3b82f626;color:#3b82f6}.result-rarity.rarity-epic{background:#a855f726;color:#a855f7}.result-rarity.rarity-legendary{background:#d4af3726;color:#d4af37}.result-rarity.rarity-mythical{background:#ef444426;color:#ef4444}.result-faction{color:var(--text-muted,#5a5a68);font-size:.75rem}.result-tier{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.result-tier[data-tier=S]{background:#ef444426;border:1px solid #ef444466;color:#fca5a5}.result-tier[data-tier=A]{background:#fbbf2426;border:1px solid #fbbf2466;color:#fde68a}.result-tier[data-tier=B]{background:#a855f71f;border:1px solid #a855f759;color:#d8b4fe}.result-tier[data-tier=C]{background:#3b82f61f;border:1px solid #3b82f659;color:#93c5fd}.result-tier[data-tier=D],.result-tier[data-tier=F]{background:#6b72801f;border:1px solid #6b728059;color:#9ca3af}.codex-no-results{padding:40px 20px;text-align:center}.no-results-icon{font-size:2.5rem;margin-bottom:12px;opacity:.3}.no-results-title{color:var(--text-muted,#6b6b78);font-size:1rem;font-weight:600;margin-bottom:8px}.no-results-hint{color:#4b4b58;font-size:.875rem}.no-results-hint button{background:none;border:none;color:var(--accent-1,var(--gold-primary,#d4af37));cursor:pointer;text-decoration:underline}.codex-results-footer{background:#0000004d;border-top:1px solid #3c3c4633;color:#4b4b58;font-size:.75rem;padding:10px 16px;text-align:center}.codex-cotd-section{margin-bottom:40px}.cotd-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.cotd-crown{font-size:1.5rem}.cotd-section-header h2{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:1.25rem;font-weight:700;margin:0}.cotd-subtitle{color:var(--text-muted,#5a5a68);font-size:.8125rem;margin-left:auto}.cotd-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.cotd-card{background:#121216e6;border:1px solid #50505a40;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .3s ease}.cotd-card:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 40%,#0000);box-shadow:0 12px 30px #0006,0 0 24px color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);transform:translateY(-5px)}.cotd-portrait{aspect-ratio:1;background:#19191ecc;overflow:hidden;position:relative}.cotd-portrait img{height:100%;object-fit:cover;object-position:center center;transition:transform .3s ease;width:100%}.cotd-card:hover .cotd-portrait img{transform:scale(1.05)}.cotd-portrait:after{background:linear-gradient(0deg,#121216fa 0,#12121666 50%,#0000);bottom:0;content:"";height:55%;left:0;pointer-events:none;position:absolute;right:0}.cotd-info{padding:12px}.cotd-name{color:var(--text-primary,#e5e5e5);font-size:.875rem;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cotd-meta{align-items:center;display:flex;gap:8px}.cotd-rarity{border-radius:4px;font-size:.6875rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.cotd-rarity.rarity-legendary{background:#d4af3726;color:#d4af37}.cotd-rarity.rarity-mythical{background:#ef444426;color:#ef4444}.cotd-rarity.rarity-epic{background:#a855f726;color:#a855f7}.cotd-tier{align-items:center;border-radius:5px;display:flex;font-size:.8125rem;font-weight:700;height:26px;justify-content:center;width:26px}.cotd-tier[data-tier=S]{background:#ef444426;border:1px solid #ef444466;color:#fca5a5}.cotd-tier[data-tier=A]{background:#fbbf2426;border:1px solid #fbbf2466;color:#fde68a}.codex-skeleton-card{background:#121216e6;border:1px solid #3c3c4633;border-radius:12px;overflow:hidden}.skeleton-portrait{background:#28283280;height:160px}.skeleton-info{padding:12px}.skeleton-name{background:#3c3c4666;border-radius:4px;height:16px;margin-bottom:8px;width:70%}.skeleton-meta{background:#3c3c464d;border-radius:4px;height:12px;width:50%}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#3c3c464d,#50505a66 50%,#3c3c464d);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.codex-browse-section{border-top:1px solid #64646e26;padding-top:32px}.codex-hub-ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:24px}.filter-drawer-backdrop{background:#000000b3;inset:0;position:fixed;z-index:2000}.filter-drawer{animation:slideUp .25s ease;background:#0f0f12fa;border-radius:20px 20px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:80vh;position:fixed;right:0;z-index:2001}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filter-drawer-header{align-items:center;border-bottom:1px solid #64646e33;display:flex;justify-content:space-between;padding:20px 24px}.filter-drawer-header h3{color:var(--text-primary,#f5f5f5);font-size:1.125rem;font-weight:600;margin:0}.filter-drawer-close{background:none;border:none;color:var(--text-muted,#6b6b78);cursor:pointer;padding:4px}.filter-drawer-content{flex:1;overflow-y:auto;padding:20px 24px}.filter-group{margin-bottom:24px}.filter-group:last-child{margin-bottom:0}.filter-group label{color:var(--text-muted,#8b8b98);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{background:#0000004d;border:1px solid #64646e40;border-radius:8px;color:var(--text-muted,#8b8b98);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:border-color .15s,color .15s,background .15s}.filter-option:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000)}.filter-option.active,.filter-option:hover{color:var(--accent-1,var(--gold-primary,#d4af37))}.filter-option.active{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000);border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 40%,#0000)}.filter-drawer-footer{border-top:1px solid #64646e33;display:flex;gap:12px;padding:16px 24px}.filter-clear-btn{background:#0000;border:1px solid #64646e4d;border-radius:10px;color:var(--text-muted,#8b8b98);cursor:pointer;flex:1;font-size:.9375rem;font-weight:600;padding:14px;transition:border-color .15s,color .15s}.filter-clear-btn:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.filter-apply-btn{background:linear-gradient(135deg,var(--accent-1,var(--gold-primary,#d4af37)) 0,color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 70%,#000) 100%);border:none;border-radius:10px;color:#0a0a0c;cursor:pointer;flex:1;font-size:.9375rem;font-weight:700;padding:14px;transition:filter .15s}.filter-apply-btn:hover{filter:brightness(1.12)}.codex-browse-section .sub-hub-links-section{background:#14141899;border:1px solid #64646e26;border-radius:12px;margin-bottom:16px}.atlas-search-container,.atlas-search-module,.champs-of-the-day,.codex-active-filters,.codex-content-filters,.codex-controls,.codex-filter-relics,.codex-filter-toggles,.codex-gallery,.codex-hero,.codex-load-more,.codex-mechanic-filters,.codex-pagination-premium,.codex-preloader,.codex-search,.codex-search-wrapper,.codex-sort-bar,.pagination-quick-jump,.search-suggestions{display:none!important}.codex-recent-searches{border-top:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000)}.recent-searches-header{align-items:center;color:#ffffff80;display:flex;font-size:.75rem;gap:8px;letter-spacing:.5px;padding:12px 16px 8px;text-transform:uppercase}.recent-search-item{align-items:center;display:flex;gap:12px;min-height:48px;padding:12px 16px}.recent-search-icon{color:#fff6;flex-shrink:0}.recent-search-term{color:#ffffffd9;flex:1}.recent-search-remove{align-items:center;background:none;border:none;border-radius:4px;color:#ffffff4d;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .15s ease,background-color .15s ease}.recent-search-remove:hover{background:#ffffff1a;color:#ffffffb3}.raid-app--themed .codex-surface{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-1) 3%,#0a0a0ceb),#0a0a0ceb)}.raid-app--themed .codex-surface:before{opacity:.18}.raid-app--themed .codex-surface:after{opacity:.05}.raid-app--themed .codex-header-icon{box-shadow:0 0 16px color-mix(in srgb,var(--accent-1) 15%,#0000)}.raid-app--themed .codex-accent-divider{animation:codex-divider-expand-themed .5s ease-out .1s forwards}@keyframes codex-divider-expand-themed{to{opacity:.6;width:55%}}.raid-app--themed .codex-search-bar{border-color:color-mix(in srgb,var(--accent-1) 30%,#0000)}.raid-app--themed .codex-search-bar:focus-within{border-color:color-mix(in srgb,var(--accent-1) 55%,#0000);box-shadow:inset 0 2px 4px #0003,0 0 30px color-mix(in srgb,var(--accent-1) 22%,#0000),0 0 60px color-mix(in srgb,var(--accent-1) 12%,#0000),0 0 0 3px color-mix(in srgb,var(--accent-1) 10%,#0000)}.raid-app--themed .cotd-card:hover{border-color:color-mix(in srgb,var(--accent-1) 50%,#0000);box-shadow:0 12px 30px #0006,0 0 30px color-mix(in srgb,var(--accent-1) 16%,#0000)}.raid-app--themed .codex-quick-action{border-color:color-mix(in srgb,var(--accent-1) 20%,#0000)}.raid-app--themed .codex-quick-action:hover{border-color:color-mix(in srgb,var(--accent-1) 40%,#0000);box-shadow:0 4px 16px color-mix(in srgb,var(--accent-1) 15%,#0000)}.raid-app--themed .codex-results-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent-1) 30%,#0000)}.raid-app--themed .cotd-section-header h2{color:var(--accent-1)}.codex-surface--premium{position:relative}.codex-surface--premium .codex-shimmer-border{border-radius:21px;inset:-1px;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.codex-shimmer-border:before{animation:codex-shimmer-rotate 10s linear infinite;background:conic-gradient(from 0deg,#0000 0,color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000) 10%,color-mix(in srgb,var(--accent-2,var(--accent-1,#d4af37)) 25%,#0000) 20%,#0000 30%,#0000 100%);border-radius:21px;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:1px;position:absolute}@keyframes codex-shimmer-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:900px){.cotd-grid{grid-template-columns:repeat(2,1fr)}.codex-filters-desktop{display:none}.codex-filter-btn-mobile{display:flex}}@media (max-width:600px){.champion-codex-page{padding:80px 12px 40px}.codex-surface{border-radius:16px}.codex-surface-inner{padding:20px 16px}.codex-header{margin-bottom:8px;padding-bottom:16px}.codex-header-icon{height:44px;width:44px}.codex-header-text h1{font-size:1.5rem}.codex-discord-cta{padding:6px 12px 6px 6px}.codex-discord-avatar{height:28px;width:28px}.codex-discord-cta .cta-title{font-size:.6875rem}.codex-discord-cta .cta-hint{font-size:.625rem}.codex-search-section{flex-wrap:wrap;margin-bottom:24px}.codex-search-bar{min-height:52px;padding:14px 16px 14px 48px;width:100%}.codex-filter-btn-mobile{height:52px;width:52px}.codex-results-dropdown{max-height:50vh!important;position:fixed!important;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:10001!important}.codex-search-bar:focus-within+.codex-results-dropdown,.codex-search-section:focus-within .codex-results-dropdown{z-index:10002!important}.cotd-section-header{align-items:flex-start;flex-direction:column;gap:4px}.cotd-subtitle{margin-left:0}.cotd-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.cotd-portrait{height:130px}.cotd-name{font-size:.8125rem}.codex-premium-actions{gap:6px}.codex-quick-action{font-size:.75rem;padding:6px 12px}}.codex-results-mobile-portal{background:#0c0c0ffa!important;border:1px solid #64646e4d!important;border-radius:0 0 12px 12px!important;border-top:none!important;box-shadow:0 10px 40px #000c!important;max-height:50vh!important;overscroll-behavior:contain;position:fixed!important;touch-action:pan-y;z-index:100010!important}.codex-results-mobile-portal .codex-results-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}@media (max-width:400px){.cotd-grid{gap:10px}.cotd-portrait{height:110px}.cotd-info{padding:10px}}@media (prefers-reduced-motion:reduce){.codex-accent-divider{animation:none;opacity:.4;width:50%}.codex-shimmer-border:before{animation:none!important}.cotd-card{transition:none}.cotd-card:hover{transform:none}.codex-quick-action,.cotd-portrait img{transition:none}}.guides-hub{min-height:100vh}.guides-hero{align-items:center;background-color:#0f0c09;background-position:top;background-repeat:no-repeat;background-size:100% auto;display:flex;justify-content:center;min-height:500px;overflow:hidden;position:relative}.guides-hero-overlay{background:linear-gradient(180deg,#0f0c0933,#0f0c0980 50%,#0f0c09d9);inset:0;position:absolute}.guides-hero-decor{background-repeat:no-repeat;background-size:contain;bottom:0;opacity:.3;position:absolute;top:0;width:200px}.guides-hero-decor-left{background-position:0;left:0}.guides-hero-decor-right{background-position:100%;right:0;transform:scaleX(-1)}.guides-hero-content{backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f0c09d9,#1a1410e6 50%,#0f0c09d9);border:1px solid #d4af374d;border-radius:8px;box-shadow:0 0 40px #00000080,inset 0 1px 0 #d4af371a,inset 0 -1px 0 #0000004d;max-width:800px;padding:48px 56px;position:relative;text-align:center;z-index:1}.guides-hero-eyebrow{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:14px;letter-spacing:4px;margin-bottom:16px}.guides-hero-title{font-family:Cinzel Decorative,Cinzel,serif;font-size:48px;font-weight:700;line-height:1.1;margin:0 0 20px}.hero-title-raid{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#d4af37,#f5d76e 50%,#d4af37);-webkit-background-clip:text;background-clip:text;display:block;font-size:64px;text-shadow:none}.hero-title-shadow{color:#fff;display:block;font-size:32px;letter-spacing:8px;margin-top:8px}.guides-hero-tagline{color:#d4af37;font-family:Cinzel,serif;font-size:14px;letter-spacing:3px;margin:0 0 16px;text-transform:uppercase}.guides-hero-description{color:#a89a8a;font-size:16px;line-height:1.6;margin:0}.guides-search-section{margin-top:-30px;padding:0 20px;position:relative;z-index:10}.guides-search-container{align-items:center;background:#1a1410f2;border:1px solid #3a3530;border-radius:8px;display:flex;margin:0 auto;max-width:700px;padding:4px 4px 4px 16px;transition:all .3s ease}.guides-search-container:focus-within{border-color:#d4af37;box-shadow:0 0 20px #d4af3733}.guides-search-icon{color:#666;flex-shrink:0}.guides-search-input{background:none;border:none;color:#fff;flex:1;font-size:16px;outline:none;padding:12px 16px}.guides-search-input::placeholder{color:#666}.guides-search-btn{background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;border-radius:6px;color:#1a1410;cursor:pointer;padding:12px 16px;transition:all .2s ease}.guides-search-btn:hover{transform:scale(1.05)}.guides-orientation{margin:0 auto;max-width:800px;padding:24px 20px 32px;text-align:center}.orientation-text{color:#888;font-size:15px;line-height:1.6;margin:0}.orientation-text strong{color:#d4af37;font-weight:500}.guides-categories-section{margin:0 auto;max-width:1400px;padding:40px 20px}.guides-content-surface{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0a0cd9;border:1px solid #d4af3714;border-radius:20px;box-shadow:0 4px 32px #0006,inset 0 1px 0 #ffffff05;padding:32px}.guides-categories-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.guides-categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.guides-categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.guides-categories-grid{grid-template-columns:1fr}}.guide-category-tile{border:1px solid #3a3530;border-radius:8px;display:flex;flex-direction:column;min-height:180px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.guide-category-tile:hover{border-color:#d4af37;box-shadow:0 8px 32px #d4af3733;transform:translateY(-4px)}.guide-category-tile-featured{grid-column:span 2;grid-row:span 2;min-height:380px}@media (max-width:600px){.guide-category-tile-featured{grid-column:span 1;grid-row:span 1;min-height:200px}}.category-tile-bg{background-position:50%;background-size:cover;inset:0;position:absolute;transition:transform .3s ease}.guide-category-tile:hover .category-tile-bg{transform:scale(1.05)}.category-tile-overlay{background:linear-gradient(180deg,#1a14101a,#1a141066 60%,#1a1410bf);inset:0;position:absolute}.category-tile-content{display:flex;flex:1;flex-direction:column;justify-content:flex-end;padding:20px;position:relative;z-index:1}.category-tile-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border:1px solid #d4af37;border-radius:8px;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.category-icon,.category-tile-icon svg{color:#d4af37;height:24px;width:24px}.category-tile-name{color:#fff;font-family:Cinzel,serif;font-size:20px;font-weight:600;margin:0 0 4px}.guide-category-tile-featured .category-tile-name{font-size:28px}.category-tile-desc{color:#a89a8a;font-size:13px;line-height:1.4;margin:0 0 12px}.category-tile-meta{align-items:center;display:flex;gap:8px}.category-guide-count{background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;color:#d4af37;font-size:12px;padding:4px 10px}.category-tile-arrow{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:50%;color:#d4af37;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;right:16px;top:16px;transform:translateX(-10px);transition:all .3s ease;width:32px}.guide-category-tile:hover .category-tile-arrow{opacity:1;transform:translateX(0)}.guides-filters-section{margin:0 auto;max-width:1400px;padding:0 20px 48px}.guides-filters{background:#0000004d;border:1px solid #d4af371a;border-radius:12px;box-shadow:inset 0 2px 4px #00000026;display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px}.guide-filter-btn{align-items:center;background:#0000;border:1px solid #3a3530;border-radius:6px;color:#a89a8a;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.guide-filter-btn.active,.guide-filter-btn:hover{border-color:#d4af37;color:#d4af37}.guide-filter-btn.active{background:linear-gradient(135deg,#d4af3733,#8b5a2b33)}.guide-filter-view-all{background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;color:#1a1410;font-weight:600;margin-left:auto}.guides-featured-section,.guides-latest-section{margin:0 auto;max-width:1400px;padding:0 20px 48px}.guides-section-divider{background:linear-gradient(90deg,#0000,#d4af374d,#0000);height:1px;margin:0 auto 48px;max-width:200px}.section-header{border-bottom:1px solid #d4af371a;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;position:relative}.section-header:after{background:#d4af37;border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:50px}.section-title{align-items:center;color:#d4af37;display:flex;font-size:18px;gap:10px;letter-spacing:.5px}.section-icon{height:20px;width:20px}.section-view-all{align-items:center;color:#a89a8a;display:flex;font-size:13px;gap:4px;text-decoration:none;transition:color .2s ease}.section-view-all:hover{color:#d4af37}.guides-featured-list,.guides-latest-list{display:flex;flex-direction:column;gap:10px}.guide-featured-card{align-items:center;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #d4af371f;border-radius:10px;box-shadow:0 2px 8px #00000026;display:flex;gap:16px;padding:18px 22px;text-decoration:none;transition:all .12s ease}.guide-featured-card:hover{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-color:#d4af3766;box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.guide-latest-card{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:16px;padding:14px 18px;text-decoration:none;transition:all .12s ease}.guide-latest-card:hover{background:#ffffff0a;border-color:#d4af374d}.guide-card-icon{align-items:center;background:linear-gradient(135deg,#d4af371a,#8b5a2b1a);border:1px solid #3a3530;border-radius:8px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.guide-card-icon svg{color:#d4af37;height:20px;width:20px}.guide-card-content{min-width:0}.guide-card-title{font-size:15px;margin:0 0 4px;text-overflow:ellipsis;white-space:nowrap}.guide-card-subtitle{font-size:13px;margin:0}.guide-card-subtitle-inline{color:#a89a8a}.guide-card-sep{color:#666}.guide-badge{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.guide-badge-new{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.guide-badge-updated{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.guide-card-date{color:#666;font-size:12px}.guide-card-arrow{color:#666;flex-shrink:0;height:20px;transition:all .2s ease;width:20px}.guide-featured-card:hover .guide-card-arrow,.guide-latest-card:hover .guide-card-arrow{color:#d4af37;transform:translateX(4px)}.guides-glossary-section{margin:0 auto;max-width:1400px;padding:0 20px 60px}.glossary-banner{align-items:center;background:linear-gradient(135deg,#1a1410f2,#2d2318f2);border:1px solid #3a3530;border-radius:12px;display:flex;gap:24px;overflow:hidden;padding:24px 32px;position:relative;text-decoration:none;transition:all .3s ease}.glossary-banner:before{background:linear-gradient(90deg,#0000,#d4af370d 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.glossary-banner:hover:before{transform:translateX(100%)}.glossary-banner:hover{border-color:#d4af37;box-shadow:0 8px 32px #d4af3726}.glossary-banner-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border:1px solid #d4af37;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.glossary-banner-icon svg{color:#d4af37;height:32px;width:32px}.glossary-banner-content{flex:1}.glossary-banner-title{color:#fff;font-family:Cinzel,serif;font-size:20px;margin:0 0 6px}.glossary-banner-desc{color:#a89a8a;font-size:14px;margin:0}.glossary-banner-image{flex-shrink:0;height:100px;width:120px}.glossary-banner-image img{height:100%;object-fit:contain;width:100%}.glossary-banner-arrow{color:#d4af37;flex-shrink:0;height:24px;transition:transform .2s ease;width:24px}.glossary-banner:hover .glossary-banner-arrow{transform:translateX(4px)}.guide-category-page{min-height:100vh}.category-hero{align-items:center;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:300px;position:relative}.category-hero-overlay{background:linear-gradient(180deg,#0f0c0980,#0f0c09cc 70%,#0f0c09);inset:0;position:absolute}.category-hero-content{padding:60px 20px;position:relative;text-align:center;z-index:1}.category-breadcrumb{align-items:center;display:flex;font-size:13px;gap:8px;justify-content:center;margin-bottom:24px}.category-breadcrumb a{color:#a89a8a;text-decoration:none;transition:color .2s ease}.category-breadcrumb a:hover{color:#d4af37}.category-breadcrumb span,.category-breadcrumb svg{color:#666}.category-hero-icon{align-items:center;background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border:2px solid #d4af37;border-radius:16px;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.category-hero-icon svg{color:#d4af37;height:40px;width:40px}.category-hero-title{color:#fff;font-family:Cinzel,serif;font-size:42px;font-weight:700;margin:0 0 12px}.category-hero-desc{color:#a89a8a;font-size:16px;margin:0 0 16px}.category-hero-meta{color:#d4af37;font-size:14px}.category-guides-section{margin:0 auto;max-width:1200px;padding:40px 20px}.category-empty{color:#a89a8a;padding:80px 20px;text-align:center}.category-empty svg{color:#3a3530;height:64px;margin-bottom:20px;width:64px}.category-empty h3{color:#fff;font-family:Cinzel,serif;font-size:24px;margin:0 0 12px}.category-guides-list{display:flex;flex-direction:column;gap:16px}.category-guide-card{background:#1a1410cc;border:1px solid #3a3530;border-radius:12px;display:flex;gap:20px;overflow:hidden;text-decoration:none;transition:all .3s ease}.category-guide-card:hover{border-color:#d4af37;transform:translateX(4px)}.guide-card-thumbnail{background-position:50%;background-size:cover;flex-shrink:0;min-height:160px;width:200px}@media (max-width:600px){.category-guide-card{flex-direction:column}.guide-card-thumbnail{height:150px;width:100%}}.guide-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.guide-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.guide-tag{background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;color:#d4af37;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.guide-tag-endgame{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.guide-tag-beginner{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.guide-tag-featured{background:#d4af3733;border-color:#d4af37;color:#d4af37}.guide-card-intro{color:#888;flex:1;font-size:14px;line-height:1.5;margin:8px 0 0}.guide-card-footer{align-items:center;display:flex;gap:16px;margin-top:12px}.guide-difficulty{border-radius:4px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:capitalize}.guide-difficulty-beginner{background:#22c55e1a;color:#22c55e}.guide-difficulty-intermediate{background:#3b82f61a;color:#3b82f6}.guide-difficulty-advanced{background:#f973161a;color:#f97316}.guide-difficulty-endgame{background:#ef44441a;color:#ef4444}.guide-views{align-items:center;color:#666;display:flex;font-size:12px;gap:4px}.guide-page{min-height:100vh}.guide-hero{background-position:50%;min-height:350px}.guide-hero-overlay{background:linear-gradient(180deg,#0f0c094d,#0f0c09b3 50%,#0f0c09);inset:0;position:absolute}.guide-hero-content{max-width:900px;padding:60px 40px;position:relative;z-index:1}.guide-breadcrumb{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:20px}.guide-breadcrumb a{color:#a89a8a;text-decoration:none;transition:color .2s ease}.guide-breadcrumb a:hover{color:#d4af37}.guide-breadcrumb span,.guide-breadcrumb svg{color:#666}.guide-hero-title{color:#fff;font-family:Cinzel,serif;font-size:42px;font-weight:700;line-height:1.2;margin:0 0 12px}.guide-hero-subtitle{color:#a89a8a;font-size:18px;margin:0 0 16px}.guide-hero-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.guide-content-wrapper{display:flex;gap:32px;margin:0 auto;max-width:1400px;padding:40px}@media (max-width:900px){.guide-content-wrapper{flex-direction:column;padding:20px}}.guide-sidebar{flex-shrink:0;height:fit-content;position:sticky;top:100px;width:240px}@media (max-width:900px){.guide-sidebar{position:static;width:100%}}.guide-nav{background:#1a1410cc;border:1px solid #3a3530;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.guide-nav-item{background:#0000;border:none;border-radius:6px;color:#a89a8a;cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;transition:all .2s ease}.guide-nav-item:hover{background:#d4af371a;color:#d4af37}.guide-nav-item.active{background:linear-gradient(135deg,#d4af3733,#8b5a2b33);border-left:2px solid #d4af37;color:#d4af37}.guide-main{flex:1;min-width:0}.guide-quick-summary{background:linear-gradient(135deg,#d4af371a,#8b5a2b0d);border:1px solid #d4af374d;border-radius:12px;margin-bottom:32px;padding:24px}.guide-quick-summary h3{color:#d4af37;font-family:Cinzel,serif;font-size:18px;margin:0 0 16px}.summary-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item h4{color:#a89a8a;font-size:13px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-item ul{list-style:disc;margin:0;padding-left:16px}.summary-item li{color:#fff;font-size:14px;margin-bottom:4px}.guide-section{margin-bottom:40px}.guide-section-title{border-bottom:1px solid #3a3530;color:#d4af37;font-family:Cinzel,serif;font-size:24px;margin:0 0 20px;padding-bottom:12px}.guide-section-content{color:#c4b8a8;font-size:15px;line-height:1.7}.guide-section-content p{margin:0 0 16px}.guide-section-content h3,.guide-section-content h4{color:#fff;margin:24px 0 12px}.guide-section-content ol,.guide-section-content ul{margin:0 0 16px;padding-left:24px}.guide-section-content li{margin-bottom:8px}.champion-roles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.champion-role-card{background:#1a1410cc;border:1px solid #3a3530;border-radius:8px;padding:20px}.role-name{color:#d4af37;font-family:Cinzel,serif;font-size:16px;margin:0 0 8px}.role-desc{color:#a89a8a;font-size:14px;margin:0 0 12px}.role-options{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.role-label{color:#666;font-size:12px;font-weight:600}.role-champion{background:#d4af371a;border-radius:4px;color:#d4af37;font-size:13px;padding:2px 8px;text-decoration:none;transition:all .2s ease}.role-champion:hover{background:#d4af3733}.archetypes-list{display:flex;flex-direction:column;gap:20px}.archetype-card{background:#1a1410cc;border:1px solid #3a3530;border-radius:8px;padding:24px}.archetype-name{color:#d4af37;font-family:Cinzel,serif;font-size:18px;margin:0 0 8px}.archetype-desc{color:#c4b8a8;font-size:14px;margin:0 0 16px}.archetype-how{background:#0003;border-radius:6px;margin-bottom:16px;padding:16px}.archetype-how h5{color:#a89a8a;font-size:13px;margin:0 0 8px;text-transform:uppercase}.archetype-how p{color:#c4b8a8;font-size:14px;margin:0}.archetype-pros-cons{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.archetype-pros-cons{grid-template-columns:1fr}}.archetype-cons h5,.archetype-pros h5{font-size:13px;margin:0 0 8px;text-transform:uppercase}.archetype-pros h5{color:#22c55e}.archetype-cons h5{color:#ef4444}.archetype-cons ul,.archetype-pros ul{list-style:disc;margin:0;padding-left:16px}.archetype-cons li,.archetype-pros li{color:#a89a8a;font-size:13px;margin-bottom:4px}.mistakes-list{list-style:none;margin:0;padding:0}.mistakes-list li{background:#ef44440d;border:1px solid #ef444433;border-radius:6px;color:#c4b8a8;font-size:14px;margin-bottom:8px;padding:12px 16px 12px 40px;position:relative}.mistakes-list li:before{color:#ef4444;content:"✗";font-weight:700;left:16px;position:absolute}.glossary-hub{min-height:100vh}.glossary-hero{align-items:center;background:linear-gradient(135deg,#1a1410,#2d2318 50%,#1a1410);display:flex;justify-content:center;min-height:250px;position:relative}.glossary-hero-overlay{background:radial-gradient(circle at center,#0000 0,#0f0c09cc 100%);inset:0;position:absolute}.glossary-hero-content{padding:40px 20px;position:relative;text-align:center;z-index:1}.glossary-hero-icon{color:#d4af37;margin-bottom:20px}.glossary-hero-title{color:#fff;font-family:Cinzel,serif;font-size:42px;font-weight:700;margin:0 0 12px}.glossary-hero-desc{color:#a89a8a;font-size:16px;margin:0}.glossary-search-section{margin-top:-25px;padding:0 20px;position:relative;z-index:10}.glossary-search-container{align-items:center;background:#1a1410f2;border:1px solid #3a3530;border-radius:8px;display:flex;margin:0 auto;max-width:600px;padding:4px 16px}.glossary-search-container:focus-within{border-color:#d4af37}.glossary-search-icon{color:#666}.glossary-search-input{background:none;border:none;color:#fff;flex:1;font-size:15px;outline:none;padding:12px}.glossary-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;max-width:1200px;padding:30px 20px}.glossary-filter-btn{background:#0000;border:1px solid #3a3530;border-radius:20px;color:#a89a8a;cursor:pointer;font-size:13px;padding:8px 16px;text-transform:capitalize;transition:all .2s ease}.glossary-filter-btn:hover{border-color:#d4af37;color:#d4af37}.glossary-filter-btn.active{background:linear-gradient(135deg,#d4af37,#8b5a2b);border-color:#d4af37;color:#1a1410}.glossary-terms-section{margin:0 auto;max-width:1200px;padding:0 20px 60px}.glossary-terms-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.glossary-term-card{background:#1a1410cc;border:1px solid #3a3530;border-radius:8px;display:flex;flex-direction:column;padding:20px;position:relative;text-decoration:none;transition:all .2s ease}.glossary-term-card:hover{border-color:#d4af37;transform:translateY(-2px)}.term-name{color:#d4af37;font-family:Cinzel,serif;font-size:16px;margin:0 0 8px}.term-definition{color:#a89a8a;flex:1;font-size:13px;line-height:1.5;margin:0 0 12px}.term-category{color:#666;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.term-arrow{color:#666;height:16px;opacity:0;position:absolute;right:16px;top:16px;transition:all .2s ease;width:16px}.glossary-term-card:hover .term-arrow{color:#d4af37;opacity:1}.glossary-term-page{min-height:100vh;padding:40px 20px}.glossary-term-article{margin:0 auto;max-width:800px}.term-header{margin-bottom:32px}.term-category-badge{background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;color:#d4af37;display:inline-block;font-size:11px;letter-spacing:1px;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.term-title{color:#fff;font-family:Cinzel,serif;font-size:42px;font-weight:700;margin:0 0 16px}.term-short-def{color:#c4b8a8;font-size:18px;line-height:1.6;margin:0}.term-full-definition{color:#a89a8a;font-size:16px;line-height:1.8;margin-bottom:32px}.term-examples,.term-related-champions,.term-related-guides{margin-bottom:32px}.term-examples h3,.term-related-champions h3,.term-related-guides h3{color:#d4af37;font-family:Cinzel,serif;font-size:18px;margin:0 0 16px}.term-examples ul{margin:0;padding-left:20px}.term-examples li{color:#c4b8a8;margin-bottom:8px}.related-champion-link{background:#d4af371a;border:1px solid #d4af374d;border-radius:4px;color:#d4af37;display:inline-block;font-size:13px;margin:4px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.related-champion-link:hover{background:#d4af3733}.home-guides-widget{display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.home-guides-widget{grid-template-columns:1fr}}.guides-promo-card{background:linear-gradient(135deg,#1a1410f2,#2d2318f2);border:1px solid #3a3530;border-radius:12px;display:flex;flex-direction:column;grid-row:span 2;overflow:hidden;padding:32px;position:relative}.promo-eyebrow{color:#d4af37;font-family:Cinzel,serif;font-size:12px;letter-spacing:3px;margin-bottom:12px}.promo-title{color:#fff;font-family:Cinzel,serif;font-size:22px;font-weight:600;margin:0 0 12px}.promo-desc{color:#a89a8a;font-size:14px;line-height:1.5;margin:0 0 20px}.promo-image{align-items:center;display:flex;flex:1;justify-content:center;margin:20px 0}.promo-image svg{color:#d4af37;height:80px;opacity:.5;width:80px}.promo-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;border-radius:6px;color:#1a1410;display:flex;font-family:Cinzel,serif;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:1px;padding:14px 24px;text-decoration:none;transition:all .2s ease}.promo-btn:hover{box-shadow:0 8px 24px #d4af374d;transform:translateY(-2px)}.guides-quick-links{background:#1a1410cc;border:1px solid #3a3530;border-radius:12px;padding:20px}.quick-links-title{align-items:center;color:#d4af37;display:flex;font-family:Cinzel,serif;font-size:14px;gap:8px;margin:0 0 16px}.quick-links-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.quick-link-item{align-items:center;background:#0003;border:1px solid #3a3530;border-radius:6px;color:#a89a8a;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.quick-link-item:hover{border-color:#d4af37;color:#d4af37}.quick-link-item svg{height:16px;width:16px}.see-all-guides{align-items:center;color:#d4af37;display:flex;font-size:13px;gap:6px;text-decoration:none}.see-all-guides:hover{text-decoration:underline}.guides-by-mode{background:#1a1410cc;border:1px solid #3a3530;border-radius:12px;padding:20px}.by-mode-title{color:#666;font-family:Cinzel,serif;font-size:12px;letter-spacing:1px;margin:0 0 12px}.mode-list{list-style:none;margin:0;padding:0}.mode-list li{margin-bottom:4px}.mode-link{align-items:center;border-radius:6px;color:#a89a8a;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.mode-link:hover{background:#d4af371a;color:#d4af37}.mode-link svg:first-child{color:#d4af37;height:18px;width:18px}.mode-link span{flex:1}.mode-link svg:last-child{height:14px;opacity:0;transition:opacity .2s ease;width:14px}.mode-link:hover svg:last-child{opacity:1}.featured-guides-section{grid-column:span 2}@media (max-width:900px){.featured-guides-section{grid-column:span 1}}.featured-guides-header{margin-bottom:20px}.section-eyebrow{color:#d4af37;display:block;font-family:Cinzel,serif;font-size:12px;letter-spacing:3px;margin-bottom:8px}.section-title{color:#fff;font-family:Cinzel,serif;font-size:24px;font-weight:600;margin:0}.featured-guides-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media (max-width:1200px){.featured-guides-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.featured-guides-grid{grid-template-columns:1fr}}.featured-guide-card{background:#1a1410e6;border:1px solid #3a3530;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .3s ease}.featured-guide-card:hover{border-color:#d4af3780;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.guide-card-image{background-color:#1a1410;background-position:50%;background-size:cover;height:140px;position:relative}.guide-card-placeholder{align-items:center;background:linear-gradient(135deg,#2a2015,#1a1410);display:flex;inset:0;justify-content:center;position:absolute}.guide-card-placeholder svg{color:#3a3530}.guide-card-overlay{background:linear-gradient(180deg,#0000,#0f0c09cc);inset:0;position:absolute}.guide-difficulty-badge{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:1}.guide-difficulty-badge.beginner{background:#22c55e;color:#fff}.guide-difficulty-badge.intermediate{background:#f59e0b;color:#000}.guide-difficulty-badge.advanced{background:#b83226;color:#fff}.guide-difficulty-badge.nightmare{background:#8b5cf6;color:#fff}.guide-card-content{display:flex;flex:1;flex-direction:column;padding:16px}.guide-card-title{color:#fff;font-family:Cinzel,serif;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 8px}.guide-card-subtitle,.guide-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.guide-card-subtitle{color:#a89a8a;flex:1;font-size:12px;line-height:1.4;margin:0 0 12px}.guide-card-meta{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.guide-category{color:#d4af37;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.guide-arrow{color:#666;transition:color .2s,transform .2s}.featured-guide-card:hover .guide-arrow{color:#d4af37;transform:translateX(4px)}.view-all-guides-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#8b5a2b);border:none;border-radius:8px;color:#1a1410;display:inline-flex;font-family:Cinzel,serif;font-size:14px;font-weight:600;gap:10px;letter-spacing:1px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.view-all-guides-btn:hover{box-shadow:0 8px 24px #d4af374d;transform:translateY(-2px)}.glossary-loading,.guide-loading,.guides-loading{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;min-height:400px}.glossary-not-found,.guide-not-found,.guides-not-found{align-items:center;color:#a89a8a;display:flex;flex-direction:column;font-size:18px;justify-content:center;min-height:400px;padding:40px;text-align:center}.guide-internal-link{border-bottom:1px dotted #d4af3766;color:#d4af37;text-decoration:none;transition:all .2s ease}.guide-internal-link:hover{border-bottom-color:#f5d76e;color:#f5d76e}.guide-champion-link{font-weight:500}.guide-tool-link{background:#d4af371a;border-bottom:none;border-radius:3px;padding:1px 6px}.guide-tool-link:hover{background:#d4af3733}.guide-quick-links-bar{align-items:center;background:#1a1410f2;border-bottom:1px solid #3a3530;display:flex;flex-wrap:wrap;gap:12px;padding:12px 40px}.quick-links-label{color:#888;font-size:13px;font-weight:600}.quick-link-btn{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:6px;color:#d4af37;display:flex;font-size:13px;gap:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.quick-link-btn:hover{background:#d4af3733;border-color:#d4af37;transform:translateY(-1px)}.quick-link-btn svg{height:14px;width:14px}.guide-resources{border-top:1px solid #3a3530;margin-top:40px;padding-top:40px}.resources-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.resource-card{align-items:center;background:#1a1410cc;border:1px solid #3a3530;border-radius:8px;display:flex;gap:16px;padding:16px 20px;text-decoration:none;transition:all .2s ease}.resource-card:hover{background:#1a1410f2;border-color:#d4af37;transform:translateX(4px)}.resource-card.resource-featured{background:linear-gradient(135deg,#d4af371a,#8b5a2b1a);border-color:#d4af3766}.resource-card.resource-featured:hover{border-color:#d4af37;box-shadow:0 4px 16px #d4af3726}.resource-icon{align-items:center;background:linear-gradient(135deg,#d4af3726,#8b5a2b26);border:1px solid #d4af374d;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.resource-icon svg{color:#d4af37}.resource-info{flex:1;min-width:0}.resource-info h4{color:#fff;font-family:Cinzel,serif;font-size:15px;margin:0 0 4px}.resource-info p{color:#888;font-size:13px;line-height:1.3;margin:0}.resource-arrow{color:#666;flex-shrink:0;height:20px;transition:all .2s ease;width:20px}.resource-card:hover .resource-arrow{color:#d4af37;transform:translateX(4px)}@media (max-width:768px){.guide-quick-links-bar{padding:12px 16px}.resources-grid{grid-template-columns:1fr}}.guide-image-container{background:linear-gradient(135deg,#1a1410e6,#0f0c09f2);border:1px solid #d4af374d;border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #d4af371a;margin:32px 0;overflow:hidden}.guide-section-content img,.guide-section-image{aspect-ratio:16/9;background:#1a141099;border-radius:8px;display:block;margin:16px 0;max-height:500px;object-fit:cover;width:100%}.image-caption{background:#00000080;border-top:1px solid #d4af3733;color:#a89a8a;font-size:13px;font-style:italic;margin:0;padding:12px 16px;text-align:center}.guide-hero{align-items:flex-end;background-position:top;background-size:cover;display:flex;min-height:450px;position:relative}.guide-hero:before{background:radial-gradient(ellipse at center bottom,#0000 0,#0f0c09cc 100%);content:"";inset:0;pointer-events:none;position:absolute}.guide-section-content .callout-box,.guide-section-content .stat-box{background:linear-gradient(135deg,#d4af371a,#8b5a2b0d);border:1px solid #d4af374d;border-left:4px solid #d4af37;border-radius:8px;margin:20px 0;padding:16px 20px}.guide-section-content .callout-box h4,.guide-section-content .stat-box h4{color:#d4af37;font-family:Cinzel,serif;font-size:15px;margin:0 0 8px}.guide-section-content .callout-box p,.guide-section-content .stat-box p{color:#c4b8a8;margin:0}.guide-section-content .warning-box{background:linear-gradient(135deg,#ef44441a,#b91c1c0d);border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:8px;margin:20px 0;padding:16px 20px}.guide-section-content .warning-box h4{color:#ef4444;font-family:Cinzel,serif;font-size:15px;margin:0 0 8px}.guide-section-content .tip-box{background:linear-gradient(135deg,#22c55e1a,#15803d0d);border:1px solid #22c55e4d;border-left:4px solid #22c55e;border-radius:8px;margin:20px 0;padding:16px 20px}.guide-section-content .tip-box h4{color:#22c55e;font-family:Cinzel,serif;font-size:15px;margin:0 0 8px}.guide-section-content .stats-table{background:#1a141099;border-collapse:collapse;border-radius:8px;margin:20px 0;overflow:hidden;width:100%}.guide-section-content .stats-table th{background:linear-gradient(135deg,#d4af3733,#8b5a2b1a);border-bottom:1px solid #d4af374d;color:#d4af37;font-family:Cinzel,serif;font-size:14px;padding:12px 16px;text-align:left}.guide-section-content .stats-table td{border-bottom:1px solid #3a3530;color:#c4b8a8;font-size:14px;padding:12px 16px}.guide-section-content .stats-table tr:last-child td{border-bottom:none}.guide-section-content .stats-table tr:hover td{background:#d4af370d}.guide-section-content .head-card{background:#1a1410cc;border:1px solid #3a3530;border-radius:10px;margin:20px 0;overflow:hidden;padding:20px;position:relative}.guide-section-content .head-card:before{background:var(--head-color,#d4af37);content:"";height:4px;left:0;position:absolute;right:0;top:0}.guide-section-content .head-card.mischief{--head-color:#8b5cf6}.guide-section-content .head-card.torment{--head-color:#ef4444}.guide-section-content .head-card.decay{--head-color:#22c55e}.guide-section-content .head-card.suffering{--head-color:#f59e0b}.guide-section-content .head-card.blight{--head-color:#10b981}.guide-section-content .head-card.wrath{--head-color:#dc2626}.guide-section-content .head-card h4{color:var(--head-color,#d4af37);font-family:Cinzel,serif;font-size:18px;margin:0 0 12px}.guide-image-gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:24px 0}.guide-image-gallery .gallery-item{border:1px solid #3a3530;border-radius:8px;overflow:hidden}.guide-image-gallery .gallery-item img{display:block;height:200px;object-fit:cover;width:100%}@media (max-width:768px){.guide-hero{min-height:350px}.guide-image-container{border-left:none;border-radius:0;border-right:none;margin:20px -16px}.guide-section-image{aspect-ratio:16/9;max-height:300px}.guide-section-content .stats-table{display:block;overflow-x:auto}.guide-section-content .head-card{margin:16px 0;padding:16px}}.enhanced-guide-page{min-height:100vh;padding:20px 20px 40px}.guide-surface{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0ce0;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);border-radius:20px;box-shadow:0 8px 40px #00000080,inset 0 1px 0 #ffffff08,inset 0 0 80px #0003;margin:0 auto;max-width:1320px;overflow:hidden;position:relative}.guide-surface:before{border:1px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:20px;inset:0;opacity:.06;z-index:1}.guide-surface:after,.guide-surface:before{content:"";pointer-events:none;position:absolute}.guide-surface:after{border-radius:22px;box-shadow:0 0 60px var(--accent-1,var(--gold-primary,#d4af37));inset:-2px;opacity:.04}@keyframes guideBorderSweep{0%{clip-path:inset(0 100% 0 0);opacity:0}15%{opacity:.12}50%{clip-path:inset(0 0 0 0);opacity:.12}85%{opacity:0}to{clip-path:inset(0 0 0 100%);opacity:0}}.guide-surface-sweep{animation:guideBorderSweep 6s ease-in-out infinite;border:1.5px solid var(--accent-1,var(--gold-primary,#d4af37));border-radius:20px;inset:0;pointer-events:none;position:absolute;z-index:1}.guide-surface-inner{position:relative;z-index:2}.reading-progress-bar{align-items:center;backdrop-filter:blur(12px);background:#0a0a0cf2;border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:20px 20px 0 0;display:flex;height:44px;left:0;padding:0 24px;position:sticky;right:0;top:0;z-index:100}.reading-progress-fill{background:linear-gradient(90deg,var(--accent-1,var(--gold-primary,#d4af37)),gold);bottom:0;height:2px;left:0;position:absolute;transition:width .1s ease-out}.reading-progress-info{align-items:center;display:flex;justify-content:space-between;width:100%}.current-section-name{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:.8rem;font-weight:600;letter-spacing:.3px}.reading-meta{color:var(--text-muted,#8b8070);display:flex;font-size:.7rem;gap:18px}.reading-meta span{align-items:center;display:flex;gap:5px}.enhanced-guide-hero{align-items:flex-end;background-position:center 20%;background-size:cover;border-radius:0;display:flex;margin:0;min-height:360px;overflow:hidden;position:relative}.hero-overlay{background:radial-gradient(ellipse at 30% 50%,#0006 0,#000c 100%),linear-gradient(90deg,#0a0a0ce6,#0a0a0c4d);inset:0;position:absolute}.hero-overlay:after{box-shadow:inset 0 0 80px #0009;content:"";inset:0;pointer-events:none;position:absolute}.hero-content{max-width:700px;padding:48px 40px;z-index:1}.hero-breadcrumb{align-items:center;display:flex;font-size:.75rem;gap:8px;margin-bottom:18px}.hero-breadcrumb a{color:var(--text-muted,#8b8070);text-decoration:none;transition:color .2s}.hero-breadcrumb a:hover{color:var(--accent-1,var(--gold-primary,#d4af37))}.hero-breadcrumb span,.hero-breadcrumb svg{color:#555}.enhanced-guide-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--accent-1,#d4af37) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-heading,"Cinzel",serif);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.2;margin:0 0 14px}.hero-subtitle{color:#b8a88ae6;font-size:.92rem;line-height:1.5;margin:0 0 18px}.hero-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.difficulty-tag{border-radius:6px;font-size:.68rem;font-weight:700;letter-spacing:.8px;padding:4px 12px;text-transform:uppercase}.difficulty-tag.beginner{background:#22c55e;color:#fff}.difficulty-tag.intermediate{background:#f59e0b;color:#000}.difficulty-tag.advanced{background:#ef4444;color:#fff}.difficulty-tag.nightmare{background:#8b5cf6;color:#fff}.last-updated,.reading-time,.view-count{align-items:center;color:var(--text-muted,#8b8070);display:flex;font-size:.75rem;gap:5px}.mobile-toc-btn{align-items:center;background:linear-gradient(135deg,var(--accent-1,#d4af37),#b8860b);border:none;border-radius:50px;bottom:24px;box-shadow:0 4px 20px #d4af3759;color:#1a1410;cursor:pointer;display:none;font-size:.8rem;font-weight:700;gap:8px;left:24px;padding:12px 20px;position:fixed;z-index:100}@media (max-width:1100px){.mobile-toc-btn{display:flex}}.mobile-toc-overlay{animation:fadeIn .2s ease;background:#000000b3;inset:0;position:fixed;z-index:2000}.mobile-toc-drawer{animation:slideIn .3s ease;background:#0a0a0cfa;border-right:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000);bottom:0;left:0;max-width:85vw;position:absolute;top:0;width:300px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-toc-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:.9rem;justify-content:space-between;padding:20px}.mobile-toc-header button{background:none;border:none;color:var(--text-muted,#8b8070);cursor:pointer}.mobile-toc-list{list-style:none;margin:0;padding:12px 0}.mobile-toc-list li button{background:none;border:none;color:var(--text-muted,#8b8070);cursor:pointer;font-size:.88rem;padding:14px 24px;text-align:left;transition:all .2s;width:100%}.mobile-toc-list li button:hover,.mobile-toc-list li.active button{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.glossary-toggle{align-items:center;backdrop-filter:blur(12px);background:#0a0a0ce6;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 25%,#0000);border-radius:50px;bottom:24px;color:var(--accent-1,var(--gold-primary,#d4af37));cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:24px;transition:all .2s;z-index:100}.glossary-toggle.active,.glossary-toggle:hover{background:linear-gradient(135deg,var(--accent-1,#d4af37),#b8860b);border-color:#0000;color:#1a1410}.glossary-drawer{backdrop-filter:blur(24px);background:#0a0a0cfa;border-left:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000);bottom:0;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:-400px;top:0;transition:right .3s ease;width:380px;z-index:1500}.glossary-drawer.open{right:0}.glossary-header{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);display:flex;justify-content:space-between;padding:20px}.glossary-header h3{align-items:center;color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:1rem;gap:10px;margin:0}.glossary-close{background:none;border:none;color:var(--text-muted,#8b8070);cursor:pointer;padding:4px}.glossary-search{align-items:center;border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);display:flex;gap:10px;padding:16px 20px}.glossary-search svg{color:var(--text-muted,#8b8070)}.glossary-search input{background:none;border:none;color:var(--text-primary,#f5f0e8);flex:1;font-size:.85rem;outline:none}.glossary-search input::placeholder{color:#555}.glossary-content{flex:1;overflow-y:auto;padding:16px}.glossary-item{background:linear-gradient(180deg,#1a161299,#120e0cb3);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-radius:10px;margin-bottom:12px;padding:16px}.glossary-item h4{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:.85rem;margin:0 0 8px}.glossary-item p{color:var(--text-muted,#8b8070);font-size:.82rem;line-height:1.6;margin:0 0 12px}.glossary-related{align-items:center;display:flex;flex-wrap:wrap;font-size:.7rem;gap:6px}.glossary-related>span{color:var(--text-muted,#8b8070)}.related-tag{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:4px;color:var(--accent-1,var(--gold-primary,#d4af37));font-size:.65rem;padding:2px 8px}.enhanced-guide-container{display:grid;gap:28px;grid-template-columns:260px minmax(0,1fr) 260px;padding:28px 24px 40px}@media (max-width:1100px){.enhanced-guide-container{grid-template-columns:1fr;padding:20px 16px 32px}.left-sidebar{display:none}.quick-summary-sidebar{order:-1}}.left-sidebar{height:fit-content;max-height:calc(100vh - 120px);min-width:0;overflow-y:auto;position:sticky;top:80px}.toc-nav{background:linear-gradient(180deg,#1a161299,#120e0cb3);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:14px;overflow:hidden}.toc-header{align-items:center;background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 6%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:.75rem;font-weight:700;gap:10px;letter-spacing:.8px;padding:14px 18px;text-transform:uppercase}.toc-list{list-style:none;margin:0;padding:8px 0}.toc-item{position:relative}.toc-link{align-items:center;background:none;border:none;color:var(--text-muted,#8b8070);cursor:pointer;display:flex;font-size:.8rem;gap:10px;padding:9px 18px;text-align:left;transition:all .2s;width:100%}.toc-link:hover{background:#ffffff05;color:var(--text-primary,#f5f0e8)}.toc-item.active .toc-link{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.toc-item.active:before{background:var(--accent-1,var(--gold-primary,#d4af37));border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.toc-link svg{flex-shrink:0;opacity:.6}.toc-item.active .toc-link svg{opacity:1}.guide-article{min-width:0}.guide-section{background:linear-gradient(180deg,#1a161299,#120e0cb3);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:14px;margin-bottom:24px;overflow:hidden;transition:border-color .28s ease}.guide-section:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 22%,#0000)}.section-header{align-items:center;background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 5%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);display:flex;gap:12px;padding:18px 24px}.section-header svg{color:var(--accent-1,var(--gold-primary,#d4af37));flex-shrink:0}.section-header h2{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);font-size:1.05rem;letter-spacing:.3px;margin:0}.section-content{padding:24px}.enhanced-guide-page .section-content{max-height:none!important;opacity:1!important;overflow:visible!important}.section-content p{color:var(--text-muted,#b8a898);font-size:.92rem;line-height:1.75;margin:0 0 18px}.section-content h3{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:1rem;letter-spacing:.2px;margin:28px 0 14px}.section-content h4{color:var(--text-primary,#f5f0e8);font-size:.92rem;font-weight:700;margin:22px 0 10px}.section-content ol,.section-content ul{margin:0 0 18px;padding-left:22px}.section-content li{color:var(--text-muted,#b8a898);font-size:.9rem;line-height:1.7;margin-bottom:6px}.section-content strong{color:var(--text-primary,#f5f0e8);font-weight:600}.section-content a:not(.resource-card-enhanced):not(.champion-link){border-bottom:1px solid #0000;color:var(--accent-1,var(--gold-primary,#d4af37));text-decoration:none;transition:border-color .2s}.section-content a:not(.resource-card-enhanced):not(.champion-link):hover{border-bottom-color:var(--accent-1,var(--gold-primary,#d4af37))}.auto-link.champion-link{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:4px;color:var(--accent-1,var(--gold-primary,#d4af37));font-weight:500;padding:1px 6px;text-decoration:none;transition:all .2s}.auto-link.champion-link:hover{background:var(--accent-1,var(--gold-primary,#d4af37));color:#1a1410}.guide-figure,.section-content .guide-image-container{background:#0a0a0c80;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-radius:10px;margin:24px 0;overflow:hidden}.guide-figure-inline{max-width:580px}.guide-figure-feature{max-width:100%}.guide-figure-gallery{display:inline-block;margin:4px;width:calc(50% - 8px)}.guide-figure img,.section-content .guide-section-image,.section-content img{aspect-ratio:16/9;background:#120e0c99;border-radius:8px;display:block;max-height:450px;object-fit:cover;width:100%}.section-content img{margin:14px 0}.guide-figure figcaption,.section-content .image-caption{background:#0006;border-top:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 6%,#0000);color:var(--text-muted,#8b8070);font-size:.75rem;font-style:italic;padding:10px 16px;text-align:center}.section-content table{border-collapse:collapse;font-size:.82rem;margin:20px 0;width:100%}.section-content th{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:.78rem;font-weight:700;padding:10px 14px;text-align:left}.section-content td{border-bottom:1px solid #ffffff0a;color:var(--text-muted,#b8a898);padding:10px 14px}.section-content tr:hover td{background:#ffffff05}.callout-box{border-radius:10px;margin:20px 0;overflow:hidden}.callout-header{align-items:center;display:flex;font-size:.82rem;font-weight:700;gap:10px;padding:12px 16px}.callout-content{font-size:.88rem;line-height:1.6;padding:14px 16px}.callout-tip{background:#22c55e14;border:1px solid #22c55e33}.callout-tip .callout-header{color:#22c55e}.callout-tip .callout-content{color:#a7f3d0d9}.callout-warning{background:#ef444414;border:1px solid #ef444433}.callout-warning .callout-header{color:#ef4444}.callout-warning .callout-content{color:#fca5a5d9}.callout-info{background:#3b82f614;border:1px solid #3b82f633}.callout-info .callout-header{color:#3b82f6}.callout-info .callout-content{color:#93c5fdd9}.callout-mechanic{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 6%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 15%,#0000)}.callout-mechanic .callout-header{color:var(--accent-1,var(--gold-primary,#d4af37))}.callout-mechanic .callout-content{color:var(--text-muted,#b8a898)}.champion-roles-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.champion-role-card-enhanced{background:linear-gradient(180deg,#1a161280,#120e0c99);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-radius:12px;padding:18px;transition:all .28s ease}.champion-role-card-enhanced:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 25%,#0000);transform:translateY(-2px)}.champion-role-card-enhanced h4{color:var(--accent-1,var(--gold-primary,#d4af37));font-family:var(--font-heading,"Cinzel",serif);font-size:.88rem;margin:0 0 8px}.champion-role-card-enhanced p{color:var(--text-muted,#8b8070);font-size:.82rem;line-height:1.6;margin:0 0 14px}.role-options{margin-top:10px}.role-options .label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.role-options .label.budget{color:#22c55e}.role-options .label.premium{color:#8b5cf6}.champion-links{display:flex;flex-wrap:wrap;gap:6px}.champion-links a{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:4px;color:var(--accent-1,var(--gold-primary,#d4af37));font-size:.78rem;padding:4px 10px;text-decoration:none;transition:all .2s}.champion-links a:hover{background:var(--accent-1,var(--gold-primary,#d4af37));color:#1a1410}.archetypes-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.archetype-card-enhanced{background:linear-gradient(180deg,#1a161280,#120e0c99);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-radius:14px;padding:22px;transition:all .28s ease}.archetype-card-enhanced:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 25%,#0000);box-shadow:0 8px 30px #0000004d;transform:translateY(-2px)}.archetype-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.archetype-card-header h4{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);font-size:1rem;margin:0}.difficulty-badge{border-radius:6px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:3px 10px}.archetype-purpose{color:var(--text-muted,#8b8070);font-size:.82rem;line-height:1.6;margin:0 0 14px}.archetype-champions{margin-bottom:10px}.archetype-champions .label,.archetype-debuffs .label{color:var(--text-muted,#8b8070);font-size:.7rem;margin-right:8px}.champion-icons{display:inline-flex;gap:4px}.champ-icon{align-items:center;background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 20%,#0000);border-radius:6px;color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;font-size:.72rem;font-weight:700;height:28px;justify-content:center;text-decoration:none;transition:all .2s;width:28px}.champ-icon:hover{background:var(--accent-1,var(--gold-primary,#d4af37));color:#1a1410}.archetype-debuffs{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.debuff-tag{background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:4px;color:#a78bfa;font-size:.72rem;padding:3px 8px}.expand-btn{align-items:center;background:none;border:none;color:var(--accent-1,var(--gold-primary,#d4af37));cursor:pointer;display:flex;font-size:.78rem;gap:6px;padding:8px 0;transition:opacity .2s}.expand-btn:hover{opacity:.75}.archetype-expanded{border-top:1px solid #ffffff0d;margin-top:14px;padding-top:14px}.how-it-works{margin-bottom:14px}.how-it-works h5{color:var(--accent-1,var(--gold-primary,#d4af37));font-size:.78rem;margin:0 0 6px}.how-it-works p{color:var(--text-muted,#b8a898);font-size:.82rem;line-height:1.6;margin:0}.pros-cons-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.cons h5,.pros h5{align-items:center;display:flex;font-size:.78rem;gap:6px;margin:0 0 8px}.pros h5{color:#22c55e}.cons h5{color:#ef4444}.cons ul,.pros ul{margin:0;padding-left:14px}.cons li,.pros li{color:var(--text-muted,#8b8070);font-size:.78rem;margin-bottom:3px}.archetype-actions{display:flex;gap:10px}.action-btn{border-radius:8px;font-size:.78rem;font-weight:700;padding:10px 18px;text-decoration:none;transition:all .2s}.action-btn.primary{background:linear-gradient(135deg,var(--accent-1,#d4af37),#b8860b);color:#1a1410}.action-btn.primary:hover{box-shadow:0 4px 16px #d4af374d;transform:translateY(-1px)}.mistakes-list-enhanced{list-style:none;margin:0;padding:0}.mistakes-list-enhanced li{align-items:flex-start;background:#ef44440a;border:1px solid #ef44441f;border-radius:10px;display:flex;gap:12px;margin-bottom:10px;padding:14px}.mistake-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.mistakes-list-enhanced li span{color:var(--text-muted,#b8a898);font-size:.88rem;line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-radius:10px;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 22%,#0000)}.faq-question{align-items:center;background:#1a161280;border:none;color:var(--text-primary,#f5f0e8);cursor:pointer;display:flex;font-size:.88rem;font-weight:600;justify-content:space-between;padding:16px 20px;text-align:left;transition:background .2s;width:100%}.faq-item.open .faq-question{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 6%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.faq-question:hover{background:#ffffff08}.faq-question svg{color:var(--text-muted,#8b8070);flex-shrink:0}.faq-answer{border-top:1px solid #ffffff0a;color:var(--text-muted,#b8a898);font-size:.88rem;line-height:1.7;padding:18px 20px}.resources-grid-enhanced{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.resource-card-enhanced{align-items:center;background:linear-gradient(180deg,#1a161280,#120e0c99);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border-radius:12px;display:flex;gap:14px;padding:18px;text-decoration:none;transition:all .28s ease}.resource-card-enhanced:hover{border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.resource-card-enhanced .resource-icon{align-items:center;background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 8%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 18%,#0000);border-radius:10px;color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;height:44px;justify-content:center;width:44px}.resource-card-enhanced .resource-info{flex:1}.resource-card-enhanced h4{color:var(--text-primary,#f5f0e8);font-size:.85rem;font-weight:700;margin:0 0 3px}.resource-card-enhanced p{font-size:.75rem;margin:0}.resource-card-enhanced p,.resource-card-enhanced>svg{color:var(--text-muted,#8b8070)}.quick-summary-sidebar{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 120px);min-width:0;overflow-y:auto;position:sticky;top:80px}.sidebar-card{background:linear-gradient(180deg,#1a161299,#120e0cb3);border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:14px;flex-shrink:0;overflow:hidden}.sidebar-card-header{align-items:center;background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 6%,#0000);border-bottom:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37));display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.sidebar-card-header .copy-btn{background:none;border:none;color:var(--text-muted,#8b8070);cursor:pointer;margin-left:auto;padding:4px;transition:color .2s}.sidebar-card-header .copy-btn:hover{color:var(--accent-1,var(--gold-primary,#d4af37))}.takeaways-list{list-style:none;margin:0;padding:14px 16px}.takeaways-list li{color:var(--text-muted,#b8a898);font-size:.78rem;line-height:1.6;margin-bottom:8px;padding-left:18px;position:relative}.takeaways-list li:before{background:#22c55e;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:7px;width:6px}.debuff-pills{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px}.debuff-pill{background:#1a161299;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 12%,#0000);border-radius:20px;color:var(--text-muted,#b8a898);cursor:pointer;font-size:.72rem;padding:5px 10px;transition:all .2s}.debuff-pill:hover{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-color:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 30%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.stat-requirements{border-top:1px solid #ffffff0a;margin-top:4px;padding:10px 16px 14px}.stat-req{align-items:center;display:flex;font-size:.72rem;justify-content:space-between;padding:5px 0}.stat-label{color:var(--text-muted,#8b8070)}.stat-value{color:var(--accent-1,var(--gold-primary,#d4af37));font-weight:700;white-space:nowrap}.champions-list{list-style:none;margin:0;padding:10px 14px}.champions-list li{margin-bottom:4px}.champions-list a{background:#1a161280;border-radius:6px;color:var(--text-muted,#b8a898);display:block;font-size:.78rem;padding:7px 10px;text-decoration:none;transition:all .2s}.champions-list a:hover{background:color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);color:var(--accent-1,var(--gold-primary,#d4af37))}.tool-buttons{display:flex;flex-direction:column;gap:8px;padding:14px}.tool-btn{align-items:center;background:#1a161280;border:1px solid color-mix(in srgb,var(--accent-1,var(--gold-primary,#d4af37)) 10%,#0000);border-radius:8px;color:var(--text-muted,#b8a898);display:flex;font-size:.78rem;gap:8px;justify-content:center;padding:10px 14px;text-decoration:none;transition:all .2s}.tool-btn:hover{background:linear-gradient(135deg,var(--accent-1,#d4af37),#b8860b);border-color:#0000;color:#1a1410}.guide-loading-enhanced{align-items:center;color:var(--text-muted,#8b8070);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff0f;border-radius:50%;border-top:3px solid var(--accent-1,var(--gold-primary,#d4af37));height:36px;width:36px}.guide-not-found-enhanced{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:60vh;padding:40px;text-align:center}.guide-not-found-enhanced svg{color:#f59e0b}.guide-not-found-enhanced h2{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);margin:0}.guide-not-found-enhanced p{color:var(--text-muted,#8b8070);margin:0}.back-link{color:var(--accent-1,var(--gold-primary,#d4af37));margin-top:14px}@media (max-width:768px){.enhanced-guide-page{padding:12px 10px 32px}.guide-surface{border-radius:14px}.enhanced-guide-hero{min-height:280px}.hero-content{padding:32px 20px}.enhanced-guide-hero h1{font-size:1.3rem}.section-header{padding:14px 18px}.section-header h2{font-size:.92rem}.section-content{padding:18px}.section-content p{font-size:.85rem}.archetypes-grid,.champion-roles-grid,.pros-cons-grid{grid-template-columns:1fr}.glossary-toggle{bottom:80px}}.use-case-page{background:linear-gradient(180deg,#0a0806,#1a1410 50%,#0d0b08);color:#f5f0e6;min-height:100vh;padding-bottom:60px}.use-case-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.use-case-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.use-case-loading p{color:#8b7355;font-size:14px}.use-case-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.use-case-error h1{color:#d4af37;font-size:28px;margin-bottom:12px}.use-case-error p{color:#8b7355;margin-bottom:24px}.use-case-error .back-link,.use-case-error button{background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s}.use-case-error .back-link:hover,.use-case-error button:hover{box-shadow:0 4px 20px #d4af374d;transform:translateY(-2px)}.use-case-hero{overflow:hidden;padding:100px 20px 60px;position:relative}.hero-bg-gradient{background:radial-gradient(ellipse at 30% 20%,#d4af3714 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#8b73550f 0,#0000 40%)}.hero-bg-gradient,.hero-pattern{inset:0;pointer-events:none;position:absolute}.hero-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m30 0 30 30-30 30L0 30z' fill='none' stroke='%23d4af37' stroke-width='.3' opacity='.05'/%3E%3C/svg%3E");opacity:.3}.hero-content{margin:0 auto;max-width:1200px;position:relative}.use-case-breadcrumb{align-items:center;color:#8b7355;display:flex;font-size:13px;gap:8px;margin-bottom:32px}.use-case-breadcrumb a{color:#a89070;text-decoration:none;transition:color .2s}.use-case-breadcrumb a:hover,.use-case-breadcrumb span{color:#d4af37}.hero-main{align-items:flex-start;display:flex;gap:40px}.hero-portrait{flex-shrink:0}.portrait-frame{background:#00000080;border:3px solid;border-radius:16px;box-shadow:0 8px 40px #00000080;height:200px;overflow:hidden;position:relative;width:200px}.portrait-image{height:100%;object-fit:cover;width:100%}.portrait-affinity{bottom:0;color:#fff;font-size:11px;font-weight:600;left:0;letter-spacing:.5px;padding:4px 8px;position:absolute;right:0;text-align:center;text-transform:uppercase}.hero-info{flex:1}.mode-badge{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:20px;display:inline-flex;gap:8px;margin-bottom:16px;padding:6px 14px}.mode-icon{font-size:18px}.mode-name{color:#d4af37;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hero-title{align-items:baseline;display:flex;flex-wrap:wrap;font-size:36px;font-weight:700;gap:12px;line-height:1.2;margin-bottom:12px}.champion-name{color:#f5f0e6}.title-for{color:#8b7355;font-size:24px;font-weight:400}.mode-title{color:#d4af37}.hero-subtitle{color:#a89070;font-size:16px;line-height:1.6;margin-bottom:28px;max-width:600px}.hero-quick-stats{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.tier-badge-large{align-items:center;border-radius:12px;display:flex;flex-direction:column;min-width:80px;padding:12px 20px}.tier-badge-large .tier-label{font-size:10px;letter-spacing:1px;opacity:.8;text-transform:uppercase}.tier-badge-large .tier-value{font-size:32px;font-weight:800;line-height:1}.quick-stat{display:flex;flex-direction:column;gap:4px}.quick-stat .stat-label{color:#8b7355;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.quick-stat .stat-value{color:#f5f0e6;font-size:16px;font-weight:600}.use-case-nav{backdrop-filter:blur(12px);background:#0f0c0af2;border-bottom:1px solid #d4af3726;position:sticky;top:60px;z-index:100}.use-case-nav-container{display:flex;gap:4px;margin:0 auto;max-width:1200px;overflow-x:auto;padding:8px 20px}.nav-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#8b7355;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s;white-space:nowrap}.nav-tab:hover{background:#d4af371a;color:#d4af37}.nav-tab.active{background:#d4af3726;color:#d4af37}.use-case-content{margin:0 auto;max-width:1200px;padding:0 20px}.content-section{border-bottom:1px solid #8b735526;padding:48px 0}.content-section:last-of-type{border-bottom:none}.section-header{margin-bottom:32px}.section-header h2{align-items:center;color:#d4af37;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:8px}.section-header h2 svg{color:#b8860b}.section-subtitle{color:#8b7355;font-size:15px;line-height:1.5}.overview-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.overview-card{background:linear-gradient(145deg,#1e1914cc,#140f0ae6);border:1px solid #8b735533;border-radius:16px;padding:24px}.overview-card h3{align-items:center;color:#f5f0e6;display:flex;font-size:16px;gap:10px;margin-bottom:20px}.rating-display{align-items:center;display:flex;gap:24px;margin-bottom:24px}.rating-tier{border-radius:10px;font-size:20px;font-weight:700;padding:12px 24px}.rating-score{align-items:baseline;display:flex;gap:2px}.score-number{color:#f5f0e6;font-size:42px;font-weight:800;line-height:1}.score-max{color:#8b7355;font-size:18px}.matched-abilities h4{color:#8b7355;font-size:12px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.ability-tags{display:flex;flex-wrap:wrap;gap:8px}.ability-tag{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:16px;color:#4ade80;display:flex;font-size:12px;gap:4px;padding:6px 12px}.analysis-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.analysis-list li{align-items:flex-start;color:#c4b89a;display:flex;font-size:14px;gap:12px;line-height:1.5}.analysis-list .icon-success{color:#4ade80;flex-shrink:0;margin-top:2px}.analysis-list .icon-warning{color:#fbbf24;flex-shrink:0;margin-top:2px}.stat-targets-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-target-card{background:linear-gradient(145deg,#1e1914cc,#140f0ae6);border:1px solid #8b735533;border-radius:12px;padding:20px}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-name{color:#a89070;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-ideal{color:#4ade80;font-size:18px;font-weight:700}.stat-bar{background:#8b735533;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;position:relative}.stat-bar-fill{background:linear-gradient(90deg,#d4af37,#fbbf24);border-radius:4px;height:100%;transition:width .5s ease}.stat-min{color:#8b7355;font-size:11px;position:absolute;right:0;top:-20px}.stat-note{color:#8b7355;font-size:12px;line-height:1.4;margin:0}.gear-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.gear-card{background:linear-gradient(145deg,#1e1914cc,#140f0ae6);border:1px solid #8b735533;border-radius:12px;padding:20px}.gear-card h3{align-items:center;color:#d4af37;display:flex;font-size:14px;gap:8px;margin-bottom:16px}.gear-sets{display:flex;flex-direction:column;gap:10px}.gear-set{align-items:center;background:#0000004d;border:1px solid #8b735526;border-radius:8px;display:flex;gap:12px;padding:10px 14px}.gear-set.primary{background:#d4af371a;border-color:#d4af374d}.set-rank{color:#8b7355;font-size:12px;font-weight:700}.gear-set.primary .set-rank{color:#d4af37}.set-name{color:#f5f0e6;font-size:14px}.stat-priorities{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.stat-priorities li{align-items:center;background:#0003;border-radius:6px;display:flex;gap:12px;padding:8px 12px}.priority-rank{align-items:center;background:#d4af3733;border-radius:50%;color:#d4af37;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.priority-stat{color:#f5f0e6;font-size:14px}.avoid-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.avoid-list li{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#fca5a5;font-size:13px;padding:10px 12px}.notes-card p{color:#a89070;font-size:14px;line-height:1.6;margin:0}.masteries-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.mastery-card{background:linear-gradient(145deg,#1e1914cc,#140f0ae6);border:1px solid #8b735533;border-radius:12px;padding:20px}.mastery-card.offense{border-color:#ef44444d}.mastery-card.defense{border-color:#3b82f64d}.mastery-card.support{border-color:#22c55e4d}.mastery-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.mastery-card.offense .mastery-header svg{color:#ef4444}.mastery-card.defense .mastery-header svg{color:#3b82f6}.mastery-card.support .mastery-header svg{color:#22c55e}.mastery-header h3{color:#f5f0e6;font-size:14px;margin:0}.key-masteries{display:flex;flex-wrap:wrap;gap:8px}.mastery-tag{background:#d4af371a;border:1px solid #d4af374d;border-radius:16px;color:#d4af37;font-size:12px;padding:6px 12px}.mastery-notes{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;display:flex;gap:12px;padding:16px}.mastery-notes svg{color:#60a5fa;flex-shrink:0;margin-top:2px}.mastery-notes p{color:#93c5fd;font-size:13px;line-height:1.5;margin:0}.mastery-cta{margin-top:24px;text-align:center}.cta-button{align-items:center;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:10px;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .2s}.cta-button:hover{box-shadow:0 6px 24px #d4af374d;transform:translateY(-2px)}.cta-button.secondary{background:#d4af3726;border:1px solid #d4af3766;color:#d4af37}.cta-button.secondary:hover{background:#d4af3740}.teammates-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.teammate-card{align-items:center;background:linear-gradient(145deg,#1e1914cc,#140f0ae6);border:1px solid #8b735533;border-radius:10px;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s}.teammate-card:hover{border-color:#d4af3766;box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.teammate-portrait{background:#0000004d;border-radius:8px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.teammate-portrait img{height:100%;object-fit:cover;width:100%}.teammate-info{flex:1;min-width:0}.teammate-name{color:#f5f0e6;display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teammate-rarity{font-size:11px;font-weight:500}.teammate-arrow{color:#8b7355;flex-shrink:0}.teammate-card:hover .teammate-arrow{color:#d4af37}.no-teammates{color:#8b7355;font-size:14px;padding:32px}.no-teammates,.team-cta{text-align:center}.other-modes-section{border-bottom:none!important}.other-modes-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.other-mode-card{align-items:center;background:#0000004d;border:1px solid #8b735526;border-radius:10px;color:#c4b89a;display:flex;gap:10px;padding:14px 18px;text-decoration:none;transition:all .2s}.other-mode-card:hover{background:#d4af371a;border-color:#d4af374d;color:#d4af37}.other-mode-card .mode-icon{font-size:20px}.other-mode-card .mode-label{flex:1;font-size:13px;font-weight:500}.other-mode-card svg{opacity:.5}.other-mode-card:hover svg{opacity:1}.back-to-champion{padding:32px 0;text-align:center}.back-link{align-items:center;color:#8b7355;display:inline-flex;font-size:14px;gap:8px;text-decoration:none;transition:color .2s}.back-link:hover{color:#d4af37}@media (max-width:900px){.masteries-grid{grid-template-columns:1fr}}@media (max-width:768px){.use-case-hero{padding:80px 16px 40px}.hero-main{align-items:center;flex-direction:column;text-align:center}.portrait-frame{height:160px;width:160px}.hero-title{font-size:26px;justify-content:center}.title-for{font-size:18px}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-quick-stats{justify-content:center}.use-case-nav{top:56px}.use-case-nav-container{padding:6px 12px}.nav-tab{font-size:13px;padding:8px 12px}.content-section{padding:32px 0}.section-header h2{font-size:20px}.gear-grid,.overview-grid,.stat-targets-grid{grid-template-columns:1fr}.other-modes-grid,.teammates-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.hero-title{flex-direction:column;font-size:22px;gap:4px}.title-for{font-size:14px}.tier-badge-large{padding:10px 16px}.tier-badge-large .tier-value{font-size:26px}.other-modes-grid,.teammates-grid{grid-template-columns:1fr}}.fs-cta{align-items:center;animation:fsSlideUp .35s ease;background:var(--bg-primary,#12111a);border:1px solid #d4af3733;border-radius:12px;bottom:24px;box-shadow:0 8px 32px #00000080;display:flex;gap:12px;left:50%;max-width:92vw;padding:10px 16px;position:fixed;transform:translateX(-50%);z-index:900}@keyframes fsSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.fs-dismiss{align-items:center;background:var(--bg-secondary,#1a1825);border:1px solid #ffffff1a;border-radius:50%;color:var(--text-muted,#7a6c58);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:-6px;top:-6px;transition:color .15s;width:20px}.fs-dismiss:hover{color:var(--text-primary,#f5f0e8)}.fs-icon{color:var(--accent-1,#d4af37);flex-shrink:0}.fs-text{color:var(--text-secondary,#b8a88a);font-size:13px}.fs-btn,.fs-text{white-space:nowrap}.fs-btn{align-items:center;background:var(--accent-1,#d4af37);border:none;border-radius:8px;color:#0a0a0f;cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-heading,"Cinzel",serif);font-size:11px;font-weight:700;gap:6px;letter-spacing:.6px;padding:7px 14px;text-transform:uppercase;transition:box-shadow .2s,transform .15s}.fs-btn:hover{box-shadow:0 0 16px #d4af374d;transform:translateY(-1px)}@media (max-width:600px){.fs-cta{bottom:80px;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px}.fs-text{font-size:12px;text-align:center;white-space:normal;width:100%}.fs-icon{display:none}}.sep-overlay{align-items:center;animation:sepFadeIn .22s ease;backdrop-filter:blur(8px);background:#000000b8;display:flex;inset:0;justify-content:center;position:fixed;z-index:9997}@keyframes sepFadeIn{0%{opacity:0}to{opacity:1}}.sep-modal{animation:sepSlideUp .28s ease;background:var(--bg-primary,#12111a);border:1px solid #d4af372e;border-radius:16px;max-width:380px;padding:40px 28px 28px;position:relative;text-align:center;width:90%}@keyframes sepSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sep-close{background:none;border:none;border-radius:6px;color:var(--text-muted,#7a6c58);cursor:pointer;padding:4px;position:absolute;right:12px;top:12px;transition:color .15s,background .15s}.sep-close:hover{background:#ffffff0f;color:var(--text-primary,#f5f0e8)}.sep-icon-wrap{align-items:center;background:color-mix(in srgb,var(--accent-1,#d4af37) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 20%,#0000);border-radius:50%;color:var(--accent-1,#d4af37);display:inline-flex;height:56px;justify-content:center;margin-bottom:18px;width:56px}.sep-title{color:var(--text-primary,#f5f0e8);font-family:var(--font-heading,"Cinzel",serif);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.sep-body{color:var(--text-secondary,#b8a88a);font-size:13px;line-height:1.55;margin:0 0 24px}.sep-cta-primary{align-items:center;background:var(--accent-1,#d4af37);border:none;border-radius:10px;color:#0a0a0f;cursor:pointer;display:flex;font-family:var(--font-heading,"Cinzel",serif);font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.8px;margin-bottom:10px;padding:13px 20px;text-transform:uppercase;transition:box-shadow .2s,transform .15s;width:100%}.sep-cta-primary:hover{box-shadow:0 0 24px #d4af3759;transform:translateY(-1px)}.sep-cta-dismiss{background:#0000;border:none;color:var(--text-muted,#7a6c58);cursor:pointer;display:block;font-size:13px;padding:10px;transition:color .15s;width:100%}.sep-cta-dismiss:hover{color:var(--text-secondary,#b8a88a)}.pop-banner{align-items:center;animation:popSlide .3s ease;background:color-mix(in srgb,var(--accent-1,#d4af37) 6%,var(--bg-primary,#12111a));border:1px solid color-mix(in srgb,var(--accent-1,#d4af37) 18%,#0000);border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-top:16px;padding:14px 18px}@keyframes popSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pop-left{align-items:center;display:flex;gap:12px;min-width:0}.pop-icon{color:var(--accent-1,#d4af37);flex-shrink:0}.pop-title{color:var(--text-primary,#f5f0e8);display:block;font-family:var(--font-heading,"Cinzel",serif);font-size:14px;font-weight:700;line-height:1.3}.pop-sub{color:var(--text-muted,#7a6c58);display:block;font-size:12px;margin-top:2px}.pop-cta{align-items:center;background:var(--accent-1,#d4af37);border:none;border-radius:8px;color:#0a0a0f;cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-heading,"Cinzel",serif);font-size:11px;font-weight:700;gap:6px;letter-spacing:.6px;padding:9px 16px;text-transform:uppercase;transition:box-shadow .2s,transform .15s;white-space:nowrap}.pop-cta:hover{box-shadow:0 0 18px #d4af374d;transform:translateY(-1px)}@media (max-width:600px){.pop-banner{flex-direction:column;gap:12px;padding:16px;text-align:center}.pop-left{flex-direction:column;gap:8px}.pop-icon{display:none}.pop-cta{justify-content:center;width:100%}}.mcn-wrap{align-items:center;background:color-mix(in srgb,var(--accent-1,#d4af37) 5%,#0000);border:1px solid #d4af371a;border-radius:8px;display:flex;gap:8px;margin:10px 0;padding:8px 14px}.mcn-text{color:var(--text-secondary,#b8a88a);font-size:12px}.mcn-link{align-items:center;background:none;border:none;color:var(--accent-1,#d4af37);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:0;transition:opacity .15s;white-space:nowrap}.mcn-link:hover{opacity:.8}
/*# sourceMappingURL=main.5142eaf4.css.map*/