@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/inter-var.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;
  src:url('/assets/fonts/jetbrainsmono-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;
  src:url('/assets/fonts/jetbrainsmono-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}


:root{
  --bg:#0a0e14;
  --tx:#f5f5f7; --mu:#94a0ae; --mu-rgb:148,160,174; --dim:#868f9c;
  --eyebrow:#a9bdd4;
  --accent:#4d8dff; --accent-rgb:77,141,255; --accent-hi:#6aa1ff;
  --on-accent:#0a0e14;
  --glow:rgba(50,95,160,.22); --glow-amb:rgba(50,95,160,.13);
  --navbg:rgba(10,14,20,.55);
  --panel:rgba(13,18,26,.72); --panel-solid:rgba(15,20,28,.94);
  --tablebg:#0d1119; --tablebg0:rgba(13,17,25,0);
  --codetx:#cfd8e2; --head1:#fff; --head2:#c3cfdc;
  --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.18);
  --glass:rgba(255,255,255,.035); --glass2:rgba(255,255,255,.03);
  --inset:inset 0 1px 0 rgba(255,255,255,.07);
  --rad:24px; --rad2:14px;
  --wrap:1240px; --gut:clamp(20px,4.5vw,56px);
  --sans:"Inter",-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --dur:.18s;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--tx);font:15.5px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}

body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(1100px 480px at 85% -12%,var(--glow-amb),transparent 62%)}
a{color:inherit;text-decoration:none}
::selection{background:rgba(var(--accent-rgb),.32)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
em{font-style:normal;color:var(--accent)}


@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}


.nav{position:sticky;top:0;z-index:20;
  background:var(--navbg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;gap:12px;height:60px}
.logo{display:flex;align-items:center;gap:0;font-weight:500;font-size:16.5px;letter-spacing:-.01em;color:var(--mu)}
.logo b{color:var(--tx);font-weight:700}
.logo::after{content:"";width:6px;height:6px;margin-left:3px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.8);align-self:flex-end;margin-bottom:5px}
.navpic{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;
  border:1px solid var(--line2);margin-right:10px}

.links{display:flex;gap:6px 8px;align-items:center;flex:1;min-width:0}
.ng{display:flex;align-items:center;gap:0}
.links .lbl{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-right:6px}
.links .sep{width:1px;height:22px;background:var(--line2);margin:0 2px;flex:none}
.links a,.meth{font-size:13.5px;color:var(--mu);padding:6px 8px;border-radius:999px;white-space:nowrap;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.links a:hover,.meth:hover{color:var(--tx);background:var(--glass)}
.links a.on,.meth.on{color:var(--tx);background:rgba(255,255,255,.08)}
.ng+.sep+.ng a.on{color:var(--accent-hi);background:rgba(var(--accent-rgb),.16)}
.links a.z{color:var(--dim)}
.links a.z.on{color:var(--mu)}
.x{font-size:13px;font-family:var(--mono);color:var(--on-accent);
  border:1px solid var(--accent);background:var(--accent);
  padding:7px 14px;border-radius:999px;white-space:nowrap;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.x:hover{border-color:var(--accent-hi);background:var(--accent-hi)}


.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:20px}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--eyebrow)}
h1,h2{color:var(--tx)}
h1{font-size:clamp(2.7rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.035em;font-weight:600;
  text-wrap:balance}
h1.rh{font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.05;max-width:22ch}
h2{font-size:clamp(1.85rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.03em;font-weight:600;
  margin-bottom:34px;text-wrap:balance}
h2.h3{font-size:clamp(1.35rem,2.2vw,1.75rem);margin-bottom:20px}
@supports (-webkit-background-clip:text){
  h1{background:linear-gradient(100deg,var(--head1) 30%,var(--head2) 78%);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  h1 em{background:none;-webkit-text-fill-color:var(--accent);color:var(--accent)}
}
.lede{font-size:clamp(1.02rem,1.3vw,1.17rem);line-height:1.6;color:var(--mu);max-width:38rem;margin-top:24px}
.crumb{font-size:13px;color:var(--dim);margin-bottom:26px}
.crumb a{color:var(--mu);text-decoration:underline;
  text-decoration-color:rgba(var(--mu-rgb),.45);text-underline-offset:3px;
  transition:color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease)}
.crumb a:hover{color:var(--accent);text-decoration-color:var(--accent)}


.hero{position:relative;padding:clamp(64px,9vw,120px) 0 clamp(48px,6vw,72px);overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero.sm{padding:clamp(44px,7vw,80px) 0 clamp(22px,3vw,36px)}
.sec{padding:clamp(52px,7vw,96px) 0 0}
.sec.tight{padding-top:clamp(34px,4.5vw,60px)}
main{padding-bottom:110px}


.hero .wrap>*{max-width:56rem}
.heromedia{position:absolute;top:0;right:0;bottom:0;width:min(58vw,880px);z-index:0}
.heromedia::before{content:"";position:absolute;inset:-12% -6%;
  background:radial-gradient(58% 62% at 58% 46%,var(--glow),transparent 72%)}
.heromedia picture,.heromedia img,.herovid{position:absolute;inset:0;width:100%;height:100%}
.herovid{opacity:0;transition:opacity .8s var(--ease)}
.herovid.on{opacity:1}
.heromedia img,.herovid{object-fit:cover;object-position:58% 50%;
  -webkit-mask-image:
    linear-gradient(270deg,#000 52%,transparent 98%),
    linear-gradient(0deg,transparent 0%,#000 22%),
    linear-gradient(180deg,transparent 0%,#000 20%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(270deg,#000 52%,transparent 98%),
    linear-gradient(0deg,transparent 0%,#000 22%),
    linear-gradient(180deg,transparent 0%,#000 20%);
  mask-composite:intersect}
.photonote{position:absolute;right:var(--gut);bottom:14px;z-index:2;
  font-size:12px;color:rgba(var(--mu-rgb),.8);letter-spacing:.01em}
.hero h1,.hero .lede,.hero .eyebrow{max-width:44rem}
.hero .kpis{max-width:640px}


.kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;
  border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;
  background:var(--line);gap:1px;box-shadow:var(--inset)}
.kpis div{background:var(--panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:22px 24px}
.kpis b{display:block;font:600 clamp(1.7rem,3vw,2.1rem)/1.05 var(--mono);
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpis span{display:block;margin-top:10px;font-size:13px;color:var(--mu)}


.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{position:relative;display:flex;flex-direction:column;min-height:248px;
  background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--inset);
  padding:26px 26px 20px;
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
a.tile:hover{border-color:var(--line2);background:rgba(255,255,255,.07);transform:translateY(-2px)}
a.tile:hover .arr{transform:translateX(4px);color:var(--accent)}
.tmem{font:500 clamp(2rem,3.4vw,2.7rem)/1 var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.thw{font:500 12.5px var(--mono);color:var(--accent);margin-top:10px}
.tile p{color:var(--mu);font-size:14.5px;margin-top:12px;flex:1}
.tstats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:13px;color:var(--mu)}
.tstats b{color:var(--tx);font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}
.tstats .few{color:var(--mu);font-weight:600}
.tfoot{display:flex;justify-content:space-between;margin-top:18px;padding-top:14px;
  border-top:1px solid var(--line);font-size:13px;color:var(--dim)}
.arr{transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.tile.soon{opacity:.5}

.tile.t3{overflow:hidden;padding:24px 24px 18px}
.tile.t3::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 60% at 100% 0%,var(--glow),transparent 60%);opacity:.55;
  transition:opacity var(--dur) var(--ease)}
a.tile.t3:hover{border-color:rgba(var(--accent-rgb),.38)}
a.tile.t3:hover::before{opacity:1}
.tile.t3>*{position:relative}
.ttop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tglyph{width:56px;height:40px;color:rgba(var(--accent-rgb),.75);flex:none}
.tile.t3 p{flex:0;font-size:14px;margin-top:10px}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.tgrid div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:10px 10px 9px}
.tgrid b{display:block;font:600 18px/1.1 var(--mono);font-variant-numeric:tabular-nums;color:var(--head1)}
.tgrid span{display:block;font-size:11.5px;color:var(--mu);margin-top:5px;line-height:1.3}
.tlbh{display:flex;justify-content:space-between;margin-top:18px;font:500 11px var(--mono);
  letter-spacing:.06em;text-transform:uppercase;color:var(--eyebrow)}
.tlb{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:9px;flex:1;align-content:start}
.tlb li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;
  align-items:baseline;font-size:13.5px;padding-bottom:7px}
.tlb .rk{font:500 12px var(--mono);color:var(--dim)}
.tlb .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tx)}
.tlb .nm small{display:block;font:400 11px var(--mono);color:var(--dim);margin-top:3px;overflow:hidden;text-overflow:ellipsis}
.tlb .v{font:600 13px var(--mono);font-variant-numeric:tabular-nums;color:var(--tx)}
.tlb i{position:absolute;left:26px;right:0;bottom:0;height:2px;border-radius:2px;
  background:rgba(255,255,255,.07)}
.tlb i::after{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--w);border-radius:2px;background:var(--accent)}
.tlb li:not(:first-child) i::after{background:rgba(var(--accent-rgb),.45)}
.tbd{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;min-height:22px}
.tbd .chip{font-size:11px;padding:2px 9px}


.replay{margin-top:8px}
.rtabs{display:flex;flex-wrap:wrap;gap:8px}
.rtabs button{font:500 13px var(--mono);color:var(--mu);background:var(--glass);border:1px solid var(--line);
  border-radius:999px;padding:7px 14px;cursor:pointer;transition:all var(--dur) var(--ease)}
.rtabs button:hover{color:var(--tx);border-color:var(--line2)}
.rtabs button.on{color:var(--tx);border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.12)}
.rterm{margin-top:16px;background:var(--tablebg);border:1px solid var(--line);border-radius:var(--rad2);
  box-shadow:var(--inset),0 30px 80px -40px var(--glow);overflow:hidden}
.rbar{display:flex;align-items:center;gap:7px;padding:11px 16px;border-bottom:1px solid var(--line);
  font:500 12px var(--mono);color:var(--mu)}
.rbar>i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.rname{margin-left:10px;color:var(--eyebrow);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.rname:hover{color:var(--accent-hi)}
.rtps{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.rout{margin:0;padding:20px 22px 24px;min-height:12.5em;font:400 14.5px/1.7 var(--mono);color:var(--codetx);
  white-space:pre-wrap;word-break:break-word}
.rout::after{content:"▍";color:var(--accent);animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.rout::after{animation:none}}
.rnote{margin-top:12px;font-size:13px;color:var(--dim);max-width:52rem}
@media (max-width:700px){.rbar>i{display:none}.rname{margin-left:0}.rout{padding:16px 16px 20px;font-size:13.5px}}


.tests{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.test{background:var(--glass2);border:1px solid var(--line);border-radius:var(--rad2);
  padding:20px 18px;box-shadow:var(--inset)}
.tn{font-weight:600;font-size:15.5px;letter-spacing:-.01em}
.tk{font:500 11.5px var(--mono);color:var(--accent);margin-top:4px}
.test p{font-size:13.5px;color:var(--mu);margin-top:10px;line-height:1.55}
.checked{margin-top:24px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.07),transparent);
  border:1px solid rgba(var(--accent-rgb),.22);border-radius:var(--rad);padding:26px 28px;box-shadow:var(--inset)}
.checked h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:12px}
.checked ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
.checked li{position:relative;padding-left:24px;color:var(--mu);font-size:14.5px}
.checked li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:600}
.checked b{color:var(--tx)}


.hcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-top:44px}
.hcard{--c:var(--accent);display:flex;flex-direction:column;position:relative;overflow:hidden;
  background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--inset);
  padding:20px 20px 18px;
  transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.hcard::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;
  background:linear-gradient(90deg,var(--c),transparent 80%)}
.hcard:hover{border-color:var(--line2);transform:translateY(-2px);background:rgba(255,255,255,.07)}
.htag{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--accent);border:1px solid rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.07);
  padding:4px 10px;border-radius:999px}
.hcard .hname{font-size:17.5px;line-height:1.2;letter-spacing:-.015em;font-weight:600;margin-top:14px;margin-bottom:0}
.heng{font:12px var(--mono);color:var(--dim);margin-top:4px}
.hrule{font-size:13px;color:var(--mu);margin-top:10px;line-height:1.45;flex:1}
.hnum{margin-top:16px;display:flex;align-items:baseline;gap:6px}
.hnum .big{font:600 2.15rem/1 var(--mono);letter-spacing:-.03em;color:var(--c);font-variant-numeric:tabular-nums}
.hnum .unit{font:12px var(--mono);color:var(--dim)}
.meter{height:3px;background:rgba(255,255,255,.09);border-radius:3px;margin-top:12px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--c);border-radius:3px}
.hsub{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px;font-size:12.5px;color:var(--dim)}
.hsub b{color:var(--tx);font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}
.hnote{font-size:12px;color:var(--mu);margin-top:8px}
.rule{font-size:13px;color:var(--dim);margin-top:14px;max-width:60rem}


.twrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rad);
  background:rgba(255,255,255,.04);box-shadow:var(--inset);
  
  background-image:
    linear-gradient(to right,var(--tablebg) 30%,var(--tablebg0)),
    linear-gradient(to left,var(--tablebg) 30%,var(--tablebg0)),
    linear-gradient(to right,rgba(0,0,0,.4),rgba(0,0,0,0)),
    linear-gradient(to left,rgba(0,0,0,.4),rgba(0,0,0,0));
  background-position:0 0,100% 0,0 0,100% 0;
  background-repeat:no-repeat;
  background-size:36px 100%,36px 100%,12px 100%,12px 100%;
  background-attachment:local,local,scroll,scroll}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dim);padding:15px 16px;border-bottom:1px solid var(--line2);white-space:nowrap}
th small{display:block;text-transform:none;letter-spacing:0;font-size:11px;color:var(--dim);
  font-weight:400;margin-top:2px}
.rank th{cursor:pointer;user-select:none;transition:color var(--dur) var(--ease)}
.rank th:hover{color:var(--tx)}
.rank th.on{color:var(--accent)}
.rank th.on::after{content:" ↓"}
.rank th.on.asc::after{content:" ↑"}
td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
tr:last-child td{border-bottom:0}
.rank tbody tr{transition:background var(--dur) var(--ease)}
.rank tbody tr:hover{background:rgba(255,255,255,.05)}
td.n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14.5px}
td.n small{color:var(--dim);font-size:12px}
td.dim,.dim{color:var(--dim)}
td.setup{min-width:260px}
td.setup b{font-weight:600;font-size:14.5px}
td.setup a{transition:color var(--dur) var(--ease)}
td.setup a:hover b{color:var(--accent)}
.eng{font:12px var(--mono);color:var(--dim);margin-top:3px}
.bd{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
td.spd{min-width:120px}
.bar{height:3px;background:rgba(255,255,255,.09);border-radius:3px;margin-top:9px;overflow:hidden;width:100%}
.bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.rl{border-bottom:1px dotted rgba(255,255,255,.28);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
a.rl:hover{color:var(--accent);border-color:var(--accent)}
.legend{font-size:13px;color:var(--dim);margin-top:14px;max-width:62rem}
.empty{color:var(--mu);padding:30px;border:1px dashed var(--line2);border-radius:var(--rad)}


.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chip{display:inline-block;font-size:12px;padding:4px 10px;border-radius:999px;
  border:1px solid var(--line2);background:var(--glass2);color:var(--mu);
  max-width:100%;overflow-wrap:anywhere}
.chip.mono{font-family:var(--mono);font-size:11.5px}
.chip.cv{color:var(--accent);border-color:rgba(var(--accent-rgb),.3)}
.chip.co{color:var(--mu);border-color:var(--line2)}
.chip.cx{color:var(--dim)}
.bd .chip{font-size:11px;padding:2px 8px}


.nrl{list-style:none;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;
  background:var(--glass2);box-shadow:var(--inset)}
.nrl li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;
  padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.nrl li:last-child{border-bottom:0}
.nrl a{color:var(--tx);transition:color var(--dur) var(--ease)}
.nrl a:hover{color:var(--accent)}
.nrl span{color:var(--dim)}


.warnbox{margin-top:22px;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.06);
  color:var(--mu);border-radius:var(--rad2);padding:13px 16px;font-size:14px}
.warnbox b{color:var(--accent)}
.kpig{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--rad);
  overflow:hidden;margin-bottom:14px;box-shadow:var(--inset)}
