:root{--page-content-width: 1200px;--bg: #0a0b0f;--panel: #14161d;--panel-2: #181b22;--border: #23262f;--text: #e8eaf0;--muted: #8a8f99;--accent: #f4c430;--accent-glow: rgba(244, 196, 48, .28);--warn: #e0474c;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Barlow", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(70% 45% at 50% -6%,rgba(244,196,48,.06),transparent 60%),radial-gradient(120% 70% at 50% -10%,#16181f,#0a0b0f00 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body)}h1,h2,.char-name,.kicker,.readout-value,.readout-label{font-family:var(--font-display)}#root{--account-bar-height: 68px;min-height:100vh;display:flex;flex-direction:column}#root>main{flex:1 0 auto}.account-bar{position:sticky;top:0;z-index:21;min-height:var(--account-bar-height);border-bottom:1px solid rgba(255,255,255,.045);background:transparent;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,backdrop-filter .18s ease}.account-bar-scrolled{border-bottom-color:#ffffff13;background:#0a0b0fc7;box-shadow:0 8px 28px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.account-bar-inner{display:flex;width:min(var(--page-content-width),calc(100% - 2rem));min-height:var(--account-bar-height);align-items:center;justify-content:space-between;gap:1rem;margin:0 auto}.account-bar-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:1rem}.account-user,.account-login{display:inline-flex;min-height:40px;align-items:center;gap:.55rem;color:#9297a1;font:600 .82rem/1 var(--font-display);text-decoration:none;transition:color .15s ease}.account-user{padding:0;border:0;background:transparent;cursor:pointer}.account-menu{position:relative}.account-menu-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .16s ease}.account-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:30;display:grid;width:210px;padding:.4rem;visibility:hidden;border:1px solid rgba(255,255,255,.1);border-radius:11px;opacity:0;background:#0e1015f7;box-shadow:0 18px 48px #0000006b;transform:translateY(-5px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.account-popover:before{position:absolute;right:0;bottom:100%;width:100%;height:12px;content:""}.account-menu:hover .account-popover,.account-menu:focus-within .account-popover{visibility:visible;opacity:1;transform:translateY(0)}.account-menu:hover .account-menu-chevron,.account-menu:focus-within .account-menu-chevron{transform:rotate(180deg)}.account-popover a,.account-popover button{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;padding:.6rem .7rem;border:0;border-radius:7px;color:#c8ccd4;background:transparent;font:600 .78rem/1 var(--font-display);text-align:left;text-decoration:none;cursor:pointer}.account-popover a:hover,.account-popover a:focus-visible,.account-popover button:hover:not(:disabled),.account-popover button:focus-visible{outline:none;color:#fff;background:#ffffff0e}.account-popover small{display:grid;min-width:21px;height:21px;place-items:center;border-radius:999px;color:var(--muted);background:#ffffff0f;font-size:.62rem}.account-popover button:last-child{margin-top:.3rem;border-top:1px solid var(--border);border-radius:0 0 7px 7px;color:#d98b8f}.account-user:hover,.account-login:hover{color:var(--text)}.account-login{color:#b9cfe4}.battlenet-icon{display:block;width:19px;height:19px;object-fit:contain}.account-user-avatar{position:relative;display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;overflow:visible;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#111319db}.account-user-avatar:after{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border:2px solid #0a0b0f;border-radius:50%;background:#58c77b;content:""}.account-user-avatar-image{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.account-user-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar-placeholder{width:118px;height:10px;border-radius:999px;background:#ffffff0b}.brand{display:inline-flex;align-items:center;text-decoration:none}.wordmark-me{display:inline-block}.logo-lockup:hover .wordmark-me,.wordmark:hover .wordmark-me{animation:wordmark-me-bounce .52s cubic-bezier(.22,1,.36,1)}@keyframes wordmark-me-bounce{0%,to{transform:translate(0)}48%{transform:translate(.34em)}68%{transform:translate(-.08em)}84%{transform:translate(.035em)}}@media (prefers-reduced-motion: reduce){.logo-lockup:hover .wordmark-me,.wordmark:hover .wordmark-me{animation:none}}@media (max-width: 640px){#root{--account-bar-height: 60px}.account-bar-actions{gap:.65rem}.account-bar .switch-kbd{display:none}.account-bar .switch-btn{padding-inline:.65rem;box-shadow:none}.account-user-name{max-width:110px}.account-popover{position:fixed;top:var(--account-bar-height);right:.75rem}}@media (max-width: 500px){.account-bar .brand>span>span{display:none!important}.battlenet-login-label{font-size:0}.battlenet-login-label:after{font-size:.78rem;content:"Log in"}}.lookup-form.compact{margin:0;padding:0;background:none;border:none;gap:.4rem;align-items:center;flex-wrap:nowrap}.lookup-form.compact label{flex:0 0 auto;gap:0}.lookup-form.compact input,.lookup-form.compact select{padding:.4rem .5rem;font-size:.85rem}.lookup-form.compact input{width:9rem}.lookup-form.compact button{flex:0 0 auto;padding:.45rem .9rem;font-size:.85rem}.site-footer{position:relative;overflow:hidden;flex-shrink:0;margin-top:4rem;padding:4rem 1.5rem 1.4rem;border-top:1px solid var(--border);background:linear-gradient(180deg,#14161db8,#08090cfa);font-size:.82rem;color:var(--muted)}.footer-inner{position:relative;max-width:var(--page-content-width);margin:0 auto}.footer-main{display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(460px,.85fr);gap:clamp(3rem,8vw,8rem)}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-brand p{max-width:32ch;margin:1.15rem 0 1.45rem;color:#8f949f;font-size:.92rem;line-height:1.55}.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.footer-nav div{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.footer-nav h2{margin:0 0 .4rem;color:#555b67;font-family:var(--font-display);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.footer-nav a,.footer-nav button{padding:0;border:0;color:#a0a5af;background:none;font:inherit;text-decoration:none;cursor:pointer}.footer-nav a:hover,.footer-nav button:hover{color:var(--accent)}.footer-bar{position:relative;max-width:var(--page-content-width);margin:3.4rem auto 0;padding-top:1.15rem;border-top:1px solid rgba(35,38,47,.6);display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;flex-wrap:wrap;font-size:.72rem}.footer-fineprint{opacity:.75;text-align:right;max-width:66ch}@media (max-width: 800px){.site-footer{padding-top:3rem}.footer-main{grid-template-columns:1fr;gap:2.8rem}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.footer-nav{grid-template-columns:1fr 1fr;gap:2rem 1rem}.footer-bar{align-items:flex-start;flex-direction:column;margin-top:2.5rem}.footer-fineprint{text-align:left}}.switch-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--accent);border:0;border-radius:9px;color:#14161a;font-family:var(--font-display);font-weight:700;font-size:.85rem;padding:.45rem .8rem;cursor:pointer;box-shadow:0 0 0 1px #f4c43073,0 4px 16px var(--accent-glow);transition:filter .15s ease}.switch-btn:hover{filter:brightness(1.08)}.switch-btn .switch-kbd{color:#14161a;background:#0a0b0f24;border:1px solid rgba(10,11,15,.28)}.switch-kbd,.palette-foot kbd{font-family:var(--font-display);font-size:.7rem;color:var(--muted);background:#0f1115;border:1px solid var(--border);border-radius:5px;padding:.05rem .34rem}.cdrop{position:relative}.cdrop-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#0f1115;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .65rem;font-size:1rem;font-family:inherit;cursor:pointer}.cdrop-caret{color:var(--muted);font-size:.7rem}.cdrop-menu{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#14161d;border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 30px #00000080;max-height:240px;overflow-y:auto}.cdrop-opt{padding:.5rem .6rem;border-radius:6px;font-size:.95rem;cursor:pointer}.cdrop-opt.active{background:#f4c43024}.realm-input{width:100%;background:#0f1115;border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .65rem;font-size:1rem;font-family:inherit}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06070a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.palette{width:100%;max-width:560px;background:linear-gradient(180deg,#14161d,#0f1116);border:1px solid #262b36;border-radius:16px;box-shadow:0 24px 70px #0009;display:flex;flex-direction:column}.palette-scope{display:flex;gap:.5rem;padding:.85rem .85rem 0}.palette-scope .cdrop{flex:0 0 88px}.palette-scope .realm-field{flex:1}.palette-input{margin:.7rem .85rem .5rem;padding:.5rem .2rem;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:1.15rem;font-family:var(--font-display);outline:none}.palette-list{max-height:46vh;overflow-y:auto;padding:.3rem .5rem .5rem}.palette-section{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#565b6b;font-family:var(--font-display);padding:.6rem .5rem .3rem}.palette-item{width:100%;display:flex;align-items:center;gap:.6rem;background:transparent;border:none;border-radius:9px;padding:.55rem .6rem;cursor:pointer;text-align:left;color:var(--text);font-family:inherit}.palette-item.active{background:#f4c43021}.palette-item-main{font-weight:600;font-size:.95rem}.palette-item-sub{color:var(--muted);font-size:.82rem}.palette-item-score{margin-left:auto;font-family:var(--font-display);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.palette-empty{color:var(--muted);font-size:.88rem;padding:1.2rem .6rem;text-align:center}.palette-foot{display:flex;gap:1rem;justify-content:center;border-top:1px solid var(--border);padding:.55rem;color:#565b6b;font-size:.72rem}.palette-foot span{display:inline-flex;align-items:center;gap:.3rem}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:1rem;background:#06070ab8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feedback-dialog{position:relative;width:100%;max-width:500px;padding:1.6rem;border:1px solid #2b2f38;border-radius:15px;background:linear-gradient(145deg,rgba(244,196,48,.035),transparent 30%),#12141a;box-shadow:0 28px 90px #0000009e}.feedback-dialog h2{margin:0;font-size:1.35rem}.feedback-close{position:absolute;top:.85rem;right:.95rem;width:30px;height:30px;padding:0;border:0;color:#747985;background:none;font-size:1.35rem;cursor:pointer}.feedback-close:hover{color:var(--text)}.feedback-intro{margin:.4rem 0 1.25rem;color:var(--muted);font-size:.86rem}.feedback-kinds{margin:0 0 1rem;padding:0;border:0}.feedback-kinds legend,.feedback-message{color:#969ba6;font-size:.72rem;font-weight:600}.feedback-kinds legend{margin-bottom:.5rem}.feedback-kinds label{display:inline-flex;align-items:center;margin-right:.45rem;padding:.45rem .7rem;border:1px solid var(--border);border-radius:8px;color:#858a95;font-size:.78rem;cursor:pointer}.feedback-kinds label.active{border-color:#f4c43066;color:var(--accent);background:#f4c4300f}.feedback-kinds input{position:absolute;opacity:0;pointer-events:none}.feedback-message{display:flex;flex-direction:column;gap:.5rem}.feedback-message textarea{width:100%;resize:vertical;min-height:130px;padding:.75rem;border:1px solid var(--border);border-radius:9px;outline:none;color:var(--text);background:#0d0f13;font:inherit;font-size:.9rem;line-height:1.5}.feedback-message textarea:focus{border-color:#f4c4307a;box-shadow:0 0 0 3px #f4c43012}.feedback-error{margin:.65rem 0 0;color:#ff7478;font-size:.78rem}.feedback-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.feedback-actions>span{color:#4f5561;font-size:.68rem}.feedback-submit{padding:.62rem 1rem;border:0;border-radius:8px;color:#14161a;background:var(--accent);font-family:var(--font-display);font-weight:700;cursor:pointer}.feedback-submit:disabled{opacity:.6;cursor:default}.feedback-success{display:flex;flex-direction:column;align-items:flex-start;padding:1rem 0 0}.feedback-success>span{width:42px;height:42px;display:grid;place-items:center;margin-bottom:1rem;border-radius:50%;color:#65d58c;background:#42d27d1a;font-size:1.2rem}.feedback-success p{margin:.4rem 0 1.3rem;color:var(--muted)}.container{width:100%;max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{margin:0;font-size:2.5rem;letter-spacing:-.02em}.accent{color:var(--accent)}.hero-lockup{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.home-page{width:100%;margin-top:calc(0px - var(--account-bar-height));overflow:hidden}.home-hero{position:relative;isolation:isolate;padding:calc(3.1rem + var(--account-bar-height)) 1.5rem 3.4rem;border-bottom:1px solid rgba(244,196,48,.11)}.home-hero:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 88%)}.home-hero-glow{position:absolute;z-index:-1;top:-390px;left:22%;width:820px;height:760px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(244,196,48,.12),rgba(244,196,48,.025) 42%,transparent 70%);pointer-events:none}.home-hero-inner{width:100%;max-width:var(--page-content-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);align-items:center;gap:clamp(2.5rem,6vw,5.5rem)}.home-hero-copy{position:relative;max-width:650px}.home-hero-copy>:not(.home-hero-mark){position:relative;z-index:1}.home-hero-mark{position:absolute;z-index:0;top:48%;left:-7.5rem;transform:translateY(-50%) rotate(-4deg);opacity:.1;filter:drop-shadow(0 0 30px rgba(244,196,48,.32));pointer-events:none}.home-title{max-width:650px;margin:0;font-size:clamp(2.65rem,5vw,4.35rem);font-weight:700;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}.home-sub{max-width:590px;margin:1.15rem 0 1.65rem;color:#a7abb5;font-size:1.07rem;line-height:1.55}.cta{display:inline-flex;align-items:center;gap:.7rem;background:var(--accent);color:#14161a;border:0;border-radius:12px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;padding:.85rem 1.5rem;cursor:pointer;box-shadow:0 0 0 1px #f4c43080,0 10px 34px var(--accent-glow);transition:filter .15s ease,transform .15s ease}.cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.cta kbd{font-family:var(--font-display);font-size:.8rem;font-weight:700;background:#0000002e;color:#14161a;border-radius:6px;padding:.1rem .42rem}.home-cta-row{display:flex;gap:.8rem;justify-content:flex-start;flex-wrap:wrap}.cta-secondary{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px #f4c4308c}.cta-secondary:hover{background:#f4c43014}.hero-recents-card{border-color:#f4c43026;background:linear-gradient(145deg,rgba(244,196,48,.035),transparent 32%),linear-gradient(155deg,#181b22f7,#0f1116fc);box-shadow:0 24px 70px #00000042}.hero-recents-card .ranking-row{min-height:54px;padding-block:.55rem}.hero-recents-action{width:100%;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1rem;border:0;border-top:1px solid var(--border);color:#838995;background:#0a0b0f61;font-family:var(--font-display);font-size:.72rem;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.hero-recents-action:hover{color:var(--accent);background:#f4c4300a}.home-rankings{width:100%;max-width:calc(var(--page-content-width) + 3rem);margin:0 auto;padding:3.5rem 1.5rem 2.5rem}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem}.home-section-head h2{margin:.35rem 0 0;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}.ranking-disclaimer{position:relative;display:flex;align-items:center;gap:.75rem;margin:1.5rem 0 0;padding:.75rem .9rem;overflow:hidden;border:1px solid rgba(244,196,48,.16);border-radius:11px;color:#9399a4;background:linear-gradient(90deg,#f4c43013,#181b22b8 38%,#0f1116c2);box-shadow:inset 3px 0 #f4c430bf,0 12px 32px #00000024;font-size:.78rem;line-height:1.45}.ranking-disclaimer-icon{display:grid;flex:0 0 1.75rem;width:1.75rem;height:1.75rem;place-items:center;border:1px solid rgba(244,196,48,.24);border-radius:8px;color:var(--accent);background:#f4c4300f}.ranking-disclaimer-icon svg{width:.95rem;height:.95rem;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}.ranking-disclaimer strong{color:#d9bd5a;font-weight:700}.home-feedback{width:100%;max-width:calc(var(--page-content-width) + 3rem);margin:0 auto;padding:3.5rem 1.5rem 0}.home-feedback-panel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;overflow:hidden;padding:1.1rem 1.2rem;border:1px solid #252932;border-radius:12px;background:#12141ab8}.home-feedback-icon{display:grid;width:2.6rem;height:2.6rem;place-items:center;border:1px solid rgba(244,196,48,.16);border-radius:9px;color:var(--accent);background:#f4c43009}.home-feedback-icon svg{width:1.15rem;height:1.15rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}.home-feedback-copy{position:relative;z-index:1}.home-feedback-copy h2{margin:0;font-size:1.05rem;letter-spacing:-.025em}.home-feedback-copy p{margin:.3rem 0 0;color:#858b96;font-size:.8rem}.home-feedback-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.68rem .9rem;border:1px solid rgba(244,196,48,.25);border-radius:9px;color:var(--accent);background:#f4c4300e;font-family:var(--font-display);font-size:.78rem;font-weight:750;cursor:pointer;transition:background .15s ease,border-color .15s ease}.home-feedback-button:hover{border-color:#f4c4306b;background:#f4c43017}.ranking-grid{display:grid;gap:1rem}.ranking-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(155deg,#181b22f5,#0f1116fa);box-shadow:0 16px 50px #00000024}.ranking-card-head{min-height:81px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--border)}.ranking-card-head h2,.ranking-card-head h3{margin:.28rem 0 0;font-family:var(--font-display);font-size:1.18rem;letter-spacing:-.02em}.hero-recents-card .ranking-card-head h2{font-size:1.12rem}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list>li:not(:last-child){border-bottom:1px solid rgba(35,38,47,.72)}.ranking-row{min-height:61px;display:flex;align-items:center;gap:.8rem;padding:.67rem 1.15rem;color:var(--text);text-decoration:none;transition:background .15s ease}a.ranking-row:hover{background:#ffffff07}.ranking-position{flex:0 0 21px;color:#555b67;font-family:var(--font-display);font-size:.78rem;font-weight:700;text-align:center}.ranking-position-podium{color:var(--accent)}.ranking-avatar{position:relative;flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border:1px solid;border-radius:9px;background:#11131a;font-family:var(--font-display);font-size:.78rem;font-weight:700;box-shadow:inset 0 0 16px #ffffff06}.ranking-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ranking-character{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:.16rem}.ranking-name-line{min-width:0;display:flex;align-items:center}.ranking-name{overflow:hidden;font-family:var(--font-display);font-size:.91rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.ranking-meta{overflow:hidden;color:#666c78;font-size:.68rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ranking-value{flex:0 0 auto;display:flex;align-items:baseline;gap:.26rem;font-family:var(--font-display);font-size:1.04rem;font-weight:700;font-variant-numeric:tabular-nums}.ranking-value small{color:#515663;font-size:.54rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ranking-empty{min-height:185px;display:grid;place-items:center;padding:1.5rem;color:#606672;font-size:.8rem;text-align:center}.ranking-row-skeleton{pointer-events:none}.skeleton-rank,.skeleton-copy,.skeleton-value{border-radius:5px;background:linear-gradient(90deg,#1b1e26 25%,#222630,#1b1e26 75%);background-size:200% 100%;animation:home-skeleton 1.5s ease-in-out infinite}.skeleton-rank{width:20px;height:12px}.skeleton-copy{width:min(52%,180px);height:24px}.skeleton-value{width:52px;height:17px;margin-left:auto}@keyframes home-skeleton{to{background-position:-200% 0}}.leaderboard-subhead{margin:3.4rem 0 1rem}.home-section-head+.ranking-grid{margin-top:1.6rem}.leaderboard-subhead h3{margin:0;font-family:var(--font-display);font-size:1.28rem;letter-spacing:-.025em}.home-raid-strip{margin-bottom:1rem}.ranking-grid-roles{grid-template-columns:repeat(3,minmax(0,1fr))}.role-card{position:relative;display:flex;flex-direction:column}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--role-color);opacity:.75}.role-card-damage{--role-color: #e9685d}.role-card-healing{--role-color: #52c981}.role-card-tank{--role-color: #6699df}.role-card-head{justify-content:flex-start}.role-card-head h3{margin:0}.ranking-card-more{display:flex;width:100%;align-items:center;justify-content:center;gap:.3rem;margin-top:auto;padding:.72rem 1rem;border-top:1px solid var(--border);color:#747b88;background:#0a0b0f61;font-family:var(--font-display);font-size:.68rem;font-weight:650;text-decoration:none;white-space:nowrap;transition:color .15s ease,background .15s ease}.ranking-card-more:hover{color:var(--role-color);background:color-mix(in srgb,var(--role-color) 4%,rgba(10,11,15,.38))}.role-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--role-color) 34%,transparent);border-radius:8px;color:var(--role-color);background:color-mix(in srgb,var(--role-color) 8%,transparent)}.role-icon img{width:29px;height:29px;opacity:.78;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.42))}.role-ranking-list .ranking-row{padding-inline:.9rem;gap:.65rem}.role-ranking-list .ranking-meta{max-width:190px}.ranking-name-line .spec-icon{flex:0 0 auto}@media (max-width: 940px){.home-hero-inner{grid-template-columns:1fr;gap:2rem}.home-hero-copy{max-width:720px}.hero-recents-card{width:100%}.ranking-grid-roles{grid-template-columns:1fr}.role-ranking-list .ranking-meta{max-width:none}}@media (max-width: 740px){.home-hero{padding:calc(2.5rem + var(--account-bar-height)) 1rem 2.7rem}.home-title{font-size:clamp(2.35rem,11vw,3.25rem)}.home-hero-mark{top:38%;left:-6.5rem;opacity:.08;transform:translateY(-50%) rotate(-4deg) scale(.82)}.home-sub{font-size:.98rem}.home-rankings{padding:2.7rem 1rem 1rem}.home-feedback{padding:2.7rem 1rem 0}.home-section-head{align-items:flex-start;flex-direction:column;gap:.6rem}.leaderboard-subhead{margin-top:2.8rem}.home-feedback-panel{grid-template-columns:auto minmax(0,1fr)}.home-feedback-button{grid-column:1 / -1;width:100%}}@media (max-width: 440px){.home-cta-row,.home-cta-row .cta{width:100%}.home-cta-row .cta{justify-content:center}.ranking-row{padding-inline:.85rem}}@media (prefers-reduced-motion: reduce){.skeleton-rank,.skeleton-copy,.skeleton-value{animation:none}}.leaderboard-page{--role-color: var(--accent)}.leaderboard-sheet{width:100%;max-width:calc(var(--page-content-width) + 3rem);margin:0 auto;padding:4rem 1.5rem}.leaderboard-heading{position:relative;isolation:isolate;min-height:145px;display:flex;align-items:center;margin-bottom:2rem}.leaderboard-heading-mark{position:absolute;z-index:0;top:48%;left:-5.5rem;opacity:.09;filter:drop-shadow(0 0 30px rgba(244,196,48,.32));pointer-events:none;transform:translateY(-50%) rotate(-4deg)}.leaderboard-heading-copy{position:relative;z-index:1}.leaderboard-heading h1{margin:0;font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.045em}.leaderboard-heading p{max-width:650px;margin:.8rem 0 0;color:#a7abb5;font-size:1rem;line-height:1.55}.leaderboard-controls{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.75rem;margin-bottom:1.35rem;padding:.9rem;border:1px solid #292d36;border-radius:14px;background:linear-gradient(180deg,#181b23e6,#0f1116f0);box-shadow:0 16px 45px #00000026}.leaderboard-control-group{min-width:0}.leaderboard-control-label{display:block;margin:0 0 .45rem .15rem;color:#666d79;font:700 .56rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}.leaderboard-tabs{display:flex;gap:.45rem;margin:0;overflow-x:auto;scrollbar-width:thin}.leaderboard-tabs a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.55rem;padding:.55rem .9rem;border:1px solid #303540;border-radius:9px;color:#8a909c;background:#090a0e7a;font-family:var(--font-display);font-size:.78rem;font-weight:650;text-decoration:none;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease}.leaderboard-tabs a:hover{color:var(--text);border-color:#484e5b;background:#ffffff09}.leaderboard-tabs a.active{color:var(--text);border-color:#f4c4309e;background:#f4c43017;box-shadow:inset 0 0 0 1px #f4c4300f,0 5px 18px #00000024}.leaderboard-category-tabs a{flex:1 1 0}.leaderboard-role-tabs a{flex:1 1 0;justify-content:flex-start}.leaderboard-role-tabs a.active{border-color:color-mix(in srgb,var(--role-color) 55%,transparent);background:color-mix(in srgb,var(--role-color) 10%,rgba(9,10,14,.48));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-color) 8%,transparent),0 5px 18px #00000024}.leaderboard-role-tabs .role-icon{flex-basis:25px;width:25px;height:25px;border-radius:6px}.leaderboard-role-tabs .role-icon img{width:22px;height:22px}.leaderboard-raid-strip{margin:0 0 1rem}.leaderboard-card{margin-top:.25rem}.leaderboard-card-title{min-width:0;display:flex;flex-direction:column;gap:.2rem}.leaderboard-card-title h2{margin:0}.leaderboard-card .role-ranking-list .ranking-meta{max-width:none}.leaderboard-card .ranking-row{min-height:66px;padding-inline:1.2rem}@media (max-width: 600px){.leaderboard-sheet{padding-top:2.5rem;padding-inline:1rem}.leaderboard-controls{grid-template-columns:minmax(0,1fr)}.leaderboard-role-tabs a{min-width:0;padding-inline:.55rem}.leaderboard-card .ranking-row{padding-inline:.8rem}}.page{width:100%;display:flex;flex-direction:column}.char-hero{border-bottom:1px solid var(--border);padding:2rem 1.5rem 1.6rem}.char-hero-inner{max-width:var(--page-content-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.sheet{width:100%;max-width:calc(var(--page-content-width) + 3rem);margin:0 auto;padding:1.75rem 1.5rem 4rem}@media (prefers-reduced-motion: no-preference){.char-hero,.sheet>*{animation:reveal-rise .24s ease-out both}.sheet>:nth-child(1){animation-delay:70ms}.sheet>:nth-child(2){animation-delay:.14s}.sheet>:nth-child(3){animation-delay:.21s}.sheet>:nth-child(n+4){animation-delay:.28s}}@keyframes reveal-rise{0%{opacity:0;transform:translateY(10px)}}.muted{color:var(--muted)}.status{margin-top:2rem;color:var(--muted)}.status.error{color:#ff6b6b}.character-not-found{width:min(540px,calc(100% - 2rem));margin:clamp(3rem,10vh,7rem) auto;padding:clamp(1.75rem,5vw,2.75rem);border:1px solid var(--border);border-radius:16px;text-align:center;background:linear-gradient(180deg,#181b23f0,#0e1015f7);box-shadow:0 24px 70px #00000040}.character-not-found-mark{display:grid;width:52px;height:52px;margin:0 auto 1.2rem;place-items:center;border:1px solid rgba(244,196,48,.35);border-radius:50%;color:var(--accent);background:#f4c43012;font:800 1.4rem/1 var(--font-display)}.character-not-found h1{margin:.55rem 0 0;font:700 clamp(1.8rem,5vw,2.6rem)/1.1 var(--font-display);letter-spacing:-.035em}.character-not-found-name{margin:.6rem 0 0;color:var(--muted);font-size:.85rem}.character-not-found ul{display:grid;gap:.6rem;margin:1.5rem 0;padding:0;list-style:none;text-align:left}.character-not-found li{padding:.7rem .8rem .7rem 2rem;position:relative;border:1px solid #282c35;border-radius:9px;color:#c8cbd2;background:#08090c4d;font-size:.82rem}.character-not-found li:before{position:absolute;left:.8rem;color:var(--accent);content:"•"}.character-not-found>a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:.6rem .85rem;border:1px solid rgba(244,196,48,.55);border-radius:8px;color:#17191d;background:var(--accent);font:700 .76rem/1 var(--font-display);text-decoration:none}.character-not-found>a:hover{filter:brightness(1.08)}.loader{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;padding:2rem 1rem}.loader-mark{filter:drop-shadow(0 0 16px rgba(244,196,48,.35));animation:loader-glow 1.6s ease-in-out infinite}.loader-bar{transform-box:fill-box;transform-origin:50% 100%;animation:loader-bar 1s ease-in-out infinite}.loader-bar:nth-child(2){animation-delay:.16s}.loader-bar:nth-child(3){animation-delay:.32s}@keyframes loader-bar{0%,to{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes loader-glow{0%,to{filter:drop-shadow(0 0 10px rgba(244,196,48,.22))}50%{filter:drop-shadow(0 0 20px rgba(244,196,48,.45))}}.loader-label{margin:0;color:var(--muted);font-family:var(--font-display);font-size:.9rem;letter-spacing:.04em}.loader-slow{margin:0;color:var(--muted);font-size:.8rem;opacity:.75;animation:reveal-rise .24s ease-out both}@media (prefers-reduced-motion: reduce){.loader-mark,.loader-bar{animation:none}}.identity{display:flex;align-items:center;gap:1rem}.avatar{width:56px;height:56px;border-radius:12px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#14161a;flex-shrink:0;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.kicker{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.char-name{font-size:1.9rem;margin:.1rem 0}.char-sub{font-size:.9rem;font-weight:600}.spec-name{font-size:.85rem;font-weight:600;color:var(--muted);margin-top:.35rem}.spec-icon{width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:.35rem}.spec-name .spec-icon{width:18px;height:18px;vertical-align:-4px}.readouts{display:flex;gap:2rem}.readout{display:flex;flex-direction:column;align-items:flex-end}.readout-value{font-size:1.9rem;font-weight:700;line-height:1}.readout-value.accent{color:var(--accent)}.readout-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}.hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}.hero-meta{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;color:var(--muted);white-space:nowrap}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.highlights-section .section-head{margin-top:1.4rem}.hl-card--art{background-size:cover!important;background-position:center}.hl-card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem .9rem;display:flex;flex-direction:column;gap:.3rem}.hl-label{font-family:var(--font-display);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hl-value{font-family:var(--font-display);font-size:1.7rem;font-weight:700;line-height:1}.hl-value.warn{color:var(--warn)}.hl-value.ok{color:#1eff00}.hl-value.muted{color:var(--muted)}.hl-context{font-size:.78rem;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0 1.75rem}.source{font-size:.82rem}.refresh-link{background:none;border:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.refresh-link:hover:not(:disabled){text-decoration:none}.refresh-link:disabled{opacity:.6;cursor:default}.section-head{display:flex;align-items:center;justify-content:space-between;margin:2rem 0 .85rem}.section-head h2{margin:0;display:flex;align-items:center;gap:.6rem;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#aeb3c2}.section-head h2:before{content:"";width:4px;height:14px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.audit-flag{font-size:.8rem;font-weight:600}.audit-warn{color:var(--warn)}.audit-ok{color:#4fbf7b}.gear-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.gear-board--weapons{margin-top:1rem}.gear-column{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.gear-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-bottom:1px solid var(--border)}.gear-row:last-child{border-bottom:none}.gear-row--warn{background:#e0474c0f;box-shadow:inset 2px 0 0 var(--warn)}.slot-chip{width:38px;height:38px;border-radius:9px;border:1px solid;background:#0f1115;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;overflow:hidden}.slot-icon{width:100%;height:100%;object-fit:cover;display:block}.gear-body{flex:1;min-width:0}.slot-label{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#646979}.item-name{font-weight:600;text-decoration:none;font-size:.92rem}.item-name:hover{text-decoration:underline}.gear-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin-top:.3rem;font-size:.76rem}.enchant{color:#4fbf7b}.no-enchant{color:var(--warn);font-weight:600}.gem{display:block;color:#6fb6ff;text-decoration:none}.gem:hover{text-decoration:underline}.gear-ilvl{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.85rem;font-weight:600;color:#cbcfd9;flex-shrink:0}.gear-gs{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--accent, #d8b25a)}.parses-source{margin-top:1rem;font-size:.72rem}.parses-source a{color:var(--accent)}.raid-refresh-button{border:1px solid rgba(244,196,48,.45);border-radius:8px;padding:.45rem .7rem;color:var(--accent);background:#f4c4300f;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.raid-refresh-button:disabled{cursor:default;opacity:.55}.queue-notice{margin:-.35rem 0 1rem;color:#f4d96e;font-size:.78rem}.raid-strip{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.55rem;margin-bottom:1.1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.raid-tile{position:relative;flex:0 0 152px;height:92px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background-color:var(--panel);background-size:cover;background-position:center 32%;cursor:pointer;filter:brightness(.62) saturate(.85);transition:filter .15s ease,transform .15s ease,border-color .15s ease}.raid-tile:hover{filter:brightness(.85) saturate(1);transform:translateY(-1px)}.raid-tile.active{border-color:var(--accent);filter:brightness(1) saturate(1.05);box-shadow:0 4px 16px #00000073}.raid-tile.empty{filter:grayscale(1) brightness(.5)}.raid-tile.empty:hover{filter:grayscale(1) brightness(.65)}.raid-tile.empty.active{filter:grayscale(.6) brightness(.72)}.raid-tile.queued{border-color:#f4c4306b}.raid-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0b0f0d,#0a0b0fe0)}.raid-tile-name{position:absolute;left:.6rem;right:.6rem;bottom:.5rem;text-align:left;font-size:.78rem;font-weight:700;line-height:1.15;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.9)}.raid-tile-score{position:absolute;top:.4rem;right:.6rem;font-size:1.25rem;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.95)}.raid-tile-score.none{font-size:1rem;color:var(--muted)}.parses-board{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.5rem 1rem}.parse-row{display:flex;align-items:center;gap:.85rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.parse-row:last-child{border-bottom:none}.parse-boss{flex:0 0 13rem;font-size:.85rem}.parse-bar{flex:1;height:7px;border-radius:4px;background:#171a21;overflow:hidden}.parse-fill{height:100%;border-radius:4px}.parse-pct{flex:0 0 2.2rem;text-align:right;font-size:.9rem;font-weight:700}.parse-spec{flex:0 0 6.5rem;text-align:right;color:#767c8c;font-size:.75rem}.parse-head{padding:.15rem 0}.parse-head .parse-pct{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.parse-bar-gap{flex:1}.parse-fill--hot{box-shadow:0 0 8px color-mix(in srgb,currentColor 55%,transparent)}.hl-card--hot{background:linear-gradient(180deg,color-mix(in srgb,var(--hot) 12%,var(--panel)),color-mix(in srgb,var(--hot) 6%,var(--panel-2)));border-color:color-mix(in srgb,var(--hot) 45%,var(--border));box-shadow:0 0 16px color-mix(in srgb,var(--hot) 16%,transparent)}.parse-row--hot{background:linear-gradient(90deg,color-mix(in srgb,var(--hot) 9%,transparent),color-mix(in srgb,var(--hot) 3%,transparent));border-radius:6px;padding-left:.5rem;padding-right:.5rem;margin:0 -.5rem}@media (prefers-reduced-motion: no-preference){.hl-card--hot{animation:card-glow 2.8s ease-in-out infinite}}@keyframes card-glow{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--hot) 10%,transparent)}50%{box-shadow:0 0 22px color-mix(in srgb,var(--hot) 26%,transparent)}}.stats-board{column-width:230px;column-gap:1rem}.stat-group{break-inside:avoid;margin-bottom:1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem 1rem}.stat-group-title{margin:0 0 .7rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat-grid{display:flex;flex-direction:column;margin:0}.stat-cell{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid var(--border)}.stat-cell:last-child{border-bottom:none;padding-bottom:0}.stat-label{font-size:.82rem;color:var(--muted);white-space:nowrap}.stat-value{margin:0;font-size:.9rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}@media (max-width: 680px){.gear-board{grid-template-columns:1fr}.parse-boss{flex-basis:8rem}}.guild-link{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor}.guild-link:hover{color:var(--accent)}.metric-table{width:100%;border-collapse:collapse;font-size:.9rem}.metric-table th,.metric-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border);text-align:left}.metric-table th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.metric-table th.num,.metric-table td.num{text-align:right;font-variant-numeric:tabular-nums}.metric-table tbody tr:hover{background:#ffffff08}.member-link{font-weight:700;text-decoration:none}.member-link:hover{text-decoration:underline}.member-sub{display:block;font-size:.75rem;color:var(--muted);font-weight:500}.rank-gm{color:var(--accent);font-weight:600}.refresh-icon{text-decoration:none;font-size:1.05rem}.refresh-icon .spin{display:inline-block;animation:gsme-spin .8s linear infinite}@keyframes gsme-spin{to{transform:rotate(360deg)}}.roster-page{width:min(var(--page-content-width),calc(100% - 2rem));margin:0 auto;padding:4rem 0 2rem}.roster-layout{display:grid;width:100%;grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:1rem;align-items:start}.roster-sidebar{position:sticky;top:1rem;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#181b23f0,#0d0f14fa)}.roster-sidebar-heading{padding:1rem;border-bottom:1px solid var(--border)}.roster-sidebar-heading h2{display:flex;align-items:center;gap:.45rem;margin:.3rem 0 0;font-size:1.2rem}.roster-sidebar-heading h2 small{display:inline-grid;min-width:20px;height:20px;place-items:center;padding:0 .35rem;border-radius:999px;color:#959ba6;background:#ffffff0e;font-size:.64rem;font-weight:600}.roster-sidebar-list{display:grid;gap:.4rem;padding:.65rem}.roster-sidebar-list>a{display:flex;min-width:0;align-items:flex-start;gap:.65rem;padding:.72rem;border:1px solid transparent;border-radius:9px;color:var(--text);background:#07080b3d;text-decoration:none}.roster-sidebar-list>a:hover{border-color:#343944;background:#ffffff09}.roster-sidebar-list>a.selected{border-color:#f4c4306b;background:#f4c43013;box-shadow:inset 2px 0 0 var(--accent)}.roster-sidebar-create{display:grid;width:30px;height:30px;place-items:center;flex:0 0 auto;border:1px solid rgba(244,196,48,.34);border-radius:8px;color:var(--accent);background:#f4c43012;font:500 1.15rem/1 var(--font-display)}.roster-sidebar-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.2rem}.roster-sidebar-copy strong{overflow:hidden;font:700 .86rem/1.25 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.roster-sidebar-copy>span{display:-webkit-box;overflow:hidden;color:#9fa5af;font-size:.7rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.roster-sidebar-copy small{color:var(--muted);font-size:.66rem}.roster-sidebar-status,.roster-sidebar-sign-in{margin:0;padding:.85rem 1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.73rem;line-height:1.45}.roster-sidebar-sign-in p{margin:0 0 .65rem}.roster-sidebar-sign-in a{color:var(--accent);font:700 .72rem/1 var(--font-display);text-decoration:none}.roster-workspace{min-width:0}.roster-hero .char-hero-inner{max-width:none;margin:0;justify-content:space-between;gap:2rem}.roster-hero{overflow:hidden;padding:1.5rem;border:1px solid var(--border);border-radius:16px}.roster-content{margin-top:1.25rem}.roster-title-block{min-width:0}.roster-identity{min-width:0;flex:1 1 460px}.roster-avatar{border-color:#f4c43073;color:var(--accent);background:#f4c43014}.roster-avatar svg{width:31px;height:31px}.roster-hero-description{max-width:680px;margin:.55rem 0 .65rem;color:#c3c7cf;font-size:.92rem;line-height:1.5;white-space:pre-wrap}.roster-hero-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.roster-hero-actions>button:not(.cta){min-height:40px;padding:.6rem .85rem;border:1px solid #3a3f49;border-radius:9px;color:#c8ccd4;background:#0a0b0f66;font:700 .78rem/1 var(--font-display);cursor:pointer}.roster-notice{color:var(--muted);font-size:.78rem}.roster-details{overflow:hidden;margin-bottom:1.75rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#181b23eb,#0e1015f5)}.roster-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.roster-section-heading h2,.roster-members-heading h2{margin:.3rem 0 0;font-size:1.2rem}.roster-section-heading>p{max-width:390px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.45;text-align:right}.roster-details-fields{display:grid;gap:1rem;padding:1.2rem}.roster-field{display:grid;gap:.45rem;color:#c8cbd2;font-size:.78rem;font-weight:600}.roster-field>label{display:flex;align-items:baseline;gap:.4rem}.roster-field>label small{color:var(--muted);font-size:.68rem;font-weight:400}.roster-field input,.roster-field textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:.75rem .8rem;color:var(--text);background:#0d0f13;font:400 .9rem/1.5 var(--font-body)}.roster-field textarea{resize:vertical}.roster-field input:focus,.roster-field textarea:focus{border-color:var(--accent);outline:1px solid rgba(244,196,48,.55)}.roster-character-count{justify-self:end;color:#666d78;font-weight:400}.roster-details-actions{display:flex;min-height:65px;align-items:center;justify-content:flex-end;gap:.85rem;padding:.8rem 1.2rem;border-top:1px solid var(--border);background:#08090c47}.roster-members-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 .75rem;padding:0 .25rem}.roster-members-heading h2 small{margin-left:.25rem;color:var(--muted);font-size:.72rem;font-weight:500}.roster-not-found{max-width:680px;margin:4rem auto;padding:3rem 1.5rem;text-align:center}.roster-not-found p{color:var(--muted)}.roster-not-found a{color:var(--accent)}.roster-add{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem;padding:.75rem;border:1px solid var(--border);border-radius:11px;background:#14161d8c}.roster-add .roster-name{flex:1 1 12rem;min-width:8rem}.cta-sm{font-size:.95rem;padding:.6rem 1.1rem;border-radius:10px}.cta-sm:disabled{opacity:.5;cursor:default;filter:none;transform:none}.roster-remove{background:none;border:none;padding:0 .2rem;font-size:1.2rem;line-height:1;color:var(--muted);cursor:pointer}.roster-remove:hover{color:#ff6b6b}.roster-empty{padding:1.5rem .25rem;text-align:center}.roster-clear{display:inline-flex;align-items:center;gap:.45rem;background:none;border:1px solid var(--border);border-radius:8px;padding:.4rem .75rem;font:inherit;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.roster-clear svg{display:block}.roster-clear:hover{color:#ff6b6b;border-color:#ff6b6b80;background:#ff6b6b12}.metric-spacer td{border:none;padding:0;height:1.1rem}.roster-avg td{border-bottom:none;border-top:2px solid var(--accent);background:#f4c4300f;padding-top:.8rem;padding-bottom:.8rem;font-weight:700;font-size:1rem}.roster-avg td:first-child{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.74rem}.metrics-page{max-width:calc(var(--page-content-width) + 3rem);padding:2.5rem 1.5rem 4rem}.metrics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.metrics-head h1{margin:.18rem 0 0;font-size:clamp(2rem,4vw,2.8rem)}.metrics-page-kicker{color:var(--accent);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.metrics-live{display:inline-flex;align-items:center;gap:.45rem;padding-bottom:.3rem;color:#747a86;font-size:.7rem;white-space:nowrap}.metrics-live i{width:7px;height:7px;border-radius:50%;background:#65d58c;box-shadow:0 0 0 4px #65d58c14}.metrics-note{margin:.35rem 0 0;color:var(--muted);font-size:.85rem;max-width:46ch}.metrics-tabs{margin:1.75rem 0 1.25rem;overflow-x:auto;border-bottom:1px solid var(--border)}.metrics-tabs>div{display:flex;min-width:max-content;gap:.25rem}.metrics-tabs button{position:relative;display:inline-flex;min-height:45px;align-items:center;gap:.48rem;border:0;padding:0 .85rem;color:#858b96;background:transparent;font:600 .78rem/1 var(--font-display);cursor:pointer;transition:color .15s ease,background .15s ease}.metrics-tabs button:after{position:absolute;right:.65rem;bottom:-1px;left:.65rem;height:2px;border-radius:999px 999px 0 0;background:transparent;content:""}.metrics-tabs button:hover{color:#c6c9d0;background:#ffffff05}.metrics-tabs button.active{color:var(--text)}.metrics-tabs button.active:after{background:var(--accent)}.metrics-tabs button>span{min-width:20px;padding:.15rem .38rem;border-radius:999px;color:#8f949f;background:#20232b;font:700 .62rem/1 var(--font-body);text-align:center}.metrics-tabs button.active>span{color:var(--accent);background:#f4c43017}.metrics-tab-panel{animation:metrics-tab-in .18s ease-out}@keyframes metrics-tab-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:0 0 1rem}.metrics-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem}.metrics-card-value{font-family:var(--font-display);font-size:1.9rem;line-height:1.1;color:var(--text)}.metrics-card-label{margin-top:.3rem;color:var(--muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.metrics-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1rem}.metrics-panel h2{margin:0 0 .9rem;font-size:.95rem;color:var(--text)}.metrics-refresh-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem 1.5rem;border-color:#f4c43038;background:linear-gradient(110deg,rgba(244,196,48,.055),transparent 45%),var(--panel)}.metrics-refresh-copy h2{margin:.18rem 0 .35rem;font-size:1rem}.metrics-refresh-copy p{max-width:65ch;margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.metrics-refresh-kicker{color:var(--accent);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.metrics-refresh-button{min-width:8.5rem;border:1px solid var(--accent);border-radius:9px;padding:.68rem 1rem;color:#111217;background:var(--accent);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.metrics-refresh-button:hover:not(:disabled){filter:brightness(1.08)}.metrics-refresh-button:disabled{cursor:default;opacity:.55}.metrics-refresh-result{grid-column:1 / -1;margin:0;color:#b8bcc6;font-size:.78rem}.metrics-queues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metrics-queues .metrics-panel{margin:0}.queue-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.queue-card-head h2{margin:.2rem 0 0}.queue-health{padding:.24rem .5rem;border-radius:999px;color:#8f949f;background:#20232b;font-size:.68rem;font-weight:700}.queue-health.running{color:#8de3a2;background:#36b3631a}.queue-health.paused{color:#f4d96e;background:#f4c4301a}.queue-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0 0}.queue-counts div{padding:.55rem;border-radius:8px;background:var(--panel-2)}.queue-counts dt{color:#717783;font-size:.65rem;text-transform:uppercase}.queue-counts dd{margin:.18rem 0 0;color:var(--text);font:700 1rem/1 var(--font-display)}.queue-detail{margin:.7rem 0 0;overflow-wrap:anywhere;color:#858b96;font-size:.72rem}.queue-detail code{color:#b8bcc6}.queue-error{color:#ff8c90}.registered-users-panel{padding:0;overflow:hidden}.registered-users-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border)}.registered-users-head h2{margin:.2rem 0 0}.registered-users-head>span{color:var(--muted);font-size:.72rem;white-space:nowrap}.registered-users-empty{margin:0;padding:1.25rem;color:var(--muted);font-size:.82rem}.registered-users-scroll{overflow-x:auto}.registered-users-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.76rem}.registered-users-table th,.registered-users-table td{padding:.78rem .75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.registered-users-table th:first-child,.registered-users-table td:first-child{padding-left:1.25rem}.registered-users-table th:last-child,.registered-users-table td:last-child{padding-right:1.25rem}.registered-users-table th{color:#717783;background:#ffffff03;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.registered-users-table tbody tr:last-child td{border-bottom:0}.registered-users-table strong{color:var(--text);font-family:var(--font-display);white-space:nowrap}.registered-users-table time{color:#858b96;white-space:nowrap}.queue-activity-panel{padding:0;overflow:hidden}.queue-activity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border)}.queue-activity-head h2{margin:.2rem 0 0}.queue-activity-head>span{color:var(--muted);font-size:.72rem;white-space:nowrap}.queue-activity-empty{margin:0;padding:1.25rem;color:var(--muted);font-size:.82rem}.queue-activity-scroll{overflow-x:auto}.queue-activity-table{width:100%;min-width:1120px;border-collapse:collapse;font-size:.74rem}.queue-activity-table th,.queue-activity-table td{padding:.72rem .65rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.queue-activity-table th:first-child,.queue-activity-table td:first-child{padding-left:1.25rem}.queue-activity-table th:last-child,.queue-activity-table td:last-child{padding-right:1.25rem}.queue-activity-table th{color:#717783;background:#ffffff03;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase}.queue-activity-table tbody tr:last-child td{border-bottom:0}.queue-activity-table tbody tr:hover{background:#ffffff05}.queue-activity-table a{display:block;color:var(--text);font-weight:700;text-transform:capitalize}.queue-activity-table time{color:#858b96;white-space:nowrap}.queue-character-scope,.queue-job-error{display:block;margin-top:.18rem;color:#717783;font-size:.66rem}.queue-job-error{max-width:34ch;color:#ff8c90}.queue-job-status,.queue-fetch-type{display:inline-block;padding:.2rem .42rem;border-radius:999px;color:#aeb3bd;background:#222630;font-size:.62rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.queue-job-status.completed{color:#8de3a2;background:#36b3631a}.queue-job-status.running{color:#8fc9ff;background:#4497e01f}.queue-job-status.failed{color:#ff8c90;background:#e0474c1a}.queue-job-status.queued{color:#f4d96e;background:#f4c43014}.queue-fetch-type.first-fetch{color:#ceb1ff;background:#9b48f81f}.metrics-refresh-progress{grid-column:1 / -1;padding-top:.9rem;border-top:1px solid var(--border)}.metrics-refresh-progress-head{display:flex;justify-content:space-between;margin-bottom:.4rem;color:#b8bcc6;font-size:.72rem;font-variant-numeric:tabular-nums}.metrics-refresh-progress progress{display:block;width:100%;height:7px;overflow:hidden;border:0;border-radius:999px;background:var(--panel-2);-webkit-appearance:none;-moz-appearance:none;appearance:none}.metrics-refresh-progress progress::-webkit-progress-bar{border-radius:999px;background:var(--panel-2)}.metrics-refresh-progress progress::-webkit-progress-value{border-radius:999px;background:var(--accent)}.metrics-refresh-progress progress::-moz-progress-bar{border-radius:999px;background:var(--accent)}.metrics-refresh-status{display:flex;align-items:center;gap:.8rem;min-width:0;margin-top:.55rem;color:#7f8592;font-size:.7rem}.metrics-refresh-status code{min-width:0;margin-left:auto;overflow:hidden;color:#737986;font-family:monospace;text-overflow:ellipsis;white-space:nowrap}.metrics-refresh-failed,.metrics-refresh-error{color:#ff8c90}.metrics-refresh-error{grid-column:1 / -1;margin:0;font-size:.8rem}.metrics-split{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.metrics-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.metrics-bar-row{display:grid;grid-template-columns:11rem 1fr 2.5rem;align-items:center;gap:.6rem;font-size:.85rem}.metrics-bar-label{display:flex;align-items:baseline;gap:.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-bar-region{color:var(--muted);font-size:.68rem;letter-spacing:.04em}.metrics-bar-track{height:8px;background:var(--panel-2);border-radius:999px;overflow:hidden}.metrics-bar-fill{display:block;height:100%;background:var(--accent);border-radius:999px}.metrics-bar-count{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.metrics-regions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.metrics-region{display:flex;justify-content:space-between;align-items:baseline;padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.metrics-region:last-child{border-bottom:none}.metrics-region-name{letter-spacing:.04em}.metrics-region-count{font-variant-numeric:tabular-nums;color:var(--muted)}.metrics-feedback-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.metrics-feedback-head h2{margin:0}.metrics-feedback-head>span{min-width:24px;padding:.16rem .42rem;border-radius:999px;color:var(--accent);background:#f4c43014;font-size:.72rem;text-align:center}.metrics-feedback-empty{margin:1rem 0 0;color:var(--muted);font-size:.85rem}.metrics-feedback-list{margin:1rem 0 0;padding:0;list-style:none}.metrics-feedback-list li{padding:.9rem 0;border-top:1px solid var(--border)}.metrics-feedback-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;color:#656b77;font-size:.7rem}.metrics-feedback-kind{padding:.18rem .4rem;border-radius:5px;color:#aeb3bd;background:#222630;text-transform:capitalize}.metrics-feedback-kind-bug{color:#ff8c90;background:#e0474c1a}.metrics-feedback-kind-idea{color:#f4d96e;background:#f4c43014}.metrics-feedback-meta code{color:#747a86;font-family:monospace}.metrics-feedback-list p{margin:.55rem 0 0;color:#c6c9d0;font-size:.86rem;line-height:1.5;white-space:pre-wrap}@media (max-width: 720px){.metrics-page{padding-top:1.5rem}.metrics-head{display:block}.metrics-live{margin-top:.85rem}.metrics-tabs{margin-top:1.25rem}.metrics-cards{grid-template-columns:repeat(2,1fr)}.metrics-split,.metrics-queues,.metrics-refresh-panel{grid-template-columns:1fr}.metrics-refresh-button{width:100%}.metrics-refresh-status code{display:none}}.header-actions,.account-region-actions,.claim-actions{display:flex;align-items:center;gap:.75rem}.account-page{width:min(var(--page-content-width),calc(100% - 2rem));margin:0 auto;padding:4rem 0 2rem}.account-page-connect{padding-top:1.5rem}.account-page h1,.account-page h2,.account-page h3,.roster-page-heading h1,.community-profile h2,.community-profile h3,.claim-profile-cta h2{font-family:var(--font-display)}.account-connect{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);width:100%;min-height:560px;margin:1.5rem auto 3rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(115deg,rgba(31,130,229,.08),transparent 50%),#101218;box-shadow:0 32px 100px #00000061;isolation:isolate}.account-connect:before{position:absolute;z-index:-1;top:-190px;left:-120px;width:520px;height:520px;border-radius:50%;background:#1484f61f;filter:blur(8px);content:""}.account-connect-auth,.account-connect-features{padding:clamp(2.25rem,5vw,4.25rem)}.account-connect-auth{display:flex;min-width:0;align-items:flex-start;flex-direction:column;justify-content:flex-start}.bnet-mark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:1.5rem;border:1px solid rgba(50,158,255,.25);border-radius:21px;background:linear-gradient(145deg,#1a89f62e,#1a89f60f);box-shadow:0 16px 42px #1066bc33,inset 0 1px #ffffff14}.bnet-mark img{display:block;width:43px;height:43px;object-fit:contain}.eyebrow{color:var(--accent);font:700 .68rem/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase}.account-connect-auth h1,.account-heading h1,.roster-page-heading h1{margin:.6rem 0 .8rem;font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.045em}.account-connect-auth h1{max-width:9ch;margin-top:0;font-size:clamp(2.6rem,5vw,4rem);line-height:1}.account-region-picker,.account-connect-login-area{width:100%;margin-top:2rem;padding-top:1.35rem}.account-region-picker>span{display:block;margin-bottom:.6rem;color:#7e8792;font:600 .68rem/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.account-connect-login-area{padding-top:calc(1.35rem + .68rem + .6rem)}.account-connect-region-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;min-height:54px;padding:.3rem;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#05070b61}.account-connect-region-tabs button{min-height:40px;padding:.6rem .4rem;border:1px solid transparent;border-radius:8px;color:#828a96;background:transparent;font:700 .78rem/1 var(--font-display);cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.account-connect-region-tabs button:hover{color:#d5dae2}.account-connect-region-tabs button.selected{border-color:#50a9f64d;color:#f3f8fd;background:#1978c73d;box-shadow:inset 0 1px #ffffff0f}.account-connect-region-tabs button:focus-visible{outline:2px solid #8acbff;outline-offset:2px}.bnet-button,.claim-profile-cta>a,.claim-save{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem 1rem;border:1px solid #248ada;border-radius:9px;color:#fff;background:#1268ae;font:700 .82rem/1 var(--font-display);text-decoration:none;cursor:pointer}.bnet-button:hover,.claim-profile-cta>a:hover,.claim-save:hover:not(:disabled){filter:brightness(1.12)}.bnet-button.secondary{color:#b8dfff;background:#1268ae1f}.account-connect-login{width:100%;min-height:54px;justify-content:space-between;padding:.8rem 1rem;border-color:#389df57a;border-radius:11px;color:#f5faff;background:linear-gradient(180deg,#1879c8,#1266ab);box-shadow:0 10px 28px #04579e33,inset 0 1px #ffffff24;transition:transform .16s ease,border-color .16s ease,filter .16s ease}.account-connect-login:hover{border-color:#67bbffcc;filter:brightness(1.08);transform:translateY(-2px)}.account-connect-login:focus-visible{outline:2px solid #8acbff;outline-offset:3px}.account-connect-login svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;opacity:.7}.account-connect-features{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:flex-start;border-left:1px solid rgba(255,255,255,.075);background:radial-gradient(80% 45% at 100% 0%,rgba(244,196,48,.06),transparent 70%),#07080c57}.account-connect-features ul{display:grid;gap:0;width:100%;margin:0;padding:0;list-style:none}.account-connect-feature{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:.9rem;padding:1.05rem 0;border-top:1px solid rgba(255,255,255,.07)}.account-connect-feature:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.account-connect-feature-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(244,196,48,.17);border-radius:13px;color:var(--accent);background:#f4c4300e}.account-connect-feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.account-connect-feature>span:last-child{display:grid;gap:.28rem}.account-connect-feature strong{color:#edf0f5;font:700 .94rem/1.2 var(--font-display)}.account-connect-feature small{color:#7e838e;font-size:.78rem;line-height:1.4}@media (min-width: 721px){.account-region-picker,.account-connect-login-area{margin-top:auto}}.account-connect-auth .account-error{width:100%;margin:1rem 0 0;padding:.7rem .8rem;border:1px solid rgba(255,133,137,.24);border-radius:8px;background:#e0474c12;font-size:.8rem;line-height:1.4}.account-error,.claim-error{color:#ff8589!important}.account-heading,.roster-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.account-heading h1,.roster-page-heading h1{margin-top:0}.account-heading p,.roster-page-heading p{margin:0;color:var(--muted);line-height:1.65}.account-profile-workspace{display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);align-items:start;gap:1rem}.account-character-picker{position:sticky;top:1rem;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#181b23eb,#0e1015f5)}.account-character-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.account-character-picker-title{min-width:0}.account-character-picker-head h2{display:flex;align-items:center;gap:.4rem;margin:.3rem 0 0;font-size:1.15rem}.account-character-picker-head h2 small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 .35rem;border:1px solid #30343e;border-radius:999px;color:var(--muted);background:#111319;font:700 .65rem/1 var(--font-display)}.account-heading-controls{display:flex;flex:0 0 auto;align-items:center;gap:.4rem}.account-region-switch{display:flex;padding:2px;border:1px solid #30343e;border-radius:8px;background:#0d0f14}.account-region-switch button{min-width:32px;min-height:28px;padding:.35rem;border:0;border-radius:6px;color:#747b88;background:transparent;font:700 .66rem/1 var(--font-display);cursor:pointer}.account-region-switch button:hover{color:var(--text)}.account-region-switch button.selected{color:#17191d;background:var(--accent);box-shadow:0 2px 10px #f4c4302e}.account-region-switch button:focus-visible,.account-sync-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-sync-button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;padding:.45rem .6rem;border:1px solid rgba(36,138,218,.7);border-radius:8px;color:#b8dfff;background:#1268ae1f;font:700 .7rem/1 var(--font-display);text-decoration:none}.account-sync-button:hover{border-color:#248ada;color:#fff;background:#1268ae3d}.account-character-list{display:grid;max-height:min(640px,calc(100vh - 12rem));gap:.35rem;overflow-y:auto;padding:.5rem}.account-character-row{display:flex;width:100%;align-items:center;gap:.25rem;padding:.35rem .45rem .35rem .35rem;border:1px solid transparent;border-radius:10px;color:var(--text);background:transparent;transition:border-color .15s ease,background .15s ease,transform .15s ease}.account-character-row:hover{transform:translate(2px);border-color:#353a45;background:#ffffff06}.account-character-row.selected{border-color:#f4c4307a;background:linear-gradient(90deg,#f4c4301a,#f4c43006);box-shadow:inset 2px 0 0 var(--accent)}.account-character-select{display:flex;min-width:0;flex:1;align-items:center;gap:.7rem;padding:.35rem;border:0;color:inherit;background:transparent;cursor:pointer;font:inherit;text-align:left}.account-character-row>.refresh-icon{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:8px;color:#858b96;text-decoration:none}.account-character-hide{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;color:#707681;background:transparent;cursor:pointer}.account-character-hide:hover:not(:disabled){border-color:#3d424d;color:#d98b8f;background:#ffffff0a}.account-character-hide svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.account-character-row>.refresh-icon:hover:not(:disabled){border-color:#3d424d;color:var(--accent);background:#ffffff0a}.account-character-refresh-error{margin:0;padding:.7rem .85rem;border-top:1px solid rgba(255,93,99,.18);color:#ff8589;background:#ff5d630d;font-size:.7rem;line-height:1.45}.account-character-avatar{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;overflow:hidden;border:2px solid;border-radius:9px;background:#0c0e12;font:800 .9rem/1 var(--font-display)}.account-character-avatar img{width:100%;height:100%;object-fit:cover}.account-character-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:.2rem}.account-character-copy>small{overflow:hidden;color:var(--muted);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.account-character-name{display:flex;min-width:0;align-items:center;gap:.4rem;overflow:hidden;font:700 .9rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.account-character-name small{padding:.17rem .3rem;border:1px solid rgba(244,196,48,.26);border-radius:999px;color:var(--accent);font-size:.5rem;letter-spacing:.04em;text-transform:uppercase}.account-character-score{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:.15rem}.account-character-score strong{font:700 .95rem/1 var(--font-display)}.account-character-score small{color:#686e79;font:700 .52rem/1 var(--font-display);letter-spacing:.08em}.account-character-list-empty{margin:0;padding:1rem .7rem;color:var(--muted);font-size:.75rem;text-align:center}.account-hidden-characters{border-top:1px solid var(--border)}.account-hidden-characters summary{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;color:var(--muted);font:700 .72rem/1 var(--font-display);cursor:pointer;list-style:none}.account-hidden-characters summary::-webkit-details-marker{display:none}.account-hidden-characters summary span{font-size:.65rem}.account-hidden-characters>div{display:grid;gap:.25rem;padding:0 .5rem .5rem}.account-hidden-character{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .6rem;padding:.55rem .65rem;border-radius:8px;background:#ffffff06}.account-hidden-character>span{overflow:hidden;font:700 .78rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap}.account-hidden-character small{grid-row:2;color:var(--muted);font-size:.65rem}.account-hidden-character button{grid-row:1 / 3;grid-column:2;padding:.4rem .55rem;border:1px solid #343945;border-radius:7px;color:#bec2ca;background:transparent;font:700 .65rem/1 var(--font-display);cursor:pointer}.account-character-detail{min-width:0}.claim-card,.account-empty,.claim-profile-cta{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#181b23eb,#0e1015f5)}.claim-card{padding:clamp(1rem,3vw,1.5rem)}.claim-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.claim-panel-heading h2{margin:.35rem 0 0;font-size:1.3rem}.claim-panel-heading>a{flex:0 0 auto;padding:.45rem .65rem;border:1px solid #343945;border-radius:8px;color:#c9ccd3;font:700 .7rem/1 var(--font-display);text-decoration:none}.claim-panel-heading>a:hover{border-color:#555c6a;color:#fff}.claim-card-head{display:flex;align-items:center;gap:.85rem}.claim-avatar,.alt-avatar{position:relative;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:2px solid;border-radius:50%;background:#101217;font-family:var(--font-display);font-weight:800}.claim-avatar{width:48px;height:48px}.claim-avatar img,.alt-avatar img{width:100%;height:100%;object-fit:cover}.claim-identity{min-width:0;display:flex;flex:1;flex-direction:column;gap:.15rem}.claim-name-line{display:flex;align-items:center;gap:.55rem}.claim-name-line a{overflow:hidden;font:700 1.15rem/1.2 var(--font-display);text-decoration:none;text-overflow:ellipsis}.claim-identity>span,.claim-score span{color:var(--muted);font-size:.75rem}.claim-main-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.24rem .46rem;border:1px solid rgba(244,196,48,.28);border-radius:999px;color:var(--accent);background:#f4c43012;font:700 .62rem/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase}.claim-score{display:flex;flex-direction:column;text-align:right}.claim-score strong{font:700 1.35rem/1 var(--font-display)}.claim-warning{margin:1rem 0 0;padding:.7rem .8rem;border-left:2px solid #e4a53a;color:#e8c988;background:#e4a53a0f;font-size:.8rem}.claim-description{display:grid;margin-top:1.2rem;gap:.45rem;color:#c8cbd2;font-size:.78rem;font-weight:600}.claim-description textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:9px;padding:.8rem;color:var(--text);background:#0d0f13;font:400 .9rem/1.55 var(--font-body)}.claim-description textarea:focus{outline:1px solid rgba(244,196,48,.55);border-color:var(--accent)}.claim-description small{justify-self:end;color:#666d78;font-weight:400}.claim-options{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.9rem}.claim-visibility{margin:0;border:1px solid #252933;border-radius:9px;background:#08090c4d}.claim-visibility{padding:.75rem}.claim-visibility legend{padding:0 .3rem;color:#d7dae0;font:700 .78rem/1 var(--font-display)}.claim-visibility-choices{display:grid;gap:.55rem}.claim-visibility-choices label{display:flex;gap:.65rem;padding:.7rem;border:1px solid #292e38;border-radius:8px;color:var(--muted);background:#101217;cursor:pointer;font-size:.72rem;line-height:1.4}.claim-visibility-choices label.selected{border-color:#5cc07c70;background:#5cc07c11}.claim-links>p{margin:0 0 .7rem;color:var(--muted);font-size:.72rem;line-height:1.45}.claim-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px;gap:.45rem;overflow-y:auto}.claim-link-list label{display:flex;min-width:0;align-items:center;gap:.55rem;padding:.55rem;border:1px solid #292e38;border-radius:8px;background:#101217;cursor:pointer}.claim-link-list label.selected{border-color:#f4c4307a;background:#f4c43012}.claim-link-avatar{display:grid!important;width:34px;height:34px;flex:0 0 auto;place-items:center;overflow:hidden;border:2px solid;border-radius:8px;background:#0c0e12;font:800 .78rem/1 var(--font-display)}.claim-link-avatar img{width:100%;height:100%;object-fit:cover}.claim-link-copy{min-width:0;flex:1}.claim-link-copy strong,.claim-link-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claim-link-copy small{color:var(--muted);font-size:.64rem}.claim-links .claim-links-empty{margin:0;padding:.7rem;border-radius:8px;background:#101217}.claim-options input{flex:0 0 auto;margin-top:.1rem;accent-color:var(--accent)}.claim-options span,.claim-options strong{display:block}.claim-options strong{margin-bottom:.2rem;color:#d7dae0;font-size:.78rem}.claim-actions{justify-content:flex-end;min-height:42px;margin-top:1rem}.claim-save{border-color:#f4c430a6;color:#17191d;background:var(--accent)}.claim-save:disabled{cursor:wait;opacity:.65}.toast-notification{position:fixed;z-index:120;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:38px minmax(0,1fr) 30px;width:min(390px,calc(100vw - 2rem));align-items:start;gap:.8rem;padding:.9rem;overflow:hidden;border:1px solid;border-radius:12px;background:#12141af7;box-shadow:0 18px 54px #00000075,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:toast-notification-enter .2s cubic-bezier(.2,.8,.2,1)}.toast-notification-success{border-color:#63d58a6b}.toast-notification-error{border-color:#ff858970}.toast-notification-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px}.toast-notification-success .toast-notification-icon{color:#78dfa0;background:#63d58a1c}.toast-notification-error .toast-notification-icon{color:#ff9296;background:#ff85891c}.toast-notification-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.toast-notification-copy{display:grid;gap:.3rem;padding-top:.1rem}.toast-notification-copy strong{color:#f0f2f6;font:700 .88rem/1.2 var(--font-display)}.toast-notification-copy>span{color:#a4a9b2;font-size:.76rem;line-height:1.4}.toast-notification>button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:7px;color:#777d88;background:transparent;cursor:pointer}.toast-notification>button:hover{color:#e3e5ea;background:#ffffff0e}.toast-notification>button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toast-notification>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}@keyframes toast-notification-enter{0%{transform:translateY(12px);opacity:0}}@media (prefers-reduced-motion: reduce){.toast-notification{animation:none}}.account-empty{padding:3rem;text-align:center}.account-empty p{color:var(--muted)}.claim-profile-cta{padding:clamp(1.2rem,3vw,1.75rem)}.community-description{max-width:760px;margin:0;color:#c5c8cf;font-size:.95rem;line-height:1.7;white-space:pre-wrap}.character-alts{margin-top:1.5rem}.community-profile>.character-alts:first-child{margin-top:0}.character-alts h3{margin:0 0 .75rem;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.alt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.alt-card{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:1px solid #252933;border-radius:9px;color:inherit;background:#08090c5c;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.alt-card:hover{transform:translateY(-1px);border-color:#414650}.alt-avatar{width:36px;height:36px}.alt-copy{min-width:0;display:flex;flex:1;flex-direction:column}.alt-copy strong,.alt-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alt-copy strong{font:700 .88rem/1.3 var(--font-display)}.alt-copy small{color:var(--muted);font-size:.68rem}.alt-score{display:flex;flex-direction:column;text-align:right;font:700 .95rem/1 var(--font-display)}.alt-score small{margin-top:.18rem;color:var(--muted);font-size:.55rem}.claim-profile-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.claim-profile-cta h2{margin:.35rem 0 .25rem;font-size:1.25rem}.claim-profile-cta p{margin:0;color:var(--muted);font-size:.84rem}.claim-profile-cta>a{flex:0 0 auto;border-color:#f4c4308c;color:#17191d;background:var(--accent)}@media (max-width: 720px){.alt-grid{grid-template-columns:1fr}.account-page,.roster-page{padding-top:2rem}.account-connect{grid-template-columns:1fr;margin-top:0}.account-connect-auth,.account-connect-features{padding:clamp(2rem,8vw,3rem)}.account-connect-auth h1{max-width:10ch}.account-connect-features{border-top:1px solid rgba(255,255,255,.075);border-left:0}.account-heading,.roster-page-heading,.claim-profile-cta{align-items:stretch;flex-direction:column}.account-heading-controls{justify-content:flex-start}.account-profile-workspace,.roster-layout{grid-template-columns:1fr}.roster-sidebar{position:static}.roster-hero .char-hero-inner{align-items:stretch;flex-direction:column}.roster-identity{align-items:flex-start;flex-basis:auto;flex-direction:column}.roster-avatar{width:48px;height:48px}.roster-section-heading{flex-direction:column;gap:.7rem}.roster-section-heading>p{max-width:none;text-align:left}.roster-hero-actions{justify-content:flex-start}.roster-notice{text-align:left}.account-character-picker{position:static}.account-character-list{max-height:360px}.claim-options,.claim-link-list{grid-template-columns:1fr}.claim-profile-cta>a{width:100%}}@media (max-width: 440px){.roster-page{width:min(var(--page-content-width),calc(100% - 1rem))}.roster-sidebar-list{grid-template-columns:1fr}.roster-hero{padding:1.2rem}.account-page{width:min(var(--page-content-width),calc(100% - 1rem))}.account-connect{border-radius:17px}.account-connect-region-tabs{gap:.2rem;padding:.2rem}.account-connect-region-tabs button{padding-inline:.2rem;font-size:.68rem}.account-connect-login{padding-inline:.65rem;font-size:.72rem}}