@font-face{font-family:Barlow;src:url('/assets/Barlow-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/Barlow-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('/assets/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#151516;--surface:#1c1c1d;--surface-2:#232426;--ink:#f5f5f6;--muted:#a6a8ac;--line:#353639;--accent:#ff3b3f;--brand:#e3000f;--green:#63d38a;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);color-scheme:dark;font-family:Barlow,sans-serif;font-size:16px;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h,90px) + 12px);scrollbar-color:#65676b var(--bg)}body{margin:0}::selection{background:var(--brand);color:#fff}a{color:inherit;text-decoration:none;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button{color:inherit}input,select{accent-color:var(--accent);caret-color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,svg [tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main:focus{outline:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:700;line-height:.98;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(3.5rem,7vw,6rem)}h2{font-size:clamp(2.5rem,4.2vw,4rem)}h3{font-size:1.125rem;font-weight:600}p{line-height:1.65}small{font-size:.78rem}strong{font-weight:600}button,select{border-radius:2px}button{border:none;background:none}input{border-radius:2px}input[type=checkbox]{width:18px;height:18px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.muted-copy,.small-copy{color:var(--muted)}.small-copy{font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-100px;background:var(--brand);color:#fff;padding:14px;z-index:100}.skip:focus{top:15px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:700;letter-spacing:.025em;line-height:1}.brand-sub{display:block;font-size:.7rem;letter-spacing:.19em;margin-top:6px;font-weight:600}.header nav{display:flex;height:100%;gap:34px;align-items:center}.header nav a{color:var(--muted);font-size:.94rem;display:flex;align-items:center;height:100%;position:relative}.header nav a.current{color:var(--ink)}.header nav a.current:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.login-link{display:flex;align-items:center;gap:10px;font-size:.9rem;border:1px solid var(--line);padding:12px 16px}.login-link svg{width:18px}.button{min-height:48px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:.95rem;font-weight:600;border:1px solid transparent;transition:background 160ms ease,transform 160ms var(--ease-out),border-color 160ms ease}.button.primary{background:var(--brand);color:#fff}.button.secondary{border-color:#54565a;background:rgba(21,21,22,.45);color:var(--ink)}.button:active:not(:disabled){transform:scale(.97)}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.94rem;font-weight:600;color:var(--ink);padding:7px 0}.text-link svg{color:var(--accent);width:18px}.text-link:hover{text-decoration:underline}.back-link{display:inline-block;color:var(--muted);margin-bottom:35px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#898b90}.dot.live{background:var(--green)}.dot.demo{background:var(--accent)}.dot.muted{background:#95979b}.source-note{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;line-height:1.5}.source-row{padding-block:14px}.source-row .source-note{justify-content:flex-end;display:flex}.badge{font-size:.85rem;color:var(--green);border:1px solid var(--line);padding:9px 13px}#preview-bar{min-height:35px;padding:9px 48px;display:flex;justify-content:space-between;gap:15px;background:#2d2d2f;color:#d1d1d3;font-size:.74rem}#preview-bar[hidden]{display:none}#preview-bar strong{letter-spacing:.08em;font-size:.7rem;margin-right:12px;color:var(--accent)}#preview-bar button{display:flex;align-items:center;gap:8px;font-size:.74rem;padding:0;text-decoration:underline;text-underline-offset:3px}#preview-bar svg{width:14px;height:14px}
.hero{position:relative;min-height:640px;height:calc(100svh - 224px);max-height:820px;overflow:hidden;background:#232425}.hero picture{position:absolute;inset:0}.hero-art{width:100%;height:100%;object-fit:cover;object-position:center 43%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,16,17,.95) 0%,rgba(16,16,17,.6) 33%,rgba(16,16,17,0) 68%),linear-gradient(0deg,rgba(16,16,17,.7),transparent 28%)}.hero-content{position:relative;z-index:1;padding:110px 0 120px;margin-left:max(48px,calc((100vw - 1280px)/2));max-width:700px}.hero h1{font-size:clamp(4.3rem,7.4vw,6rem);letter-spacing:-.01em;line-height:.96}.hero h1 span{color:var(--accent)}.hero-content p{margin-top:28px;font-size:1.13rem;color:#dbdcde;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.hero-edge{position:absolute;bottom:35px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;letter-spacing:.14em;z-index:1}.hero-edge a{font-size:.76rem;font-weight:400;letter-spacing:0;display:flex;gap:16px;align-items:center}.hero-edge a span{font-size:1.2rem}.art-credit{position:absolute;right:24px;top:26px;font-size:.7rem;letter-spacing:.025em;color:#e2e2e3;background:rgba(21,21,22,.62);padding:6px 9px}.server-strip{display:grid;grid-template-columns:1.5fr .7fr 1fr 1fr auto;align-items:center;background:#212223;padding:27px 48px;gap:30px;border-bottom:1px solid var(--line)}.server-strip>div{display:grid;gap:8px}.server-strip>div>span{font-size:.73rem;color:var(--muted)}.server-strip strong{font-size:1.2rem}.server-strip strong small{font-size:1rem;font-weight:400;color:var(--muted)}.server-strip .server-identity{display:flex;align-items:center;gap:13px}.server-identity div{display:grid;gap:7px}.server-identity strong{font-family:'Barlow Condensed';font-size:1.55rem;letter-spacing:.025em}.server-identity span{font-size:.7rem;color:var(--muted)}.strip-link{display:flex;gap:12px;align-items:center;font-size:.85rem}.strip-link svg{color:var(--accent)}.intro{padding-block:105px 120px;display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:start}.intro h2 span{color:#9b9da1}.intro p{font-size:1.13rem}.intro p+p{margin-top:14px;font-size:1rem}.intro .text-link{margin-top:25px}
.experience{height:280vh;position:relative;background:#202122;isolation:isolate}.experience-sticky{position:sticky;top:var(--header-h,0px);height:calc(100svh - var(--header-h,0px));max-height:1100px;min-height:650px;display:grid;grid-template-columns:56% 44%;overflow:hidden}.scene{position:relative;overflow:hidden;background:#2b2c2e}.scene>img{width:100%;height:100%;object-fit:cover;object-position:70% center;transform:scale(1.04);will-change:transform}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,21,22,.78),transparent 45%)}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(214,215,217,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(214,215,217,.055) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.scene-frame{position:absolute;inset:30px;border:1px solid #c2c8b652}.scene-marker{position:absolute;display:flex;align-items:center;gap:10px;font-size:.7rem;letter-spacing:.1em;z-index:1;text-shadow:0 2px 5px #000}.scene-marker i{width:15px;height:15px;border:1px solid var(--accent);position:relative}.scene-marker i:after{content:'';position:absolute;inset:5px;background:var(--accent)}.marker-one{top:35%;left:17%}.marker-two{bottom:30%;right:12%}.scene-caption{position:absolute;bottom:48px;left:48px;right:48px;display:flex;justify-content:space-between;gap:20px;align-items:center;z-index:1}.scene-caption span{font-size:.7rem;letter-spacing:.12em}.scene-caption small{font-size:.7rem;color:#ccccce}.story-panel{padding:65px clamp(35px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between}.story-progress{display:flex;gap:20px;font-size:.76rem;color:var(--muted)}.story-progress a{display:grid;gap:12px;flex:1}.story-progress a span{height:2px;background:#45474a;display:block}.story-progress a.active{color:var(--accent)}.story-progress a.active span{background:var(--accent)}.story-copy{display:grid;margin-block:60px}.story-copy article{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity 250ms var(--ease-out),transform 250ms var(--ease-out),visibility 250ms}.story-copy article.current{opacity:1;visibility:visible;transform:translateY(0)}.story-copy h2{font-size:clamp(3rem,4.6vw,4.8rem);margin-bottom:25px}.story-copy p{color:#bcbdc0;font-size:1.05rem;max-width:40ch}.story-copy a{margin-top:28px}.story-footer{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.13em;color:#b3b5b8}.story-footer #story-count{font-size:.85rem;color:var(--accent);font-variant-numeric:tabular-nums}.story-anchor{position:absolute;left:0;pointer-events:none}#story-server{top:0}#story-community{top:38%}#story-stats{top:72%}
.home-stats{padding-block:115px 80px}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-title p{color:var(--muted);margin-top:12px}.section-title .text-link{white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:30px 0 40px}.metrics>div{padding:27px 30px;border-right:1px solid var(--line);min-width:0}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border-right:0}.metrics span{display:block;color:var(--muted);font-size:.85rem}.metrics strong{display:block;font-size:3.15rem;line-height:1.3;font-family:'Barlow Condensed';font-variant-numeric:tabular-nums;margin:8px 0}.metrics small{color:var(--muted);font-size:.74rem}.metrics .small-value{font-size:1.8rem}.home-data-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;margin-bottom:28px}.home-leaders{border-left:1px solid var(--line);padding-left:35px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.panel-title h2{font-family:Barlow;font-size:1.3rem;letter-spacing:0;font-weight:600}.panel-title h3{font-size:1.3rem}.panel-title p,.panel-title>span{color:var(--muted);font-size:.78rem;margin-top:7px}.chart{min-width:0}.chart-unit{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-bottom:10px}.chart-unit span{color:var(--accent)}.chart>svg{display:block;width:100%;height:auto;overflow:visible;stroke:none}.chart svg text{fill:#a6a8ac;font-size:11px;font-family:Barlow}.chart .grid-line{stroke:#36373a;stroke-width:1;stroke-dasharray:3 4}.chart .chart-fill{fill:rgba(255,59,63,.09);stroke:none}.chart .chart-line{stroke:var(--accent);fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart .chart-point{stroke:var(--accent);fill:var(--surface);stroke-width:2}.chart .chart-point:hover,.chart .chart-point:focus{fill:var(--accent);stroke-width:5}.chart .chart-bar{fill:var(--accent);transform-origin:center bottom;animation:bar-in 600ms var(--ease-out) both;transform-box:fill-box}.chart .chart-bar:hover,.chart .chart-bar:focus{fill:#ff8a8c}.chart-values{font-size:.72rem;color:var(--muted);margin-top:8px}.chart-values summary{cursor:pointer;display:list-item;width:fit-content;padding:7px 0}.chart-values table{margin-top:8px}.chart-footnote{font-size:.75rem;color:var(--muted);margin-top:8px}.leader-list>a{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.leader-list>a:last-child{border-bottom:0}.leader-list strong{font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-list>a>span:nth-last-child(2){font-size:.9rem;white-space:nowrap}.leader-list small{color:var(--muted);font-size:.7rem}.rank{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#353638;color:#c2c3c5;font-size:.72rem;font-weight:600;flex-shrink:0;text-transform:uppercase}.leader-list>a:first-child .rank{color:var(--accent)}.leader-list svg{width:15px;color:var(--muted)}.community-callout{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--accent);color:#1c1c1d;padding:64px 70px;align-items:center;margin-block:50px 0}.community-callout h2{font-size:4.6rem}.community-callout p{max-width:43ch;margin-top:22px}.community-callout .primary{background:#1e1f20;color:#e6e7e8;margin-top:30px}.community-word{font-family:'Barlow Condensed';font-size:9.5rem;line-height:.72;font-weight:700;letter-spacing:-.025em;justify-self:center;transform:rotate(-6deg)}.community-word span{display:block;font-family:Barlow;font-size:.7rem;line-height:1;letter-spacing:.11em;margin-top:24px}.team-section{padding-block:100px 110px}.team-section>p{margin-top:16px;color:var(--muted)}.team-pending{border-block:1px solid var(--line);padding-block:30px;display:flex;align-items:start;gap:16px;margin-top:28px}.team-pending>.dot{margin-top:7px}.team-pending p{color:var(--muted);margin-top:7px;font-size:.9rem}.team-list{display:flex;flex-wrap:wrap;gap:40px;border-top:1px solid var(--line);margin-top:35px;padding-top:30px}.team-member{min-width:200px}.team-member h3{margin:15px 0 6px}.team-member p,.team-member small{color:var(--muted)}
.footer{padding:50px 48px 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:30px;align-items:center;color:var(--muted)}.footer .brand{display:block;color:var(--ink);font-size:1.6rem}.footer>p{text-align:center;font-size:.9rem}.footer>div{display:flex;gap:25px;justify-content:flex-end;font-size:.78rem}.footer>small{grid-column:1/-1;font-size:.7rem;border-top:1px solid var(--line);padding-top:25px;margin-top:10px}.footer a:hover{color:var(--accent)}
.dashboard,.profile-page,.detail-page{padding-top:55px;padding-bottom:85px;min-height:70vh}.page-title{display:flex;align-items:center;justify-content:space-between;gap:30px}.page-title h1{font-size:clamp(2.8rem,4.3vw,4rem)}.page-title p{margin-top:14px;color:var(--muted)}.select-label{font-size:.7rem;color:var(--muted);display:grid;gap:7px;min-width:190px}.select-label select{border:1px solid #494b4e;background:var(--surface);color:var(--ink);height:42px;padding:0 34px 0 13px;font-size:.85rem;max-width:100%}.data-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:28px}.refresh{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.75rem;padding:7px 0}.refresh svg{width:15px}.dashboard .metrics{margin-top:20px;margin-bottom:0}.tabs{display:flex;gap:35px;border-bottom:1px solid var(--line);margin-bottom:32px;overflow:auto}.tabs button{padding:21px 2px 17px;border-bottom:2px solid transparent;white-space:nowrap;font-size:.9rem;color:var(--muted)}.tabs button.active{border-bottom-color:var(--accent);color:var(--ink)}.tabs button span{font-size:.7rem;padding:2px 6px;background:var(--surface-2)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:36px}.analytics-main{background:var(--surface);padding:25px 28px 18px;border:1px solid var(--line)}.analytics-side{padding:16px 0 0 0}.legend{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;background:var(--accent);display:inline-block}.secondary-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin-top:42px;border-top:1px solid var(--line);padding-top:32px}.map-bars{display:grid;gap:23px}.map-label{display:flex;justify-content:space-between;gap:15px;font-size:.93rem;margin-bottom:9px}.map-label span{color:var(--muted);font-size:.85rem}.bar-track{height:7px;background:var(--surface-2);overflow:hidden}.bar-track span{display:block;height:100%;width:100%;background:var(--brand);transform-origin:left}.map-bars>div:nth-child(2n) .bar-track span{background:#d9d9dc}.map-bars small{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;margin-top:8px}.method-note{font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:35px;max-width:95ch}.method-note a{display:inline-flex;align-items:center;gap:7px;color:var(--ink);margin-left:5px;text-decoration:underline}.method-note svg{width:13px;height:13px}.empty{padding:42px 20px;text-align:center;border:1px dashed #3e3f41;margin:20px 0;color:var(--muted)}.empty>svg{width:38px;height:38px;stroke:#86888d;margin-bottom:13px}.empty h3{color:var(--ink);font-size:1.15rem;line-height:1.35}.empty p{font-size:.88rem;max-width:53ch;margin:12px auto 0}.empty .button{margin-top:20px}.initial-loading{min-height:60vh;display:grid;place-items:center;color:var(--muted)}.loading{padding:35px;color:var(--muted)}.ranking-tools{display:flex;align-items:end;gap:14px;margin-bottom:25px;flex-wrap:wrap}.search-label{position:relative;flex:1;min-width:200px}.search-label svg{position:absolute;top:15px;left:14px;color:var(--muted);width:18px}.search-label input{height:48px;border:1px solid #494b4e;background:var(--surface);width:100%;color:var(--ink);padding:0 15px 0 42px;font-size:.92rem}.search-label input::placeholder{color:var(--muted)}.ranking-tools select{height:48px}.ranking-tools .select-label{min-width:170px}.ranking-tools .button{padding-inline:16px;font-size:.85rem}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:.87rem;font-variant-numeric:tabular-nums}th{text-align:left;font-size:.72rem;font-weight:400;color:var(--muted);padding:15px 15px;border-bottom:1px solid var(--line);white-space:nowrap;background:#212223}td{padding:17px 15px;border-bottom:1px solid var(--line);white-space:nowrap}td strong{font-weight:600}td small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}.ranking-table td:nth-child(3) a{display:flex;gap:13px;align-items:center;min-width:150px}.ranking-table td:first-child{padding-right:4px}.highlight{color:var(--accent);font-weight:600}td a:hover{color:var(--accent)}td svg{width:18px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px}.pagination>span{color:var(--muted);font-size:.79rem}.pagination>div{display:flex;gap:10px}.pagination .button{min-height:38px;font-size:.8rem;padding:9px 15px}.maps-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:50px;margin-bottom:35px;border-bottom:1px solid var(--line)}.maps-overview h2{font-size:3.2rem}.maps-overview p{margin-top:20px;color:var(--muted)}.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.compare-heading h2{font-size:3rem}.compare-heading h2 span{color:var(--accent);font-size:1.5rem;margin-inline:30px}.comparison{max-width:950px}.comparison>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid var(--line);padding:22px;text-align:center;align-items:center}.comparison strong{font-family:'Barlow Condensed';font-size:2.7rem}.comparison span{color:var(--muted)}.comparison>div strong:first-child{color:var(--accent)}.comparison+.muted-copy{font-size:.8rem;margin-top:25px}.profile-title{display:flex;align-items:center;gap:25px}.profile-title h1{overflow-wrap:anywhere}.avatar.large{width:85px;height:85px;font-size:1.6rem}.profile-title p{display:flex;gap:7px;align-items:center;font-size:.85rem}.profile-heading{margin-bottom:20px}.profile-chart{padding:32px;background:var(--surface);margin-bottom:50px}.account-note{padding:18px;background:var(--surface);margin-top:22px;color:var(--muted);font-size:.85rem}.account-note button{margin-left:15px}.detail-page>h2{font-size:2.3rem;margin-bottom:25px}
.community-hero{padding-block:95px 105px;position:relative;overflow:hidden}.community-hero h1{font-size:clamp(3.7rem,7vw,6rem);position:relative;z-index:1}.community-hero h1 span{color:var(--accent)}.community-hero>p{max-width:54ch;margin-top:30px;font-size:1.1rem;color:var(--muted);position:relative;z-index:1}.community-hero>.button{margin-top:30px;position:relative;z-index:1}.community-stamp{position:absolute;right:0;bottom:50px;font-family:'Barlow Condensed';font-size:11rem;line-height:.8;color:#292a2c;transform:rotate(-8deg);z-index:0}.discord-section{border-block:1px solid var(--line);padding-block:55px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.discord-section p{color:var(--muted);margin-top:23px}.discord-section h2{font-size:3.2rem}.signin{display:grid;grid-template-columns:1fr 1fr;padding-block:70px;gap:65px;min-height:75vh}.signin-art{position:relative;min-height:540px;overflow:hidden}.signin-art img{height:100%;width:100%;object-fit:cover;object-position:75% center;filter:brightness(.7)}.signin-art strong{position:absolute;left:35px;bottom:50px;font-family:'Barlow Condensed';font-size:4rem;line-height:.95}.signin-art small{position:absolute;bottom:17px;left:35px;font-size:.7rem}.signin-body{padding-block:45px}.signin-body h1{font-size:4.5rem}.signin-body>p{margin:25px 0;color:var(--muted);max-width:45ch}.signin-body>.small-copy{font-size:.8rem;margin-top:18px}.signin-info{padding-block:25px;border-top:1px solid var(--line);margin-top:30px}.signin-info p{font-size:.9rem;color:var(--muted);margin-top:12px}.notice{padding:24px;background:var(--surface-2);border:1px solid #505155;margin-block:25px;font-size:.94rem;line-height:1.65;color:#d8d9db}.notice h2{font-family:Barlow;font-size:1.3rem;line-height:1.3;margin-bottom:15px}.legal{max-width:850px;padding-block:70px 100px;min-height:60vh}.legal>h1{font-size:4.5rem;margin-bottom:30px}.legal .lead{font-size:1.25rem;color:var(--muted);margin-bottom:45px}.legal section{margin-top:35px;padding-top:30px;border-top:1px solid var(--line)}.legal h2{font-family:Barlow;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:15px}.legal p{color:var(--muted);max-width:75ch}.legal-copy{line-height:1.7;overflow-wrap:anywhere}.legal>.notice+h2{margin-top:40px}
@keyframes bar-in{from{transform:scaleY(.03);opacity:.65}to{transform:scaleY(1);opacity:1}}
@media(hover:hover){.button.primary:hover{background:#ff1a26}.button.secondary:hover,.login-link:hover{background:#323336;border-color:#989a9e}.leader-list>a:hover{background:#202123}.header nav a:hover{color:var(--ink)}tbody tr:hover{background:#1f2021}.community-callout .primary:hover{background:#343537}}
@media(min-width:1700px){.header{padding-inline:calc((100vw - 1440px)/2)}.server-strip{padding-inline:calc((100vw - 1280px)/2)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.header nav{gap:22px}.hero-content{margin-left:32px;padding-top:100px}.hero{min-height:610px}.hero-shade{background:linear-gradient(90deg,rgba(16,16,17,.95),rgba(16,16,17,.65) 43%,rgba(16,16,17,.05))}.hero-edge{left:32px;right:32px}.server-strip{padding-inline:32px;gap:20px;grid-template-columns:1.2fr .7fr 1fr 1fr}.strip-link{display:none}.intro{gap:50px;padding-block:85px}.home-data-grid{gap:28px}.home-leaders{padding-left:25px}.community-callout{padding:50px;gap:45px}.community-callout h2{font-size:3.7rem}.community-word{font-size:8rem}.analytics-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:25px}.metrics>div{padding-inline:20px}.metrics strong{font-size:2.8rem}.footer{padding-inline:32px}.footer>div{gap:15px}.story-panel{padding:45px 35px}.story-progress{gap:12px;font-size:.7rem}.story-copy h2{font-size:3.6rem}.scene-caption{left:35px;right:35px;flex-direction:column;align-items:start;gap:10px}.signin{gap:35px}.signin-art strong{font-size:3rem}.community-stamp{font-size:8rem;opacity:.7}#preview-bar{padding-inline:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:77px;padding:18px 20px 0;flex-wrap:wrap;gap:18px}.header .brand{font-size:1.4rem}.header .brand img{width:29px;height:29px}.header .brand-sub{font-size:.7rem}.header nav{order:3;width:100%;justify-content:center;height:45px;gap:35px}.header nav a{font-size:.88rem}.login-link{font-size:.75rem;padding:10px;gap:7px}.login-link svg{width:16px}.hero{height:650px;min-height:0;max-height:none}.hero-content{margin-left:20px;padding:75px 20px 80px 0;max-width:560px}.hero h1{font-size:4.5rem}.hero-content p{font-size:1rem;margin-top:24px;max-width:36ch}.hero-art{object-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(16,16,17,.9),rgba(16,16,17,.38)),linear-gradient(0deg,rgba(16,16,17,.8),transparent)}.hero-actions{max-width:420px;gap:10px;margin-top:27px}.hero-actions .button{font-size:.82rem;min-height:46px;padding-inline:15px}.hero-edge{left:20px;right:20px;bottom:33px}.hero-edge>span{max-width:160px;line-height:1.5;font-size:.7rem}.hero-edge a{font-size:.7rem}.art-credit{top:15px;right:12px;font-size:.7rem}.server-strip{padding:24px 20px;grid-template-columns:1fr 1fr;gap:27px 30px}.server-strip .server-identity{grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid var(--line)}.server-strip>div:nth-of-type(4){display:none}.server-strip strong{font-size:1.15rem}.source-row .source-note{justify-content:start;font-size:.7rem}.intro{grid-template-columns:1fr;gap:30px;padding-block:65px 75px}.intro h2{font-size:3rem}.intro p{font-size:1.03rem}.experience{height:260vh}.experience-sticky{grid-template-columns:1fr;grid-template-rows:42% 58%;min-height:700px;max-height:950px}.scene>img{object-position:65% 40%}.scene-frame{inset:17px}.scene-caption{left:30px;bottom:28px;flex-direction:row;right:30px}.scene-caption span{font-size:.7rem}.scene-caption small{font-size:.7rem}.marker-one{top:37%;left:13%}.marker-two{bottom:40%;right:12%}.story-panel{padding:25px 28px}.story-progress{font-size:.7rem;gap:20px}.story-progress a{gap:9px}.story-copy{margin-block:25px}.story-copy h2{font-size:2.6rem;margin-bottom:16px}.story-copy p{font-size:.93rem;line-height:1.55;max-width:55ch}.story-copy a{margin-top:13px;font-size:.84rem}.story-footer{font-size:.7rem}.story-footer #story-count{font-size:.72rem}.home-stats{padding-block:75px 45px}.section-title{align-items:start;gap:20px;flex-direction:column;margin-bottom:28px}.section-title h2{font-size:2.8rem}.section-title p{font-size:.9rem}.metrics{grid-template-columns:1fr 1fr;margin-block:25px 30px}.metrics>div{padding:20px!important;border-bottom:1px solid var(--line)}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(n+3){border-bottom:0}.metrics>div:nth-child(odd){padding-left:0!important}.metrics strong{font-size:2.65rem}.metrics span{font-size:.76rem}.metrics small{font-size:.7rem}.home-data-grid{grid-template-columns:1fr;gap:40px}.home-leaders{border-left:0;padding-left:0;padding-top:30px;border-top:1px solid var(--line)}.panel-title{gap:12px}.panel-title h3,.panel-title h2{font-size:1.2rem}.panel-title>span{font-size:.7rem}.community-callout{grid-template-columns:1fr;padding:35px 30px;margin-top:30px;gap:45px;overflow:hidden}.community-callout h2{font-size:3.25rem}.community-callout p{font-size:.94rem}.community-word{font-size:7rem;justify-self:end;margin-right:15px;margin-bottom:20px}.community-word span{font-size:.7rem}.team-section{padding-block:70px}.team-section h2{font-size:2.65rem}.team-pending{padding-block:25px}.team-pending p{font-size:.82rem}.footer{grid-template-columns:1fr 1fr;padding:35px 20px 25px;gap:25px}.footer>p{font-size:.77rem;text-align:right}.footer>div{grid-column:1/-1;justify-content:start;gap:25px;font-size:.75rem}.footer>small{font-size:.7rem;margin-top:0;line-height:1.5}#preview-bar{padding:10px 20px;align-items:start;gap:12px;font-size:.7rem}#preview-bar strong{display:block;margin:0 0 4px;font-size:.7rem}#preview-bar button{font-size:.7rem;max-width:125px;text-align:left;flex-shrink:0;line-height:1.45}#preview-bar svg{width:13px}.dashboard,.profile-page,.detail-page{padding-top:35px;padding-bottom:60px}.page-title{align-items:start;flex-direction:column;gap:25px}.page-title h1{font-size:2.8rem}.page-title p{font-size:.9rem;margin-top:10px}.select-label{min-width:0;width:100%}.select-label select{width:100%;font-size:.85rem}.data-toolbar{margin-top:22px;align-items:start}.data-toolbar .source-note{font-size:.7rem;max-width:240px}.refresh{font-size:0;padding-top:0}.refresh svg{width:20px;height:20px}.tabs{gap:25px;margin-bottom:25px}.tabs button{font-size:.83rem;padding-block:20px 15px}.analytics-grid{grid-template-columns:1fr;gap:35px}.analytics-main{padding:20px 15px 14px}.analytics-side{padding:0}.analytics-main .panel-title p{font-size:.69rem}.legend{display:none!important}.chart-footnote{font-size:.7rem}.chart-values{font-size:.7rem}.chart svg text{font-size:13px}.secondary-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.method-note{font-size:.7rem;margin-top:28px}.ranking-tools{gap:12px}.search-label{min-width:100%;}.ranking-tools .select-label{flex:1;width:auto;min-width:145px}.ranking-tools .button{font-size:.75rem;padding-inline:12px;min-height:44px}#compare-selected{flex-basis:100%}table{font-size:.8rem}th{font-size:.7rem}td,th{padding:14px 12px}.ranking-table td:nth-child(3) a{min-width:135px;gap:9px}.table-scroll{margin-inline:-2px}.pagination{align-items:start;gap:15px}.pagination>span{font-size:.69rem}.pagination .button{padding:8px 10px;font-size:.72rem}.maps-overview{grid-template-columns:1fr;gap:30px;padding-bottom:30px;margin-bottom:25px}.maps-overview h2{font-size:2.7rem}.maps-overview p{font-size:.9rem}.compare-heading{align-items:start;flex-direction:column}.compare-heading h2{font-size:2.4rem;overflow-wrap:anywhere}.compare-heading h2 span{margin-inline:12px;font-size:1.3rem}.comparison>div{padding:20px 5px;gap:8px}.comparison strong{font-size:2.1rem}.comparison span{font-size:.82rem}.profile-title{gap:16px}.avatar.large{width:60px;height:60px;font-size:1.25rem}.profile-title h1{font-size:2.8rem}.profile-title p{font-size:.73rem;flex-wrap:wrap}.profile-chart{padding:20px 14px;margin-bottom:30px}.profile-chart .panel-title p{font-size:.7rem}.community-hero{padding-block:55px 65px}.community-hero h1{font-size:3.5rem}.community-hero>p{font-size:1rem}.community-stamp{display:none}.discord-section{grid-template-columns:1fr;gap:15px;padding-block:40px}.discord-section h2{font-size:2.8rem}.discord-section p{font-size:.94rem}.signin{grid-template-columns:1fr;gap:30px;padding-block:30px 60px}.signin-art{min-height:0;height:250px}.signin-art strong{font-size:3rem;bottom:40px;left:25px}.signin-art small{left:25px}.signin-body{padding:5px 0}.signin-body h1{font-size:3.7rem}.legal{padding-block:45px 65px}.legal>h1{font-size:3.1rem;overflow-wrap:anywhere}.legal .lead{font-size:1.1rem}.legal p{font-size:.95rem}.legal h2{font-size:1.3rem}.notice{padding:20px}.empty{padding:30px 16px}.empty h3{font-size:1.06rem}.empty p{font-size:.81rem}}
@media(max-width:380px){.header{gap:8px}.login-link span{max-width:95px}.hero h1{font-size:4rem}.hero-content{padding-top:70px}.hero-actions{max-width:285px}.hero-actions .button{width:100%}.hero-edge a{max-width:120px}.story-copy h2{font-size:2.3rem}.story-panel{padding-inline:22px}.metrics strong{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene>img,.scene-grid,.scene-marker{transform:none!important;will-change:auto}.experience{height:auto}.experience-sticky{position:relative;height:auto;min-height:0;max-height:none;grid-template-rows:auto;overflow:visible}.scene{min-height:380px}.scene>img{position:absolute;inset:0}.story-copy{display:block}.story-copy article{opacity:1!important;visibility:visible!important;transform:none!important;margin-block:45px}.story-progress,.story-footer{display:none}.story-anchor{display:none}.scene-marker{display:none}}

.arrow-back{transform:rotate(180deg)}.arrow-down{transform:rotate(90deg)}.arrow-up{transform:rotate(-90deg)}.back-link svg{vertical-align:middle;margin-right:8px}.hero-edge a>svg,.story-footer svg{width:15px;height:15px;vertical-align:middle}.chart-line,.chart-point{vector-effect:non-scaling-stroke}

.legal-copy a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
/* ---- Live faction board (home) ---- */
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.faction-board{background:#181819;border-bottom:1px solid var(--line);padding:56px 48px 60px}
.faction-inner{max-width:1280px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:28px 56px}
.faction-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.faction-head h2{margin-top:14px;font-size:clamp(2.3rem,3.6vw,3.4rem)}
.faction-head p{color:var(--muted);font-size:.8rem;max-width:34ch;text-align:right}
.factions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}
.factions li{position:relative;padding:24px 26px 26px;border-top:3px solid var(--faction);border-right:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--faction) 12%,transparent),transparent 65%);display:grid;gap:14px;min-width:0}
.factions li:last-child{border-right:0}
.faction-name{display:flex;align-items:center;gap:10px;min-width:0}
.faction-name i{width:10px;height:10px;background:var(--faction);flex-shrink:0}
.faction-name strong{font-family:'Barlow Condensed';font-size:1.45rem;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.faction-name span{margin-left:auto;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--faction);color:#111;padding:4px 7px}
.faction-score{display:flex;align-items:baseline;gap:10px}
.faction-score strong{font-family:'Barlow Condensed';font-size:4.6rem;line-height:.9;font-variant-numeric:tabular-nums}
.faction-score small{color:var(--muted);font-size:.8rem}
.faction-bar{height:6px;background:var(--surface-2);overflow:hidden}
.faction-bar span{display:block;height:100%;background:var(--faction);transform-origin:left;transform:scaleX(var(--share))}
[data-fresh="1"] .faction-bar span{animation:grow-bar 900ms var(--ease-out) 150ms both}
@keyframes grow-bar{from{transform:scaleX(0)}}
.faction-players{color:var(--muted);font-size:.85rem;display:flex;gap:8px;align-items:baseline}
.faction-players strong{color:var(--ink);font-size:1.05rem;font-variant-numeric:tabular-nums}
.faction-players span{margin-left:auto;font-variant-numeric:tabular-nums}
.leading .faction-score strong{color:var(--faction)}
.round-leaders{display:flex;flex-direction:column}
.round-leaders .panel-title{margin-bottom:8px}
.round-leaders ol{list-style:none;margin:0;padding:0}
.round-leaders li a{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);min-width:0}
.round-leaders .rank{width:14px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}
.round-leaders li:first-child .rank{color:var(--accent)}
.round-leaders i{width:3px;height:18px;background:var(--faction);flex-shrink:0}
.round-leaders strong{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.round-leaders li a>span:last-child{font-size:.9rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.round-leaders small{color:var(--muted);font-size:.72rem}
.round-leaders>small{margin-top:14px}
.avatar{border-left:3px solid var(--faction,transparent)}
.ranking-table tr[data-href]{cursor:pointer}
/* ---- Player dossier ---- */
.dossier{display:grid;grid-template-columns:minmax(300px,5fr) 7fr;background:var(--surface);border:1px solid var(--line);min-height:590px}
.operator{--px:0;--py:0;position:relative;margin:0;overflow:hidden;isolation:isolate;min-height:590px;background:radial-gradient(110% 70% at 50% 100%,color-mix(in srgb,var(--faction) 42%,transparent),transparent 62%),linear-gradient(180deg,#101010,#1a1b1c)}
.operator::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--faction) 18%,transparent) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--faction) 18%,transparent) 0 1px,transparent 1px 44px);-webkit-mask-image:radial-gradient(80% 60% at 50% 60%,#000,transparent);mask-image:radial-gradient(80% 60% at 50% 60%,#000,transparent);opacity:.55;z-index:-1}
.operator-bg span{position:absolute;left:10px;top:50%;writing-mode:vertical-rl;transform:translate(calc(var(--px)*8px),-50%) rotate(180deg);font-family:'Barlow Condensed';font-size:clamp(5rem,9vw,8.5rem);line-height:1;letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--faction) 55%,transparent);opacity:.7;white-space:nowrap;transition:transform 500ms var(--ease-out);z-index:-1}
.operator-img,.operator-tint{position:absolute;bottom:0;transition:transform 500ms var(--ease-out)}
.operator-img{left:50%;height:90%;width:auto;max-width:none;transform:translate(calc(-50% + var(--px)*-12px),calc(var(--py)*-6px));filter:drop-shadow(0 0 30px color-mix(in srgb,var(--faction) 30%,transparent)) drop-shadow(-1px -1px 0 color-mix(in srgb,var(--faction) 65%,transparent))}
.operator-tint{inset:0;background:linear-gradient(205deg,var(--faction) 0%,transparent 55%);mix-blend-mode:color;opacity:.5;-webkit-mask:url(/assets/wardogs-operator.webp) 50% 100%/auto 90% no-repeat;mask:url(/assets/wardogs-operator.webp) 50% 100%/auto 90% no-repeat;transform:translate(calc(var(--px)*-12px),calc(var(--py)*-6px));pointer-events:none}
.operator figcaption{position:absolute;inset:auto 0 0 0;padding:70px 26px 22px;background:linear-gradient(transparent,rgba(11,11,11,.92) 55%);display:grid;gap:3px}
.operator figcaption strong{font-family:'Barlow Condensed';font-size:1.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--faction)}
.operator figcaption span{font-size:.82rem;color:var(--ink)}
.operator figcaption small{font-size:.68rem;color:var(--muted);margin-top:6px}
.dossier-body{padding:38px 44px 34px;display:flex;flex-direction:column;min-width:0}
.dossier-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.dossier-body h1{font-size:clamp(2.6rem,4.6vw,4.4rem);margin:18px 0 12px;overflow-wrap:anywhere}
.status-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;color:var(--muted);font-size:.85rem}
.status-line .dot{margin-right:-10px}
.rank-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0 8px}
.rank-chip{background:#212223;padding:14px 16px;display:grid;gap:4px;min-width:0}
.rank-chip span{color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}
.rank-chip strong{font-family:'Barlow Condensed';font-size:2.1rem;line-height:1;font-variant-numeric:tabular-nums}
.rank-chip:first-child strong{color:var(--accent)}
.rank-chip small{color:var(--muted);font-size:.72rem}
.rank-chip.muted strong{color:var(--muted)}
.dossier-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto}
.dossier-stats>div{padding:20px 16px 18px 0;border-bottom:1px solid var(--line);min-width:0}
.dossier-stats span{display:block;color:var(--muted);font-size:.8rem}
.dossier-stats strong{display:block;font-family:'Barlow Condensed';font-size:2.8rem;line-height:1.15;font-variant-numeric:tabular-nums;margin-top:4px}
.profile-meta{margin:16px 0 0}
.highlights{margin-top:50px}
.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.highlight-card{position:relative;background:var(--bg);padding:22px 22px 20px;display:grid;gap:6px;align-content:start;min-width:0;transition:background 160ms ease}
.highlight-card span{color:var(--muted);font-size:.78rem}
.highlight-card strong{font-family:'Barlow Condensed';font-size:2rem;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.highlight-card small{color:var(--muted);font-size:.74rem;line-height:1.45}
.highlight-card>svg{position:absolute;top:20px;right:18px;width:16px;color:var(--accent)}
.profile-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;margin:50px 0}
.profile-grid .profile-chart{margin:0}
.profile-maps{padding:32px;background:var(--surface)}
.enter .operator-img,.enter .operator-tint{animation:operator-in 1000ms var(--ease-out) both}
.enter .operator-bg span{animation:fade-in 1200ms ease both}
.enter .dossier-body>*{animation:rise-in 700ms var(--ease-out) both}
.enter .dossier-body>:nth-child(2){animation-delay:60ms}.enter .dossier-body>:nth-child(3){animation-delay:120ms}.enter .dossier-body>:nth-child(4){animation-delay:180ms}.enter .dossier-body>:nth-child(5){animation-delay:240ms}
@keyframes operator-in{from{opacity:0;translate:0 40px}}
@keyframes rise-in{from{opacity:0;translate:0 14px}}
@keyframes fade-in{from{opacity:0}}
@media(hover:hover){.highlight-card[href]:hover{background:var(--surface-2)}.ranking-table tr[data-href]:hover td{background:#1e1e1f}.round-leaders li a:hover{background:#1e1e1f}}
@media(prefers-reduced-motion:reduce){[data-fresh="1"] .faction-bar span,.enter .operator-img,.enter .operator-tint,.enter .operator-bg span,.enter .dossier-body>*{animation:none}.operator-img,.operator-tint,.operator-bg span{transition:none}}
@media(min-width:1700px){.faction-board{padding-inline:calc((100vw - 1280px)/2)}}
@media(max-width:1100px){.faction-board{padding-inline:32px}.faction-inner{grid-template-columns:1fr}.highlight-grid{grid-template-columns:repeat(3,1fr)}.dossier{grid-template-columns:minmax(260px,2fr) 3fr}.dossier-body{padding:30px}.dossier-stats strong{font-size:2.3rem}.profile-grid{grid-template-columns:1fr}}
@media(max-width:760px){.faction-board{padding:40px 20px 44px}.faction-head{flex-direction:column;align-items:flex-start;gap:10px}.faction-head p{text-align:left}.factions li{padding:18px 12px 18px;gap:10px}.faction-name strong{font-size:1rem;letter-spacing:.03em}.faction-name span{display:none}.faction-score{flex-direction:column;gap:2px}.faction-score strong{font-size:3rem}.faction-players{flex-wrap:wrap;gap:2px 6px;font-size:.78rem}.faction-players span{margin-left:0;width:100%}
 .dossier{grid-template-columns:1fr}.operator{min-height:430px}.operator-bg span{font-size:5.5rem}.dossier-body{padding:26px 20px 22px}.rank-chip{padding:12px 10px}.rank-chip strong{font-size:1.6rem}.rank-chip span{font-size:.62rem;letter-spacing:.06em}.rank-chip small{font-size:.66rem}.dossier-stats{grid-template-columns:repeat(2,1fr)}.dossier-stats strong{font-size:2.2rem}
 .highlight-grid{grid-template-columns:1fr 1fr}.highlight-card{padding:18px 16px}.highlight-card strong{font-size:1.65rem}.profile-maps{padding:22px 18px}}
.table-scroll{position:relative}
.highlight-card>span{padding-right:22px}
@media(max-width:760px){.factions li{padding-inline:10px}.faction-name{gap:7px}.faction-name i{width:8px;height:8px}.faction-name strong{font-size:.95rem;letter-spacing:0;overflow:visible;text-overflow:clip}}
/* live board motion */
.faction-bar span{transition:transform 700ms var(--ease-out)}
.factions li.bump .faction-score strong{animation:score-bump 1200ms var(--ease-out)}
@keyframes score-bump{0%{color:var(--faction);text-shadow:0 0 22px color-mix(in srgb,var(--faction) 70%,transparent)}100%{text-shadow:none}}
.dot.pulse{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 60%,transparent);animation:live-pulse 2s ease-out infinite}
@keyframes live-pulse{70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.faction-bar span{transition:none}.factions li.bump .faction-score strong,.dot.pulse{animation:none}}
/* ---- Match report ---- */
.match-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;flex-wrap:wrap;margin-bottom:18px}
.match-head h1{font-size:clamp(3rem,6vw,5.4rem);margin-top:14px}
.verdict{font-family:'Barlow Condensed';font-size:clamp(1.6rem,2.6vw,2.3rem);letter-spacing:.03em;text-transform:uppercase;color:var(--faction);margin-top:8px}
.final-scores{list-style:none;margin:0;padding:0;display:flex;gap:1px;background:var(--line);border:1px solid var(--line)}
.final-scores li{background:var(--surface);padding:14px 22px 12px;border-top:3px solid var(--faction);min-width:120px;display:grid;gap:2px}
.final-scores span{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.final-scores i{width:8px;height:8px;background:var(--faction)}
.final-scores strong{font-family:'Barlow Condensed';font-size:3rem;line-height:1;font-variant-numeric:tabular-nums}
.final-scores li.leading{background:color-mix(in srgb,var(--faction) 16%,var(--surface))}
.final-scores li.leading strong{color:var(--faction)}
.race-panel{background:var(--surface);padding:30px 32px 22px;margin:26px 0 8px}
.race-panel.small{margin:34px 0 40px}
.race-line{fill:none;stroke:var(--c);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
[data-fresh="1"] .race-line.draw{stroke-dasharray:1;animation:draw-line 1600ms var(--ease-out) both}
@keyframes draw-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.race-label{font-family:'Barlow Condensed';font-weight:700;font-size:15px}
.match-grid{display:grid;grid-template-columns:minmax(260px,1fr) 2fr;gap:28px;align-items:start;margin:10px 0 0}
.mvp-card{position:relative;display:grid;gap:8px;padding:26px 28px;background:linear-gradient(160deg,color-mix(in srgb,var(--faction) 22%,var(--surface)),var(--surface) 70%);border-left:4px solid var(--faction)}
.mvp-card span{font-size:.72rem;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.mvp-card strong{font-family:'Barlow Condensed';font-size:2.3rem;line-height:1.05;overflow-wrap:anywhere}
.mvp-card p{color:var(--muted);font-size:.88rem}
.mvp-card>svg{position:absolute;top:24px;right:22px;color:var(--accent)}
.team-dot{display:inline-block;width:9px;height:9px;background:var(--faction);margin-right:9px;vertical-align:0}
/* ---- Heatmap & server ---- */
.heatmap{display:grid;grid-template-columns:34px repeat(24,minmax(0,1fr));gap:3px;align-items:center}
.heatmap b{font-weight:400;font-size:.7rem;color:var(--muted);text-align:left;font-variant-numeric:tabular-nums}
.heatmap i{display:block;aspect-ratio:1/1.1;border-radius:2px;background:color-mix(in srgb,var(--accent) calc(var(--v)*100%),#232426)}
.heatmap i.none{background:repeating-linear-gradient(45deg,#1d1e1f 0 3px,#171718 3px 6px)}
.heat-legend{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:.74rem;color:var(--muted);flex-wrap:wrap}
.heat-legend i{width:120px;height:8px;border-radius:2px;background:linear-gradient(90deg,#232426,var(--accent))}
.heat-legend small{margin-left:auto}
.best-time{color:var(--muted);font-size:.85rem;margin-bottom:16px}
.best-time strong{color:var(--accent)}
.panel-title .best-time{margin:0}
.server-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:40px;margin:10px 0 44px}
.starter-list{list-style:none;margin:0;padding:0}
.starter-list a{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
.starter-list .rank{width:18px;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}
.starter-list li:first-child .rank{color:var(--accent)}
.starter-list strong{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.starter-list a>span:last-child{font-size:.88rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.starter-list small{color:var(--muted);font-size:.7rem}
.recent-section{margin-bottom:40px}
.seed-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;background:color-mix(in srgb,var(--green) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));margin:0 0 28px}
.seed-banner div{flex:1}
.seed-banner p{color:var(--muted);font-size:.85rem;line-height:1.5}
.board-seed{grid-column:1/-1}.board-seed .seed-banner{margin:0}
.home-times{margin:90px auto 20px}
.home-times .heatmap{max-width:980px}
/* ---- Factions ---- */
.faction-records{list-style:none;margin:10px 0 44px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.faction-records>li{background:linear-gradient(180deg,color-mix(in srgb,var(--faction) 12%,var(--bg)),var(--bg) 60%);border-top:3px solid var(--faction);padding:24px 26px;display:grid;gap:14px;align-content:start;min-width:0}
.faction-records .faction-score strong small{font-size:2rem;color:var(--muted);margin-left:2px}
.faction-records p{color:var(--muted);font-size:.84rem}
.faction-top{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:12px}
.faction-top>span{font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.faction-top a{display:flex;justify-content:space-between;gap:10px;padding:6px 0;min-width:0}
.faction-top strong{font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.faction-top small{color:var(--muted);font-size:.72rem;white-space:nowrap}
.result-strip{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:40px}
.result-strip a{width:52px;height:52px;display:grid;place-items:center;background:color-mix(in srgb,var(--faction) 75%,#111);border-bottom:3px solid var(--faction);transition:transform 160ms var(--ease-out)}
.result-strip i{font-style:normal;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#101111}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:46px}
.story-card{position:relative;background:var(--bg);padding:24px 26px;display:grid;gap:8px;border-left:4px solid var(--faction)}
.story-card span{font-size:.72rem;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.story-card strong{font-family:'Barlow Condensed';font-size:2rem;line-height:1.1}
.story-card small{color:var(--muted);font-size:.78rem}
.story-card>svg{position:absolute;top:22px;right:20px;color:var(--accent)}
.map-matrix th[style]{border-top:3px solid var(--faction)}
.matrix-cell{background:color-mix(in srgb,var(--faction) calc(var(--v)*45%),transparent);font-variant-numeric:tabular-nums}
.matrix-cell small{color:var(--ink);opacity:.7;font-size:.72rem;margin-left:4px}
/* ---- Profile: faction record & share card ---- */
.faction-record{margin-top:50px}
.record-rows{display:grid;gap:14px;max-width:760px}
.record-rows>div{display:grid;grid-template-columns:130px 1fr 60px;align-items:center;gap:6px 18px}
.record-rows>div>span{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.9rem}
.record-rows i{width:9px;height:9px;background:var(--faction)}
.record-rows .bar-track span{background:var(--faction)}
.record-rows strong{text-align:right;font-variant-numeric:tabular-nums}
.record-rows small{grid-column:2/-1;color:var(--muted);font-size:.74rem;margin-top:-6px}
.share-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:40px;align-items:center;margin:60px 0 30px;padding:36px;background:var(--surface);border:1px solid var(--line)}
.share-card h2{font-size:clamp(2rem,3vw,2.8rem)}
.share-card p{color:var(--muted);margin-top:12px}
.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.share-preview{display:block;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45);transition:transform 300ms var(--ease-out)}
.share-preview img{width:100%;height:auto}
@media(hover:hover){.result-strip a:hover{transform:translateY(-3px)}.story-card:hover,.mvp-card:hover{background-color:var(--surface-2)}.share-preview:hover{transform:translateY(-4px) rotate(-.4deg)}.starter-list a:hover,.faction-top a:hover{background:#1e1e1f}}
@media(prefers-reduced-motion:reduce){[data-fresh="1"] .race-line.draw{animation:none;stroke-dasharray:none}.share-preview,.result-strip a{transition:none}}
@media(max-width:1100px){.match-grid,.server-grid{grid-template-columns:1fr}.faction-records{grid-template-columns:1fr}.share-card{grid-template-columns:1fr}}
@media(max-width:760px){.final-scores{width:100%}.final-scores li{flex:1;min-width:0;padding:12px 12px 10px}.final-scores strong{font-size:2.3rem}.final-scores span{font-size:.66rem;letter-spacing:.02em}
 .race-panel{padding:20px 14px 14px;margin-inline:-4px}.heatmap{grid-template-columns:22px repeat(24,minmax(0,1fr));gap:2px}.heatmap b{font-size:.58rem}.heat-legend small{margin-left:0;width:100%}
 .story-grid{grid-template-columns:1fr}.result-strip a{width:calc((100% - 28px)/8);height:44px}.record-rows>div{grid-template-columns:100px 1fr 46px;gap:6px 10px}.share-card{padding:22px;margin-top:44px}.seed-banner{flex-wrap:wrap}}
/* ---- Brand: logo, banner ---- */
.brand .brand-mark{width:auto;height:38px}
.footer-logo img{width:118px;height:auto}
.brand-banner{margin-block:70px 0;border:1px solid var(--line);background:#000}
.brand-banner img{width:100%;height:auto}
.brand-banner-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-top:3px solid var(--brand);background:#0d0d0e}
.brand-banner-bar p{color:var(--muted)}
.brand-banner-bar strong{color:var(--ink);font-family:'Barlow Condensed';font-size:1.45rem;letter-spacing:.02em;text-transform:uppercase;margin-right:8px}
@media(max-width:760px){.brand-banner{margin-top:50px}.brand-banner-bar{flex-direction:column;align-items:flex-start;padding:18px}.brand .brand-mark{height:30px}}
/* ---- Privacy ---- */
.anon{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);min-width:0;color:var(--muted)}
.anon strong,.anon-name{font-style:italic;color:var(--muted)}
.visibility{display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-items:center;margin-top:16px;padding:22px 24px;background:var(--surface);border-left:4px solid var(--green)}
.visibility.is-hidden{border-left-color:var(--muted)}
.visibility h2{font-family:Barlow;font-size:1.15rem;font-weight:600;letter-spacing:0}
.visibility p{color:var(--muted);font-size:.88rem;margin-top:6px;max-width:70ch}
.visibility .small-copy{grid-column:1/-1;margin:0}
@media(max-width:760px){.visibility{grid-template-columns:1fr}}
.legal-copy h3{font-size:1.15rem;margin:30px 0 10px}
.legal-copy ul{margin:0 0 18px;padding-left:20px;line-height:1.65;color:inherit}
.legal-copy li{margin-bottom:8px}

/* ---- Sticky header ---- */
.header{position:sticky;top:0;z-index:50;transition:height 220ms var(--ease-out),min-height 220ms var(--ease-out),padding 220ms var(--ease-out),background-color 220ms ease}
.header .brand .brand-mark{transition:height 220ms var(--ease-out)}
.header.scrolled{height:64px;background:rgba(21,21,22,.86);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.header.scrolled .brand .brand-mark{height:30px}
.header.scrolled .brand-sub{opacity:.75}
.header .brand img.brand-mark{width:auto}
@media(max-width:760px){.header .brand img.brand-mark{width:auto;height:28px}.header.scrolled{height:auto;min-height:0;padding-top:10px;gap:10px}.header.scrolled .brand-sub{display:none}.header.scrolled nav{height:40px}.header.scrolled .brand .brand-mark{height:24px}}
@media(prefers-reduced-motion:reduce){.header,.header .brand .brand-mark{transition:none}}
/* ---- News ---- */
.news-page .page-title h1{margin-top:12px}
.news-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:34px 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.news-filters{display:flex;gap:6px;flex-wrap:wrap}
.news-filters button{padding:10px 16px;border:1px solid var(--line);color:var(--muted);font-size:.88rem;transition:background 160ms ease,color 160ms ease,border-color 160ms ease}
.news-filters button.active{background:var(--brand);border-color:var(--brand);color:#fff}
.news-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.74rem;color:var(--muted)}
.news-source{font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.news-source.official{color:var(--accent)}
.news-tag{border:1px solid var(--line);padding:2px 7px;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.news-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:var(--surface);border:1px solid var(--line);margin-bottom:56px;overflow:hidden}
.news-feature-visual{display:block;background:#000;min-height:100%}
.news-feature-visual img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.news-feature-body{padding:34px 36px;display:flex;flex-direction:column;gap:16px;border-left:3px solid var(--brand)}
.news-feature-body h2{font-size:clamp(2rem,3vw,2.9rem)}
.news-feature-body .button{align-self:flex-start;margin-top:auto}
.news-body{display:grid;gap:10px;color:#d3d4d7;font-size:.95rem}
.news-body h4{font-size:1rem;color:var(--ink);margin-top:6px}
.news-body p{line-height:1.6}
.news-li{padding-left:16px;position:relative}.news-li:before{content:'';position:absolute;left:0;top:.7em;width:6px;height:2px;background:var(--brand)}
.news-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:48px;align-items:start}
.news-layout.single{grid-template-columns:1fr}
.news-list{display:grid;gap:0}
.news-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}
.news-item h3{font-family:'Barlow Condensed';font-size:1.7rem;line-height:1.1;margin:8px 0}
.news-item h3 a:hover{color:var(--accent)}
.news-lead{color:#c9cacd;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-item details{margin:10px 0}
.news-item summary{cursor:pointer;color:var(--muted);font-size:.84rem}
.news-item details .news-body{margin-top:12px;padding-left:14px;border-left:2px solid var(--line)}
.news-item .text-link{margin-top:10px;display:inline-flex}
.news-thumb{display:block;background:#000;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line)}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
.news-fallback{width:100%;height:100%;min-height:120px;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(90% 90% at 70% 110%,rgba(227,0,15,.35),transparent 60%),#0d0d0e}
.news-fallback img{width:64px!important;height:auto!important;object-fit:contain!important}
.news-fallback span{font-family:'Barlow Condensed';letter-spacing:.3em;font-size:.8rem;color:var(--muted)}
.press-list{background:var(--surface);padding:24px 24px 10px}
.press-list a{position:relative;display:grid;gap:5px;padding:14px 26px 14px 0;border-top:1px solid var(--line)}
.press-list a span{font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.press-list a strong{font-size:.95rem;line-height:1.35}
.press-list a svg{position:absolute;right:0;top:16px;width:15px;color:var(--muted)}
.home-news{margin:90px auto 0}
.news-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news-mini{display:grid;gap:10px;align-content:start}
.news-mini-visual{display:block;aspect-ratio:16/9;overflow:hidden;background:#000;border:1px solid var(--line)}
.news-mini-visual img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
.news-mini strong{font-family:'Barlow Condensed';font-size:1.45rem;line-height:1.1}
@media(hover:hover){.news-filters button:not(.active):hover{color:var(--ink);border-color:#6b6d72}.news-thumb:hover img,.news-mini:hover .news-mini-visual img,.news-feature-visual:hover img{transform:scale(1.03)}.press-list a:hover strong,.news-mini:hover strong{color:var(--accent)}}
@media(prefers-reduced-motion:reduce){.news-thumb img,.news-mini-visual img{transition:none}}
@media(max-width:1100px){.news-layout{grid-template-columns:1fr}.press-list{position:static}.news-feature{grid-template-columns:1fr}.news-feature-body{border-left:0;border-top:3px solid var(--brand)}}
@media(max-width:760px){.news-item{grid-template-columns:1fr;gap:14px}.news-feature-body{padding:22px 18px}.news-teaser{grid-template-columns:1fr}.news-item h3{font-size:1.45rem}}
.news-sources{display:inline-flex;gap:6px;margin-left:10px}
.news-sources span{border:1px solid var(--line);padding:1px 6px;font-size:.66rem}
.news-sources span.err{color:var(--muted);text-decoration:line-through}
.news-source.video{color:var(--accent)}
.video-section{margin-bottom:56px}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.video-card{display:grid;gap:10px;align-content:start}
.video-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000;border:1px solid var(--line)}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
.video-thumb i{position:absolute;inset:0;margin:auto;width:52px;height:52px;display:grid;place-items:center;background:rgba(227,0,15,.92);border-radius:50%;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.5);transition:transform 200ms var(--ease-out)}
.video-thumb i svg{width:22px;height:22px;margin-left:3px}
.video-card strong{font-family:'Barlow Condensed';font-size:1.3rem;line-height:1.15}
.community-title{margin-top:26px}
.press-note{font-size:.72rem;color:var(--muted);padding:12px 0 8px;border-top:1px solid var(--line)}
.press-list.wide{position:static;max-width:860px}
@media(hover:hover){.video-card:hover img{transform:scale(1.04)}.video-card:hover i{transform:scale(1.1)}.video-card:hover strong{color:var(--accent)}}
@media(max-width:1100px){.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.video-grid{grid-template-columns:1fr 1fr;gap:14px}.video-card strong{font-size:1.05rem}.news-sources{display:none}}
/* ---- Nav: live indicator, mobile scroll ---- */
.nav-live{gap:8px}.nav-live i{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 0 rgba(227,0,15,.6);animation:live-pulse 2s ease-out infinite}
@media(max-width:1100px){.header nav{gap:18px}.header nav a{font-size:.88rem}}
@media(max-width:760px){.header nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:22px;padding-inline:2px;mask-image:linear-gradient(90deg,#000 88%,transparent)}.header nav::-webkit-scrollbar{display:none}.header nav a{white-space:nowrap;flex-shrink:0}}
/* ---- Home board extras ---- */
.faction-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.faction-chance{display:flex;align-items:baseline;gap:8px;font-size:.8rem;color:var(--muted);flex-wrap:wrap}
.faction-chance strong{color:var(--ink);font-size:1rem;font-variant-numeric:tabular-nums}
.faction-chance span{background:var(--faction);color:#111;font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px}
@media(max-width:760px){.faction-head-side{align-items:flex-start}}
/* ---- Turning point & clutch ---- */
.turn-band{fill:rgba(255,210,74,.08)}
.turn-line{stroke:#FFD24A;stroke-width:1.5;stroke-dasharray:4 4}
.turn-label{fill:#FFD24A;font-size:12px;font-weight:600}
.turn-note{margin-top:14px;color:#d3d4d7;font-size:.9rem;line-height:1.6}
.turn-note strong{color:var(--ink)}
.clutch-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;align-items:center}
.clutch-list>span{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#111;background:#FFD24A;padding:4px 8px}
.clutch-list a{font-size:.8rem;border:1px solid var(--line);padding:4px 8px}
@media(hover:hover){.clutch-list a:hover{border-color:#FFD24A;color:#FFD24A}}
/* ---- Command centre ---- */
.cc{padding-top:34px}
.cc-top{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.cc-top strong{color:var(--ink)}
.cc-holder{margin:22px 0 10px;padding:22px 26px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:22px;align-items:center;background:linear-gradient(100deg,color-mix(in srgb,var(--faction) 28%,var(--surface)),var(--surface) 70%);border-left:5px solid var(--faction);position:relative;overflow:hidden}
.cc-holder:after{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:2px solid color-mix(in srgb,var(--faction) 50%,transparent);animation:radar 2.6s ease-out infinite}
@keyframes radar{from{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}
.cc-holder>span{grid-column:1/-1;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cc-holder strong{font-family:'Barlow Condensed';font-size:clamp(2.6rem,6vw,4.4rem);line-height:1;color:var(--faction);letter-spacing:.02em;text-transform:uppercase}
.cc-holder small{color:var(--ink);font-size:.95rem}
.cc-holder.contested strong{color:var(--ink)}
.cc-headline{font-size:1.1rem;margin:14px 0 22px;color:#d3d4d7}
.cc-factions{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cc-factions>li{background:linear-gradient(180deg,color-mix(in srgb,var(--faction) 12%,var(--bg)),var(--bg) 55%);border-top:3px solid var(--faction);padding:20px 22px;display:grid;gap:14px;min-width:0}
.cc-factions>li.holding{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--faction) 60%,transparent)}
.cc-name{display:flex;align-items:center;gap:10px}
.cc-name i{width:10px;height:10px;background:var(--faction)}
.cc-name strong{font-family:'Barlow Condensed';font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase}
.cc-name span{margin-left:auto;background:var(--faction);color:#111;font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px}
.cc-prob{display:flex;align-items:baseline;gap:10px}
.cc-prob strong{font-family:'Barlow Condensed';font-size:4.2rem;line-height:.9;font-variant-numeric:tabular-nums;color:var(--faction)}
.cc-prob strong small{font-size:1.8rem;margin-left:2px}
.cc-prob span{color:var(--muted);font-size:.8rem}
.cc-score{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}
.cc-score strong{color:var(--ink);font-size:1.05rem}
.cc-bar{position:relative;height:8px;background:var(--surface-2)}
.cc-bar span{position:absolute;inset:0;background:var(--faction);transform-origin:left;transform:scaleX(var(--share));transition:transform 700ms var(--ease-out)}
.cc-bar i{position:absolute;top:-3px;bottom:-3px;width:1px;background:#8b8d92}
.cc-factions dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.cc-factions dt{font-size:.66rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.cc-factions dd{margin:3px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
.cc-factions dd small{color:var(--muted);font-weight:400;font-size:.7rem}
.cc-factions dd.up{color:var(--green)}
.cc-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;align-items:start}
.cc-grid .race-panel{margin:0}
.cc-tabs{display:flex;gap:4px}
.cc-tabs button{padding:8px 14px;border:1px solid var(--line);color:var(--muted);font-size:.85rem}
.cc-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}
.cc-empty{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.cc-warroom{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:30px;align-items:center;margin:40px 0 20px;padding:32px 34px;background:radial-gradient(120% 140% at 100% 0%,rgba(227,0,15,.22),transparent 55%),#0d0d0e;border:1px solid var(--line)}
.cc-warroom h2{font-size:clamp(2rem,3.4vw,3rem);margin:10px 0}
.cc-warroom p{color:var(--muted);max-width:60ch}
.cc-warroom-actions{display:grid;gap:14px;justify-items:start}
/* ---- Tip card ---- */
.tip-card{background:var(--surface);padding:24px;display:grid;gap:14px}
.tip-card h3{font-size:1.2rem}
.tip-options{display:grid;gap:8px}
.tip-option{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--faction);background:var(--bg);transition:background 160ms ease,transform 160ms var(--ease-out)}
.tip-option span{font-weight:600}
.tip-option strong{grid-row:1/3;grid-column:2;font-family:'Barlow Condensed';font-size:1.8rem;color:var(--faction)}
.tip-option small{color:var(--muted);font-size:.74rem}
.tip-option:active:not(:disabled){transform:scale(.98)}
.tip-mine{padding:14px 16px;border-left:4px solid var(--faction);background:color-mix(in srgb,var(--faction) 14%,var(--bg));display:grid;gap:2px}
.tip-mine span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tip-mine strong{font-family:'Barlow Condensed';font-size:2rem;color:var(--faction)}
.tip-mine small{color:var(--muted);font-size:.78rem}
.tip-board{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tip-board li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.tip-board .rank{width:16px;color:var(--muted)}
.tip-board a{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(hover:hover){.tip-option:hover:not(:disabled){background:color-mix(in srgb,var(--faction) 12%,var(--bg))}}
/* ---- War room ---- */
.wr-landing{padding-top:40px}
.wr-hero{max-width:760px}
.wr-hero h1{font-size:clamp(3.4rem,8vw,6.5rem);margin:10px 0 14px}
.wr-hero p{color:#d3d4d7;font-size:1.05rem}
.wr-create{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:28px 0 12px}
.wr-steps{list-style:none;padding:0;margin:50px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);counter-reset:s}
.wr-steps li{background:var(--bg);padding:22px 24px;display:grid;gap:6px;counter-increment:s}
.wr-steps li:before{content:'0' counter(s);font-family:'Barlow Condensed';font-size:2rem;color:var(--accent)}
.wr-steps span{color:var(--muted);font-size:.88rem}
.wr-mine{display:grid;gap:0;margin-bottom:30px}
.wr-mine a{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.wr-mine a span{color:var(--muted);font-size:.82rem;margin-left:auto}
.wr{padding-top:24px}
.wr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.wr-head h1{font-size:clamp(2.4rem,5vw,3.8rem);margin-top:8px}
.wr-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wr-presence{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}
.wr-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;background:var(--surface);border:1px solid var(--line);position:sticky;top:calc(var(--header-h,64px) + 6px);z-index:5}
.wr-toolbar button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid transparent;color:var(--muted);font-size:.8rem}
.wr-toolbar button.active{border-color:var(--brand);color:var(--ink);background:rgba(227,0,15,.14)}
.wr-toolbar svg{width:18px;height:18px}
.wr-sep{width:1px;height:26px;background:var(--line);margin:0 6px}
.wr-swatch{width:28px;height:28px;padding:0!important;border-radius:50%;background:var(--c)!important;border:2px solid transparent!important}
.wr-swatch.active{border-color:#fff!important;box-shadow:0 0 0 2px var(--c)}
.wr-icons{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border:1px solid var(--line);border-top:0;background:#18181a}
.wr-icons[hidden]{display:none}
.wr-icons button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;color:var(--muted);border:1px solid var(--line)}
.wr-icons button.active{color:var(--ink);border-color:var(--ink)}
.wr-icons svg,.wr-legend svg{width:18px;height:18px;stroke-width:2.2}
.wr-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:14px;align-items:start}
.wr-board-wrap .small-copy{margin-top:8px}
.wr-board{width:100%;height:auto;aspect-ratio:1;display:block;border:1px solid var(--line);touch-action:none;user-select:none;background:#0f1110}
.wr-board.tool-stroke,.wr-board.tool-arrow,.wr-board.tool-area,.wr-board.tool-marker,.wr-board.tool-text{cursor:crosshair}
.wr-board.tool-erase{cursor:not-allowed}
.wr-board.tool-erase [data-id]{cursor:pointer}
.wr-bg{fill:#101311}
.wr-contour{fill:none;stroke:rgba(140,160,140,.13);stroke-width:1.4}
.wr-grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.wr-coord{fill:rgba(255,255,255,.32);font-size:16px;text-anchor:middle;font-family:Barlow}
.wr-watermark{fill:rgba(255,255,255,.035);font-family:'Barlow Condensed';font-size:150px;text-anchor:middle;letter-spacing:.06em}
.wr-stroke{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.wr-area{stroke-width:4;fill-opacity:.16;stroke-dasharray:10 8}
.wr-arrow line{stroke-width:9;stroke-linecap:round}
.wr-arrow polygon{stroke-width:2;stroke-linejoin:round}
.wr-marker path{fill:none;stroke:#111;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wr-marker circle{stroke:#111;stroke-width:2}
.wr-text{font-family:'Barlow Condensed';font-size:34px;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:#0a0a0a;stroke-width:6px;letter-spacing:.02em}
.wr-marker .wr-text.small{font-size:22px;fill:#fff}
.wr-side{display:grid;gap:18px;position:sticky;top:calc(var(--header-h,64px) + 70px)}
.wr-live{background:var(--surface);padding:18px;display:grid;gap:10px}
.wr-holder{font-family:'Barlow Condensed';font-size:1.5rem;color:var(--faction);text-transform:uppercase}
.wr-row{display:grid;grid-template-columns:10px 1fr auto 52px;gap:10px;align-items:center;font-size:.9rem}
.wr-row i{width:10px;height:10px;background:var(--faction)}
.wr-row strong{font-variant-numeric:tabular-nums}
.wr-row small{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.wr-legend{display:grid;gap:8px;font-size:.82rem;color:var(--muted)}
.wr-legend h3{font-size:.95rem;color:var(--ink)}
.wr-legend span{display:flex;align-items:center;gap:8px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#111;padding:12px 18px;font-weight:600;font-size:.9rem;z-index:100;box-shadow:0 12px 30px rgba(0,0,0,.4);animation:rise-in 250ms var(--ease-out)}
@media(prefers-reduced-motion:reduce){.cc-holder:after,.nav-live i{animation:none}.cc-bar span{transition:none}}
@media(max-width:1100px){.cc-grid,.wr-layout{grid-template-columns:1fr}.wr-side{position:static}.cc-warroom{grid-template-columns:1fr}}
@media(max-width:760px){.cc-factions{grid-template-columns:1fr}.cc-factions>li{grid-template-columns:1fr auto;align-items:center}.cc-factions>li .cc-name{grid-column:1}.cc-factions>li .cc-prob{grid-column:2;grid-row:1/3;flex-direction:column;align-items:flex-end;gap:0}.cc-prob strong{font-size:3rem}.cc-factions>li .cc-score,.cc-factions>li dl{grid-column:1/-1}.cc-holder{padding:18px}.wr-toolbar span{display:none}.wr-toolbar button{padding:8px}.wr-steps{grid-template-columns:1fr}.cc-warroom{padding:22px}.highlight-grid{grid-template-columns:1fr 1fr}}
.wr-board .wr-coord,.wr-board .wr-watermark{stroke:none}
.wr-board .wr-bg{stroke:none}
.wr-board polygon,.wr-board polyline{stroke-linejoin:round}
.clutch-list small{color:var(--muted);font-size:.78rem;margin-left:4px}
/* ---- War room v2: palette, routes, requests, admin ---- */
.wr-layout.editing{grid-template-columns:230px minmax(0,1fr) 290px}
.wr-palette{display:grid;gap:14px;align-content:start;position:sticky;top:calc(var(--header-h,64px) + 70px);max-height:calc(100vh - var(--header-h,64px) - 90px);overflow:auto;padding-right:4px}
.wr-hint{font-size:.8rem;color:var(--accent);min-height:2.4em}
.wr-group h3{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.wr-group>div{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.wr-group button{display:flex;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--line);font-size:.76rem;color:#d3d4d7;text-align:left;min-width:0}
.wr-group button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-group button svg{width:20px;height:20px;stroke-width:2;flex-shrink:0}
.wr-group button.active{border-color:var(--brand);background:rgba(227,0,15,.16);color:var(--ink)}
.wr-toolbar input{background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:8px 10px;font-size:.82rem;width:190px}
.wr-resources{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;border:1px solid var(--line);border-top:0;background:#18181a}
.wr-resources[hidden]{display:none}
.wr-resources>span{font-size:.78rem;color:var(--muted);margin-right:6px}
.wr-resources button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;color:var(--muted);border:1px solid var(--line)}
.wr-resources button svg{width:18px;height:18px;stroke-width:2}
.wr-resources button.active{color:var(--ink);border-color:var(--ink)}
.wr-route polyline{fill:none;stroke-width:7;stroke-dasharray:18 12;stroke-linecap:round;stroke-linejoin:round}
.wr-route polygon{stroke-width:2}
.wr-marker.big path{stroke-width:2.6}
.wr-marker.big rect{stroke:#111;stroke-width:2}
.wr-request path{fill:none;stroke:#111;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wr-request rect{stroke:#111;stroke-width:2}
.wr-request .wr-check{stroke:#fff;stroke-width:4}
.wr-request.done{opacity:.6}
.wr-pulse{fill:none;stroke:#FFD24A;stroke-width:3;animation:wr-pulse 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes wr-pulse{from{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}
.wr-grid.on-map{stroke:rgba(255,255,255,.18)}
.wr-coord.on-map{fill:#fff;paint-order:stroke;stroke:#000!important;stroke-width:3px}
[data-locked]{pointer-events:none}
.wr-mode{background:#FFD24A;color:#111;padding:10px 14px;font-size:.85rem;font-weight:600;margin-bottom:8px}
.wr-mode .text-link{color:#111;margin-left:10px}
.wr-requests{background:var(--surface);padding:16px;display:grid;gap:8px}
.wr-requests h3{font-size:.95rem}
.wr-req{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:.82rem}
.wr-req svg{width:22px;height:22px;stroke:var(--faction);stroke-width:2.2}
.wr-req strong{display:block}
.wr-req span{color:var(--muted);font-size:.74rem}
.wr-req button{font-size:.72rem;border:1px solid var(--line);padding:4px 7px;color:var(--ink)}
.wr-req.done{opacity:.55}
.wr-adminbox{background:rgba(255,210,74,.08);border:1px solid rgba(255,210,74,.35);padding:16px;display:grid;gap:10px}
.wr-adminbox h3{font-size:.95rem;color:#FFD24A}
.wr-upload{cursor:pointer}
@media(prefers-reduced-motion:reduce){.wr-pulse{animation:none}}
@media(max-width:1300px){.wr-layout.editing{grid-template-columns:200px minmax(0,1fr)}.wr-layout.editing .wr-side{grid-column:1/-1;position:static;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media(max-width:900px){.wr-layout.editing{grid-template-columns:1fr}.wr-palette{position:static;max-height:none;order:2}.wr-palette .wr-group>div{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.wr-toolbar input{width:100%;order:9}}
.account-note code{font-family:ui-monospace,monospace;background:var(--bg);padding:2px 6px;color:var(--ink)}
/* ---- Radial quick menu ---- */
.wr-radial{position:fixed;z-index:80;width:620px;height:620px;pointer-events:none;animation:rad-in 160ms var(--ease-out)}
.wr-radial svg{width:100%;height:100%;overflow:visible;fill:none;stroke:none}
.wr-radial .rad-hit{fill:transparent;pointer-events:all}
@keyframes rad-in{from{opacity:0;transform:scale(.85)}}
.rad-seg{pointer-events:all;cursor:pointer;outline:none}
.rad-seg>path{fill:rgba(24,24,26,.94);stroke:rgba(255,255,255,.06);stroke-width:1;transition:fill 120ms ease}
.rad-seg.sub>path{fill:rgba(18,18,20,.96)}
.rad-seg.hover>path,.rad-seg:focus-visible>path{fill:var(--brand)}
.rad-seg.hover text,.rad-seg:focus-visible text{fill:#fff!important}
.rad-seg.hover .rad-icon,.rad-seg:focus-visible .rad-icon{stroke:#fff}
.rad-seg text{font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.06em;text-anchor:middle;dominant-baseline:middle;stroke:none}
.rad-icon{stroke:var(--ic);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.rad-center{fill:rgba(12,12,13,.96);stroke:rgba(255,255,255,.12)}
.rad-label{fill:#fff;font-family:'Barlow Condensed';font-weight:700;font-size:13px;letter-spacing:.06em;text-anchor:middle;stroke:none}
.wr-tip{font-size:.74rem;color:var(--muted);margin-top:-8px}
.wr-tip strong{color:var(--ink)}
.wr-measure line{stroke:#FFD24A;stroke-width:3;stroke-dasharray:8 6}
.wr-measure circle{fill:#FFD24A}
.wr-measure .wr-text{fill:#FFD24A}
@media(prefers-reduced-motion:reduce){.wr-radial{animation:none}}
@media(max-width:760px){.wr-radial{transform:scale(.62);transform-origin:center}}
.wr-radial svg.rad-icon{width:22px;height:22px}
.rad-seg>path{fill:rgba(40,40,44,.97);stroke:rgba(255,255,255,.16);stroke-width:1.2}
.rad-seg.sub>path{fill:rgba(30,30,33,.98)}
.wr-radial svg{filter:drop-shadow(0 12px 30px rgba(0,0,0,.6))}
.wr-radial svg.rad-icon{filter:none}
.wr-radial svg.rad-icon{stroke:var(--ic);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wr-radial .rad-seg.hover svg.rad-icon,.wr-radial .rad-seg:focus-visible svg.rad-icon{stroke:#fff}
/* ---- War room zoom ---- */
.wr-board-wrap{position:relative}
.wr-zoom{position:absolute;right:10px;top:10px;z-index:3;display:flex;flex-direction:column;gap:4px;align-items:center}
.wr-mode:not([hidden])~.wr-zoom{top:52px}
.wr-zoom button{width:38px;height:38px;background:rgba(18,18,20,.88);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.2rem;line-height:1;display:grid;place-items:center}
.wr-zoom span{font-size:.7rem;color:#fff;background:rgba(18,18,20,.8);padding:2px 6px;font-variant-numeric:tabular-nums}
.wr-board.panning,.wr-board.panning *{cursor:grabbing!important}
.wr-board.pan-ready{cursor:grab!important}
.wr-board.tool-select{cursor:grab}
.wr-board.tool-select [data-id]:not([data-locked]){cursor:move}
.wr-grid.sub{stroke:rgba(255,255,255,.1);stroke-dasharray:3 4}
.wr-board .wr-grid{stroke-width:1px}
.wr-stroke{stroke-width:4px}.wr-area{stroke-width:2.5px}.wr-arrow line{stroke-width:6px}.wr-route polyline{stroke-width:5px;stroke-dasharray:12 8}
.wr-measure line{stroke-width:2.5px}
@media(hover:hover){.wr-zoom button:hover{background:var(--brand)}}
/* ---- Combat / kill feed ---- */
.combat{margin-top:50px}
.combat-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}
.combat-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.combat-classes{background:var(--surface);padding:20px;display:grid;gap:10px;align-content:start}
.combat-classes h3{font-size:.95rem;margin-bottom:4px}
.combat-classes>div{display:grid;grid-template-columns:120px 1fr 44px;gap:10px;align-items:center;font-size:.84rem}
.combat-classes strong{text-align:right;font-variant-numeric:tabular-nums}
.killfeed{margin:40px 0}
.kf-longest{background:var(--surface);padding:18px 20px;margin-bottom:14px}
.kf-longest h3{font-size:.95rem;margin-bottom:8px}
.kf-longest ol{list-style:none;margin:0;padding:0}
.kf-longest li{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1.4fr);gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:.86rem}
.kf-longest li strong{font-family:'Barlow Condensed';font-size:1.3rem;color:#FFD24A}
.kf-longest li span:last-child{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kf-classes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.kf-classes span{border:1px solid var(--line);padding:5px 9px;font-size:.78rem;color:var(--muted)}
.kf-classes b{color:var(--ink);margin-left:4px}
.kf-list summary{cursor:pointer;color:var(--muted);font-size:.86rem;padding:8px 0}
.kf-list ol{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto;border:1px solid var(--line)}
.kf-list li{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);font-size:.82rem}
.kf-list li.tk{opacity:.5}
.kf-t{color:var(--muted);font-variant-numeric:tabular-nums}
.kf-who{border-left:3px solid var(--faction,transparent);padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kf-weapon{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kf-hs{background:#FFD24A;color:#111;font-size:.62rem;padding:1px 5px;letter-spacing:.06em}
.kf-tk{background:#45474c;color:#ddd;font-size:.62rem;padding:1px 5px}
@media(max-width:900px){.combat-grid{grid-template-columns:1fr}}
@media(max-width:760px){.combat-stats{grid-template-columns:1fr 1fr}.kf-list li{grid-template-columns:44px 1fr;row-gap:2px}.kf-list li .kf-weapon{grid-column:2}.kf-longest li{grid-template-columns:70px 1fr}.kf-longest li span:last-child{grid-column:1/-1}}
/* ---- Server join ---- */
.server-join{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:14px 24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent,#E3000F);padding:18px 22px}
.server-join span{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sj-name strong{font-family:'Barlow Condensed';font-size:1.35rem;line-height:1.1}
.sj-id code{font-size:.82rem;color:var(--ink);word-break:break-all}
.sj-actions{display:flex;gap:10px;flex-wrap:wrap}
.sj-actions .button{white-space:nowrap}
.sj-hint{grid-column:1/-1;margin:0;font-size:.8rem;color:var(--muted)}
.server-join.compact{margin-bottom:22px;padding:12px 18px}
.server-join.compact .sj-name strong{font-size:1.1rem}
.server-join.compact .sj-hint{display:none}
.home-join{margin-top:26px}
@media(max-width:900px){.server-join{grid-template-columns:1fr}.server-join.compact .sj-id{display:none}}
/* ---- Live roster ---- */
.roster{margin:40px 0}
.ro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ro-team{background:var(--surface);border-top:3px solid var(--faction);padding:16px 18px}
.ro-team header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.ro-team header strong{font-family:'Barlow Condensed';font-size:1.4rem;color:var(--faction);text-transform:uppercase}
.ro-team header span{color:var(--muted);font-size:.85rem}
.ro-team dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:0 0 12px}
.ro-team dl div{background:var(--surface);padding:6px 0}
.ro-team dt{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ro-team dd{margin:0;font-family:'Barlow Condensed';font-size:1.25rem}
.ro-head,.ro-team li{display:grid;grid-template-columns:24px minmax(0,1fr) auto 34px 34px;gap:8px;align-items:center}
.ro-head{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 0 4px;border-bottom:1px solid var(--line)}
.ro-head span:nth-child(2){grid-column:2/4}
.ro-head span:nth-child(n+3){text-align:right}
.ro-head span:nth-child(3){grid-column:4}.ro-head span:nth-child(4){grid-column:5}
.ro-team ol{list-style:none;margin:0;padding:0}
.ro-team li{padding:6px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.ro-team li>a,.ro-team li>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2}
.ro-team li .ro-num{grid-column:4}.ro-team li .ro-num.muted{grid-column:5}
.ro-rank{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}
.ro-num{text-align:right;font-variant-numeric:tabular-nums}
.ro-num.muted{color:var(--muted)}
.ro-new{color:var(--muted);font-style:italic}
.ro-badge{background:#FFD24A;color:#111;font-size:.6rem;padding:1px 5px;letter-spacing:.06em}
.ro-team li.mvp{background:linear-gradient(90deg,rgba(255,210,74,.08),transparent)}
.ro-team details summary{cursor:pointer;color:var(--muted);font-size:.82rem;padding:8px 0}
/* ---- Live kill ticker ---- */
.ticker{background:var(--surface);padding:16px 18px;margin-top:16px}
.ticker h3{font-size:.95rem;margin-bottom:8px}
.ticker ol{list-style:none;margin:0;padding:0}
.ticker li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:.8rem;align-items:center}
.ticker li span{border-left:3px solid var(--faction);padding-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticker li span:last-child{text-align:right;border-left:0;border-right:3px solid var(--faction);padding:0 6px 0 0}
.ticker small{color:var(--muted);white-space:nowrap}
.ticker p{margin:8px 0 0;font-size:.72rem;color:var(--muted)}
@media(max-width:900px){.ro-grid{grid-template-columns:1fr}}

/* ============================================================
   REJOIN BRAND V2 — Logo-inspired black / red / white system
   ============================================================ */
:root{
  --bg:#050506;
  --surface:#0b0b0d;
  --surface-2:#121215;
  --ink:#f7f7f8;
  --muted:#a9a9af;
  --line:#29292e;
  --accent:#ff1224;
  --brand:#e60014;
}
body{background:
  radial-gradient(900px 520px at 82% -140px,rgba(230,0,20,.16),transparent 62%),
  linear-gradient(180deg,#050506 0,#08080a 100%);color:var(--ink)}
.header{background:rgba(5,5,6,.94);border-bottom-color:#26262b}
.header.scrolled{background:rgba(5,5,6,.9)}
.header .brand-mark{filter:drop-shadow(0 0 12px rgba(255,18,36,.12))}
.hero-shade{background:
  linear-gradient(90deg,rgba(2,2,3,.98) 0%,rgba(4,4,5,.72) 40%,rgba(4,4,5,.08) 72%),
  linear-gradient(0deg,rgba(3,3,4,.82),transparent 34%)}
.hero:after{content:'';position:absolute;right:7%;top:7%;width:2px;height:64%;background:linear-gradient(180deg,transparent,var(--accent),transparent);transform:rotate(54deg);transform-origin:center;opacity:.72;pointer-events:none}
.button.primary{background:linear-gradient(135deg,#ff1022 0%,#d90012 100%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.button.secondary,.login-link{background:#09090b;border-color:#39393f}
.button.secondary{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.eyebrow{display:block;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;margin-bottom:15px}
.section-title h2,.partner-head h2,.home-partner h2{position:relative}
.section-title h2:after,.partner-head h2:after,.home-partner h2:after{content:'';display:block;width:72px;height:3px;background:var(--brand);margin-top:18px;transform:skewX(-35deg);transform-origin:left}
.community-callout{background:
  linear-gradient(135deg,rgba(230,0,20,.96),rgba(162,0,14,.96)),
  #d90012;position:relative;overflow:hidden}
.community-callout:after{content:'';position:absolute;width:260px;height:3px;background:#fff;opacity:.65;right:-55px;top:48%;transform:rotate(-34deg)}
.brand-community-hero{position:relative;overflow:hidden}
.brand-community-hero:before{content:'';position:absolute;right:2%;top:25%;width:360px;height:3px;background:linear-gradient(90deg,transparent,var(--brand));transform:rotate(-33deg);opacity:.6}
.partner-network{padding-block:105px 115px;position:relative;border-top:1px solid var(--line)}
.partner-network:before{content:'';position:absolute;left:0;top:-1px;width:180px;height:3px;background:var(--brand);transform:skewX(-38deg);transform-origin:left}
.partner-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:80px;align-items:end;margin-bottom:48px}
.partner-head h2{font-size:clamp(3rem,5.2vw,5rem)}
.partner-head h2 span,.home-partner h2 span{color:#9d9da3}
.partner-head>p{color:var(--muted);font-size:1.05rem;max-width:48ch}
.partner-bridge{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch;margin-block:38px 48px}
.partner-card{min-height:185px;border:1px solid #34343a;background:
  linear-gradient(145deg,rgba(255,255,255,.025),transparent 50%),#0b0b0d;
  padding:30px;display:flex;align-items:center;gap:25px;position:relative;overflow:hidden}
.partner-card:after{content:'';position:absolute;width:170px;height:2px;background:var(--brand);right:-48px;bottom:35px;transform:rotate(-33deg)}
.partner-card-rejoin{border-top:2px solid var(--brand)}
.partner-code{font-family:'Barlow Condensed';font-size:4.2rem;line-height:1;color:#fff;letter-spacing:-.04em;min-width:105px}
.partner-card-rejoin .partner-code{color:var(--accent)}
.partner-card small{color:var(--accent);letter-spacing:.16em;font-size:.65rem}
.partner-card h3{font-family:'Barlow Condensed';font-size:2rem;margin:6px 0 9px}
.partner-card p{color:var(--muted);font-size:.9rem}
.partner-link{display:grid;place-items:center;grid-template-columns:1fr auto 1fr;gap:10px;color:var(--accent);font-family:'Barlow Condensed';font-size:2.2rem}
.partner-link i{height:1px;background:linear-gradient(90deg,transparent,#4b4b50);width:100%}
.partner-link i:last-child{background:linear-gradient(90deg,#4b4b50,transparent)}
.partner-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:20px}
.partner-feature-grid article{padding:30px 28px 34px;border-right:1px solid var(--line);min-height:210px;background:#09090b}
.partner-feature-grid article:last-child{border-right:0}
.partner-feature-grid strong{font-family:'Barlow Condensed';font-size:2rem;color:var(--brand)}
.partner-feature-grid h3{font-family:'Barlow Condensed';font-size:1.65rem;margin:18px 0 10px}
.partner-feature-grid p{color:var(--muted);font-size:.9rem}
.partner-principle{margin-top:34px;padding:28px 32px;border-left:3px solid var(--brand);background:linear-gradient(90deg,rgba(230,0,20,.1),rgba(230,0,20,0) 70%)}
.partner-principle>span{display:block;color:var(--accent);font-size:.67rem;letter-spacing:.16em;font-weight:700;margin-bottom:9px}
.partner-principle strong{display:block;font-size:1.2rem}
.partner-principle p{color:var(--muted);font-size:.9rem;margin-top:7px}
.home-partner{margin-block:70px 20px;padding:48px 52px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;border:1px solid var(--line);border-left:3px solid var(--brand);background:
  radial-gradient(500px 220px at 100% 0%,rgba(230,0,20,.15),transparent 65%),#09090b;position:relative;overflow:hidden}
.home-partner:after{content:'';position:absolute;width:310px;height:2px;background:var(--brand);right:-90px;bottom:55px;transform:rotate(-32deg);opacity:.8}
.home-partner h2{font-size:clamp(2.6rem,4vw,4rem)}
.home-partner p{color:var(--muted);max-width:68ch;margin-top:22px}
.footer{background:#050506}
.server-strip{background:#0b0b0d}
.dashboard,.profile-page,.detail-page{background:linear-gradient(180deg,rgba(255,255,255,.006),transparent)}
@media(hover:hover){
  .partner-card:hover{border-color:#55555d;background:#101013}
  .partner-feature-grid article:hover{background:#101013}
}
@media(max-width:1100px){
  .partner-head{grid-template-columns:1fr;gap:30px}
  .partner-bridge{grid-template-columns:1fr 80px 1fr}
  .partner-code{font-size:3.5rem;min-width:85px}
  .home-partner{grid-template-columns:1fr;gap:28px}
}
@media(max-width:760px){
  .hero:after{right:-8%;height:48%;opacity:.45}
  .partner-network{padding-block:72px 80px}
  .partner-head h2{font-size:3rem}
  .partner-head>p{font-size:.94rem}
  .partner-bridge{grid-template-columns:1fr;margin-block:28px 36px}
  .partner-link{grid-template-columns:1fr auto 1fr;padding:8px 30px;transform:rotate(-3deg)}
  .partner-card{min-height:150px;padding:23px 20px}
  .partner-code{font-size:3.1rem;min-width:78px}
  .partner-card h3{font-size:1.65rem}
  .partner-feature-grid{grid-template-columns:1fr}
  .partner-feature-grid article{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:24px 22px}
  .partner-feature-grid article:last-child{border-bottom:0}
  .partner-principle{padding:24px 22px}
  .home-partner{margin-block:45px 10px;padding:32px 24px}
  .home-partner h2{font-size:2.8rem}
  .brand-community-hero:before{right:-24%;width:300px}
}

/* ============================================================
   REJOIN BRAND V3 — clearer hub, leaderboards, community
   ============================================================ */
.brand-hero .hero-content{max-width:760px}.brand-hero .hero-content>.eyebrow{margin-bottom:20px}.brand-hero h1{max-width:760px}.brand-hero .hero-content p{max-width:650px}
.rejoin-hub{padding-block:82px 42px}.hub-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:70px;align-items:end;margin-bottom:34px}.hub-head h2{font-size:clamp(3rem,5vw,4.8rem)}.hub-head h2 span{color:#9d9da3}.hub-head>p{color:var(--muted);font-size:1.02rem;max-width:42ch}
.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.hub-card{background:#09090b;min-height:235px;padding:26px 25px 24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background 160ms ease,transform 160ms var(--ease-out)}.hub-card:after{content:'';position:absolute;width:120px;height:2px;background:var(--brand);right:-35px;bottom:30px;transform:rotate(-34deg);opacity:.75}.hub-card>span{font-family:'Barlow Condensed';font-size:1.25rem;color:var(--brand)}.hub-card>strong{font-family:'Barlow Condensed';font-size:2rem;margin-top:24px}.hub-card>p{color:var(--muted);font-size:.88rem;margin-top:10px;max-width:28ch}.hub-card>svg{margin-top:auto;color:var(--accent)}
.leaderboards-page{padding-block:70px 100px}.leaderboards-hero{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;padding-bottom:48px;border-bottom:1px solid var(--line)}.leaderboards-hero h1{font-size:clamp(4rem,7vw,6.8rem)}.leaderboards-hero h1 span{color:var(--accent)}.leaderboards-hero p{max-width:65ch;color:var(--muted);font-size:1.05rem;margin-top:24px}.leaderboard-mark{font-family:'Barlow Condensed';font-size:8rem;font-weight:700;line-height:.65;color:#18181c;text-align:right;transform:skewX(-8deg)}.leaderboard-mark span{font-size:4rem;color:#2b0b0f}
.leaderboards-page>.metrics{margin-block:36px 48px}.lb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lb-card{background:#09090b;border:1px solid var(--line);border-top:2px solid var(--brand);padding:28px}.lb-card .panel-title{margin-bottom:10px}.lb-card .panel-title h2{font-family:'Barlow Condensed';font-size:2.35rem}.lb-list{list-style:none;margin:0;padding:0}.lb-list li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.lb-list li:first-child .lb-rank,.lb-list li:first-child .lb-value{color:var(--accent)}.lb-list a{display:flex;align-items:center;gap:11px;min-width:0}.lb-list a strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rank{font-family:'Barlow Condensed';font-size:1rem;color:var(--muted)}.lb-value{text-align:right;font-family:'Barlow Condensed';font-size:1.45rem}.lb-value small{display:block;font-family:Barlow;font-size:.65rem;color:var(--muted);margin-top:2px}.lb-explainer{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:70px;padding:48px 0;border-block:1px solid var(--line)}.lb-explainer h2{font-size:3.5rem}.lb-explainer p{color:var(--muted)}.lb-explainer p+p{margin-top:12px}.lb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.community-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:1}.community-actions .button{margin-top:0}.community-values{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px;margin-bottom:75px}.community-values article{background:#09090b;padding:34px 30px;min-height:260px}.community-values article>strong{font-family:'Barlow Condensed';font-size:2rem;color:var(--brand)}.community-values h2{font-size:2rem;margin-top:20px}.community-values p{color:var(--muted);font-size:.92rem;margin-top:12px}.community-values .text-link{margin-top:20px}.community-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:70px;border-block:1px solid var(--line);margin-bottom:70px}.community-about h2{font-size:clamp(3rem,5vw,4.8rem)}.community-about h2 span{color:#9d9da3}.community-about p{color:var(--muted);font-size:1rem}.community-about p+p{margin-top:16px}
.footer>div{flex-wrap:wrap}
@media(hover:hover){.hub-card:hover{background:#111114;transform:translateY(-3px)}.lb-list a:hover{color:var(--accent)}}

@media(max-width:1100px){.hub-head{grid-template-columns:1fr;gap:20px}.hub-grid{grid-template-columns:repeat(2,1fr)}.leaderboard-mark{font-size:6rem}.footer{grid-template-columns:1fr}.footer>p{text-align:left}.footer>div{justify-content:flex-start}}
@media(max-width:760px){.brand-hero .hero-content>.eyebrow{font-size:.66rem}.rejoin-hub{padding-block:58px 24px}.hub-head h2{font-size:3rem}.hub-grid{grid-template-columns:1fr}.hub-card{min-height:185px}.leaderboards-page{padding-block:45px 70px}.leaderboards-hero{grid-template-columns:1fr;padding-bottom:32px}.leaderboards-hero h1{font-size:4rem}.leaderboards-hero p{font-size:.95rem}.leaderboard-mark{display:none}.leaderboards-page>.metrics{margin-block:28px 38px}.lb-grid{grid-template-columns:1fr}.lb-card{padding:23px 20px}.lb-explainer{grid-template-columns:1fr;gap:24px;margin-top:50px;padding:36px 0}.lb-explainer h2{font-size:3rem}.community-values{grid-template-columns:1fr;margin-bottom:50px}.community-values article{min-height:0;padding:26px 22px}.community-about{grid-template-columns:1fr;gap:26px;padding-block:50px;margin-bottom:50px}.community-about h2{font-size:3rem}.footer>div{gap:16px 22px}}

.community-faq{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:75px;padding-block:80px;border-top:1px solid var(--line)}.faq-head h2{font-size:clamp(3rem,5vw,4.5rem)}.faq-head p{color:var(--muted);margin-top:18px;max-width:38ch}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0 2px}.faq-list summary{cursor:pointer;list-style:none;padding:22px 36px 22px 0;font-weight:600;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;top:17px;font-family:'Barlow Condensed';font-size:1.7rem;color:var(--accent)}.faq-list details[open] summary:after{content:'–'}.faq-list details p{color:var(--muted);font-size:.92rem;max-width:70ch;padding:0 36px 23px 0}
@media(max-width:760px){.community-faq{grid-template-columns:1fr;gap:25px;padding-block:55px}.faq-head h2{font-size:3rem}.faq-list summary{font-size:.95rem;padding-block:19px}.faq-list details p{font-size:.88rem}}

.ranking-categories{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 18px}.ranking-categories button{min-width:110px;padding:12px 18px;border:1px solid var(--line);background:#09090b;color:var(--muted);font-weight:600;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.ranking-categories button.active{background:linear-gradient(135deg,#ff1022,#d90012);border-color:transparent;color:#fff}.ranking-categories button:focus-visible{outline-offset:3px}
@media(hover:hover){.ranking-categories button:not(.active):hover{background:#121215;color:var(--ink);border-color:#45454c}}
@media(max-width:760px){.ranking-categories{display:grid;grid-template-columns:1fr 1fr}.ranking-categories button{min-width:0;padding-inline:10px}}

/* ============================================================
   BRAND V3.1 — professional mobile header
   ============================================================ */
.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#09090b;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}.menu-toggle span{display:block;width:19px;height:2px;background:var(--ink);transition:transform 180ms var(--ease-out),opacity 150ms ease}.header.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header.menu-open .menu-toggle span:nth-child(2){opacity:0}.header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:760px){
  .header{height:72px!important;min-height:72px!important;padding:0 20px!important;flex-wrap:nowrap!important;gap:12px;position:sticky}
  .header.scrolled{height:64px!important;min-height:64px!important;padding:0 20px!important}
  .header .brand{min-width:0}.header .brand>span{white-space:nowrap}.header .brand-sub{display:block!important;font-size:.58rem}.header.scrolled .brand-sub{display:none!important}
  .header-actions{margin-left:auto;gap:8px}.login-link{min-height:44px;padding:0 11px}.login-link span{display:none}.menu-toggle{display:flex;flex:0 0 auto}
  .header nav{position:absolute!important;top:100%;left:0;right:0;width:auto!important;height:auto!important;display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;padding:10px 20px 18px!important;background:rgba(5,5,6,.98);border-bottom:1px solid #2a2a2f;box-shadow:0 20px 40px rgba(0,0,0,.45);overflow:visible!important;mask-image:none!important;transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms ease,transform 180ms var(--ease-out),visibility 160ms}
  .header.menu-open nav{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .header nav a{height:50px!important;padding:0 12px;border-bottom:1px solid #202024;font-size:.9rem!important;color:#b9b9be!important}
  .header nav a:nth-last-child(-n+2){border-bottom:0}.header nav a.current{color:#fff!important}.header nav a.current:after{left:12px;right:auto;width:24px;height:2px}
  .header nav .nav-live i{margin-right:8px}
}
@media(max-width:390px){.header nav{grid-template-columns:1fr}.header nav a:nth-last-child(-n+2){border-bottom:1px solid #202024}.header nav a:last-child{border-bottom:0}}

/* ============================================================
   BRAND V3.1 — leaderboard podium
   ============================================================ */
.ranking-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:12px;align-items:end;margin:6px 0 26px}.podium-place{position:relative;min-width:0;display:grid;justify-items:center;text-align:center;padding:26px 18px 22px;border:1px solid var(--line);background:linear-gradient(180deg,#111114 0%,#09090b 100%);overflow:hidden}.podium-place:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:#616168}.podium-place.p1{min-height:220px;padding-top:31px;border-color:#453a20;background:linear-gradient(180deg,#18150d 0%,#09090b 72%)}.podium-place.p1:before{height:3px;background:#d6ac3d}.podium-place.p2{min-height:190px}.podium-place.p2:before{background:#a8abb1}.podium-place.p3{min-height:178px}.podium-place.p3:before{background:#9a6540}.podium-rank{font-family:'Barlow Condensed';font-size:.95rem;color:var(--muted);letter-spacing:.03em}.podium-rank b{font-size:1.15rem;color:var(--ink)}.podium-place .avatar{width:54px;height:54px;margin:14px 0 10px;font-size:1rem}.podium-place.p1 .avatar{width:66px;height:66px;font-size:1.15rem}.podium-place>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.podium-score{font-family:'Barlow Condensed';font-size:2rem;font-weight:700;margin-top:15px;color:var(--ink)}.podium-place.p1 .podium-score{color:#f3c94f;font-size:2.35rem}.podium-score small{display:block;margin-top:2px;font-family:Barlow;font-size:.66rem;font-weight:400;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
@media(hover:hover){.podium-place:hover{transform:translateY(-3px);border-color:#5a5a61}.podium-place.p1:hover{border-color:#7b6636}.podium-place{transition:transform 160ms var(--ease-out),border-color 160ms ease}}
@media(max-width:760px){.ranking-podium{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:20px}.podium-place,.podium-place.p1,.podium-place.p2,.podium-place.p3{min-height:155px;padding:18px 8px 16px}.podium-place.p1{min-height:172px}.podium-place .avatar,.podium-place.p1 .avatar{width:44px;height:44px;margin:10px 0 8px;font-size:.8rem}.podium-place>strong{font-size:.73rem}.podium-rank{font-size:.75rem}.podium-rank b{font-size:.9rem}.podium-score,.podium-place.p1 .podium-score{font-size:1.35rem;margin-top:10px}.podium-score small{font-size:.55rem}}

.header-discord{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.02em;border:1px solid transparent}.header-discord:hover{background:#ff1a26}.header-discord:active{transform:scale(.97)}
@media(max-width:1040px) and (min-width:761px){.login-link span{display:none}.login-link{padding-inline:12px}.header-discord{padding-inline:12px}.header nav{gap:14px}}
@media(max-width:760px){.header-discord{min-height:44px;padding:0 12px;font-size:.76rem}.header-actions{gap:7px}}
@media(max-width:360px){.header-discord{padding-inline:9px;font-size:.7rem}.header{padding-inline:14px!important}.header.scrolled{padding-inline:14px!important}}

/* ============================================================
   BRAND V3.1 — squad / teammate conversion section
   ============================================================ */
.squad-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center;padding-block:68px;border-block:1px solid var(--line);position:relative}.squad-section:before{content:'';position:absolute;top:-1px;left:0;width:155px;height:3px;background:var(--brand);transform:skewX(-38deg);transform-origin:left}.squad-copy h2{font-size:clamp(3rem,5vw,4.8rem);margin-top:10px}.squad-copy h2 span{color:#9d9da3}.squad-copy>p{color:var(--muted);max-width:58ch;margin-top:22px}.squad-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.squad-points{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.squad-points article{display:grid;grid-template-columns:46px 1fr;column-gap:16px;align-items:start;background:#09090b;padding:20px 22px}.squad-points article>strong{grid-row:1/3;font-family:'Barlow Condensed';font-size:1.55rem;color:var(--brand);padding-top:1px}.squad-points h3{font-family:'Barlow Condensed';font-size:1.45rem}.squad-points p{color:var(--muted);font-size:.86rem;margin-top:4px}
@media(max-width:900px){.squad-section{grid-template-columns:1fr;gap:35px}.squad-points{grid-template-columns:repeat(3,1fr)}.squad-points article{display:block}.squad-points article>strong{display:block;margin-bottom:15px}}
@media(max-width:760px){.squad-section{padding-block:52px;gap:28px}.squad-copy h2{font-size:3rem}.squad-copy>p{font-size:.92rem}.squad-actions{gap:12px}.squad-actions .button{width:100%}.squad-points{grid-template-columns:1fr}.squad-points article{display:grid;grid-template-columns:40px 1fr;padding:18px}.squad-points article>strong{display:block;margin:0;grid-row:1/3}.squad-points h3{font-size:1.3rem}.squad-points p{font-size:.82rem}}

/* ============================================================
   BRAND V3.2 — stable header + clearer homepage architecture
   ============================================================ */
.header{height:78px!important;min-height:78px!important;padding:0 48px!important;transition:background-color 180ms ease,box-shadow 180ms ease!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.header.scrolled{height:78px!important;min-height:78px!important;padding:0 48px!important;background:rgba(5,5,6,.98)!important;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.header .brand .brand-mark,.header.scrolled .brand .brand-mark{height:32px!important;transition:none!important}
.header .brand-sub,.header.scrolled .brand-sub{display:block!important;opacity:.78!important}
.home-community{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.95fr);gap:72px;align-items:center;padding-block:86px 72px}
.home-community-copy h2,.home-server-copy h2{font-size:clamp(3rem,5vw,4.8rem);margin-top:8px}.home-community-copy h2 span,.home-server-copy h2 span{color:#9d9da3}
.home-community-copy>p,.home-server-copy>p{color:var(--muted);max-width:62ch;margin-top:22px}.home-community-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.home-community-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.home-community-grid article{display:grid;grid-template-columns:48px 1fr;column-gap:16px;background:#09090b;padding:22px 24px}
.home-community-grid article>strong{grid-row:1/3;color:var(--brand);font-family:'Barlow Condensed';font-size:1.55rem}.home-community-grid h3{font-family:'Barlow Condensed';font-size:1.5rem}.home-community-grid p{color:var(--muted);font-size:.88rem;margin-top:5px}
.home-server{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:72px;align-items:center;padding-block:68px;border-block:1px solid var(--line)}
.home-server .server-join{margin:0}.home-server-copy .text-link{margin-top:18px}.rejoin-hub{padding-top:78px}
@media(max-width:900px){.home-community,.home-server{grid-template-columns:1fr;gap:34px}.home-community-grid{grid-template-columns:repeat(3,1fr)}.home-community-grid article{display:block}.home-community-grid article>strong{display:block;margin-bottom:14px}}
@media(max-width:760px){.header,.header.scrolled{height:68px!important;min-height:68px!important;padding:0 18px!important}.header .brand .brand-mark,.header.scrolled .brand .brand-mark{height:28px!important}.header .brand-sub,.header.scrolled .brand-sub{display:block!important;font-size:.55rem!important}.home-community{padding-block:54px 48px;gap:28px}.home-community-copy h2,.home-server-copy h2{font-size:3rem}.home-community-copy>p,.home-server-copy>p{font-size:.92rem}.home-community-actions .button{width:100%}.home-community-grid{grid-template-columns:1fr}.home-community-grid article{display:grid;grid-template-columns:42px 1fr;padding:18px}.home-community-grid article>strong{grid-row:1/3;margin:0}.home-server{padding-block:50px;gap:26px}.rejoin-hub{padding-top:54px}}

.stats-shortcuts{display:flex!important;flex-direction:column;border-left:1px solid var(--line);padding-left:34px}
.stats-shortcuts>a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.stats-shortcuts>a:first-of-type{border-top:0}.stats-shortcuts>a>strong{font-size:.95rem}.stats-shortcuts>a>span{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem;text-align:right}
.stats-shortcuts>a svg{width:15px;color:var(--accent)}
@media(hover:hover){.stats-shortcuts>a:hover>strong{color:var(--accent)}}
@media(max-width:760px){.stats-shortcuts{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:16px}.stats-shortcuts>a{padding-block:14px}}

/* BRAND V3.3 — homepage without statistics */
.home-server-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.home-server-points{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.home-server-points article{display:grid;grid-template-columns:48px 1fr;column-gap:16px;background:#09090b;padding:22px 24px}
.home-server-points article>strong{grid-row:1/3;color:var(--brand);font-family:'Barlow Condensed';font-size:1.55rem}
.home-server-points h3{font-family:'Barlow Condensed';font-size:1.5rem}.home-server-points p{color:var(--muted);font-size:.88rem;margin-top:5px}
@media(max-width:900px){.home-server-points{grid-template-columns:repeat(3,1fr)}.home-server-points article{display:block}.home-server-points article>strong{display:block;margin-bottom:14px}}
@media(max-width:760px){.home-server-actions{gap:12px}.home-server-actions .button{width:100%}.home-server-points{grid-template-columns:1fr}.home-server-points article{display:grid;grid-template-columns:42px 1fr;padding:18px}.home-server-points article>strong{grid-row:1/3;margin:0}}