.kpig:empty{display:none}
.kpi{background:var(--panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  padding:22px 22px 20px}
.kl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.kv{font:600 clamp(1.65rem,2.8vw,2.15rem)/1.1 var(--mono);letter-spacing:-.02em;margin-top:10px;
  font-variant-numeric:tabular-nums}
.kv span{font:400 13px var(--mono);color:var(--dim);margin-left:6px;letter-spacing:0}
.cmd{position:relative;background:rgba(0,0,0,.35);border:1px solid var(--line2);
  border-radius:var(--rad2);overflow:hidden}
.cmd pre{padding:22px 96px 22px 22px;overflow-x:auto;font:13px/1.7 var(--mono);color:var(--codetx);
  white-space:pre-wrap;word-break:break-all}
.copy{position:absolute;top:10px;right:10px;font:500 12px var(--sans);color:var(--on-accent);
  background:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:6px 12px;
  cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.copy:hover{border-color:var(--accent-hi);background:var(--accent-hi)}
.cmd+p{margin-top:12px;font-size:13.5px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
table.plain td,table.plain th{padding:11px 14px}
table.plain td{font-size:13.5px}
.pros,.cons{list-style:none;display:grid;gap:10px}
.pros li,.cons li{position:relative;padding:12px 14px 12px 38px;background:var(--glass2);
  border:1px solid var(--line);border-radius:var(--rad2);font-size:14px;color:var(--mu)}
.pros li::before,.cons li::before{position:absolute;left:14px;top:12px;font-weight:600}
.pros li::before{content:"+";color:var(--accent)}
.cons li::before{content:"!";color:var(--mu)}
.rec{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;box-shadow:var(--inset)}
.rec+p{margin-top:14px}
.rec div{background:var(--panel);padding:14px 16px;min-width:0}
.rec dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.rec dd{font:12.5px var(--mono);color:var(--mu);margin-top:4px;overflow-wrap:anywhere}
.src{font-size:13px;color:var(--dim);margin-top:16px}
.sec p a.rl{color:var(--accent)}


.prose{max-width:46rem}
.prose ul{margin:0 0 18px 20px;color:var(--mu)}
.prose li{margin:6px 0}
.prose p{color:var(--mu);margin-bottom:18px}
.prose b{color:var(--tx)}
.prose h2{margin-top:34px}


.foot{border-top:1px solid var(--line);padding:44px 0 54px;background:rgba(255,255,255,.02)}
.footin{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;align-items:start}
.foot p{color:var(--dim);font-size:14px;margin-top:8px}
.fl{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--mu)}
.fl a{transition:color var(--dur) var(--ease);width:fit-content}
.fl a:hover{color:var(--accent)}
.fs{font-size:13px;color:var(--dim);text-align:right;text-wrap:balance}


.legal{max-width:52rem;padding:3rem var(--gut)}
.legal h1{font-size:2rem}
.legal h2{margin-top:2.2rem;font-size:1.25rem;letter-spacing:-.015em}
.legal h3{margin-top:1.4rem;font-size:1.05rem}
.legal h4{margin-top:1.1rem;font-size:1rem}
.legal p,.legal li{line-height:1.65;margin:.6rem 0}
.legal ul{padding-left:1.2rem}
.legal a{color:var(--accent);text-decoration:underline}
.legal .lang-note{color:var(--dim);font-size:13px;margin-top:2.5rem}
.back{display:inline-block;font-size:13px;color:var(--dim);margin-bottom:1.4rem;
  transition:color var(--dur) var(--ease)}
.back:hover{color:var(--accent)}


@media (max-width:1000px){
  .tests{grid-template-columns:repeat(2,1fr)}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .rec{grid-template-columns:repeat(2,1fr)}
  
  .heromedia{position:relative;width:auto;height:auto;inset:auto;margin-top:44px}
  .heromedia::before{inset:-6%}
  .heromedia picture,.heromedia img{position:relative;height:auto}
  .herovid{bottom:auto;height:auto}
  .heromedia img,.herovid{aspect-ratio:16/10;
    -webkit-mask-image:
      linear-gradient(0deg,transparent 0%,#000 24%),
      linear-gradient(90deg,transparent 0%,#000 10%),
      linear-gradient(270deg,transparent 0%,#000 10%);
    -webkit-mask-composite:source-in;
    mask-image:
      linear-gradient(0deg,transparent 0%,#000 24%),
      linear-gradient(90deg,transparent 0%,#000 10%),
      linear-gradient(270deg,transparent 0%,#000 10%);
    mask-composite:intersect}
  .photonote{position:static;margin-top:10px;display:block;padding:0 var(--gut)}
  .hero .wrap>*{max-width:none}
}
@media (max-width:700px){
  .x{display:none}
  .logo{font-size:14px}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .tiles,.tests,.grid2,.checked ul{grid-template-columns:minmax(0,1fr)}
  .nrl li{grid-template-columns:minmax(0,1fr);gap:4px}
  .footin{grid-template-columns:minmax(0,1fr)}
  .fs{text-align:left}
  .rec{grid-template-columns:minmax(0,1fr)}
  .hero{padding-top:56px}
  .cmd pre{padding:54px 18px 18px}
}


@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media (prefers-reduced-transparency:reduce){
  .nav,.kpis div,.kpi,.tile,.hcard{backdrop-filter:none;-webkit-backdrop-filter:none;
    background:var(--panel-solid)}
}


.rank th.rkh,.rank td.rkc{width:56px;padding-right:0;text-align:left}
.rank th.rkh.on::after{content:""}
td.rkc span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;
  font:600 13px var(--mono);color:var(--dim);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.rank tr.top td.rkc span{color:var(--tx);border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12)}
.rank tr.top:first-child td.rkc span{color:#fff;background:var(--accent);border-color:var(--accent);
  box-shadow:0 6px 24px -6px rgba(var(--accent-rgb),.6)}
.rank tbody tr.top{background:linear-gradient(90deg,rgba(var(--accent-rgb),.07),transparent 55%)}
.rank tbody tr.top:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),rgba(255,255,255,.03) 70%)}
td.setup .eng{font:400 12px var(--mono);color:var(--dim);margin-top:4px}
td.spd>a,td.spd>.rl{font-size:17px;font-weight:600;color:var(--tx)}
.rank tr.top:first-child td.spd .bar i{box-shadow:0 0 12px rgba(var(--accent-rgb),.7)}
td.n.best a{color:var(--accent-hi);border-color:rgba(var(--accent-rgb),.5)}
.rank thead th{position:sticky;top:0;background:var(--tablebg);z-index:1}
@media (max-width:700px){td.setup{min-width:170px}.rank th.rkh,.rank td.rkc{width:38px}td.rkc span{width:28px;height:28px;font-size:12px;border-radius:8px}}


.tiles{grid-template-columns:repeat(6,minmax(0,1fr))}
.tiles>.tile{grid-column:span 2}
.tiles>.tile:nth-child(-n+2){grid-column:span 3;min-height:300px}
.tile.t3{padding:28px 28px 20px;min-height:270px}
.tile.t3 .tmem{font-size:clamp(2.6rem,4.4vw,3.6rem)}
.tpick{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.tile.t3 .thw{margin-bottom:28px}
.tpl{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow)}
.tpn{margin-top:8px;font-size:17px;font-weight:600;color:var(--head1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpv{display:flex;gap:18px;margin-top:8px;font:400 13px var(--mono);color:var(--mu)}
.tpv b{color:var(--tx);font-weight:600;font-variant-numeric:tabular-nums}
.tile.t3 .tfoot{margin-top:16px}
td.qual b{font:600 16px var(--mono);color:var(--tx)}
@media (max-width:1000px){.tiles>.tile,.tiles>.tile:nth-child(-n+2){grid-column:span 3;min-height:250px}}
@media (max-width:700px){.tiles{grid-template-columns:minmax(0,1fr)}.tiles>.tile,.tiles>.tile:nth-child(-n+2){grid-column:auto;min-height:0}}


:root{--sh-1:0 1px 0 rgba(0,0,0,.5),0 12px 28px -14px rgba(0,0,0,.85);
  --sh-2:0 2px 0 rgba(0,0,0,.45),0 30px 70px -30px rgba(0,0,0,.95),0 40px 120px -50px rgba(var(--accent-rgb),.35);
  --glassg:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 60%);}



@keyframes up{from{transform:translateY(14px)}to{transform:none}}
@media (prefers-reduced-motion:no-preference){
.hero .eyebrow,.hero h1,.hero .lede,.hero .kpis{animation:up .7s var(--ease) both}
.hero h1{animation-delay:.04s}.hero .lede{animation-delay:.08s}.hero .kpis{animation-delay:.12s}}
.kpis div{box-shadow:var(--inset),var(--sh-1)}


.fx .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.fx .rv.in{opacity:1;transform:none}
.fx .rank tbody tr.rv{transform:translateY(10px)}
.fx .rank tbody tr.rv.in{transform:none}


.crow::after,.test::after,.term::after,.kpis div::after,.pod::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(360px circle at var(--mx,-999px) var(--my,-999px),rgba(var(--accent-rgb),.13),transparent 45%);
  opacity:0;transition:opacity .3s var(--ease)}
.crow:hover::after,.test:hover::after,.term:hover::after,.kpis div:hover::after,.pod:hover::after{opacity:1}
.kpis div{position:relative}


.bench{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:8px}
.bench::before{content:"";position:absolute;right:-6%;top:-10%;width:60%;height:120%;pointer-events:none;z-index:-1;
  background:radial-gradient(closest-side,rgba(var(--accent-rgb),.16),transparent);filter:blur(30px);animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate(-8%,6%) scale(1.08)}}
.clist{display:grid;gap:12px}
.crow{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr) auto 18px;align-items:center;gap:18px;
  padding:20px 22px;border-radius:20px;border:1px solid var(--line);
  background:var(--glassg),rgba(13,18,26,.55);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:var(--inset),var(--sh-1);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}
.crow:hover,.crow.on{transform:translateY(-2px) translateX(4px);border-color:rgba(var(--accent-rgb),.42);
  box-shadow:var(--inset),0 24px 60px -28px rgba(var(--accent-rgb),.55),var(--sh-1)}
.crow.on{background:linear-gradient(90deg,rgba(var(--accent-rgb),.12),transparent 70%),var(--glassg),rgba(13,18,26,.6)}
.crow.on::before{content:"";position:absolute;left:-1px;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--accent);
  box-shadow:0 0 16px rgba(var(--accent-rgb),.8)}
.cmem{font:600 clamp(1.5rem,2.3vw,1.9rem)/1 var(--mono);letter-spacing:-.03em;color:var(--head1);white-space:nowrap}
.cmid{display:flex;flex-direction:column;gap:6px;min-width:0}
.chw{font:500 12px var(--mono);color:var(--accent)}
.cpick{font-size:15.5px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cnums{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:400 12.5px var(--mono);color:var(--mu);white-space:nowrap}
.cnums b{color:var(--tx);font-weight:600;font-variant-numeric:tabular-nums}
.crow .arr{color:var(--dim)}
.crow:hover .arr,.crow.on .arr{transform:translateX(4px);color:var(--accent)}


.tstack{position:sticky;top:96px;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.lay{position:absolute;inset:0;border-radius:20px;border:1px solid var(--line);pointer-events:none;
  background:var(--glassg),rgba(13,18,26,.5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--sh-1)}
.lay.l1{transform:translate3d(14px,14px,-40px);opacity:.75}
.lay.l2{transform:translate3d(28px,28px,-80px);opacity:.45}
.term{position:relative;border-radius:20px;border:1px solid var(--line2);overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 40%),rgba(8,11,17,.82);
  backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),var(--sh-2);transform:translateZ(0)}
.tbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);
  font:500 12px var(--mono);color:var(--mu);background:rgba(255,255,255,.025)}
.tbar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.tbar span{margin-left:10px}
.tout{margin:0;padding:20px 22px 24px;min-height:25.5em;font:400 13.5px/1.62 var(--mono);color:var(--codetx);white-space:pre-wrap;overflow-wrap:anywhere;overflow:hidden}
.tout::after{content:"▍";color:var(--accent);animation:blink 1s steps(1) infinite}
.xa{color:var(--accent)}.xd{color:var(--dim)}.xw{color:var(--head1);font-weight:600}
.xe{color:var(--eyebrow)}.xl{color:rgba(255,255,255,.14)}
.xq{color:var(--accent-hi);font-weight:700;text-shadow:0 0 18px rgba(var(--accent-rgb),.6)}
.xlk{color:var(--eyebrow);border-bottom:1px dotted rgba(169,189,212,.4)}
a.xlk:hover{color:var(--accent-hi)}


.test{position:relative;overflow:hidden;background:var(--glassg),rgba(13,18,26,.5);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--inset),var(--sh-1);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.test:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.35);
  box-shadow:var(--inset),0 24px 50px -26px rgba(var(--accent-rgb),.45),var(--sh-1)}
.hcard{box-shadow:var(--inset),var(--sh-1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
a.hcard:hover{transform:translateY(-3px);box-shadow:var(--inset),0 26px 60px -28px rgba(var(--accent-rgb),.5),var(--sh-1)}
.checked{box-shadow:var(--inset),var(--sh-2)}


.twrap{box-shadow:var(--inset),var(--sh-2)}
.fx .twrap .bar i{transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease) .2s}
.fx .twrap.in .bar i{transform:none}

@media (max-width:1000px){
  .bench{grid-template-columns:minmax(0,1fr)}
  .bench::before{right:0}
  .tstack{position:relative;top:0;order:-1;margin:0 14px 26px 0}
}
@media (max-width:700px){
  .crow{grid-template-columns:minmax(0,auto) minmax(0,1fr) 14px;gap:6px 14px;padding:16px 16px}
  .cmem{grid-row:span 2;font-size:1.45rem}
  .cnums{grid-column:2;grid-row:2;flex-direction:row;gap:14px;align-items:baseline}
  .crow .arr{grid-column:3;grid-row:1 / span 2}
  .crow:hover,.crow.on{transform:none}
  .tout{font-size:11px;padding:16px 14px 18px;min-height:24.5em}
  .lay.l1{transform:translate3d(8px,8px,0)}.lay.l2{transform:translate3d(16px,16px,0)}
  .tstack{margin-right:16px}
}
@media (prefers-reduced-motion:reduce){.tout::after{animation:none}.bench::before{animation:none}}


.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;margin-top:6px}
.pod{position:relative;display:flex;flex-direction:column;padding:26px 26px 22px;border-radius:24px;
  border:1px solid var(--line);background:var(--glassg),rgba(13,18,26,.6);
  backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);
  box-shadow:var(--inset),var(--sh-1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.pod:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.35)}
