/* base reset (the page template has no other) */
html,body{margin:0;padding:0}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
img,video{max-width:100%}
[hidden]{display:none!important}
.nav ul{align-items:center;margin:0}
.nav ul,.nav li{line-height:1}
.nav li{display:flex;align-items:center}
.nav li.nav-cta-m{display:none}
.nav ul a{display:inline-block;line-height:1}
/* Layout: full-bleed brand art → live status rail → server roster with platform switch → maps → raid clock → fair play → Discord. Single dark world by choice. */
:root{
  --void:#0a0a0b;      /* page ground */
  --ash:#131315;       /* raised surface */
  --soot:#1c1b1d;      /* hover / track */
  --bone:#ece6dc;      /* logo off-white, primary text */
  --smoke:#8f8983;     /* secondary text, warm grey */
  --line:#2a2829;      /* hairlines */
  --signal:#d92d36;    /* brand red (Discord accent 14232886) */
  --signal-dim:#7a1c22;
  --live:#3ccf6e;      /* semantic: raids live */
  --f-display:"Saira Extra Condensed","Arial Narrow",Impact,sans-serif;
  --f-body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --wrap:1180px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body{background:var(--void);color:var(--bone);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--void)}
a{color:inherit}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:.005em;margin:0;text-wrap:balance}
.eyebrow{font:600 12px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--signal);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--signal)}
.lede{color:var(--smoke);max-width:60ch;font-size:18px;margin:0}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:800 20px/1 var(--f-display);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:15px 24px 14px;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,border-color .15s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.btn-red{background:var(--signal);color:#fff}
.btn-red:hover{background:#ef3640;transform:translateY(-2px)}
.btn-ghost{border-color:var(--bone);color:var(--bone);background:transparent;clip-path:none}
.btn-ghost:hover{background:var(--bone);color:var(--void)}
.btn svg{width:22px;height:22px;flex:none}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--void) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 26px/1 var(--f-display);letter-spacing:.06em}
.mark i{display:inline-block;width:6px;height:20px;background:var(--signal)}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav ul a{font:600 13px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--smoke);transition:color .15s}
.nav ul a:hover{color:var(--bone)}
.nav .btn{font-size:16px;padding:11px 16px 10px}
@media (max-width:860px){.nav ul{display:none}}

/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero-art{position:relative;width:100%;aspect-ratio:1672/940;max-height:760px;max-width:100%;background:#050506;overflow:hidden}
.ha-img,.ha-slice{position:absolute;inset:0;background:url(hero.jpg) center 40%/cover no-repeat}
.ha-img{transform-origin:72% 28%;animation:drift 48s ease-in-out infinite alternate;will-change:transform,filter}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.07) translate(-1.2%,.6%)}}
.ha-slice{opacity:0;pointer-events:none;will-change:transform,opacity}
.ha-slice.s1{clip-path:inset(30% 0 63% 0)}
.ha-slice.s2{clip-path:inset(44% 0 49% 0);filter:grayscale(1) sepia(1) saturate(12) hue-rotate(-48deg) brightness(.9);mix-blend-mode:screen}
.ha-slice.s3{clip-path:inset(52% 0 45% 0);filter:sepia(1) saturate(4) hue-rotate(150deg);mix-blend-mode:screen}
.ha-slice.s4{clip-path:inset(71% 0 22% 0)}
.ha-fog{position:absolute;inset:-10% -20%;background:radial-gradient(40% 22% at 30% 68%,rgba(200,200,210,.16),transparent 70%),radial-gradient(35% 18% at 75% 60%,rgba(217,45,54,.14),transparent 70%),radial-gradient(50% 20% at 55% 80%,rgba(190,190,200,.12),transparent 70%);mix-blend-mode:screen;animation:fog 34s ease-in-out infinite alternate;pointer-events:none}
@keyframes fog{from{transform:translateX(-4%)}to{transform:translateX(6%)}}
.beacon{position:absolute;z-index:2;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#ff4a4a;box-shadow:0 0 6px 2px #ff2b2b,0 0 26px 10px rgba(255,40,40,.45),0 0 90px 40px rgba(217,45,54,.18);animation:beacon 2.2s infinite;pointer-events:none}
.beacon.b2{width:6px;height:6px;margin:-3px 0 0 -3px;animation-delay:-1.1s}
@keyframes beacon{0%,10%{opacity:1;transform:scale(1)}16%{opacity:.25;transform:scale(.7)}100%{opacity:.08;transform:scale(.7)}}
.hero-title span{text-shadow:0 0 28px rgba(217,45,54,.28)}
.hero-art::after{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 160px 40px rgba(0,0,0,.55);background:linear-gradient(180deg,transparent 45%,rgba(10,10,11,.75) 80%,var(--void) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);pointer-events:none}
.hero-copy{position:relative;margin-top:clamp(-220px,-14vw,-40px);z-index:2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:end;padding-block:0 56px}
.hero-title{font-family:var(--f-display);font-weight:900;text-transform:uppercase;line-height:.92;margin:0;text-wrap:balance;font-size:clamp(54px,9vw,128px)}
.hero-title span{color:var(--signal)}
.hero-side{display:flex;flex-direction:column;gap:24px}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.platforms{display:flex;gap:18px;flex-wrap:wrap;font:600 12px/1 var(--f-mono);letter-spacing:.14em;color:var(--smoke);text-transform:uppercase}
.platforms b{color:var(--bone);font-weight:600}
@media (max-width:860px){.hero-copy{grid-template-columns:1fr;gap:24px;margin-top:-30px}}

/* status rail */
.rail{border-block:1px solid var(--line);background:var(--ash)}
.rail .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.cell{padding-block:20px;padding-inline:20px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px;min-width:0}
.cell:first-child{border-left:0;padding-left:0}
.cell .k{font:600 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.cell .v{font:800 30px/1 var(--f-display);text-transform:uppercase;letter-spacing:.02em}
.cell .s{font:400 13px/1.35 var(--f-mono);color:var(--smoke)}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--smoke);margin-right:8px;vertical-align:middle;position:relative;top:-3px}
.dot.on{background:var(--live);box-shadow:0 0 0 0 var(--live);animation:ping 1.6s infinite}
.dot.soon{background:var(--signal)}
@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 70%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
@media (max-width:860px){.rail .wrap{grid-template-columns:1fr 1fr}.cell:nth-child(3){border-left:0;padding-left:0}.cell:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:440px){.rail .wrap{grid-template-columns:1fr}.cell{border-left:0;padding-left:0}.cell+.cell{border-top:1px solid var(--line)}}

/* sections */
section.block{padding-block:clamp(72px,10vw,128px)}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 40px;margin-bottom:44px}
.head > div:not(.switch){display:flex;flex-direction:column;gap:18px;min-width:0}
.head h2{font-size:clamp(44px,6.5vw,84px)}

