.hero{display:grid;grid-template-columns:minmax(0,1fr) 640px;gap:40px;align-items:center;padding:40px 0 8px}
          .eyebrow{display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--faint)}
          .eyebrow .icons{display:flex;gap:8px}
          .eyebrow .gl{width:20px;height:20px}
          .hh1{margin:20px 0 0;max-width:17ch;font:700 52px/1.05 var(--font);letter-spacing:-.03em;text-wrap:balance}
          .lede{margin:18px 0 0;max-width:52ch;font-size:16.5px;line-height:1.6;color:var(--dim);text-wrap:pretty}
          .hs.big{justify-content:flex-start;margin-top:30px}
          .hs.big .hsf{width:100%;max-width:560px;height:56px;padding:0 20px;gap:14px;border-radius:10px;font-size:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
          .hs.big .hsf input{font-size:16px}
          .hs.big .mag{width:15px;height:15px}
          .hs.big.open .hsf{width:100%;box-shadow:0 0 0 1px oklch(0.72 0.135 252 / .6)}
          .hs.big .hsd{left:0;right:auto;width:560px}
          .hnums{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:30px}
          .hn{display:flex;align-items:center;gap:10px}
          .hn .gl{width:20px;height:20px}
          .hn b{font:650 17px/1 var(--font);font-variant-numeric:tabular-nums}
          .hn span{font-size:13px;color:var(--faint)}
          
          .hero{position:relative}
          .scatter.hs-art{height:560px}
          .shd,.phd{position:relative}
          
          .games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
          .gcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;box-shadow:inset 0 1px 0 var(--hi);transition:border-color .2s,transform .25s var(--ease)}
          .gcard:hover{border-color:var(--line2);transform:translateY(-3px)}
          .gcard{position:relative}
          .gart{position:relative;height:178px;overflow:hidden;background-color:var(--bg2);background-size:cover;background-repeat:no-repeat;border-bottom:1px solid var(--line)}
          .gart::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,oklch(0.203 0.008 265 / .92),oklch(0.203 0.008 265 / 0) 55%)}
          .gcut{position:absolute;right:14px;top:100px;z-index:2;width:80px;pointer-events:none}
          .gcut img,.gcut .card{display:block;width:100%;filter:drop-shadow(0 12px 16px oklch(0 0 0 / .55))}
          .gcut .card img{filter:none}
          .gbody{position:relative;display:flex;flex-direction:column;flex:1;padding:18px 20px 6px}
          .gtop{display:flex;align-items:center;gap:12px}
          .gtop a{font:650 17px/1.2 var(--font)}
          .gtop .chev{margin-left:auto;color:var(--faint)}
          .gbody p{margin:12px 0 0;min-height:40px;font-size:13.5px;line-height:1.5;color:var(--dim)}
          .gst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
          .gst div{display:flex;flex-direction:column;gap:6px}
          .gst b{font:650 18px/1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
          .gst .lk{font-size:12px;line-height:1.3;color:var(--faint)}
          .glinks{display:flex;flex-direction:column;margin-top:14px}
          .glinks a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);color:var(--dim);font-size:13.5px}
          .glinks a:hover{color:var(--text)}
          .glinks .chev{width:6px;height:6px;color:var(--faint)}
          
          .maps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
          .map{display:flex;flex-direction:column;background:var(--surface);transition:background-color .15s}
          .map:hover{color:var(--text);background:var(--surface2)}
          .mimg{display:flex;align-items:center;justify-content:center;height:200px;padding:14px;overflow:hidden;background:var(--bg2)}
          .mimg img{max-width:100%;max-height:172px;width:auto;height:auto;object-fit:contain;border-radius:4px}
          .mt{display:flex;flex-direction:column;gap:7px;padding:12px 14px 14px}
          .mt b{font-weight:600}
          .mmode{display:flex;align-items:center;gap:7px;font-size:12.5px}
          .mmode img{width:18px;height:18px;object-fit:contain}
          
          .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
          .brawlers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;flex:1;background:var(--line);border-top:1px solid var(--line)}
          .bw{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px 18px;background:var(--surface);text-align:center;transition:background-color .15s}
          .bw:hover{color:var(--text);background:var(--surface2)}
          .bport{display:grid;place-items:center;width:92px;height:92px;margin-bottom:6px;border-radius:16px;background:color-mix(in oklch,currentColor 18%,var(--surface))}
          .bport img{width:80px;height:80px;object-fit:contain}
          .bw b{font:600 15px/1.2 var(--font);color:var(--text)}
          .bw .rar{font-size:12.5px;font-weight:500}
          .bw small{font-size:12px;color:var(--faint)}
          .th18{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;flex:1;padding:20px;border-top:1px solid var(--line)}
          .timg{display:grid;place-items:center;height:170px;border-radius:var(--r2);background:var(--bg2)}
          .timg img{width:122px;height:auto}
          .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
          .facts div{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
          .facts .nl{border-left:0}
          .facts .nt{border-top:0}
          .facts .lk{font-size:12.5px;color:var(--faint)}
          .facts b{font:650 16px/1 var(--font);font-variant-numeric:tabular-nums}
          .ths{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
          .ths span{display:grid;place-items:center;min-width:30px;height:26px;padding:0 6px;border-radius:6px;background:var(--surface2);font:500 12px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--faint)}
          .ths .on{background:color-mix(in oklch,var(--coc) 24%,var(--surface));color:var(--text)}
          .hdhead,.hdrow{display:grid;grid-template-columns:22px 40px minmax(0,1fr) 64px 56px 170px;align-items:center;column-gap:14px;padding:9px 20px;border-top:1px solid var(--line)}
          .hdhead{padding-top:10px;padding-bottom:10px;background:var(--bg2);font:500 12.5px/1 var(--font);color:var(--faint)}
          .hdhead .r{justify-self:end}
          .hdrow{transition:background-color .15s}
          .hdrow:hover{color:var(--text);background:var(--surface2)}
          .hdrow em{justify-self:end;font:500 13px/1 var(--font);font-style:normal;color:var(--faint)}
          .hdrow img{width:40px;height:40px;object-fit:contain}
          .hdrow .num{justify-self:end;font-variant-numeric:tabular-nums;color:var(--dim)}
          .pv{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:10px}
          .pv b{justify-self:end;font:650 14.5px/1 var(--font);font-variant-numeric:tabular-nums}
          
          @media (max-width:1300px){.hero{grid-template-columns:minmax(0,1fr) 560px;gap:40px}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.maps{grid-template-columns:repeat(3,minmax(0,1fr))}}
          @media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.two{grid-template-columns:minmax(0,1fr)}}
          @media (max-width:760px){.hh1{font-size:38px}.games{grid-template-columns:minmax(0,1fr)}.maps{grid-template-columns:repeat(2,minmax(0,1fr))}.brawlers{grid-template-columns:repeat(2,minmax(0,1fr))}.th18{grid-template-columns:minmax(0,1fr)}}
          @media (max-width:1100px){.scatter.hs-art{width:640px;max-width:100%;justify-self:center}}
          @media (max-width:760px){.scatter.hs-art{max-width:none;zoom:.5}}
          a.mrow{color:var(--text)}