.pod.p1{border-color:rgba(var(--accent-rgb),.5);
  background:radial-gradient(120% 70% at 0% 0%,rgba(var(--accent-rgb),.16),transparent 60%),var(--glassg),rgba(13,18,26,.66);
  box-shadow:var(--inset),0 40px 90px -40px rgba(var(--accent-rgb),.6),var(--sh-2)}
.phead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.prk{font:700 44px/1 var(--mono);letter-spacing:-.04em;color:rgba(255,255,255,.22)}
.p1 .prk{color:var(--accent);text-shadow:0 0 30px rgba(var(--accent-rgb),.55)}
.pbd{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.pbd .chip{font-size:11px;padding:3px 9px}
.pname{margin-top:18px;font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.pname a{color:var(--head1)}
.pname a:hover{color:var(--accent-hi)}
.psub{margin-top:6px;font:400 12.5px var(--mono);color:var(--dim)}
.pbig{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.pbig>div{padding:14px 14px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.pbig span,.pst span{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow)}
.pbig b{display:block;margin-top:8px;font:700 clamp(1.9rem,2.8vw,2.4rem)/1 var(--mono);letter-spacing:-.03em;color:var(--head1)}
.p1 .pbig>div:first-child b{color:var(--accent-hi)}
.pbig b a{color:inherit;border-bottom:0}
.pbig small{display:block;margin-top:6px;font-size:11.5px;color:var(--mu)}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.pst b{display:block;margin-top:6px;font:700 17px var(--mono);color:var(--tx);font-variant-numeric:tabular-nums;white-space:nowrap}
.pst b small{font-weight:400;font-size:12px;color:var(--mu)}
.pst.dim b{color:var(--dim)}
.pcta{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--eyebrow)}
.pcta:hover{color:var(--accent-hi)}
.pcta:hover .arr{transform:translateX(4px)}
.podium+.legend{margin-top:16px}
details.full{margin-top:4px}
details.full>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:20px;
  border:1px solid var(--line);background:var(--glassg),rgba(13,18,26,.5);box-shadow:var(--inset),var(--sh-1);
  transition:border-color .3s var(--ease)}
details.full>summary::-webkit-details-marker{display:none}
details.full>summary span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow)}
details.full>summary b{font-size:16px;font-weight:600}
details.full>summary .arr{margin-left:auto;font-style:normal;color:var(--accent)}
details.full>summary:hover{border-color:rgba(var(--accent-rgb),.4)}
details.full[open]>summary{margin-bottom:16px}
details.full[open]>summary .arr{transform:rotate(180deg)}
@media (max-width:1000px){.podium{grid-template-columns:minmax(0,1fr)}.pod.p1{order:-1}}
@media (max-width:700px){.pod{padding:22px 18px 18px}.pname{font-size:18px}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  details.full>summary{padding:16px 18px;flex-wrap:wrap;gap:6px 12px}}


@media (min-width:1001px){
  .heromedia{width:min(54vw,820px)}
  .heromedia img,.herovid{
    -webkit-mask-image:
      linear-gradient(270deg,#000 40%,transparent 92%),
      linear-gradient(0deg,transparent 0%,#000 22%),
      linear-gradient(180deg,transparent 0%,#000 20%);
    mask-image:
      linear-gradient(270deg,#000 40%,transparent 92%),
      linear-gradient(0deg,transparent 0%,#000 22%),
      linear-gradient(180deg,transparent 0%,#000 20%)}
  .hero:not(.sm)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(90deg,var(--bg) 0%,rgba(10,14,20,.92) 34%,rgba(10,14,20,.55) 48%,transparent 62%)}
  .hero:not(.sm) h1{font-size:clamp(2.9rem,5vw,4.4rem)}
  .hero:not(.sm) .lede{max-width:min(34rem,40vw);color:var(--tx);opacity:.78}
  .hero:not(.sm) .kpis{max-width:min(560px,44vw)}
}
.nrl a small{display:block;margin-top:3px;font:400 12px/1.4 var(--mono);color:var(--dim)}
.nrl li{align-items:center}
.nrl span{color:var(--mu)}


.x{background:transparent;color:var(--tx);border-color:var(--line2)}
.x:hover{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.6);color:var(--tx)}
.sec.tight{padding-top:clamp(52px,6.5vw,92px)}
.hcards{gap:16px}
.hcard{padding:22px 22px 20px}
.hcard .heng{font-size:11.5px;line-height:1.45}
.hcard .hrule{margin-top:12px;font-size:13.5px}
.hnum2{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;border-top:1px solid var(--line);padding-top:16px}
.hnum2 b{display:block;font:600 1.55rem/1 var(--mono);letter-spacing:-.02em;color:var(--tx);font-variant-numeric:tabular-nums}
.hnum2 div:first-child b{color:var(--c)}
.hnum2 span{display:block;margin-top:6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.hcard .hnote{margin-top:10px;color:var(--dim)}
@media (min-width:1101px){
  .hcards{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
}
@media (min-width:701px) and (max-width:1100px){
  .hcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hcards .hcard:last-child:nth-child(odd){grid-column:span 2}
}
.hcard .htag{white-space:nowrap;font-size:11px;letter-spacing:.06em;padding:4px 9px}
.hcard .hrule .hnote{font-size:12px}
.hnum2{margin-top:auto}
.hcard .hrule{flex:1;margin-bottom:18px}


.rkline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 18px}
.rkb{display:inline-flex;align-items:baseline;gap:6px;font:600 15px/1 var(--mono);color:var(--accent);
  border:1px solid rgba(var(--accent-rgb),.35);background:rgba(var(--accent-rgb),.08);padding:8px 13px;border-radius:999px}
.rkb span{font:500 13px/1 var(--sans,inherit);color:var(--mu)}
a.rkb:hover{border-color:rgba(var(--accent-rgb),.7)}
.rkb.nr{color:var(--mu);border-color:var(--line2);background:transparent;font-weight:500}
.rkq{font-size:13px;color:var(--mu)}
.rkq b{font:600 15px var(--mono);color:var(--tx);margin-left:4px}
.hero.sm .lede.rsub{font-family:var(--mono);font-size:14px;color:var(--mu);margin-top:16px}
.rmod{font-size:13px;color:var(--dim);margin-top:6px;max-width:52rem}
.rcp{display:inline-flex;gap:8px;align-items:center;margin-top:18px;font-size:14px;font-weight:500;color:var(--tx);
  border:1px solid var(--line2);padding:9px 15px;border-radius:999px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.rcp:hover{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.1)}
.src a.rl{color:var(--mu);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.src a.rl:hover{color:var(--accent)}


.finder{margin:28px 0 22px;max-width:640px}
.finder label{display:block;font-size:14px;color:var(--mu);margin-bottom:10px}
.fin{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.finder input{flex:0 1 300px;min-width:0;font:500 15px var(--mono);color:var(--tx);background:var(--glass);
  border:1px solid var(--line2);border-radius:12px;padding:12px 14px;outline:none;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.finder input::placeholder{color:var(--dim)}
.finder input:focus{border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15)}
.fout{font-size:15px}
.fgo{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:var(--tx)}
.fgo b{color:var(--accent)}
.fgo small{flex-basis:100%;font-size:12.5px;color:var(--dim)}
.fno{color:var(--mu);font-size:14px}
@media (max-width:700px){.finder input{flex-basis:100%}}



main{counter-reset:ch}
.sec>.wrap>.eyebrow{counter-increment:ch;gap:14px}
.sec>.wrap>.eyebrow::before{content:counter(ch,decimal-leading-zero);width:auto;height:auto;background:none;
  font:500 12px var(--mono);letter-spacing:.06em;color:var(--accent)}
.sec>.wrap>.eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent 85%)}
.sec{padding-top:clamp(72px,9vw,128px)}
.sec.tight{padding-top:clamp(60px,7.5vw,108px)}




.hwi{width:30px;height:22px;flex:none;color:rgba(var(--accent-rgb),.9)}
.chw{display:flex;align-items:center;gap:9px}
.cmeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;font:500 13px var(--mono);color:var(--mu)}
.cmeta .hwi{width:44px;height:32px}
.fresh{display:inline-flex;align-items:center;gap:8px;font:500 12.5px var(--mono);color:var(--mu)}
.fresh::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.16)}
.cmeta .fresh{padding-left:14px;border-left:1px solid var(--line2)}
.fresh.hf{display:flex;margin:-8px 0 18px}


.sig{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.stage{position:relative;padding:14px 22px 58px 54px;border:1px solid var(--line);border-radius:var(--rad);
  background:radial-gradient(90% 70% at 85% 0%,rgba(var(--accent-rgb),.10),transparent 60%),var(--glassg),rgba(13,18,26,.6);
  box-shadow:var(--inset),var(--sh-1);perspective:1600px}
.plane{position:relative;height:clamp(300px,34vw,440px);margin-top:18px;transform-style:preserve-3d;
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease)}
.plane>i,.plane>span,.plane>svg{position:absolute;font-style:normal}
.gy{left:0;right:0;height:1px;background:rgba(255,255,255,.06)}
.gy span{position:absolute;right:calc(100% + 12px);top:-8px;font:500 11px var(--mono);color:var(--dim)}
.gx{top:0;bottom:0;width:1px;background:rgba(255,255,255,.045)}
.gx span{position:absolute;top:calc(100% + 10px);left:-14px;width:28px;text-align:center;font:500 11px var(--mono);color:var(--dim)}
.plane::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line2)}
.zone{top:0;bottom:0;right:0;background:linear-gradient(90deg,rgba(var(--accent-rgb),.06),rgba(var(--accent-rgb),.015))}
.fast{top:0;bottom:0;width:0;border-left:1px dashed rgba(var(--accent-rgb),.6)}
.fast span{position:absolute;top:calc(100% + 10px);left:-32px;width:64px;text-align:center;font:600 11px var(--mono);color:var(--accent)}
.zslow{left:0;top:auto;bottom:10px;text-align:center}
.zslow span{display:block;font:500 10.5px/1.45 var(--mono);color:var(--dim);padding:0 6px}
.pf{inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pf polyline{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.75}
.corner{right:4px;top:-4px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}

.pin{position:absolute;width:0;height:0;transform-style:preserve-3d;cursor:pointer}
.pin .stem{position:absolute;left:-.5px;top:0;width:1px;height:calc(var(--ph) * var(--h) / 100);
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));transform-origin:top}
.pin .dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;
  background:#0d1119;border:1.5px solid rgba(var(--mu-rgb),.95);box-shadow:0 0 0 3px rgba(10,14,20,.9);
  transform:translateZ(18px);transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.pin.slow .dot{border-color:rgba(var(--mu-rgb),.5);border-style:dashed}
.pin.t .dot{left:-9px;top:-9px;width:18px;height:18px;transform:translateZ(36px);background:var(--accent);border:2px solid #0a0e14;
  box-shadow:0 0 0 1.5px var(--accent),0 0 0 8px rgba(var(--accent-rgb),.12),0 0 28px rgba(var(--accent-rgb),.55)}
.pin.t .stem{background:linear-gradient(180deg,rgba(var(--accent-rgb),.8),rgba(var(--accent-rgb),0))}
.pin:hover .dot,.pin.hi .dot{transform:translateZ(40px) scale(1.3);background:var(--accent);border-color:#fff;
  box-shadow:0 0 0 6px rgba(var(--accent-rgb),.2),0 0 26px rgba(var(--accent-rgb),.7)}