/* server roster */
.switch{display:inline-flex;border:1px solid var(--line);padding:4px;gap:4px;background:var(--ash)}
.switch button{font:800 18px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--smoke);border:0;padding:12px 18px 11px;cursor:pointer;display:flex;align-items:center;gap:10px}
.switch button[aria-pressed="true"]{background:var(--bone);color:var(--void)}
.switch .n{font:600 11px/1 var(--f-mono);opacity:.7}
.roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.srv{background:var(--void);padding:22px 22px 20px;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;position:relative;transition:background .2s;min-width:0}
.srv:hover{background:var(--ash)}
.srv:hover .code{color:var(--signal)}
.srv .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.code{font:900 54px/.85 var(--f-display);letter-spacing:.01em;transition:color .2s}
.tag{font:600 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;border:1px solid var(--line);color:var(--smoke);white-space:nowrap}
.tag.red{border-color:var(--signal-dim);color:var(--signal)}
.srv .map{font:700 24px/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em}
.srv .meta{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;align-content:flex-start}
.srv .name{font:400 11.5px/1.4 var(--f-mono);color:var(--smoke);letter-spacing:.02em;overflow-wrap:anywhere}
.live{display:inline-flex;align-items:center;gap:7px;font:600 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.live .dot{margin:0;top:0;width:8px;height:8px}
.slots b{color:var(--bone);font-weight:600}
.slots .bar i.full{background:var(--signal)}
.total{background:var(--ash);padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}
.total .big{font:900 72px/.85 var(--f-display)}
.total .k{font:600 11px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.roster.xb{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.roster,.roster.xb{grid-template-columns:repeat(2,minmax(0,1fr))}.roster.xb .total{grid-column:1/-1}}
@media (max-width:560px){.roster,.roster.xb{grid-template-columns:1fr}}
.slots{display:flex;align-items:center;gap:10px;font:400 12px/1 var(--f-mono);color:var(--smoke)}
.slots .bar{flex:1;height:3px;background:var(--soot);position:relative}
.slots .bar i{position:absolute;inset:0 auto 0 0;background:var(--bone)}
.roster-note{margin-top:16px;font:400 13px/1.5 var(--f-mono);color:var(--smoke)}

/* maps */
.maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mapc{position:relative;border:1px solid var(--line);background:var(--ash);overflow:hidden;min-width:0;display:flex;flex-direction:column}
.mapc canvas{display:block;width:100%;aspect-ratio:4/3;max-width:100%;border-bottom:1px solid var(--line)}
.mapc .body{padding:22px;display:flex;flex-direction:column;gap:10px}
.mapc h3{font-size:42px}
.mapc p{margin:0;color:var(--smoke);font-size:16px}
.mapc .poi{position:absolute;left:16px;top:16px;font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--void);padding:7px 9px;border-left:3px solid var(--signal)}
.mapc .where{font:400 12px/1.5 var(--f-mono);color:var(--smoke);letter-spacing:.04em}
@media (max-width:900px){.maps{grid-template-columns:1fr}.mapc canvas{aspect-ratio:16/7}}

/* raids */
.raid{background:var(--ash);border-block:1px solid var(--line)}
.raid-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);position:relative;height:96px;background:var(--void)}
.week span{border-left:1px solid var(--line);font:600 11px/1 var(--f-mono);letter-spacing:.12em;color:var(--smoke);padding:10px 0 0 8px;text-transform:uppercase}
.week span:first-child{border-left:0}
.week .win{position:absolute;top:38px;bottom:14px;background:var(--signal);display:flex;align-items:center;padding-left:10px;font:800 16px/1 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden}
.week .now{position:absolute;top:0;bottom:0;width:2px;background:var(--bone)}
.week .now::after{content:"NOW";position:absolute;bottom:-20px;left:-12px;font:600 10px/1 var(--f-mono);letter-spacing:.12em;color:var(--bone)}
.zones{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:36px}
.zone{background:var(--void);padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.zone .k{font:600 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.zone .v{font:800 26px/1 var(--f-display);text-transform:uppercase}
.zone .s{font:400 13px/1.45 var(--f-mono);color:var(--smoke)}
.season{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:20px}
.wk{border:1px solid var(--line);background:var(--void);padding:12px 10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.wk .n{font:600 10.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--smoke)}
.wk .st{font:800 18px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase}
.wk.on .st{color:var(--signal)}
.wk.off .st{color:var(--smoke)}
.wk.cur{border-color:var(--bone);box-shadow:inset 0 -3px 0 var(--bone)}
.facts{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.facts li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
.facts li b{font:600 11.5px/1.6 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);font-weight:600}
@media (max-width:900px){.raid-grid{grid-template-columns:1fr;gap:40px}}
@media (max-width:520px){.season{grid-template-columns:repeat(3,minmax(0,1fr))}.zones{grid-template-columns:1fr}.facts li{grid-template-columns:1fr;gap:4px}.week span{padding-left:4px;font-size:9.5px;letter-spacing:.04em}}

/* fair play */
.fp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.fp h2{font-size:clamp(44px,6.5vw,84px)}
.fp-left{position:sticky;top:110px;display:flex;flex-direction:column;gap:22px}
.checks{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.chk{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.chk svg{width:40px;height:40px;stroke:var(--signal);fill:none;stroke-width:1.6}
.chk h3{font-size:28px;margin-bottom:6px}
.chk p{margin:0;color:var(--smoke)}
.log{font:400 12.5px/1.7 var(--f-mono);background:var(--ash);border:1px solid var(--line);padding:16px 18px;color:var(--smoke);overflow-x:auto;white-space:pre}
.log em{font-style:normal;color:var(--signal)}
.log b{color:var(--bone);font-weight:400}
@media (max-width:900px){.fp{grid-template-columns:1fr;gap:32px}.fp-left{position:static}}

/* discord */
.dc{position:relative;overflow:hidden;border-top:1px solid var(--line)}
.dc-bg{position:absolute;inset:0;background:url(band.jpg) center/cover no-repeat;opacity:.28;z-index:-1}
.dc{isolation:isolate}
.dc::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--void) 30%,color-mix(in srgb,var(--void) 40%,transparent));z-index:-1}
.dc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.dc h2{font-size:clamp(52px,8vw,112px)}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start;background:color-mix(in srgb,var(--ash) 88%,transparent);border:1px solid var(--line);padding:18px}
.steps li::before{content:counter(s);font:900 40px/.8 var(--f-display);color:var(--signal)}
.steps b{display:block;font:800 22px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.steps span{color:var(--smoke);font-size:15.5px}
.steps code{font:600 13px var(--f-mono);color:var(--bone);background:var(--soot);padding:2px 6px}
@media (max-width:900px){.dc-grid{grid-template-columns:1fr;gap:36px}}

/* server intel */
.srv{cursor:pointer;outline-offset:-2px}
.srv[aria-pressed="true"]{background:var(--ash);box-shadow:inset 0 -3px 0 var(--signal)}
.srv[aria-pressed="true"] .code{color:var(--signal)}
.st-row{display:flex;justify-content:space-between;align-items:center;gap:6px 10px;flex-wrap:wrap}
.rs{font:400 11.5px/1 var(--f-mono);color:var(--smoke);white-space:nowrap;font-variant-numeric:tabular-nums}
.rs b{color:var(--bone);font-weight:600}
.intel{margin-top:28px;border:1px solid var(--line);background:var(--ash);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.in-left{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:16px;min-width:0}
.in-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.in-code{font:900 92px/.8 var(--f-display);color:var(--bone)}
.in-name{font:600 12px/1.5 var(--f-mono);letter-spacing:.06em;color:var(--bone);overflow-wrap:anywhere}
.in-desc{margin:0;color:var(--smoke);font-size:15.5px;line-height:1.55}
.in-join{display:flex;align-items:stretch;border:1px solid var(--line);background:var(--void);margin-top:auto}
.in-join code{flex:1;min-width:0;padding:12px 14px;font:600 13px/1.3 var(--f-mono);color:var(--bone);overflow-wrap:anywhere;user-select:all}
.in-join button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--bone);font:800 15px/1 var(--f-display);letter-spacing:.1em;text-transform:uppercase;padding:0 16px;cursor:pointer}
.in-join button:hover{background:var(--signal);color:#fff}
.in-label{font:600 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.in-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);min-width:0}
.st{background:var(--void);padding:18px;display:flex;flex-direction:column;gap:9px;min-width:0}
.st .v{font:800 28px/1 var(--f-display);text-transform:uppercase;letter-spacing:.02em}
.st .v small{font:600 13px var(--f-mono);color:var(--smoke);letter-spacing:.04em}
.st .s{font:400 12px/1.45 var(--f-mono);color:var(--smoke)}
.st.wide{grid-column:span 2;flex-direction:row;align-items:center;gap:18px}
.st.wide > div{display:flex;flex-direction:column;gap:9px;min-width:0}
.ring{width:74px;height:74px;flex:none}
.ring circle{fill:none;stroke-width:5}
.ring .bg{stroke:var(--soot)}
.ring .fg{stroke:var(--signal);stroke-linecap:butt;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .6s}
.flag{display:inline-flex;align-items:center;gap:8px}
.flag::before{content:"";width:8px;height:8px;background:var(--smoke)}
.flag.yes::before{background:var(--live)}
.flag.hot::before{background:var(--signal)}
.pbar{height:4px;background:var(--soot);position:relative}
.pbar i{position:absolute;inset:0 auto 0 0;background:var(--bone)}
.in-foot{grid-column:1/-1;border-top:1px solid var(--line);padding:12px 28px;font:400 12px/1.5 var(--f-mono);color:var(--smoke);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
@media (max-width:960px){.intel{grid-template-columns:1fr}.in-left{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:620px){.in-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.in-code{font-size:72px}.in-left{padding:22px}.in-foot{padding:12px 22px}}
@media (max-width:380px){.st.wide{flex-direction:column;align-items:flex-start}}
/* anti-cheat numbers */
.ac{margin-top:72px;border:1px solid var(--line);background:var(--ash)}
.ac-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid var(--line)}
.ac-sw button{font-size:15px;padding:10px 14px 9px}
.ac-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) minmax(0,.9fr)}
.ac-grid > div{padding:26px 24px;min-width:0}
.ac-grid > div + div{border-left:1px solid var(--line)}
.ac-big{display:flex;flex-direction:column;justify-content:center;gap:10px}
.ac-n{font:900 clamp(96px,11vw,150px)/.8 var(--f-display);color:var(--bone);font-variant-numeric:tabular-nums}
.ac-k{font:800 24px/1 var(--f-display);text-transform:uppercase;letter-spacing:.04em;color:var(--signal)}
.ac-bars{display:flex;flex-direction:column;justify-content:center;gap:16px}
.bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:end}
.bar-row .l{font:800 19px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.03em}
.bar-row .l small{display:block;font:400 11.5px/1.4 var(--f-mono);letter-spacing:.04em;text-transform:none;color:var(--smoke);margin-top:3px}
.bar-row .c{font:800 26px/1 var(--f-display);font-variant-numeric:tabular-nums}
.bar-row .t{grid-column:1/-1;height:6px;background:var(--soot);position:relative;overflow:hidden}
.bar-row .t i{position:absolute;inset:0 auto 0 0;background:var(--bone);transition:width .7s cubic-bezier(.2,.7,.2,1)}
.bar-row.top .t i{background:var(--signal)}
.ac-side{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);padding:0!important}
.ac-side > div{background:var(--ash);padding:20px;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0}
.ac-side .v{font:800 36px/1 var(--f-display);font-variant-numeric:tabular-nums}
.ac-side .k{font:600 10.5px/1.4 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.ac-foot{border-top:1px solid var(--line);padding:12px 24px;font:400 12px/1.5 var(--f-mono);color:var(--smoke)}
@media (max-width:980px){.ac-grid{grid-template-columns:1fr}.ac-grid > div + div{border-left:0;border-top:1px solid var(--line)}.ac-side > div{padding:18px}}
/* partner */
.partner{border-block:1px solid var(--line);background:var(--ash)}
.pt-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center}
.pt-lock{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:28px;aspect-ratio:1586/992;max-width:100%;padding:28px;text-decoration:none;color:var(--bone);background:linear-gradient(180deg,rgba(10,10,11,.35),rgba(10,10,11,.15) 40%,rgba(10,10,11,.7) 100%),url(partner-bg.jpg) center/cover no-repeat,var(--void);border:1px solid var(--line);transition:border-color .3s}
.pt-lock>*{position:relative;z-index:1}
.pt-lamp{position:absolute;z-index:1;left:93.65%;top:35.1%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:#ffd36a;box-shadow:0 0 6px 2px #ffb92e,0 0 24px 10px rgba(255,190,60,.4),0 0 70px 30px rgba(254,216,66,.14);animation:beacon 2.6s infinite -.7s;pointer-events:none}
.pt-lock .cn{z-index:2}
.pt-lock:hover{border-color:#3a3637}
.pt-tag{font:600 11.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--smoke);display:flex;align-items:center;gap:10px}
.pt-tag::before{content:"";width:8px;height:8px;background:var(--signal)}
.pt-row{display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,44px)}
.pt-b{width:clamp(64px,10vw,112px);height:auto;border:1px solid rgba(236,230,220,.14);box-shadow:0 10px 40px rgba(0,0,0,.6)}
.pt-n{width:clamp(130px,19vw,230px);height:auto;filter:drop-shadow(0 6px 24px rgba(0,0,0,.7));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.pt-lock:hover .pt-n{transform:translateY(-3px)}
.pt-x{font:400 clamp(28px,4vw,44px)/1 var(--f-mono);color:var(--smoke)}
.pt-foot{display:flex;flex-wrap:wrap;gap:8px 22px;font:600 11px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.cn{position:absolute;width:14px;height:14px;border-color:var(--bone);border-style:solid;opacity:.5}
.cn.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.cn.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}
.cn.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.cn.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
@media (max-width:520px){.pt-lock{aspect-ratio:auto;min-height:240px;padding:22px}.pt-lamp{display:none}}
.pt-copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.pt-copy h2{font-size:clamp(44px,6vw,76px)}
.pt-copy h2 span{color:var(--signal)}
.pt-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pt-list li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.pt-list b{font:600 11.5px/1.7 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.hero-partner{display:inline-flex;align-items:center;gap:10px;font:600 11.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke);text-decoration:none;border:1px solid var(--line);padding:9px 12px;align-self:flex-start;transition:border-color .2s,color .2s}
.hero-partner b{color:var(--bone);font-weight:600}
.hero-partner:hover{border-color:var(--signal);color:var(--bone)}
.hero-partner i{width:6px;height:6px;background:var(--signal);display:inline-block}
@media (max-width:900px){.pt-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:520px){.pt-list li{grid-template-columns:1fr;gap:2px}}
/* faq */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;align-items:start}
.faq-col{border-top:1px solid var(--line);min-width:0}
.faq details{border-bottom:1px solid var(--line);min-width:0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font:800 24px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px/1 var(--f-mono);color:var(--signal);transition:transform .2s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--signal)}
.faq code{font:600 13px var(--f-mono);color:var(--bone);background:var(--soot);padding:2px 6px}
.faq p{margin:0 0 22px;color:var(--smoke);max-width:60ch}
@media (max-width:860px){.faq{grid-template-columns:1fr}.faq-col+.faq-col{border-top:0}}
.kw{font:600 12px/1.4 var(--f-mono);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--smoke);margin:0 0 14px}
.kw b{color:var(--signal);font-weight:600}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ===================== multi-page ===================== */
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--signal);color:#fff;padding:10px 14px;font:600 13px var(--f-mono)}
.skip:focus{left:12px}
.nav ul a[aria-current="page"]{color:var(--bone);box-shadow:inset 0 -2px 0 var(--signal);padding-bottom:6px}
.nav-r{display:flex;align-items:center;gap:10px}
.nav-cta-m{display:none}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);background:var(--ash);flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0}
.menu-btn span{width:18px;height:2px;background:var(--bone);transition:transform .2s,opacity .2s}
.menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:860px){
  .menu-btn{display:flex}
  .nav-r .btn{display:none}
  .nav ul{display:none;position:fixed;left:0;right:0;top:calc(64px + env(safe-area-inset-top,0px));bottom:0;background:var(--void);flex-direction:column;gap:0;padding:12px max(20px,env(safe-area-inset-left,0px)) 40px;overflow:auto;z-index:49}
  body.menu-open .nav ul{display:flex}
  .nav ul li{border-bottom:1px solid var(--line)}
  .nav ul a{display:block;padding:18px 0;font:800 30px/1 var(--f-display);letter-spacing:.04em;color:var(--bone)}
  .nav ul a[aria-current="page"]{color:var(--signal);box-shadow:none;padding-bottom:18px}
  .nav li.nav-cta-m{display:flex}
  .nav-cta-m a{color:var(--signal)!important}
  body.menu-open{overflow:hidden}
}
.btn-s{font-size:16px;padding:11px 16px 10px}
.h1{font-size:clamp(44px,6.5vw,84px)}
.phead{padding-block:clamp(56px,8vw,96px) clamp(36px,5vw,56px);border-bottom:1px solid var(--line);margin-bottom:clamp(40px,6vw,72px);background:radial-gradient(60% 120% at 100% 0%,rgba(217,45,54,.10),transparent 60%)}
.phead .wrap{display:flex;flex-direction:column;gap:18px}
.phead h1{font-size:clamp(52px,8vw,108px);font-weight:900}
.sub{font:400 13px/1.6 var(--f-mono);color:var(--smoke);margin:0}
.empty{font:400 14px/1.6 var(--f-mono);color:var(--smoke);border:1px dashed var(--line);padding:22px;margin:0}
.chan{color:var(--bone);text-decoration:none;background:var(--soot);padding:1px 6px;font-weight:600;white-space:nowrap}
.chan:hover{background:var(--signal);color:#fff}
.md p,.md li,.rule-block p,.rule-block li{color:color-mix(in srgb,var(--bone) 82%,var(--smoke))}
.md strong,.rule-block strong{color:var(--bone)}
.md code,.rule-block code,.pq code{font:600 .86em var(--f-mono);background:var(--soot);padding:1px 6px;color:var(--bone)}
.md ul,.rule-block ul{padding-left:20px;margin:10px 0;display:flex;flex-direction:column;gap:8px}
.md li::marker,.rule-block li::marker{color:var(--signal)}
.md blockquote,.rule-block blockquote{margin:12px 0;border-left:3px solid var(--signal);padding:6px 14px;color:var(--smoke)}
.md h3,.md h4,.rule-block h3,.rule-block h4{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:22px 0 8px;line-height:1}
.md h3,.rule-block h3{font-size:30px}
.md h4,.rule-block h4{font-size:21px;color:var(--bone)}
.md a,.rule-block a:not(.chan):not(.btn){color:var(--bone);text-decoration-color:var(--signal);text-underline-offset:3px}
.panel-lede{margin-bottom:8px}
/* explore */
.ex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.ex{background:var(--void);padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--bone);position:relative;transition:background .2s;min-width:0}
.ex::after{content:"→";position:absolute;right:24px;top:24px;font:400 20px var(--f-mono);color:var(--smoke);transition:transform .2s,color .2s}
.ex:hover{background:var(--ash)}
.ex:hover::after{transform:translateX(4px);color:var(--signal)}
.ex-k{font:600 11px/1 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--signal)}
.ex b{font:800 34px/1 var(--f-display);text-transform:uppercase;letter-spacing:.01em}
.ex-v{font:600 13px/1.4 var(--f-mono);color:var(--bone)}
.ex-v .dot{top:-1px}
.ex-s{color:var(--smoke);font-size:15px}
.ex-red{background:linear-gradient(135deg,rgba(217,45,54,.16),transparent 70%),var(--void)}
@media (max-width:900px){.ex-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ex-grid{grid-template-columns:1fr}}
/* news */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.news-list{display:flex;flex-direction:column;gap:24px;max-width:860px}
.post{border:1px solid var(--line);background:var(--ash);padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0;scroll-margin-top:90px}
.post-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font:400 12px var(--f-mono);color:var(--smoke)}
.chip{font:600 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;background:var(--signal);color:#fff}
.chip-cl{background:var(--soot);color:var(--bone)}
.post-t{font-size:28px}
.post-b{overflow-wrap:anywhere}
.post-b p{margin:0 0 10px}
.post-imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.post-img{border:0;padding:0;background:var(--void);cursor:zoom-in;display:block;overflow:hidden}
.post-img img,.post-img video{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.news-grid .post-img img{max-height:200px}
.more{margin-top:auto;font:600 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal);text-decoration:none}
@media (max-width:900px){.news-grid{grid-template-columns:1fr}}
/* gallery */
.cap-grid{columns:3 320px;column-gap:16px}
.cap-grid .cap{break-inside:avoid;margin:0 0 16px}
.cap-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.cap-strip .cap{scroll-snap-align:start;margin:0}
.cap-strip .cap-img{aspect-ratio:4/3!important}
.cap{display:flex;flex-direction:column;gap:10px;min-width:0}
.cap-img{position:relative;display:block;width:100%;border:1px solid var(--line);padding:0;background:var(--ash);overflow:hidden;cursor:zoom-in;max-width:100%}
.cap-img img,.cap-img video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cap-img:hover img,.cap-img:hover video{transform:scale(1.04)}
.cap-n,.cap-play{position:absolute;right:10px;top:10px;font:600 12px var(--f-mono);background:rgba(10,10,11,.8);padding:5px 8px;color:var(--bone)}
.cap-play{right:auto;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;padding:12px 16px}
.cap figcaption{display:flex;flex-direction:column;gap:3px}
.cap figcaption b{font:800 19px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
.cap figcaption span{font:400 12px var(--f-mono);color:var(--smoke)}
.lb{position:fixed;inset:0;z-index:200;background:rgba(5,5,6,.94);display:none;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lb.on{display:flex}
.lb-f{margin:0;max-width:min(1400px,100%);max-height:100%;display:flex;flex-direction:column;gap:10px;align-items:center}
.lb-f img,.lb-f video{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain}
.lb-f figcaption{font:400 13px var(--f-mono);color:var(--smoke);text-align:center}
.lb button{position:absolute;background:rgba(19,19,21,.9);border:1px solid var(--line);color:var(--bone);font:400 30px/1 var(--f-mono);width:52px;height:52px;cursor:pointer}
.lb button:hover{background:var(--signal)}
.lb-x{top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px))}
.lb-p{left:calc(14px + env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%)}
.lb-n{right:calc(14px + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%)}
/* support */
.support-band{background:var(--ash);border-block:1px solid var(--line)}
.sb-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}
.sb-grid h2{font-size:clamp(44px,6vw,76px);margin-top:18px}
.sb-grid .lede{margin-top:18px}
.sb-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.sb-list li{background:var(--void);padding:22px;display:flex;flex-direction:column;gap:8px}
.sb-list b{font:900 52px/.85 var(--f-display);color:var(--bone)}
.sb-list span{font:800 18px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.03em}
.sb-list small{display:block;font:400 12px/1.4 var(--f-mono);color:var(--smoke);text-transform:none;letter-spacing:0;margin-top:4px}
@media (max-width:900px){.sb-grid{grid-template-columns:1fr;gap:32px}}
.price{display:flex;align-items:baseline;gap:8px;margin:0}
.price b{font:900 48px/.9 var(--f-display);color:var(--bone)}
.price span{font:400 13px var(--f-mono);color:var(--smoke)}
.price.big b{font-size:96px}
.pq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.pq-card{border:1px solid var(--signal-dim);background:linear-gradient(160deg,rgba(217,45,54,.18),transparent 60%),var(--ash);padding:32px;display:flex;flex-direction:column;gap:18px}
.pq-steps{list-style:none;margin:0;padding:0;counter-reset:q;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.pq-steps li{counter-increment:q;display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px;padding:20px 0;border-bottom:1px solid var(--line)}
.pq-steps li::before{content:counter(q);grid-row:span 2;font:900 42px/.8 var(--f-display);color:var(--signal)}
.pq-steps b{font:800 22px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.03em}
.pq-steps span{color:var(--smoke)}
.pq-steps a{color:var(--bone)}
@media (max-width:900px){.pq{grid-template-columns:1fr}}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.tier{border:1px solid var(--line);background:var(--ash);padding:28px;display:flex;flex-direction:column;gap:18px;position:relative;min-width:0}
.tier h3{font-size:34px}
.tier ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.tier li{padding:11px 0 11px 22px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px}
.tier li::before{content:"";position:absolute;left:0;top:18px;width:9px;height:9px;background:var(--signal)}
.tier-feat{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal),0 30px 80px -40px rgba(217,45,54,.6);background:linear-gradient(180deg,rgba(217,45,54,.10),transparent 40%),var(--ash)}
@media (max-width:960px){.tiers{grid-template-columns:1fr}}
.extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.xcard{border:1px solid var(--line);background:var(--void);padding:26px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0}
.xcard p:not(.price){margin:0;color:var(--smoke)}
.xcard .btn{margin-top:auto}
.xcard-boost{background:linear-gradient(160deg,rgba(255,115,250,.07),transparent 60%),var(--void)}
@media (max-width:900px){.extras{grid-template-columns:1fr}}
.sup-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.sup-list li{background:var(--void);padding:18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.sup-list b{font:800 22px/1.1 var(--f-display);overflow-wrap:anywhere}
.sup-list span{font:600 12px var(--f-mono);color:var(--signal);letter-spacing:.06em;text-transform:uppercase}
.sup-list time,.sup-list em{font:400 12px var(--f-mono);color:var(--smoke);font-style:normal}
/* rules */
.search{display:flex;flex-direction:column;gap:8px;max-width:560px;margin-top:8px}
.search span{font:600 11px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.search input{font:400 17px var(--f-body);color:var(--bone);background:var(--ash);border:1px solid var(--line);padding:14px 16px;outline:none}
.search input:focus{border-color:var(--signal)}
.rules-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:96px}
.toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px}
.toc .in-label{margin-bottom:10px}
.toc a{font:800 18px/1 var(--f-display);text-transform:uppercase;letter-spacing:.03em;color:var(--smoke);text-decoration:none;padding:10px 0 10px 14px;border-left:2px solid var(--line)}
.toc a:hover,.toc a.on{color:var(--bone);border-left-color:var(--signal)}
.toc .toc-x{margin-top:14px;font:600 12px var(--f-mono);letter-spacing:.1em;border-left:0;padding-left:0;color:var(--signal)}
.rules-body{display:flex;flex-direction:column;gap:64px;max-width:820px;min-width:0}
.rules-part{scroll-margin-top:90px;display:flex;flex-direction:column;gap:18px}
.part-h{font-size:clamp(40px,5vw,64px);display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}
.part-h span{font:600 14px var(--f-mono);color:var(--signal);letter-spacing:.1em}
.rule-block{border:1px solid var(--line);background:var(--ash);padding:24px 26px}
.rule-block > h3:first-child{margin-top:0}
@media (max-width:900px){.rules-layout{grid-template-columns:1fr;gap:24px}.toc{position:static;flex-direction:row;flex-wrap:wrap;gap:8px}.toc .in-label{width:100%;margin:0}.toc a{border:1px solid var(--line);padding:10px 12px;font-size:16px}.toc .toc-x{border:0}}
/* guide */
.path{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.path a{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--void);text-decoration:none;color:var(--bone);height:100%}
.path a:hover{background:var(--ash)}
.path b{font:800 22px/1 var(--f-display);text-transform:uppercase}
.path span{font:400 12px var(--f-mono);color:var(--smoke)}
@media (max-width:760px){.path{grid-template-columns:1fr 1fr}}
.guide{display:flex;flex-direction:column;padding-bottom:96px}
.g-sec{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;padding-block:48px;border-top:1px solid var(--line);scroll-margin-top:80px}
.g-k{font:800 26px/1 var(--f-display);text-transform:uppercase;color:var(--smoke);display:flex;flex-direction:column;gap:10px;position:sticky;top:100px;align-self:start}
.g-k span{font:900 64px/.8 var(--f-display);color:var(--signal)}
.g-b{max-width:820px;min-width:0;display:flex;flex-direction:column;gap:14px}
.g-b > h2{font-size:clamp(40px,5vw,64px)}
.g-b .rule-block{background:transparent;border:0;padding:0}
@media (max-width:800px){.g-sec{grid-template-columns:1fr;gap:14px}.g-k{position:static;flex-direction:row;align-items:baseline}.g-k span{font-size:44px}}
/* footer */
.foot{border-top:1px solid var(--line);padding-block:56px 28px;background:var(--void)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.foot-brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.foot-brand p{margin:0;color:var(--smoke);max-width:36ch}
.foot h3{font-size:20px;letter-spacing:.06em;margin-bottom:14px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.foot ul a{color:var(--smoke);text-decoration:none}
.foot ul a:hover{color:var(--bone)}
.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font:400 12px/1.6 var(--f-mono);color:var(--smoke)}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0}
.panel-lede p{color:var(--smoke);font-size:18px;margin:0 0 8px}
/* ===================== leaderboard ===================== */
.ex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ex-grid{grid-template-columns:1fr}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lb-head{margin-bottom:0;background:radial-gradient(50% 140% at 85% 0%,rgba(217,45,54,.18),transparent 60%),repeating-linear-gradient(90deg,rgba(236,230,220,.025) 0 1px,transparent 1px 64px)}
.lb-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--void);margin-top:10px;max-width:760px}
.lb-totals div{padding:14px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.lb-totals div+div{border-left:1px solid var(--line)}
.lb-totals .k{font:600 10.5px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--smoke)}
.lb-totals .v{font:900 38px/.9 var(--f-display);font-variant-numeric:tabular-nums}
@media (max-width:620px){.lb-totals{grid-template-columns:1fr 1fr}.lb-totals div:nth-child(3){border-left:0}.lb-totals div:nth-child(n+3){border-top:1px solid var(--line)}}
.lb-bar{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:30;background:color-mix(in srgb,var(--void) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--line);margin-bottom:48px}
.lb-bar-in{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;padding-block:12px}
.lb-bar .switch{padding:3px;height:42px;box-sizing:border-box}
.lb-bar .switch button{font-size:15px;padding:0 13px;height:100%;display:flex;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%;order:3}
.chips button{font:600 11.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--line);color:var(--smoke);height:34px;padding:0 12px;cursor:pointer;transition:color .15s,border-color .15s}
.chips button:hover{color:var(--bone);border-color:var(--smoke)}
.chips button[aria-pressed="true"]{border-color:var(--signal);color:var(--bone);background:rgba(217,45,54,.15)}
.lb-search{flex:1 1 240px;min-width:0;position:relative;display:flex}
.lb-search::before{content:"";position:absolute;left:14px;top:50%;width:13px;height:13px;margin-top:-9px;border:2px solid var(--smoke);border-radius:50%;pointer-events:none}
.lb-search::after{content:"";position:absolute;left:27px;top:50%;width:7px;height:2px;margin-top:5px;background:var(--smoke);transform:rotate(45deg);pointer-events:none}
.lb-search input{flex:1;min-width:0;height:42px;box-sizing:border-box;font:400 15px var(--f-body);color:var(--bone);background:var(--ash);border:1px solid var(--line);padding:0 14px 0 44px;outline:none;transition:border-color .15s}
.lb-search input::placeholder{color:var(--smoke)}
.lb-search input:focus{border-color:var(--signal)}
.lb-search:focus-within::before{border-color:var(--signal)}
.lb-search:focus-within::after{background:var(--signal)}
@media (max-width:860px){.lb-bar{position:static}.lb-search{flex-basis:100%;order:-1}}
/* dog tags */
.lb-podium{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:28px;align-items:end;padding-top:150px;margin:-60px 0 70px;isolation:isolate;min-height:362px}
.lb-podium > .empty{grid-column:1/-1;align-self:center;justify-self:center}
.lb-podium::before{content:"";position:absolute;left:50%;top:-40px;width:min(640px,70%);height:calc(100% + 40px);transform:translateX(-50%);z-index:-2;pointer-events:none;background:radial-gradient(ellipse 50% 100% at 50% 0%,rgba(255,235,225,.10),rgba(217,45,54,.06) 45%,transparent 75%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);animation:beam 7s ease-in-out infinite}
@keyframes beam{0%,100%{opacity:.85}45%{opacity:1}50%{opacity:.6}53%{opacity:1}}
.lb-podium .embers{position:absolute;left:0;right:0;top:0;bottom:-20px;width:100%;height:calc(100% + 20px);z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.6s ease}
.lb-podium .embers.on{opacity:1}
.tagw{position:relative;min-width:0;transform-origin:31px -190px;will-change:transform,opacity}
.tagw-1{transform-origin:31px -230px}
@keyframes sway{0%,100%{transform:rotate(0)}25%{transform:rotate(.9deg)}75%{transform:rotate(-.9deg)}}
@keyframes drop{0%{opacity:0;transform:translateY(-140px) rotate(0)}35%{opacity:1}52%{transform:translateY(0) rotate(5deg)}68%{transform:translateY(0) rotate(-3deg)}82%{transform:translateY(0) rotate(1.5deg)}92%{transform:translateY(0) rotate(-.6deg)}100%{transform:translateY(0) rotate(0)}}
.chain{position:absolute;left:31px;bottom:50%;width:7px;height:190px;transform-origin:50% 0;margin-left:-3.5px;z-index:-1;background:radial-gradient(circle at 50% 50%,#e9e6e0 0 1.6px,#8f8b85 2.2px,transparent 2.8px) 0 0/7px 8px repeat-y;-webkit-mask:linear-gradient(transparent,#000 45%);mask:linear-gradient(transparent,#000 45%);filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}
.tagw-1 .chain{background-image:radial-gradient(circle at 50% 50%,#ffd0cf 0 1.6px,#b3242c 2.2px,transparent 2.8px);height:230px}
.tag{--steel:linear-gradient(155deg,#dcd9d3 0%,#8d8a85 38%,#c6c3bd 55%,#6f6c68 100%);--rx:0deg;--ry:0deg;position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;border:0;cursor:pointer;color:#151515;width:100%;padding:30px 30px 26px 66px;border-radius:24px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 1px,transparent 1px 4px),var(--steel);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 8px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.2),0 30px 60px -26px rgba(0,0,0,.95);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);-webkit-mask:radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px);mask:radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px);will-change:transform}
.tag.tilt{transition:transform .08s linear}
.tag::before{content:"";position:absolute;inset:7px;border-radius:18px;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 0 1px rgba(255,255,255,.15);pointer-events:none}
.tag-sheen{position:absolute;inset:0;border-radius:24px;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.55),rgba(255,255,255,.08) 40%,transparent 65%);mix-blend-mode:overlay}
.tag.tilt .tag-sheen{opacity:1}
.tag-hole{position:absolute;left:22px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--void);box-shadow:inset 0 2px 4px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.5),0 0 0 3px rgba(0,0,0,.12)}
.tag-rank{position:absolute;right:26px;top:12px;font:900 70px/.8 var(--f-display);color:transparent;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.12));-webkit-background-clip:text;background-clip:text;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.tag-name{font:700 23px/1.1 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;padding-right:70px;color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.65),0 -1px 0 rgba(0,0,0,.25)}
.tag-line{font:600 11.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#333;opacity:.8;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.tag-stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 24px;margin-top:6px;border-top:1px dashed rgba(0,0,0,.28);padding-top:12px}
.tag-stats span{display:flex;flex-direction:column;font:600 10px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#333}
.tag-stats b{font:900 32px/1 var(--f-display);color:#111;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(0,0,0,.2);font-variant-numeric:tabular-nums}
.tag-1{--steel:linear-gradient(155deg,#ff7a7f 0%,#b3242c 38%,#ea4a51 56%,#6e0c14 100%);color:#fff;padding-top:46px;padding-bottom:32px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 10px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.25),0 0 0 1px rgba(255,90,90,.25),0 40px 100px -24px rgba(217,45,54,.85);animation:glow 3.2s 2s ease-in-out infinite}
@keyframes glow{50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -3px 10px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.25),0 0 0 1px rgba(255,120,120,.4),0 40px 130px -18px rgba(255,60,60,1)}}
.tag-1 .tag-name{font-size:30px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.25)}
.tag-1 .tag-line,.tag-1 .tag-stats span{color:rgba(255,255,255,.85);text-shadow:0 -1px 0 rgba(0,0,0,.3)}
.tag-1 .tag-stats b{color:#fff;font-size:38px;text-shadow:0 -1px 0 rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.2)}
.tag-1 .tag-rank{font-size:92px;background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.1));-webkit-background-clip:text;background-clip:text}
.tag-1 .tag-stats{border-top-color:rgba(255,255,255,.35)}
.tag-1::after{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:260% 100%;animation:shine 4.5s 2.2s ease-in-out infinite;pointer-events:none;mix-blend-mode:overlay}
@keyframes shine{0%,55%{background-position:120% 0}100%{background-position:-60% 0}}
.tag-stamp{position:absolute;right:120px;top:16px;font:800 13px/1 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.9);border:2px solid rgba(255,255,255,.75);padding:6px 9px 5px;transform:rotate(-8deg);opacity:0;animation:stamp .45s 1.75s cubic-bezier(.2,1.6,.4,1) forwards;mix-blend-mode:screen}
@keyframes stamp{0%{opacity:0;transform:rotate(-8deg) scale(2.2)}100%{opacity:.9;transform:rotate(-8deg) scale(1)}}
@media (max-width:860px){.lb-podium{grid-template-columns:1fr;padding-top:110px;gap:60px;margin-top:-40px}.tagw-1{order:-1}.lb-podium::before{width:100%}.tag-stamp{right:96px}}
/* records */
.lb-records{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:40px}
.rec{background:var(--ash);padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0}
.rec .k{font:600 10.5px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}
.rec .v{font:900 40px/.9 var(--f-display);text-transform:uppercase;overflow-wrap:anywhere}
.rec .v.big{font-size:84px}
.rec .v small{font:600 16px var(--f-mono);color:var(--smoke);margin-left:6px;text-transform:none}
.rec .s{font:400 12.5px/1.5 var(--f-mono);color:var(--smoke)}
.rec b[data-p]{color:var(--bone);cursor:pointer;font-weight:600}
.rec b[data-p]:hover{color:var(--signal)}
.ruler{position:relative;height:30px;margin-top:8px;border-bottom:1px solid var(--smoke);background:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 5%) bottom/100% 8px no-repeat}
.ruler i{position:absolute;left:0;bottom:-1px;height:3px;background:var(--signal);box-shadow:0 0 12px var(--signal)}
.ruler i::after{content:"";position:absolute;right:-5px;bottom:-4px;width:10px;height:10px;border-radius:50%;border:2px solid var(--signal);background:var(--void)}
.ruler span{position:absolute;top:0;transform:translateX(-50%);font:400 10px var(--f-mono);color:var(--smoke)}
.ruler span:first-of-type{transform:none}.ruler span:last-of-type{transform:translateX(-100%)}
@media (max-width:1000px){.lb-records{grid-template-columns:1fr 1fr}.rec-wide{grid-column:1/-1}}
@media (max-width:520px){.lb-records{grid-template-columns:1fr}}
/* table + side */
.lb-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-bottom:24px}
@media (max-width:1100px){.lb-main{grid-template-columns:1fr}}
.lb-table{container-type:inline-size;min-width:0}
.lb-table-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.lb-table-h h2{font-size:28px}
.lb-sortl{display:flex;align-items:center;gap:8px;font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.lb-sortl select{font:600 13px var(--f-mono);letter-spacing:.04em;color:var(--bone);background:var(--ash);border:1px solid var(--line);padding:8px 10px;text-transform:none}
.lb-scroll{border:1px solid var(--line);background:var(--void)}
.lb-scroll table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:auto}
.lb-scroll th{position:sticky;top:calc(var(--stick,64px) + env(safe-area-inset-top,0px));background:var(--ash);z-index:2;text-align:right;padding:0;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.lb-scroll th.c-r .th{text-align:center}
.lb-scroll th button,.lb-scroll th .th{font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--smoke);background:none;border:0;padding:14px 10px;cursor:pointer;width:100%;text-align:inherit;display:block;white-space:nowrap}
.lb-scroll th button:hover{color:var(--bone)}
.lb-scroll th button[aria-pressed="true"]{color:var(--bone);box-shadow:inset 0 -2px 0 var(--signal)}
.lb-scroll td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right;font:400 14px var(--f-mono);color:color-mix(in srgb,var(--bone) 80%,var(--smoke));white-space:nowrap}
.lb-scroll tbody tr:last-child td{border-bottom:0}
.lb-scroll tr{cursor:pointer;transition:background .15s}
.lb-scroll tbody tr:hover{background:var(--ash)}
.lb-scroll .c-r{text-align:center;width:48px;font:800 18px var(--f-display);color:var(--smoke)}
.lb-scroll .r-top .c-r{color:var(--signal)}
.lb-scroll .c-n,.lb-scroll th.c-n{text-align:left}
.lb-scroll td.c-n{white-space:normal;width:100%;max-width:0}
.lbn{display:flex;align-items:center;gap:10px;min-width:0}
.nmw{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.lb-scroll .nm{font:800 18px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.02em;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nsub{display:none;font:400 11.5px var(--f-mono);color:var(--smoke);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-scroll .sv{font:400 11px var(--f-mono);color:var(--smoke);flex:none}
.lb-scroll .c-w,.lb-scroll th.c-w{text-align:left;color:var(--smoke)}
.lb-scroll td.c-w{max-width:130px;overflow:hidden;text-overflow:ellipsis}
.lbk{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.lbk b{color:var(--bone);min-width:28px;font-size:16px}
.kb{width:80px;height:4px;background:var(--soot);position:relative;flex:none}
.kb i{position:absolute;inset:0 auto 0 0;background:var(--signal)}
.lb-more{margin:20px auto 22px;display:flex}
/* columns give way as the table narrows */
@container (max-width:900px){.lb-scroll .c-w{display:none}}
@container (max-width:780px){.lb-scroll .c-st,.lb-scroll .kb{display:none}}
@container (max-width:660px){.lb-scroll .c-d,.lb-scroll .sv{display:none}}
@container (max-width:540px){
  .lb-scroll .c-kd,.lb-scroll .c-hs,.lb-scroll .c-l{display:none}
  .nsub{display:block}
  .lb-scroll td{padding:12px 8px}
  .lb-scroll .c-r{width:36px}
  .lbk b{font-size:20px;font-family:var(--f-display);font-weight:900}
}
.pf{font:700 9.5px/1 var(--f-mono);letter-spacing:.08em;padding:4px 5px;border:1px solid var(--line);color:var(--smoke);flex:none}
.pf-xb{color:#7bd389;border-color:rgba(123,211,137,.35)}
.pf-ps{color:#7aa8ff;border-color:rgba(122,168,255,.35)}
.lb-side{display:flex;flex-direction:column;gap:24px;position:sticky;top:calc(var(--stick,180px) + 16px + env(safe-area-inset-top,0px))}
@media (max-width:1100px){.lb-side{position:static}}
.lb-box{border:1px solid var(--line);background:var(--ash);padding:22px;min-width:0}
.lb-box h2{font-size:28px;margin-bottom:16px}
.feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.feed li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.feed time{font:400 11px var(--f-mono);color:var(--smoke);grid-row:span 2;padding-top:3px}
.feed b{color:var(--bone);cursor:pointer}
.feed b:hover{color:var(--signal)}
.feed i{font-style:normal;color:var(--signal)}
.feed .fw{grid-column:2;font:400 11.5px var(--f-mono);color:var(--smoke)}
.feed .fw em{font-style:normal;color:var(--signal)}
.feed .fs{grid-row:1;grid-column:3;font:600 10.5px var(--f-mono);color:var(--smoke)}
.lb-profile{scroll-margin-top:calc(var(--stick,180px) + 16px);border:1px solid var(--signal-dim);background:linear-gradient(170deg,rgba(217,45,54,.14),transparent 50%),var(--ash);padding:22px;position:relative;display:flex;flex-direction:column;gap:16px;scroll-margin-top:150px}
.pr-x{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid var(--line);background:var(--void);color:var(--bone);font:400 20px var(--f-mono);cursor:pointer}
.pr-head{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pr-head h3{font-size:36px;overflow-wrap:anywhere;padding-right:30px}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.pr-grid div{background:var(--void);padding:12px;display:flex;flex-direction:column;gap:5px}
.pr-grid .k,.pr-chart .k{font:600 10px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.pr-grid .v{font:900 26px/1 var(--f-display);font-variant-numeric:tabular-nums}
.pr-chart{display:flex;flex-direction:column;gap:8px}
.pr-chart svg{width:100%;height:70px;display:block}
.pr-chart .area{fill:rgba(217,45,54,.18);stroke:none}
.pr-chart .line{fill:none;stroke:var(--signal);stroke-width:2;vector-effect:non-scaling-stroke}
.pr-chart .s{font:400 11px var(--f-mono);color:var(--smoke)}
.pr-facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pr-facts li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.pr-facts span{color:var(--smoke)}
.pr-facts b{text-align:right;overflow-wrap:anywhere}
.lb-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
@media (max-width:900px){.lb-charts{grid-template-columns:1fr}}
.lb-note{padding-bottom:96px}
/* home mini board */
.mini-board{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.mini-list{list-style:none;margin:0;padding:0;background:var(--void)}
.mini-list li{display:grid;grid-template-columns:44px auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line)}
.mini-list li:last-child{border-bottom:0}
.mini-list li:first-child{background:linear-gradient(90deg,rgba(217,45,54,.16),transparent 70%)}
.mr{font:900 30px/1 var(--f-display);color:var(--smoke)}
.mini-list li:first-child .mr{color:var(--signal)}
.mn{font:800 22px/1.1 var(--f-display);text-transform:uppercase;overflow-wrap:anywhere}
.mk{font:400 13px var(--f-mono);color:var(--smoke)}.mk b{color:var(--bone);font-size:16px}
.md{font:400 12px var(--f-mono);color:var(--smoke)}
.mini-rec{background:var(--ash);padding:26px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.mini-rec .k{font:600 11px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}
.mini-rec .v{font:900 110px/.8 var(--f-display)}
.mini-rec .v small{font:600 20px var(--f-mono);color:var(--smoke);margin-left:6px}
.mini-rec .s{font:400 13px var(--f-mono);color:var(--smoke)}
@media (max-width:760px){.mini-board{grid-template-columns:1fr}.mini-list li{grid-template-columns:34px auto minmax(0,1fr) auto;gap:10px;padding:12px 14px}.md{display:none}}

/* ===================== motion ===================== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .22s ease both}
::view-transition-new(root){animation:vt-in .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}
.nav{view-transition-name:nav}
::view-transition-group(nav){animation:none}
/* scroll progress */
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--signal);transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 10px var(--signal);pointer-events:none}
@supports (animation-timeline: scroll()){.progress{animation:prog linear both;animation-timeline:scroll(root)}}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* film grain */
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
/* reveal */
.motion .rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms)}
.motion .rv.in{opacity:1;transform:none}
.motion .head.rv .eyebrow::before,.motion .phead .eyebrow.rv::before{width:0;transition:width .7s .25s cubic-bezier(.2,.7,.2,1)}
.motion .head.rv.in .eyebrow::before,.motion .phead .eyebrow.rv.in::before{width:22px}
/* spotlight */
.ex,.tier,.xcard,.rec,.lb-box,.post,.mapc,.srv,.rule-block,.pq-card,.chk,.sb-list li,.zone,.st{position:relative}
.ex::before,.tier::after,.xcard::after,.rec::after,.lb-box::after,.post::after,.mapc::after,.srv::after,.rule-block::after,.pq-card::after,.sb-list li::after,.zone::after,.st::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(217,45,54,.13),transparent 60%)}
.lit::before,.lit::after{opacity:1}
.chk.lit{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(217,45,54,.07),transparent 60%)}
/* hover lift */
.tier,.xcard,.post,.mapc,.pq-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s}
.tier:hover,.xcard:hover,.post:hover,.mapc:hover{transform:translateY(-4px);border-color:#3a3637;box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}
.tier-feat:hover{border-color:var(--signal)}
.ex b{transition:color .25s,letter-spacing .35s}
.ex:hover b{color:var(--signal);letter-spacing:.03em}
/* buttons: light sweep */
.btn{position:relative;overflow:hidden}
.btn-red::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .55s cubic-bezier(.2,.7,.2,1)}
.btn-red:hover::after{left:130%}
.btn-ghost{transition:background .2s,color .2s,transform .15s}
/* nav underline */
.nav ul a{position:relative}
.nav ul a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.nav ul a:hover::after{transform:scaleX(1)}
.nav ul a[aria-current="page"]{box-shadow:none}
.nav ul a[aria-current="page"]::after{transform:scaleX(1)}
@media (max-width:860px){.nav ul a::after{display:none}}
/* hero text entrance (plays during the power-on) */
.hero .kw{animation:rise .7s .5s cubic-bezier(.2,.7,.2,1) both}
.hero-title{animation:rise .9s .7s cubic-bezier(.2,.7,.2,1) both}
.hero-side > *{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-side > :nth-child(1){animation-delay:1.0s}.hero-side > :nth-child(2){animation-delay:1.15s}.hero-side > :nth-child(3){animation-delay:1.3s}.hero-side > :nth-child(4){animation-delay:1.45s}
.rail .cell{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.rail .cell:nth-child(1){animation-delay:1.6s}.rail .cell:nth-child(2){animation-delay:1.7s}.rail .cell:nth-child(3){animation-delay:1.8s}.rail .cell:nth-child(4){animation-delay:1.9s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.phead h1{animation:rise .8s .05s cubic-bezier(.2,.7,.2,1) both}
.phead{background-size:160% 160%;animation:drift-bg 18s ease-in-out infinite alternate}
@keyframes drift-bg{from{background-position:0% 0%}to{background-position:100% 30%}}
/* bars grow */
.bar-row .t i{transform-origin:left;animation:grow 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 60ms)}
.kb i,.slots .bar i,.pbar i{transform-origin:left;animation:grow .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ring .fg{animation:ring 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes ring{from{stroke-dashoffset:201}}
/* leaderboard: tags swing in, tracer, rows ripple, fresh kills */
.ruler i{transform-origin:left;animation:grow 1.3s .2s cubic-bezier(.2,.7,.2,1) both}
.ruler i::before{content:"";position:absolute;right:0;top:-2px;width:46px;height:7px;background:linear-gradient(90deg,transparent,#fff 80%,var(--signal));filter:blur(1px);animation:tracer 1.3s .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes tracer{0%{opacity:1}85%{opacity:1}100%{opacity:0}}
.lb-scroll tbody tr{animation:row .5s cubic-bezier(.2,.7,.2,1) both}
.lb-scroll tbody tr:nth-child(-n+20){animation-delay:calc(var(--r,0) * 1ms)}
@keyframes row{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.feed li.fresh{animation:fresh 1.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes fresh{0%{opacity:0;transform:translateX(30px);background:rgba(217,45,54,.35)}40%{opacity:1;transform:none}100%{background:transparent}}
.rec .v,.lb-totals .v,.ac-n,.price b{font-variant-numeric:tabular-nums}
/* dots and live chips breathe */
.dot.soon{animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){body::after{display:none}.motion .rv{opacity:1;transform:none}}