.pin.sel .dot{background:#fff;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 0 9px rgba(var(--accent-rgb),.22),0 0 30px rgba(var(--accent-rgb),.8)}
.pin:hover,.pin.hi{z-index:5}
.pin::after{content:attr(data-t);position:absolute;bottom:14px;left:0;transform:translateX(-50%);white-space:nowrap;
  font:500 12px var(--mono);color:var(--tx);background:var(--panel-solid);border:1px solid var(--line2);border-radius:10px;
  padding:7px 10px;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}
.pin:hover::after{opacity:1}
.js .pin::after{display:none}
.tag{position:absolute;z-index:6;font:600 11px var(--mono);color:var(--on-accent);background:var(--accent);
  padding:2px 6px;border-radius:6px;pointer-events:none;transform-style:preserve-3d}
.tag.ur{transform:translate(10px,-18px) translateZ(44px)}.tag.ul{transform:translate(calc(-100% - 10px),-18px) translateZ(44px)}
.tag.dr{transform:translate(10px,14px) translateZ(44px)}.tag.dl{transform:translate(calc(-100% - 10px),14px) translateZ(44px)}
.plane{--ph:clamp(300px,34vw,440px)}
.ax{position:absolute;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.ay{left:18px;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}
.axx{right:24px;bottom:16px}
.fast b{position:absolute;top:-30px;left:0;transform:translateX(-50%);white-space:nowrap;font:600 12px var(--mono);
  color:var(--on-accent);background:var(--accent);padding:3px 9px;border-radius:999px;box-shadow:0 0 18px rgba(var(--accent-rgb),.5)}
.fast span{display:none}
.zslow span{font-size:11.5px;color:var(--mu)}
.why30{display:flex;gap:16px;align-items:flex-start;max-width:62rem;margin:-4px 0 22px;padding:16px 20px;
  border:1px solid rgba(var(--accent-rgb),.35);border-radius:16px;background:rgba(var(--accent-rgb),.07)}
.why30 .k4{flex:none;width:0;height:40px;border-left:2px dashed var(--accent);margin:2px 6px 0}
.why30 p{font-size:15px;color:var(--mu);line-height:1.55}
.why30 b{color:var(--tx);font-weight:600}

.drawer{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(560px,100vw);overflow-y:auto;overscroll-behavior:contain;
  background:rgba(12,16,23,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-left:1px solid var(--line2);box-shadow:-30px 0 80px -20px rgba(0,0,0,.85);
  transform:translateX(104%);transition:transform .45s var(--ease);visibility:hidden;counter-reset:ch}
.drawer.on{transform:none;visibility:visible}
.dtop{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 22px;background:rgba(12,16,23,.92);border-bottom:1px solid var(--line)}
.dtop a{font-size:13.5px;color:var(--accent)}
.dx{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--glass);color:var(--tx);
  font-size:20px;line-height:1;cursor:pointer;transition:border-color var(--dur) var(--ease)}
.dx:hover{border-color:var(--accent)}
.dbody{padding:6px 28px 40px}
.dbody .wrap{padding:0;max-width:none}
.dbody .hero.sm{padding:22px 0 0}
.dbody h1.rh{font-size:2.1rem}
.dbody .sec,.dbody .sec.tight{padding-top:34px}
.dbody .kpig{grid-template-columns:repeat(2,minmax(0,1fr))}
.dbody .kpig .kpi:last-child:nth-child(odd){grid-column:span 2}
.dbody .crumb{display:none}
.dbody .dmore{display:inline-flex;margin-top:28px;font-size:14px;font-weight:500;color:var(--tx);border:1px solid var(--line2);
  padding:10px 16px;border-radius:999px}
.dbody .dmore:hover{border-color:var(--accent)}
.dload{padding:40px 28px;color:var(--dim);font:500 13px var(--mono)}
@media (max-width:700px){
  .drawer{top:auto;left:0;width:100%;height:88vh;border-left:0;border-top:1px solid var(--line2);border-radius:22px 22px 0 0;
    transform:translateY(104%)}
  .dbody{padding:0 18px 34px}
  .why30{padding:14px 16px}.why30 p{font-size:14px}
}

.stage{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 26px 50px -26px rgba(0,0,0,.75),inset 0 -40px 60px -50px rgba(0,0,0,.6),
  0 40px 80px -40px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.03)}
.plane{background:radial-gradient(120% 90% at 12% 0%,rgba(255,255,255,.035),transparent 55%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 30px 60px -40px rgba(0,0,0,.6);border-radius:6px}
.pin .sh{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:rgba(0,0,0,.8);
  filter:blur(4px);transform:translate(5px,9px);pointer-events:none}
.pin.t .sh{left:-9px;top:-9px;width:18px;height:18px;filter:blur(7px);transform:translate(9px,16px)}
.pin .stem{opacity:.6}
.pfl{transform:translateZ(14px);filter:drop-shadow(7px 12px 6px rgba(0,0,0,.6))}
.tag{box-shadow:0 10px 18px -8px rgba(0,0,0,.9)}
.fx .sig .pin .sh{opacity:0;transition:opacity .6s var(--ease) calc(var(--d) * 45ms + .25s)}
.fx .sig.in .pin .sh{opacity:1}
.fx .sig.in .pfl{opacity:1}

.scard{position:absolute;z-index:30;min-width:230px;max-width:300px;pointer-events:none;opacity:0;transform:translateY(6px);
  background:var(--panel-solid);border:1px solid var(--line2);border-radius:14px;padding:12px 14px;box-shadow:var(--sh-1);
  transition:opacity .18s var(--ease),transform .18s var(--ease)}
.scard.on{opacity:1;transform:none}
.scard .sr{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.scard b{display:block;margin-top:4px;font-size:15px;font-weight:600}
.scard small{display:block;margin-top:2px;font:400 11.5px var(--mono);color:var(--dim)}
.scard .sq{display:flex;gap:16px;margin-top:10px;font:400 12px var(--mono);color:var(--mu)}
.scard .sq em{font-style:normal;color:var(--tx);font-weight:600;font-size:15px;margin-right:4px}
.scard .sq em.a{color:var(--accent)}
.scard a{display:none}
.scard.tap{pointer-events:auto}.scard.tap a{display:inline-block;margin-top:10px;font-size:13px;color:var(--accent)}

.sside{display:flex;flex-direction:column;gap:14px}
.sside ol{list-style:none;display:grid;gap:10px}
.sside li a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 10px;padding:14px 14px;border-radius:16px;
  border:1px solid var(--line);background:var(--glassg),rgba(13,18,26,.55);box-shadow:var(--inset);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.sside li a:hover,.sside li a.hi{border-color:rgba(var(--accent-rgb),.5);transform:translateX(3px)}
.sside .tn{grid-row:span 2;align-self:start;font:600 12px var(--mono);color:var(--on-accent);background:var(--accent);
  border-radius:7px;text-align:center;padding:3px 0}
.sside .tn.f{background:rgba(255,255,255,.1);color:var(--tx)}
.sn{font-size:14.5px;font-weight:600;line-height:1.3;min-width:0}
.sn small{display:block;font:400 11px var(--mono);color:var(--dim);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv{font:400 11.5px/1.6 var(--mono);color:var(--mu)}
.sv b{color:var(--tx);font-weight:600}
.sv span{display:block}
.skey{display:grid;gap:8px;padding:4px 4px 0;font-size:12.5px;color:var(--dim)}
.skey div{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center}
.skey i{display:block;margin:auto}
.skey .k1{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #0a0e14,0 0 0 3px var(--accent)}
.skey .k2{width:10px;height:10px;border-radius:50%;background:#0d1119;border:1.5px solid rgba(var(--mu-rgb),.95)}
.skey .k3{width:20px;height:2px;background:var(--accent);opacity:.75}
.skey .k4{width:0;height:14px;border-left:1px dashed var(--accent)}

.fx .sig .pin .stem{transform:scaleY(0);transition:transform .9s var(--ease) calc(var(--d) * 45ms + .15s)}
.fx .sig .pin .dot,.fx .sig .tag{opacity:0;transition:opacity .6s var(--ease) calc(var(--d) * 45ms + .25s),transform .3s var(--ease)}
.fx .sig .pf{opacity:0;transition:opacity 1.2s var(--ease) .9s}
.fx .sig.in .pin .stem{transform:none}
.fx .sig.in .pin .dot,.fx .sig.in .tag,.fx .sig.in .pf{opacity:1}
@media (max-width:1100px){.sig{grid-template-columns:minmax(0,1fr)}.sside ol{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media (max-width:700px){
  .stage{padding:8px 12px 54px 36px}
  .plane{height:320px;--ph:320px}
  .axx{right:12px;letter-spacing:.06em}
  .ay,.corner,.zslow{display:none}
  .cmeta .fresh{border-left:0;padding-left:0;flex-basis:100%}
  .sside ol{grid-template-columns:minmax(0,1fr);gap:8px}
  .sside li a{padding:11px 12px}
  .sv{display:flex;gap:16px}
}


.fme{display:flex;gap:16px;align-items:flex-start}
.fme img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--line2);flex:none}
.fme b{display:block;color:var(--tx);font-size:15.5px;font-weight:600}
.fme p{margin:4px 0 10px}
.fme a{font-size:14px;color:var(--accent)}
.fme a .arr{display:inline-block;transition:transform var(--dur) var(--ease)}
.fme a:hover .arr{transform:translateX(3px)}


@media (max-width:1000px){
  .tstack{order:0;margin:26px 14px 0 0}
}


.rkline{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:4px 0 26px}
.rkline .rkb,.rkline .rkq{display:flex;align-items:center;gap:14px;padding:14px 20px 14px 18px;border-radius:18px;
  border:1px solid var(--line2);background:var(--glassg),rgba(13,18,26,.6);box-shadow:var(--inset),var(--sh-1);margin:0}
.rkline .rkb{border-color:rgba(var(--accent-rgb),.55);background:linear-gradient(135deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.04)),rgba(13,18,26,.6);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.rkline .rkb:hover{border-color:var(--accent);transform:translateY(-1px)}
.rkline b{font:600 clamp(2rem,3.4vw,2.6rem)/1 var(--mono);letter-spacing:-.03em;color:var(--tx);margin:0}
.rkline .rkb b{color:var(--accent)}
.rkline span{font:500 12.5px/1.35 var(--sans);color:var(--mu);text-transform:none;letter-spacing:0}
.rkline .rkb.nr{font:600 15px var(--sans);color:var(--mu);border-color:var(--line2);background:var(--glass)}
@media (max-width:560px){
  .rkline{display:grid;grid-template-columns:auto 1fr;gap:10px}
  .rkline .rkb,.rkline .rkq{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}
}
.fnv{display:block;margin-top:8px;font-size:12.5px;color:var(--dim);max-width:36rem}


.chg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:6px}
.chd{border:1px solid var(--line2);border-radius:16px;padding:16px 18px;background:var(--glassg),rgba(13,18,26,.6);box-shadow:var(--inset)}
.chd h3{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);margin:0 0 12px}
.chd ul{list-style:none;margin:0;padding:0}
.chd li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.chd li:first-child{border-top:0}
.chd li a{color:var(--tx);font-weight:550;min-width:0}
.chd li a small{display:block;font:400 12px var(--mono);color:var(--dim);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chd li>span{font:500 13px var(--mono);color:var(--mu);white-space:nowrap}
.chd li.none{color:var(--dim);font-size:13px}
.chd .up{color:var(--accent);font-weight:600}.chd .dn{color:var(--mu);font-weight:600}


.rwhy{margin:-12px 0 22px;max-width:44rem;color:var(--mu);font-size:15px;line-height:1.5}
.rkline .rkwhy{align-self:center;margin:0;color:var(--mu);font-size:15px;max-width:40rem}
@media (min-width:1001px){.rec div:last-child:nth-child(3n+1){grid-column:span 3}.rec div:last-child:nth-child(3n+2){grid-column:span 2}}
@media (min-width:561px) and (max-width:1000px){.rec div:last-child:nth-child(odd){grid-column:span 2}}
.latest{margin:26px 0 0;font-size:14.5px;color:var(--mu);max-width:40rem}
.latest span{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-right:10px}
.latest a{color:var(--tx);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.latest a:hover{text-decoration-color:currentColor}
.latest .lmore{margin-left:8px;color:var(--mu)}

@media (min-width:701px){.psub{line-height:1.4;min-height:2.8em}}
.chg{align-items:start}

@media (max-width:560px){.kpig{grid-template-columns:repeat(2,minmax(0,1fr))}.kpig .kpi:last-child:nth-child(odd){grid-column:span 2}}
.latest .lmore{white-space:nowrap}

.wrap.prose{max-width:var(--wrap)}
.wrap.prose>*{max-width:46rem}
.hero.sm+.sec.tight{padding-top:8px}

.kpig{clip-path:inset(0 round var(--rad))}
.dbody .hero.sm{padding-bottom:14px}

.sig{grid-template-columns:minmax(0,1fr)}
.plane{height:clamp(300px,32vw,480px)}
.skey{display:flex;flex-wrap:wrap;gap:10px 30px;padding:2px 4px 0}
.skey div{grid-template-columns:22px auto}
@media (max-width:700px){.skey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.skey div{grid-template-columns:18px 1fr}}

.rank tbody td{vertical-align:middle}
.rank td.setup{min-width:200px}
.rank td.setup .bd{display:inline-flex;flex-wrap:wrap;gap:6px;margin:0 0 0 8px;vertical-align:middle}
.rank td.au{white-space:nowrap}
.au a,.au{color:var(--tx);font-size:13.5px}
.au a{display:inline-flex;align-items:center;gap:9px}
.au a:hover span{color:var(--accent)}
.au img,.au i{width:24px;height:24px;border-radius:50%;flex:none;vertical-align:middle;box-shadow:0 0 0 1px var(--line2)}
.au i{display:inline-grid;place-items:center;margin-right:9px;background:rgba(var(--accent-rgb),.14);color:var(--accent);font:600 11px var(--sans);font-style:normal}
.au span{display:inline-block;max-width:128px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.epill{display:inline-block;padding:3px 9px;border-radius:999px;font:500 12px var(--mono);color:var(--accent);
  background:rgba(var(--accent-rgb),.10);border:1px solid rgba(var(--accent-rgb),.28);white-space:nowrap}
.rank td.qn{font:400 12.5px var(--mono);color:var(--mu);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank td,.rank th{padding-left:10px;padding-right:10px}
.rank td.setup{min-width:180px;max-width:250px}
.rank td.setup b{font-size:14px}
.au span{max-width:104px}
.rank td.qn{max-width:118px}
.rank th small{white-space:nowrap}
.au span{max-width:86px}
.rank td.qn{max-width:96px}
.rank td.spd{min-width:100px}
.epill{padding:2px 8px;font-size:11.5px}
.rank td.setup{min-width:170px;max-width:220px}
.au a{vertical-align:middle}
.tfilt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 14px}
.tfilt input[type=search],.tfilt select{font:400 14px var(--sans);color:var(--tx);background:rgba(255,255,255,.04);
  border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-height:40px}
.tfilt input[type=search]{flex:1 1 240px;max-width:340px}
.tfilt input[type=search]:focus,.tfilt select:focus{outline:2px solid rgba(var(--accent-rgb),.6);outline-offset:1px}
.tfilt label{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--mu);cursor:pointer}
.tfilt input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}
#tn{margin-left:auto;font:500 12.5px var(--mono);color:var(--mu)}

@media (min-width:1280px){details.full .twrap,.rkwide .twrap{width:min(calc(100vw - 64px),1320px);margin-left:calc(50% - min(50vw - 32px,660px))}
}
@media (min-width:1360px){.rank td.setup{white-space:nowrap}.rank td.setup .bd{flex-wrap:wrap;white-space:normal;max-width:250px}}

@media (min-width:1280px){.rank td.qn{max-width:88px}}
.rank td.setup{max-width:none}
.rank td.setup b{font-size:15px;letter-spacing:-.01em}
.rank td.setup .bd{display:flex;margin:5px 0 0}
.rank .rl{border-bottom:0}
.rank a.rl:hover{text-decoration:underline;text-underline-offset:4px}
.rank td.n[style] .rl{display:inline-block;padding:4px 8px;margin-left:-8px;border-radius:7px;
  background:rgba(var(--accent-rgb),calc(.035 + var(--h) * .2));color:color-mix(in srgb,var(--tx) calc(62% + var(--h) * 38%),var(--mu))}
.rank td.n.best[style] .rl{color:var(--accent-hi);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45)}
.rank td.qual b{font-size:17px}
.rank tbody td{padding-top:15px;padding-bottom:15px}
.au img,.au i{width:32px;height:32px}
.au i{font-size:13px}
.au a{gap:11px}
.au span{font-size:14px}
@media (min-width:1280px){.au span{max-width:100px}}
@media (max-width:700px){.latest .lmore{display:table;margin:6px 0 0}}

.avi{width:22px;height:22px;border-radius:50%;flex:none;object-fit:cover;box-shadow:0 0 0 1px var(--line2)}
i.avi{display:inline-grid;place-items:center;background:rgba(var(--accent-rgb),.14);color:var(--accent);font:600 10.5px var(--sans);font-style:normal}
.pau{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;font-weight:500;color:var(--tx)}
.pau+.psub{margin-top:6px}
@media (min-width:701px){.pau+.psub{min-height:1.4em}}
.rcp .avi{margin:-2px 0}
.pau+.psub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mth .prose h2{scroll-margin-top:96px}
.toc{display:none}
@media (min-width:1000px){
  .mth{display:grid;grid-template-columns:minmax(0,46rem) 220px;justify-content:space-between;gap:48px;align-items:start}
  .toc{display:block;position:sticky;top:104px;margin-top:34px;padding-left:18px;border-left:1px solid var(--line)}
  .toc span{display:block;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:12px}
  .toc ol{list-style:none;display:grid;gap:2px}
  .toc a{display:block;padding:6px 0;font-size:14px;color:var(--mu);transition:color var(--dur) var(--ease)}
  .toc a:hover{color:var(--tx)}
  .toc a.on{color:var(--accent-hi)}
  .toc a.on::before{content:"";position:absolute;left:-19px;width:2px;height:22px;margin-top:-2px;background:var(--accent);border-radius:2px}
  .toc li{position:relative}
}

.ausub{max-width:44rem;color:var(--mu);margin-top:14px;font-size:15px;line-height:1.6}
.authors{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin-top:28px}
.authors li>a,.authors li>div{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:14px;
  border:1px solid var(--line);background:var(--glassg),rgba(13,18,26,.5);box-shadow:var(--inset);min-width:0;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}
.authors li>a:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-2px);background:var(--glassg),rgba(var(--accent-rgb),.07)}
.authors .avi{width:36px;height:36px}
.authors i.avi{font-size:14px}
.authors span{min-width:0;display:grid}
.authors b{font-size:14px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.authors small{font:400 11.5px var(--mono);color:var(--dim);margin-top:2px}
.aumore{display:none}
@media (max-width:700px){
  .authors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .authors li>a,.authors li>div{padding:8px 10px 8px 8px;gap:10px}
  .authors .avi{width:30px;height:30px}
  .authors.cut li:nth-child(n+11){display:none}
}
@media (min-width:701px){.authors.cut li:nth-child(n+19){display:none}}
.authors.cut+.aumore{display:inline-flex;margin-top:14px;font:500 14px var(--sans);color:var(--accent);background:none;border:0;padding:6px 0;cursor:pointer}
.authors.cut+.aumore:hover{color:var(--accent-hi)}

body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
main{flex:1 0 auto}

.lost{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.lost a{display:inline-flex;align-items:center;padding:11px 18px;border-radius:999px;font:500 15px var(--mono);color:var(--tx);
  border:1px solid var(--line2);background:rgba(255,255,255,.03);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.lost a:hover{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.1)}
.lost a.home{font-family:var(--sans);color:var(--mu)}

.rnav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch;margin-top:8px}
.rnav a.rprev,.rnav a.rnext{display:grid;gap:3px;padding:16px 18px;border-radius:var(--rad2);border:1px solid var(--line);
  background:var(--glassg),rgba(13,18,26,.5);box-shadow:var(--inset);min-width:0;
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.rnav a.rnext{text-align:right}
.rnav a.rprev:hover,.rnav a.rnext:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-2px)}
.rnav span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rnav b{font-size:16px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rnav small{font:400 12px var(--mono);color:var(--dim);overflow-wrap:anywhere}
.rnav .rall{align-self:center;padding:11px 18px;border-radius:999px;border:1px solid var(--line2);font-size:14px;font-weight:500;color:var(--tx);white-space:nowrap;
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.rnav .rall:hover{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.1)}
@media (max-width:700px){.rnav{grid-template-columns:1fr 1fr}.rnav .rall{grid-column:1/-1;grid-row:2;justify-self:center}
  .rnav a.rprev,.rnav a.rnext{padding:14px}.rnav b{font-size:14.5px}}
#rank{scroll-margin-top:96px}
@media (max-width:700px){.rnav b{white-space:normal}}

@media (max-width:700px){.rnav>span:empty{display:none}.rnav:has(>span:empty)>a.rprev,.rnav:has(>span:empty)>a.rnext{grid-column:1/-1}}
.rnav a.rprev,.rnav a.rnext{grid-template-rows:auto 1fr auto;align-items:start}

@media (max-width:560px){table.plain td,table.plain th{padding:10px 8px}table.plain th{letter-spacing:.06em}
  table.plain td.n{font-size:13px}table.plain td:first-child,table.plain th:first-child{padding-left:14px}
  table.plain td:last-child,table.plain th:last-child{padding-right:14px}}

@media (max-width:1259px){
  .navin{flex-wrap:wrap;height:auto;gap:0 8px;padding-top:10px;padding-bottom:8px}
  .navpic{width:30px;height:30px}
  .links{order:3;flex:1 0 100%;margin-top:8px}
  .meth{margin-left:auto}
  .navin .x{display:inline-flex;order:2;font-size:12px;padding:6px 11px}
}
@media (max-width:700px){
  .nav{position:static}
  .links{flex-wrap:wrap;margin:6px -6px 0;row-gap:2px}
  .links .sep{display:none}
  .ng{flex:1 0 100%;justify-content:space-between}
  .links .lbl{display:none}
  .links a{padding:7px 8px;font-size:13px}
}
@media (max-width:400px){.links a{padding:7px 5px;font-size:12.5px}}

.hgo{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:12px 20px;border-radius:999px;
  font-size:15px;font-weight:600;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);
  box-shadow:0 10px 30px -12px rgba(var(--accent-rgb),.7);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.hgo:hover{box-shadow:0 14px 36px -12px rgba(var(--accent-rgb),.9)}
.hgo:hover .arr{transform:translateY(3px)}
.hgo+.kpis{margin-top:40px}
@media (prefers-reduced-motion:no-preference){.hero .hgo{animation:up .7s var(--ease) .1s both}}
#find{scroll-margin-top:40px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

.jfull{margin-top:22px}
.jfull:hover .arr{transform:translateY(3px)}
.rank th[data-s]:not(.on):not(.rkh)::after{content:" ↕";opacity:.4;font-weight:400}
.rank th[data-s]:not(.on):not(.rkh):hover::after{opacity:.8}
#cmd,#rank,#full{scroll-margin-top:84px}
@media (max-width:700px){#cmd,#rank,#full{scroll-margin-top:104px}}

.rank th[data-s]:has(small):not(.on):not(.rkh)::after{content:none}
.rank th[data-s]:not(.on):not(.rkh) small::after{content:" ↕";opacity:.5}
.rank th.on:has(small):not(.rkh)::after{content:none}
.rank th.on:not(.rkh) small::after{content:" ↓";color:var(--accent)}
.rank th.on.asc:not(.rkh) small::after{content:" ↑"}

.rank .msub{display:none}
.rank th[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-6px;border-radius:8px}
@media (max-width:700px){
  .rank th:nth-child(3),.rank th:nth-child(4),.rank th:nth-child(5),.rank td.au,.rank td.en,.rank td.qn{display:none}
  .rank .msub{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:var(--mu);max-width:126px}
  .rank .msub span{white-space:nowrap}
  .rank .msub i{display:block;font:400 11px/1.5 var(--mono);font-style:normal;color:var(--dim);overflow-wrap:anywhere}
  .rank td,.rank th{padding-left:8px;padding-right:8px}
  .rank td.setup{min-width:142px;max-width:none}
  .rank td.setup b{font-size:14px}
  .rank td.spd{min-width:78px}
  .rank th.rkh,.rank td.rkc{position:sticky;left:0;z-index:2;padding-left:10px}
  .rank th:nth-child(2),.rank td.setup{position:sticky;left:38px;z-index:2}
  .rank thead th.rkh,.rank thead th:nth-child(2){z-index:3}
  .rank tbody td.rkc,.rank tbody td.setup{background:#14171d}
  .rank tbody tr.top,.rank tbody tr.top:hover{background:none}
  .rank tbody td{padding-top:12px;padding-bottom:12px}
  .rank td.setup .bd{gap:4px;margin-top:6px}
  .rank td.setup .bd .chip{font-size:11px;padding:2px 8px}
  .rank th:nth-child(2),.rank td.setup{transition:box-shadow var(--dur) var(--ease)}
  .twrap.sx .rank th:nth-child(2),.twrap.sx .rank td.setup{box-shadow:inset -1px 0 0 var(--line),10px 0 14px -10px rgba(0,0,0,.8)}
}
@media (max-width:380px){
  .rank td,.rank th{padding-left:6px;padding-right:6px}
  .rank th.rkh,.rank td.rkc{padding-left:8px}
  .rank td.setup{min-width:120px}.rank .msub{max-width:108px}
  .rank th:nth-child(2),.rank td.setup{left:36px}
  .rank td.spd{min-width:66px}
}

.authors li>a,.authors li>div{gap:10px;padding-right:10px}
.authors b.lg{font-size:12.5px;letter-spacing:-.01em}
.chd li a small{white-space:normal;overflow:visible;text-overflow:clip}
.rank td.qn{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}


.mcard{border:1px solid var(--line);background:var(--glass);border-radius:var(--rad);padding:clamp(18px,2.6vw,30px);box-shadow:var(--inset)}
.mhead{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.mtitle{font-size:17px;font-weight:600;line-height:1.35;margin:0 0 16px}.mtitle a{color:var(--tx)}
.mcard+.mcard{margin-top:18px}
.chip.aic{color:var(--eyebrow);border-color:rgba(var(--accent-rgb),.35)}
.mstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.mst{border:1px solid var(--line);border-radius:var(--rad2);padding:14px 16px;background:var(--glass2);min-width:0}
.mst small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.mst b{display:block;font:600 22px/1.25 var(--mono);margin-top:6px;font-variant-numeric:tabular-nums}
.mst i{display:block;font-style:normal;font-size:12px;color:var(--dim);margin-top:4px}
.mfigs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mfig{margin:0;min-width:0}
.mfig img,.mfig video{display:block;width:100%;height:auto;border-radius:var(--rad2);border:1px solid var(--line);background:#05080c}
.mfig figcaption{font-size:12.5px;line-height:1.5;color:var(--mu);margin-top:9px}
.mfig figcaption b{color:var(--tx);font-weight:600}
.mrow{display:block;color:var(--dim);margin-top:2px}
.aig{display:inline-block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow);border:1px solid rgba(var(--accent-rgb),.35);border-radius:999px;padding:1px 8px;margin-right:4px;white-space:nowrap}
.mlinks{font-size:13px;color:var(--dim);margin-top:20px;line-height:1.9}
.mlinks a{color:var(--mu)}
.mcard .legend{margin:0 0 18px}
@media (max-width:1000px){.mstats{grid-template-columns:repeat(2,minmax(0,1fr))}.mfigs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.mstats{gap:8px}.mst b{font-size:18px}.mfigs{grid-template-columns:minmax(0,1fr)}}

@media (max-width:700px){.twrap table.plain.wide{min-width:560px}table.plain td.dim{word-break:break-word}}

table.plain tr.qnote{display:none}table.plain td.qnt{color:var(--dim);font-size:12.5px;padding-top:0;border-top:0}
@media (max-width:560px){table.plain .qcol{display:none}table.plain tr.qnote{display:table-row}}

@media (min-width:1360px){.rank td.setup{white-space:normal;min-width:220px;max-width:270px}}
.mcard ul.legend{margin:16px 0 0;padding-left:18px}.mcard ul.legend li+li{margin-top:5px}


.heromedia.heromedia-x .photonote{position:static;display:block;text-align:right;margin-top:6px;padding-right:var(--gut)}
.heromedia.heromedia-x img{display:block;width:100%;height:auto;aspect-ratio:2000/1493;object-fit:contain}
@media (min-width:1001px){
  .hero{min-height:min(760px,calc(100vh - 60px))}
  .hero h1,.hero .lede,.hero .eyebrow{max-width:min(34rem,40vw)}
  .hero .kpis,.hero .latest{max-width:min(560px,42vw)}
  .heromedia.heromedia-x{top:50%;bottom:auto;right:0;transform:translateY(-50%);
    width:min(1080px,calc(100vw - max(var(--gut),(100vw - var(--wrap))/2 + var(--gut)) - min(34rem,40vw) - 8px))}
  .heromedia.heromedia-x picture,.heromedia.heromedia-x img{position:relative;inset:auto}
  .heromedia.heromedia-x img{
    -webkit-mask-image:
      linear-gradient(90deg,transparent 0%,#000 9%,#000 95%,transparent 100%),
      linear-gradient(0deg,transparent 0%,#000 10%,#000 94%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:
      linear-gradient(90deg,transparent 0%,#000 9%,#000 95%,transparent 100%),
      linear-gradient(0deg,transparent 0%,#000 10%,#000 94%,transparent 100%);
    mask-composite:intersect}
}
@media (max-width:1000px){
  .heromedia.heromedia-x img{
    -webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 12%,#000 100%);
    mask-image:linear-gradient(0deg,transparent 0%,#000 12%,#000 100%)}
}


.anc{height:0;scroll-margin-top:84px}
.dimpick{color:var(--mu);font-weight:500}
.also{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.alc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 12px;padding:18px 20px;
  border:1px solid var(--line);border-radius:var(--rad2);background:var(--glass2);color:var(--tx);
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}
.alc small{grid-column:1/-1;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.alc b{font:600 20px/1.2 var(--mono);letter-spacing:-.02em}
.alc .arr{color:var(--dim);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.alc:hover{border-color:rgba(var(--accent-rgb),.42);transform:translateY(-2px);background:rgba(255,255,255,.06)}
.alc:hover .arr{transform:translateX(4px);color:var(--accent)}
.alc.none b{color:var(--mu);font-weight:500;font-size:16px}
@media (max-width:700px){.also{grid-template-columns:minmax(0,1fr)}}
table.voice td{vertical-align:top}
table.voice .vt{display:block;white-space:nowrap}
table.voice .vt small{margin-left:6px;color:var(--dim);font-size:11.5px}
table.voice td.smp{min-width:0;width:210px}
table.voice td.smp audio{display:block;width:100%;max-width:190px;height:36px;margin-bottom:6px}
table.voice td.smp .aig{margin-right:6px;font-size:9.5px;padding:1px 6px}
table.voice .eng{color:var(--dim);font-size:12.5px;margin-top:3px}
.cmem small{display:block;margin-top:6px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}


.kbar{position:relative;z-index:15;margin:2px 0 6px}
.kbar .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.kbar .kl{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.ktabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line2);border-radius:999px;background:var(--glass)}
.ktabs a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--mu);white-space:nowrap;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.ktabs a i{font:500 11.5px var(--mono);font-style:normal;color:var(--dim)}
.ktabs a:hover{color:var(--tx);background:rgba(255,255,255,.07)}
.ktabs a.on{background:var(--accent);color:var(--on-accent)}
.ktabs a.on i{color:rgba(10,14,20,.68)}
.ktabs a.z{color:var(--dim)}
.ktabs a.z.on{color:var(--on-accent);opacity:.82}
.cbar{flex-wrap:wrap;border-radius:20px;margin-top:26px}
.kbar+.sec.tight{padding-top:26px}
@media (max-width:700px){
  .kbar{position:sticky;top:0;padding:8px 0;margin:0;background:rgba(10,14,20,.86);border-bottom:1px solid var(--line);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .kbar .kl{display:none}
  .kbar .ktabs{display:flex;width:100%}
  .kbar .ktabs a{flex:1;justify-content:center;padding:8px 4px;gap:6px}
  .kbar+.sec.tight{padding-top:22px}
  .cbar a{padding:8px 12px}
}
.kempty{padding:30px;border:1px dashed var(--line2);border-radius:var(--rad)}
.kempty p{color:var(--mu);margin-top:10px;max-width:46rem}
.kgo{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.kgo .rcp{margin-top:10px}
.rcp.ghost{color:var(--mu)}
.rcp:hover .arr{transform:translateX(3px)}
.rcp .arr{display:inline-block;transition:transform var(--dur) var(--ease)}
.ehead{display:flex;align-items:baseline;justify-content:space-between;gap:6px 18px;flex-wrap:wrap}
.kopen{font-size:13.5px;font-weight:500;color:var(--accent)}
.kopen .arr{display:inline-block;transition:transform var(--dur) var(--ease)}
.kopen:hover .arr{transform:translateX(3px)}
.eml{list-style:none;display:grid;gap:10px;margin-top:6px}
.eml li{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:14px 18px;
  border:1px solid var(--line);border-radius:var(--rad2);background:var(--glass2);scroll-margin-top:84px}
.eml b{font:600 17px var(--mono);letter-spacing:-.02em}
.eml span{color:var(--mu);font-size:14px}
.eml a{font-size:13.5px;font-weight:500;color:var(--accent);white-space:nowrap}
.eml a .arr{display:inline-block;transition:transform var(--dur) var(--ease)}
.eml a:hover .arr{transform:translateX(3px)}
@media (max-width:700px){.eml li{grid-template-columns:minmax(0,1fr) auto}.eml span{grid-column:1/-1;grid-row:2}}


.ccover{position:absolute;inset:0;z-index:1;border-radius:inherit}
.ccover:focus-visible{outline-offset:-3px}
.ckinds{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;font:500 12px var(--mono);color:var(--dim)}
.ckinds>span{margin-right:8px;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}
.ckinds a{position:relative;z-index:2;color:var(--mu);padding:1px 0;border-bottom:1px dotted rgba(255,255,255,.28);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.ckinds a:hover{color:var(--accent);border-color:var(--accent)}
.ckinds a+a::before{content:"·";display:inline-block;margin:0 7px;color:var(--dim);border:0;position:static}
.gridnote{color:var(--mu);max-width:44rem;margin:10px 0 4px}


@media (min-width:1001px){
  .hero.sm{min-height:0}
  .hero.sm h1,.hero.sm .lede,.hero.sm .eyebrow{max-width:44rem}
}

@media (max-width:700px){body:has(.kbar) .ng+.sep+.ng{display:none}}


.rank td.qn{overflow-wrap:break-word;min-width:0}
html,body{overflow-x:clip}

.bench::before{right:0}
@media (max-width:360px){.links a{padding:7px 3px;font-size:12px}.ng{flex-wrap:wrap;justify-content:center;gap:2px 4px}}
.rank .msub span{white-space:normal;overflow-wrap:anywhere}


.aabox{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.aav{display:flex;align-items:center;gap:16px}
.aav b{font:700 clamp(2rem,3vw,2.6rem)/1 var(--mono);letter-spacing:-.03em;color:var(--accent-hi)}
.aav b a{color:inherit;border-bottom:0}
.aav b.noaa{font:600 1.25rem/1.2 var(--mono);color:var(--mu);letter-spacing:0}
.aav span{font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow)}
.aav span i{display:block;font-style:normal;text-transform:none;letter-spacing:0;color:var(--mu);font-size:12px}
.aasrc{margin-top:12px;font-size:13.5px;color:var(--mu);line-height:1.5}
.aabox .legend{margin-top:10px}
.aanote{margin-top:8px;font-size:12.5px;color:var(--dim);line-height:1.5}
.noaa{color:var(--dim);font:400 12.5px var(--mono)}
td.qual{white-space:nowrap}
td.qual .aavar{display:block;margin-top:2px;font:400 11px var(--mono);color:var(--dim);white-space:normal;max-width:9em;margin-left:auto}
.own .eyebrow{color:var(--dim)}
.own .twrap{font-size:13.5px}
.own .plain th,.own .plain td{font-size:13px}
.own-agent{margin-top:10px;font-size:13px;color:var(--mu)}
.own-agent small{color:var(--dim)}
.own .legend{font-size:12.5px}


.sbars{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.sbars a{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr) 7.5rem 8.5rem;grid-template-areas:"n t v a";
  align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--tx);text-decoration:none}
.sbars a:hover{border-color:var(--line2)}
.sbn{grid-area:n;font-size:14px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.sbn small{display:block;font-size:12px;color:var(--dim)}
.sbt{grid-area:t;height:10px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.sbt i{display:block;height:100%;border-radius:5px;background:rgba(var(--accent-rgb),.45)}
.sb.t .sbt i{background:var(--accent)}
.sb.slow .sbt i{background:rgba(var(--mu-rgb),.4)}
.sb.slow .sbn,.sb.slow .sbv{color:var(--mu)}
.sbv{grid-area:v;font:500 13px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.sbv b{font-weight:600}
.sba{grid-area:a;font-size:12.5px;color:var(--dim);white-space:nowrap}
.sba b{color:var(--tx);font-family:var(--mono);font-weight:600}
@media(max-width:700px){
  .sbars a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n v" "t t" "a a";gap:6px 10px;padding:10px 12px}
  .sbv{text-align:right}
}


.nastrip{margin-top:46px}
.nal{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:0 0 8px}
.nal small{margin-left:10px;text-transform:none;letter-spacing:0;font-size:11.5px;color:var(--dim)}
.nalane{position:relative;border:1px dashed rgba(255,255,255,.14);border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.nalane>i{position:absolute;font-style:normal}
.nalane .zone{top:0;bottom:0;right:0;border-radius:0 12px 12px 0}
.nalane .fast{top:0;bottom:0;width:0;border-left:1px dashed rgba(var(--accent-rgb),.6)}
.nalane .gx{top:0;bottom:0;width:1px;background:rgba(255,255,255,.045)}
.pin.na .dot{transform:none;left:-6px;top:-6px}
.pin.na.t .dot{left:-8px;top:-8px;width:16px;height:16px;transform:none;box-shadow:0 0 0 1.5px var(--accent),0 0 0 6px rgba(var(--accent-rgb),.12),0 0 18px rgba(var(--accent-rgb),.5)}
.pin.na:hover .dot,.pin.na.hi .dot{transform:scale(1.3)}
.pin.na::after{bottom:16px}
.sig .stage{overflow:visible}

.fld{margin-top:56px}
.fh{font:600 clamp(1.25rem,2.2vw,1.6rem)/1.2 var(--sans);letter-spacing:-.015em;color:var(--tx)}
.fsub{margin:8px 0 18px;color:var(--mu);font-size:15px;max-width:60rem}
.fhead,.fr{display:grid;grid-template-columns:44px minmax(150px,1.05fr) minmax(190px,1.7fr) minmax(110px,.9fr) 92px 112px 84px 22px;
  column-gap:14px;align-items:center;padding-left:20px;padding-right:18px}
.fhead{padding-top:0;padding-bottom:10px;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.fhead span:nth-child(6),.fhead span:nth-child(7){text-align:right}
.flist{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;
  background:var(--glassg),rgba(13,18,26,.6);box-shadow:var(--inset),var(--sh-1)}
.fr{position:relative;min-height:64px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line);
  transition:background var(--dur) var(--ease)}
.fr:last-child{border-bottom:0}
.fr>*{min-width:0}
.fr:hover{background:rgba(var(--accent-rgb),.07)}
.fk{font:600 15px var(--mono);color:var(--mu);letter-spacing:.02em}
.fr.top .fk{color:var(--accent)}
.fr.top{background:linear-gradient(90deg,rgba(var(--accent-rgb),.08),transparent 40%)}
.fc{display:flex;align-items:center;gap:11px;color:var(--tx);font-size:14px}
.fc.dim{color:var(--dim)}
.fcp{display:flex;flex:none}
.fcp .avi{width:32px;height:32px;box-shadow:0 0 0 1px var(--line2),0 3px 10px -3px rgba(0,0,0,.7)}
.fcp i.avi{font-size:13px}
.fcp.two .avi+.avi{margin-left:-10px;box-shadow:0 0 0 2px #0d1219,0 0 0 3px var(--line2)}
.fcn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fm{display:flex;flex-direction:column;gap:3px}
.fm a{color:var(--tx);font-weight:600;font-size:15.5px;line-height:1.3;letter-spacing:-.01em}
.fm a::after{content:"";position:absolute;inset:0;z-index:1}
.fr:hover .fm a{color:var(--accent)}
.fm small{font:400 12px var(--mono);color:var(--dim)}
.fq{font:400 12.5px/1.4 var(--mono);color:var(--mu);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.fe{white-space:nowrap}
.fs,.fa{text-align:right;font:400 13px var(--mono);color:var(--dim);white-space:nowrap}
.fs b,.fa b{font:600 16px var(--mono);color:var(--tx);letter-spacing:-.01em}
.fs .bar{display:block;height:3px;margin-top:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.fs .bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.5),var(--accent))}
.fa .u{display:none}
.noaa{font:400 12px var(--mono);color:var(--dim)}
.fg{color:var(--dim);text-align:right;transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
.fr:hover .fg{color:var(--accent);transform:translateX(3px)}
.fr.nr .fk,.fr.nr .fs{color:var(--dim)}
.fr.nr .fm a{font-weight:500;color:var(--mu)}
.fw{grid-column:3 / -1;margin-top:-2px;font-size:13px;line-height:1.45;color:var(--mu)}
.fw em{white-space:nowrap;display:inline-block;font-style:normal;margin-right:8px;padding:2px 8px;border-radius:999px;font:500 11px var(--mono);letter-spacing:.04em;
  color:var(--dim);border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.fr.nr{padding-top:12px;padding-bottom:12px;row-gap:6px}
@media (max-width:900px){
  .fhead{display:none}
  .fr{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 20px;grid-template-areas:"k m m g" "k c c c" "k q e e" "k s a a";
    row-gap:7px;padding:14px 14px 14px 14px}
  .fr.nr{grid-template-areas:"k m m g" "k c c c" "k w w w" "k q e e" "k s a a";row-gap:7px}
  .fk{grid-area:k;align-self:start;padding-top:2px}
  .fc{grid-area:c}.fm{grid-area:m}.fq{grid-area:q}.fe{grid-area:e;text-align:right}.fs{grid-area:s;text-align:left}.fa{grid-area:a;text-align:right}
  .fg{grid-area:g;align-self:start}.fw{grid-area:w;grid-column:auto;margin:0}
  .fa .u{display:inline}
  .fs{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}
  .fs .bar{flex-basis:100%;margin-top:4px}
  .fe{justify-self:end}
}
@media (min-width:901px){.fr>*{grid-row:1}.fr>.fw{grid-row:2}}


.tag.r{transform:translate(12px,50%) translateZ(44px)}.tag.l{transform:translate(calc(-100% - 12px),50%) translateZ(44px)}
.tag.u{transform:translate(-50%,-16px) translateZ(44px)}.tag.d{transform:translate(-50%,38px) translateZ(44px)}
.tag.uu{transform:translate(-50%,-38px) translateZ(44px)}.tag.dd{transform:translate(-50%,64px) translateZ(44px)}
.fcn{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25}
.fh span{font-weight:400;color:var(--mu);font-size:.8em}
.fld+.fld{margin-top:44px}
.fld.nt .fr{min-height:0}
.fld.nt .fm a{font-weight:500;color:var(--mu)}
.fld.nt .fk,.fld.nt .fs{visibility:hidden}


.rkwide .fsub{margin:8px 0 18px}
.au img,.au i{width:28px;height:28px}
.rank td.au{white-space:normal}
.au span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;max-width:150px;line-height:1.25}
.nrd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;
  border:1px solid var(--line);background:var(--glassg),rgba(13,18,26,.5);color:var(--mu);font-size:14px}
.nrd>summary::-webkit-details-marker{display:none}
.nrd>summary span{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
.nrd>summary b{font-weight:500;color:var(--dim)}
.nrd>summary .arr{margin-left:auto;font-style:normal;color:var(--dim)}
.nrd[open]>summary .arr{transform:rotate(180deg)}
.nrd>summary:hover{border-color:var(--line2)}
.nrd[open]>summary{margin-bottom:12px}
.nrd .nrl{font-size:14px}
.nrl em{font-style:normal;white-space:nowrap;display:inline-block;margin-right:8px;padding:2px 8px;border-radius:999px;font:500 11px var(--mono);
  letter-spacing:.04em;color:var(--dim);border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.nrfold{padding-bottom:70px}

.mav{display:none}
@media (max-width:900px){
  .rank td.setup .msub{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 6px}
  .rank td.setup .mav{display:inline-block;width:20px;height:20px;border-radius:50%;object-fit:cover;flex:none;background:var(--line2);
    font:600 11px/20px var(--mono);text-align:center;color:var(--mu);font-style:normal}
}


.mfig figcaption .mpr,.mfig figcaption .mprow{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:var(--mu);overflow-wrap:anywhere}
.mfig figcaption .mpr b{color:var(--tx);font-weight:600}
.mfig figcaption .mprow{margin-top:6px}
.mprf{margin-top:4px;font-size:12.5px}
.mprf>summary{cursor:pointer;color:var(--dim);list-style:none;display:inline-block}
.mprf>summary::-webkit-details-marker{display:none}
.mprf>summary::before{content:"+ ";font-family:var(--mono)}
.mprf[open]>summary::before{content:"\2212 "}
.mprf>summary:hover{color:var(--tx)}
.mprf>p{margin:6px 0 0;white-space:pre-wrap;color:var(--mu);overflow-wrap:anywhere}

.foot .fs{grid-area:auto;display:block;white-space:normal;min-width:0;overflow-wrap:anywhere}


.pin .dot{background:#9aa4b5;border-color:#d3d9e3}
.pin.slow .dot{background:#5f6878;border-color:#aab3c2}
.skey .k2{background:#9aa4b5;border-color:#d3d9e3}

.proof{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(4,6,10,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease)}
.proof.on{opacity:1;visibility:visible}
.pbox{width:min(640px,100%);max-height:min(86vh,900px);overflow-y:auto;overscroll-behavior:contain;background:rgba(12,16,23,.98);
  border:1px solid var(--line2);border-radius:22px;box-shadow:0 40px 100px -30px rgba(0,0,0,.9)}
.pbox .dtop{border-radius:22px 22px 0 0}
.pk{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--eyebrow)}
.pbody{padding:22px 26px 26px}
.ph b{font:600 2.6rem/1 var(--mono);letter-spacing:-.03em;color:var(--head1);font-variant-numeric:tabular-nums}
.ph span{margin-left:10px;font:500 14px var(--mono);color:var(--mu)}
.pl{margin-top:6px;font-size:15px;color:var(--head2)}
.pe{margin-top:16px;font-size:15px;line-height:1.6;color:var(--mu)}
.pfrom{margin-top:14px;font-size:14px;line-height:1.6;color:var(--mu)}
.pfrom code{font:500 13px var(--mono);color:var(--codetx);background:var(--glass);border:1px solid var(--line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.pfrom b{color:var(--tx)}
.pfbig{margin-top:16px;font-size:15px;color:var(--mu)}
.pfbig b{font:600 1.6rem var(--mono);color:var(--head1);margin-right:4px}
.pfbig span{font-family:var(--mono);font-size:13px}
.pfsub{margin-top:20px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--eyebrow)}
.pwrong{margin-top:8px;display:grid;gap:8px}
.pw{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.pw p{font-size:13.5px;line-height:1.5;color:var(--codetx)}
.pw span{display:inline-block;margin:6px 12px 0 0;font:500 12px var(--mono)}
.pw .px{color:#ff8f8f}.pw .pr{color:#7fd8a0}
.pmore{font-size:13px;color:var(--dim)}
.pfgrid{margin-top:14px;border-collapse:collapse;font:500 13px var(--mono)}
.pfgrid th,.pfgrid td{padding:6px 12px;text-align:center;border:1px solid var(--line)}
.pfgrid th{color:var(--dim);font-weight:500}
.pfgrid td.y{color:#7fd8a0}.pfgrid td.n{color:#ff8f8f}
.praw{margin-top:18px}
.praw summary{cursor:pointer;font:500 13px var(--mono);color:var(--accent)}
.praw pre{margin-top:10px;max-height:260px;overflow:auto;padding:12px 14px;border:1px solid var(--line);border-radius:12px;
  background:var(--tablebg);font:400 12.5px/1.55 var(--mono);color:var(--codetx);white-space:pre}
.praw mark{display:inline-block;min-width:100%;background:rgba(var(--accent-rgb),.28);color:var(--head1);border-radius:4px}
.plinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.plinks a{display:inline-flex;font-size:13.5px;font-weight:500;color:var(--tx);border:1px solid var(--line2);padding:9px 14px;border-radius:999px}
.plinks a:hover{border-color:var(--accent)}
@media (max-width:700px){
  .proof{align-items:flex-end;padding:0}
  .pbox{max-height:88vh;border-radius:22px 22px 0 0}
  .pbody{padding:18px 16px 24px}
  .ph b{font-size:2.1rem}
  .pfgrid th,.pfgrid td{padding:5px 7px}
}


.v2-strip{display:flex;align-items:center;gap:14px;margin-top:18px;padding:12px 16px;border:1px solid rgba(var(--accent-rgb),.3);
  border-radius:var(--rad2);background:rgba(var(--accent-rgb),.07);font-size:14px;color:var(--mu);
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.v2-strip b{color:var(--tx);font-weight:600;white-space:nowrap}
.v2-strip span{flex:1;min-width:0}
.v2-strip i{font-style:normal;color:var(--accent)}
.v2-strip:hover{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.12)}
.v2t td.n small{font-size:11.5px}
.v2d{font:500 11px var(--mono);color:var(--dim);margin-left:4px;border-bottom:1px dotted rgba(255,255,255,.25);white-space:nowrap}
.v2d:hover{color:var(--accent);border-color:var(--accent)}
.v2-fach td:first-child{box-shadow:inset 3px 0 0 #d9a441}
.v2-fach{background:linear-gradient(90deg,rgba(217,164,65,.07),transparent 40%)}
.v2-fachchip{color:#e2b866;border-color:rgba(217,164,65,.45);background:rgba(217,164,65,.08)}
.warnbox.v2-fach{border-color:rgba(217,164,65,.4);background:rgba(217,164,65,.07);box-shadow:none}
.warnbox.v2-fach b{color:#e2b866}
.v2-h4{font-size:15px;font-weight:600;color:var(--tx);margin:30px 0 10px}
.v2-cmdh{font:500 12px var(--mono);color:var(--dim);margin:18px 0 6px;scroll-margin-top:90px}
tr[id]{scroll-margin-top:90px}
.v2-shot{margin:22px 0 6px;max-width:960px}
.v2-shot img{width:100%;height:auto;display:block;border:1px solid var(--line2);border-radius:var(--rad2);background:#000}
.v2-shot figcaption{font-size:12.5px;color:var(--dim);margin-top:8px}
.v2-checks{list-style:none;max-width:46rem;border:1px solid var(--line);border-radius:var(--rad2);overflow:hidden;background:var(--glass2)}
.v2-checks li{display:flex;justify-content:space-between;gap:16px;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;color:var(--mu)}
.v2-checks li:last-child{border-bottom:0}
.v2-checks b{font-family:var(--mono);font-weight:500;color:var(--tx);white-space:nowrap}
@media (max-width:560px){.v2-strip{flex-wrap:wrap;gap:6px 10px}.v2-strip span{flex:1 0 100%}}
.v2t th,.v2t td{padding:12px 9px}
.v2t td.setup{min-width:190px;max-width:240px}
.wrap.v2-wide{max-width:min(1400px,calc(100vw - 2*var(--gut)))}
.v2t th{letter-spacing:.06em}
.v2t td.n{white-space:normal;min-width:0}
.v2-main{white-space:nowrap}
.v2t td.n>small{display:inline-block;line-height:1.5}
.kv.v2-kvs{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.3}

.v2-credits{list-style:none;max-width:46rem;border:1px solid var(--line);border-radius:var(--rad2);overflow:hidden;background:var(--glass2)}
.v2-credits li{display:grid;grid-template-columns:210px 1fr auto;gap:14px;align-items:baseline;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;color:var(--mu)}
.v2-credits li:last-child{border-bottom:0}
.v2-credits b{color:var(--tx);font-weight:600}
.v2-cl{display:flex;gap:12px;font-family:var(--mono);font-size:12.5px}
.v2-cl a{color:var(--accent);border-bottom:1px dotted rgba(77,141,255,.5)}
@media (max-width:560px){.v2-credits li{grid-template-columns:1fr;gap:2px}}

.v2-maker{display:flex;align-items:center;gap:18px;max-width:46rem;margin-top:24px;padding:16px 20px;border:1px solid rgba(var(--accent-rgb),.35);
  border-radius:var(--rad2);background:linear-gradient(135deg,rgba(var(--accent-rgb),.10),rgba(255,255,255,.03));box-shadow:var(--inset)}
.v2-maker .avi{width:72px;height:72px;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.55)}
.v2-maker i.avi{font-size:28px}
.v2-mkb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.v2-mkr{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow)}
.v2-mkn{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:700;line-height:1.2;color:var(--tx);overflow-wrap:anywhere}
a.v2-mkn:hover{color:var(--accent-hi)}
.v2-mkl{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.v2-mkl a{font:500 12.5px var(--mono);padding:5px 12px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.45);color:var(--accent);
  background:rgba(var(--accent-rgb),.08);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}
.v2-mkl a:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.16);color:var(--accent-hi)}
.v2-credits li{align-items:center}
.v2-credits b{display:inline-flex;align-items:center;gap:9px;min-width:0}
.v2-credits .avi{width:28px;height:28px}
.v2-credits i.avi{font-size:12px}
.v2-cl{flex-wrap:wrap}
@media (max-width:560px){.v2-maker{gap:14px;padding:14px}.v2-maker .avi{width:60px;height:60px}.v2-maker i.avi{font-size:24px}}


.rank2{min-width:1180px}
.rank2 th,.rank2 td{padding-left:10px;padding-right:10px}
.rank2 thead tr.grp th{font-size:11px;letter-spacing:.14em;padding-top:12px;padding-bottom:10px;border-bottom:1px solid var(--line);color:var(--dim)}
.rank2 thead tr.grp th.ga,.rank2 thead tr.grp th.gn{color:var(--accent)}
.rank2 thead tr.grp th.ga i{font-style:normal}
.rank2 th[data-s]{cursor:pointer;user-select:none}
.rank2 th[data-s]:hover{color:var(--tx)}
.rank2 th.on{color:var(--accent)}
.rank2 th.on small::after{content:" ↓"}
.rank2 th.on.asc small::after{content:" ↑"}
.rank2 th[data-s]:not(.on) small::after{content:" ↕";opacity:.45}
.rank2 th.gs,.rank2 td.gs{border-left:1px solid var(--line2)}
.rank2 tbody tr{transition:background var(--dur) var(--ease)}
.rank2 tbody tr[data-href]{cursor:pointer}
.rank2 tbody tr:hover{background:rgba(255,255,255,.05)}
.rank2 tbody td{vertical-align:middle;padding-top:12px;padding-bottom:12px}
.rank2 td.setup{min-width:230px;max-width:300px}
.rank2 td.setup b{font-size:15px;letter-spacing:-.01em}
.rank2 td.setup a:hover b{color:var(--accent)}
.rank2 .hws{display:block;font:12px/1.5 var(--mono);color:var(--dim);margin-top:3px}
.rank2 .enote{display:block;font:11.5px/1.5 var(--mono);color:var(--dim);font-style:normal;margin-top:2px}
.rank2 .msub{display:none}
.rank2 .bd{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.rank2 td.au,.rank2 td.en,.rank2 td.qn{font-size:13px;color:var(--mu);white-space:nowrap}
.rank2 td.au{min-width:128px}.rank2 td.au span{white-space:nowrap}
.rank2 th.hid{letter-spacing:.12em;font-size:11px}
.rank2 td.qn{font:400 12.5px var(--mono);max-width:130px;overflow:hidden;text-overflow:ellipsis}
.rank2 td.n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14.5px}
.rank2 td.n small{color:var(--dim);font-size:12px}
.rank2 td.n small.sub{display:block;margin-top:2px;font-size:11.5px}
.rank2 td.n.dim{font-size:12.5px;color:var(--dim)}
.rank2 td.n b{font-weight:600;font-size:17px}
.rank2 td.gimg{width:112px;padding-left:12px}
.rank2 td.gimg img{display:block;width:96px;height:54px;object-fit:cover;border-radius:6px;border:1px solid var(--line2);background:#000}
.rank2 .noimg{display:block;width:96px;font-size:11px;color:var(--dim);border:1px dashed var(--line2);border-radius:6px;padding:16px 0;text-align:center}
.rank2 .rl{border-bottom:1px dotted rgba(255,255,255,.28)}
.rank2 td.spd .bar{margin-top:6px}
.newb{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.14);
  font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-hi,var(--accent));vertical-align:middle}
@media (max-width:700px){
  .rank2 th.hid,.rank2 td.au,.rank2 td.en,.rank2 td.qn{display:none}
  .rank2 .msub{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:var(--mu);max-width:150px}
  .rank2 .msub span{white-space:nowrap}
  .rank2 .msub i{display:block;font:400 11px/1.5 var(--mono);font-style:normal;color:var(--dim);overflow-wrap:anywhere}
  .rank2 .hws,.rank2 .enote{display:none}
  .rank2 td.setup{min-width:150px;max-width:170px}
  .rank2 td,.rank2 th{padding-left:8px;padding-right:8px}
  .rank2 th:first-child,.rank2 td.setup{position:sticky;left:0;z-index:2}
  .rank2 tbody td.setup{background:#14171d}
  .rank2 thead th:first-child{background:#14171d;z-index:3}
}

.cview{position:relative}
.cvr{position:absolute;opacity:0;pointer-events:none}
.cvwrap{padding-top:18px}
.cvsw{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.04)}
.cvsw label{padding:7px 16px;border-radius:999px;font:500 13px var(--mono);color:var(--mu);cursor:pointer}
.cvsw label:hover{color:var(--tx)}
.cvpn,.cvpo{display:none}
.cvr[id^="cvn-"]:checked~.cvpn{display:block}
.cvr[id^="cvo-"]:checked~.cvpo{display:block}
.cvr[id^="cvn-"]:checked~.cvwrap label[for^="cvn-"],.cvr[id^="cvo-"]:checked~.cvwrap label[for^="cvo-"]{background:var(--accent);color:#fff}
.cvr:focus-visible~.cvwrap .cvsw{outline:2px solid var(--accent);outline-offset:2px}

.c2b .stage{border-color:rgba(var(--accent-rgb),.22);
  background:linear-gradient(rgba(var(--accent-rgb),.035),rgba(var(--accent-rgb),.035)),
  radial-gradient(90% 70% at 85% 0%,rgba(var(--accent-rgb),.10),transparent 60%),var(--glassg),rgba(13,18,26,.6)}
.c2b .plane{--ph:clamp(300px,32vw,480px)}
.c2pin{position:absolute;width:0;height:0;transform-style:preserve-3d;z-index:2}
.c2pin:hover,.c2pin:focus-visible{z-index:5}
.c2pin .stem{position:absolute;left:-.5px;top:0;width:1px;height:calc(var(--ph) * var(--h) / 100);opacity:.6;
  background:linear-gradient(180deg,rgba(var(--accent-rgb),.8),rgba(var(--accent-rgb),0))}
.c2pin .err{position:absolute;left:-1px;width:2px;border-radius:2px;height:calc(var(--ph) * var(--eh) / 100);
  bottom:calc(var(--ph) * var(--eb) / 100);background:rgba(var(--accent-rgb),.55);transform:translateZ(30px)}
.c2pin .sh{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.8);
  filter:blur(7px);transform:translate(9px,16px);pointer-events:none}
.c2pin .dot{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--accent);
  border:2px solid #0a0e14;transform:translateZ(36px);
  box-shadow:0 0 0 1.5px var(--accent),0 0 0 8px rgba(var(--accent-rgb),.12),0 0 28px rgba(var(--accent-rgb),.55);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.c2pin:hover .dot,.c2pin:focus-visible .dot{transform:translateZ(40px) scale(1.3);border-color:#fff;
  box-shadow:0 0 0 6px rgba(var(--accent-rgb),.2),0 0 26px rgba(var(--accent-rgb),.7)}
.c2pin>span{position:absolute;left:16px;top:0;transform:translate(0,-50%) translateZ(44px);white-space:nowrap;
  font:600 11px var(--mono);color:var(--on-accent);background:var(--accent);padding:2px 6px;border-radius:6px;
  box-shadow:0 10px 18px -8px rgba(0,0,0,.9)}
.c2pin.l>span{left:auto;right:16px}
.cvpn{overflow-x:clip}
.c2empty,.c2rest{margin:18px 0 6px;padding:18px 22px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:var(--rad);
  background:linear-gradient(rgba(var(--accent-rgb),.035),rgba(var(--accent-rgb),.035)),var(--glassg),rgba(13,18,26,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 40px 80px -40px rgba(0,0,0,.9)}
.c2empty{color:var(--mu)}
.c2empty b{color:var(--tx);font-weight:600}
.c2rest{font-size:13.5px;color:var(--mu)}
.c2rest>b{display:block;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:0 0 8px}
.c2rest p{font-size:13px;color:var(--dim)}
.c2rest ul{list-style:none;margin-top:12px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.c2rest li{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.c2rest li:last-child{border-bottom:0}
.c2rest li a{color:var(--tx)}
.c2rest li a:hover{color:var(--accent)}
.c2rest li span{color:var(--dim);font-size:12.5px;margin-left:8px}
@media (max-width:700px){
  .c2pin>span{font-size:10.5px;max-width:42vw;overflow:hidden;text-overflow:ellipsis}
  .c2empty,.c2rest{padding:14px 16px}
}

.pickcard{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px;align-items:center;padding:22px;border:1px solid rgba(var(--accent-rgb),.35);
  border-radius:var(--rad);background:linear-gradient(135deg,rgba(var(--accent-rgb),.10),rgba(255,255,255,.03));box-shadow:var(--inset),var(--sh-2)}
.pickcard .pimg{display:block}
.pickcard img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--rad2);border:1px solid var(--line2);background:#000}
.pickcard h2{margin:6px 0 4px}
.pickcard .psub{font:13px/1.5 var(--mono);color:var(--dim);margin:0 0 10px}
.pickcard .psum{color:var(--mu);margin:0 0 14px;max-width:34rem}
.pnums{display:flex;flex-wrap:wrap;gap:10px 28px;margin-bottom:18px}
.pn b{display:block;font:600 26px var(--mono);color:var(--tx);letter-spacing:-.02em}
.pn span{font-size:12.5px;color:var(--dim)}
.pn.dim b{color:var(--dim)}
.btn-run{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:15px;transition:filter var(--dur) var(--ease)}
.btn-run:hover{filter:brightness(1.12)}
@media (max-width:820px){.pickcard{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}}

.nrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:22px}
.nrt{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--rad);border:1px solid var(--line2);background:#000;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.nrt:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.6)}
.nrt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nrt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,20,.78) 0,rgba(10,14,20,0) 38%,rgba(10,14,20,0) 52%,rgba(10,14,20,.92) 100%)}
.nrt .ncls{position:absolute;z-index:1;left:14px;top:10px;font:700 clamp(26px,3.4vw,34px)/1.1 var(--mono);color:#fff;letter-spacing:-.02em}
.nrt .newb{position:absolute;z-index:1;right:12px;top:14px;margin:0}
.nrt .nbot{position:absolute;z-index:1;left:14px;right:14px;bottom:10px;display:block;color:var(--mu);font-size:12px;line-height:1.4}
.nrt .nbot b{display:block;color:#fff;font-size:16px;font-weight:600}
.nrt .nbot .nn{display:block;margin-top:3px;font:500 12.5px var(--mono);color:var(--tx)}
.nrt .nbot .nn i{font-style:normal;color:var(--accent-hi,var(--accent));font-weight:700}


.v2-shot video{width:100%;height:auto;display:block;border:1px solid var(--line2);border-radius:var(--rad2);background:#000;aspect-ratio:16/9}
.pickcard .pimg video{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:var(--rad)}
.nrt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}


.v2-need{max-width:52rem;margin:0;border:1px solid var(--line);border-radius:var(--rad2);overflow:hidden;background:var(--glass2)}
.v2-need>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.v2-need>div:last-child{border-bottom:0}
.v2-need dt{color:var(--mu)}
.v2-need dd{margin:0;min-width:0;color:var(--tx);overflow-wrap:anywhere}
.v2-need dd b{font-weight:600}
.v2-need dd a{font:500 12.5px var(--mono);color:var(--accent);border-bottom:1px dotted rgba(var(--accent-rgb),.5)}
.v2-need dd a:hover{color:var(--accent-hi)}
.v2-need dd small{display:block;margin-top:4px;font:400 12px/1.55 var(--mono);color:var(--dim)}
.v2-steps{list-style:none;counter-reset:v2st;max-width:62rem;margin:0;padding:0}
.v2-steps>li{counter-increment:v2st;position:relative;min-width:0;margin:0 0 26px;padding-left:44px}
.v2-steps>li:last-child{margin-bottom:0}
.v2-steps>li::before{content:counter(v2st);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;font:600 13px/1 var(--mono);color:var(--on-accent);background:var(--accent)}
.v2-steps>li>p:first-child{margin:2px 0 12px;font-size:15px;line-height:1.55;color:var(--tx)}
.v2-steps code,.v2-exact .legend code,.v2-steps .legend code{font:500 12.5px var(--mono);color:var(--codetx);overflow-wrap:anywhere}
.cmd.v2-run pre{white-space:pre;word-break:normal;overflow-x:auto}
.v2-glh{margin:18px 0 8px;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--eyebrow)}
.v2-glos{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--rad2);overflow:hidden;background:var(--glass2)}
.v2-glos li{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:14px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.08);
  font-size:13.5px;line-height:1.5;color:var(--mu)}
.v2-glos li:last-child{border-bottom:0}
details.v2-exact{margin-top:28px;max-width:62rem}
details.v2-exact>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;
  border:1px solid var(--line);background:var(--glassg),rgba(13,18,26,.5);font-size:14px;color:var(--mu);
  transition:border-color var(--dur) var(--ease)}
details.v2-exact>summary::-webkit-details-marker{display:none}
details.v2-exact>summary span{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}
details.v2-exact>summary b{font-weight:500;color:var(--dim)}
details.v2-exact>summary .arr{margin-left:auto;font-style:normal;color:var(--dim)}
details.v2-exact>summary:hover{border-color:var(--line2)}
details.v2-exact[open]>summary{margin-bottom:6px}
details.v2-exact[open]>summary .arr{transform:rotate(180deg)}
details.v2-exact>.legend{margin-top:10px}
@media (max-width:700px){
  .v2-need>div,.v2-glos li{grid-template-columns:minmax(0,1fr);gap:2px}
  .v2-steps>li{padding-left:38px}
  .cmd.v2-run pre{padding:54px 16px 16px}
  details.v2-exact>summary{flex-wrap:wrap;gap:4px 10px;padding:12px 14px}
}


.v2-play{margin:26px 0 8px}
.v2-playhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.v2-playhead .v2-h4{margin:0}
.v2-playfs{font-size:13.5px;font-weight:600;color:var(--accent)}
.v2-playframe{position:relative;width:100%;aspect-ratio:16/9;min-height:420px;border:1px solid var(--line2);border-radius:var(--rad2);overflow:hidden;background:#000}
.v2-playframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}

.v2-overall{margin-top:22px;max-width:880px}
.hero .v2-overall+.legend{margin:14px 0 0;max-width:880px}
.v2-calc{margin-top:16px;max-width:880px}
.v2-calc summary{cursor:pointer;font-size:14px;color:var(--accent);padding:4px 0}
.v2-calc .twrap{margin-top:10px}
.v2-calc table th:first-child{text-align:left;white-space:nowrap}
.v2-calc .legend{margin-top:10px}


.kpig{grid-template-columns:repeat(6,minmax(0,1fr))}
.kpig>.kpi{grid-column:span 2}
.kpig:has(>.kpi:nth-child(1):last-child)>.kpi{grid-column:span 6}
.kpig:has(>.kpi:nth-child(2):last-child)>.kpi{grid-column:span 3}
.kpig:has(>.kpi:nth-child(4):last-child)>.kpi{grid-column:span 3}
.kpig:has(>.kpi:nth-child(5):last-child)>.kpi:nth-child(n+4){grid-column:span 3}
.kpig:has(>.kpi:nth-child(7):last-child)>.kpi:nth-child(n+4){grid-column:span 3}
.kpig:has(>.kpi:nth-child(8):last-child)>.kpi{grid-column:span 3}
.kpig:has(>.kpi:nth-child(10):last-child)>.kpi{grid-column:span 3}
.dbody .kpig>.kpi{grid-column:auto!important}
.v2-shot{max-width:none;width:100%}
.v2-shot video,.v2-shot img{width:100%;margin:0}
.v2-checks{max-width:none;width:100%}
.v2-overall{max-width:none}
@media (max-width:560px){
  .kpig{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpig>.kpi,.kpig:has(>.kpi:nth-child(n))>.kpi{grid-column:span 1!important}
  .kpig>.kpi:last-child:nth-child(odd){grid-column:span 2!important}
}
.v2-overall,.hero .v2-overall,.v2-calc,.hero .v2-overall+.legend{max-width:none!important}


.rkwide .twrap.tw3,.twrap.tw3{width:auto;margin-left:0;min-width:0;max-width:100%;overflow:visible;overflow:clip}
.rank2.rank3{min-width:0;width:100%;table-layout:auto;font-size:16px}
.rank3 thead th{font-size:12px;letter-spacing:.12em;padding:18px 14px 14px;border-bottom:1px solid var(--line2);vertical-align:bottom;white-space:nowrap}
.rank3 thead th small{font-size:11.5px;margin-top:3px;text-transform:none;letter-spacing:0;white-space:normal}
.rank3 th:not([data-s]){cursor:default;pointer-events:none}
.rank3 thead th.on small::after{content:" ↓"}
.rank3 thead th.on.asc small::after{content:" ↑"}
.rank3 thead th[data-s]:not(.on) small::after{content:" ↕";opacity:.45}
.rank3 thead th.rkh.on::after,.rank3 thead th.s3h.on::after{content:" ↓";opacity:1}
.rank3 thead th.on.asc.rkh::after,.rank3 thead th.on.asc.s3h::after{content:" ↑"}
.rank3 thead th.rkh:not(.on)::after,.rank3 thead th.s3h:not(.on)::after{content:" ↕";opacity:.45}
.rank3 th,.rank3 td{padding-left:14px;padding-right:14px}
.rank3 tbody td{padding-top:20px;padding-bottom:20px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.08)}
.rank3 tbody tr:last-child td{border-bottom:0}
.rank3 td.n{font-size:15px;white-space:normal}
.rank3 td.n b{font-size:20px;font-weight:600;letter-spacing:-.01em}
.rank3 td.n small.of{font-size:13px;color:var(--dim);margin-left:1px;white-space:nowrap}
.rank3 td.n small.sub{display:block;margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--dim)}
.rank3 td.n.dim{font-size:14px}

.rank3 th.rkh3,.rank3 td.rkc3{width:56px;padding-left:16px;padding-right:4px}
.rank3 td.rkc3 span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);
  background:rgba(255,255,255,.04);font:600 16px var(--mono);color:var(--tx)}
.rank3 td.rkc3.dim span{border-color:transparent;background:none;color:var(--dim)}
.rank3 tbody tr:first-child td.rkc3:not(.dim) span{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.14);color:var(--accent-hi,var(--accent))}

.rank3 td.mk3{white-space:nowrap}
.rank3 .mkl{display:inline-flex;align-items:center;gap:12px;max-width:100%;transition:color var(--dur) var(--ease)}
.rank3 .mkl .avi{width:44px;height:44px;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.4);transition:box-shadow var(--dur) var(--ease)}
.rank3 .mkl i.avi{font-size:18px}
.rank3 a.mkl:hover .avi{box-shadow:0 0 0 2px var(--accent)}
.rank3 .mkn{display:block;white-space:normal;max-width:112px;font-size:14px;line-height:1.3;color:var(--mu)}
.rank3 a.mkl:hover .mkn{color:var(--tx)}

.rank3 td.setup{min-width:0;max-width:none;width:26%}
.rank3 td.setup b{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow-wrap:anywhere}
.rank3 td.setup .hws{margin-top:6px;font-size:13px;line-height:1.4}
.rank3 td.setup .newb,.rank3 td.setup .chip{vertical-align:middle;margin:0 0 0 8px}
.rank3 td.setup .chip{font-size:11px;padding:2px 9px}

.rank3 td.ov3 b{font-size:24px;color:var(--accent-hi,var(--accent))}
.rank3 td.ov3.dim{white-space:normal;max-width:96px}

.rank3 td.ag3{width:176px}
.rank3 td.ag3 .thm{display:block;width:144px}
.rank3 td.ag3 img{display:block;width:144px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--line2);background:#000}
.rank3 td.ag3 .noimg{display:block;width:144px;box-sizing:border-box;padding:28px 0}
.rank3 td.ag3 .agn{display:block;margin-top:8px}
.rank3 td.ag3 .agn.nr{font-size:13px;color:var(--dim)}
.rank3 tbody tr{transition:background var(--dur) var(--ease)}
@media (max-width:1279px){
  .rank3 th,.rank3 td{padding-left:10px;padding-right:10px}
  .rank3 .mkl{flex-direction:column;align-items:flex-start;gap:6px}
  .rank3 .mkn{max-width:96px;font-size:13px}
  .rank3 td.setup b{font-size:17px}
  .rank3 td.n b{font-size:19px}
  .rank3 td.ov3 b{font-size:22px}
  .rank3 td.ag3{width:160px}
  .rank3 td.ag3 .thm,.rank3 td.ag3 img{width:128px;height:72px}
  .rank3 td.ag3 .noimg{width:128px}
}
@media (max-width:1000px){
  .rank3 th.rkh3,.rank3 td.rkc3{width:44px;padding-left:10px}
  .rank3 td.rkc3 span{width:30px;height:30px;font-size:14px}
  .rank3 td.n small.sub{font-size:11.5px}
}
@media (max-width:860px){
  .rank3 .hq{display:none}
  .rank3 .mkn{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .rank3 th.mk3h{font-size:0;letter-spacing:0}
  .rank3 td.n small.of{display:block;margin:0}
}
@media (max-width:700px){
  .rank3 th,.rank3 td{padding-left:5px;padding-right:5px}
  .rank3 thead th{font-size:10.5px;letter-spacing:.06em;padding:14px 5px 10px}
  .rank3 thead th small{font-size:10.5px}
  .rank3 tbody td{padding-top:14px;padding-bottom:14px}
  .rank3 th.rkh3,.rank3 td.rkc3{width:30px;padding-left:6px;padding-right:0}
  .rank3 td.rkc3 span{width:24px;height:24px;font-size:12.5px;border-radius:7px}
  .rank3 th.mk3h,.rank3 td.mk3{width:44px}
  .rank3 .mkl .avi{width:34px;height:34px}
  .rank3 td.setup b{font-size:15px}
  .rank3 td.setup .hws{font-size:11.5px;margin-top:4px}
  .rank3 td.setup .newb,.rank3 td.setup .chip{margin:4px 4px 0 0;display:inline-block}
  .rank3 td.n b{font-size:16px}
  .rank3 td.ov3 b{font-size:19px}
  .rank3 td.n small.of{font-size:11px}
  .rank3 td.ov3.dim{max-width:60px;font-size:11.5px}
  .rank3 td.ag3{width:84px}
  .rank3 td.ag3 .thm,.rank3 td.ag3 img{width:76px;height:43px}
  .rank3 td.ag3 .noimg{width:76px;padding:12px 0;font-size:10px}
  .rank3 td.ag3 .agn{margin-top:5px}
  .rank3 td.ag3 .agn.nr{font-size:11px}
  .rank3 td.n small.sub{font-size:10.5px}
  .rank2.rank3 th:first-child,.rank2.rank3 td.setup,.rank2.rank3 tbody td.setup,.rank2.rank3 thead th:first-child{position:static;background:none}
}


.v2-play{margin:56px 0 12px;padding:26px 26px 20px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:var(--rad);
  background:linear-gradient(180deg,rgba(var(--accent-rgb),.09),rgba(var(--accent-rgb),.02));box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08),0 24px 60px rgba(0,0,0,.35)}
.v2-playhead{margin-bottom:18px;align-items:center}
.v2-playhead .v2-h4{font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em;font-weight:650;color:var(--tx)}
.v2-playhead .v2-h4::before{content:"LIVE";display:inline-block;margin-right:14px;padding:4px 10px;border-radius:999px;background:var(--accent);color:#fff;
  font:600 12px var(--mono);letter-spacing:.14em;vertical-align:middle;position:relative;top:-3px}
.v2-playfs{display:inline-block;padding:13px 26px;border-radius:999px;background:var(--accent);color:#fff!important;font:600 16px/1 var(--sans,Inter,sans-serif);
  text-decoration:none;border:0;box-shadow:0 8px 24px rgba(var(--accent-rgb),.35);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.v2-playfs:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(var(--accent-rgb),.5)}
.v2-playframe{aspect-ratio:16/10;min-height:560px;border-color:rgba(var(--accent-rgb),.5)}
.v2-play>.legend{margin-top:14px;font-size:14px}
@media (max-width:700px){.v2-play{padding:16px 14px 14px;margin-top:36px}.v2-playframe{min-height:360px;aspect-ratio:4/3}.v2-playfs{padding:11px 20px;font-size:15px}}
@media (max-width:420px){
  .rank3 th.rkh3,.rank3 td.rkc3{display:none}
  .rank3 th.mk3h,.rank3 td.mk3{padding-left:10px}
  .rank3 thead th{letter-spacing:.02em;font-size:10px}
}
@media (max-width:340px){
  .rank3 td.setup b{font-size:14px}
  .rank3 td.ag3{width:68px}
  .rank3 td.ag3 .thm,.rank3 td.ag3 img{width:60px;height:34px}
  .rank3 td.ag3 .noimg{width:60px}
  .rank3 td.sp3 small.sub{display:none}
}


.rank3 td.ov3 .asof{white-space:nowrap}
@media (max-width:480px){.rank3 td.ov3 .asof{white-space:normal}}