@font-face{font-family:"HOW Orbitron";font-style:normal;font-weight:400 900;font-display:swap;src:url("/tournament/v2/assets/how-font-c25a9f9da5d9-orbitron-400-900.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:"HOW Chakra Petch";font-style:normal;font-weight:400;font-display:swap;src:url("/tournament/v2/assets/how-font-7d75be85dd16-chakra-petch-400.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:"HOW Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url("/tournament/v2/assets/how-font-36ad966cb653-chakra-petch-500.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:"HOW Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url("/tournament/v2/assets/how-font-a5888696e9eb-chakra-petch-600.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:"HOW Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url("/tournament/v2/assets/how-font-ce5095dc1cb2-chakra-petch-700.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:"HOW DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/tournament/v2/assets/how-font-e1896b13b2b1-dm-mono-400.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:"HOW DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/tournament/v2/assets/how-font-9964608a8493-dm-mono-500.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}
:root{
  --how-ink:#030506;--how-ink-2:#070a0d;--how-panel:#0b1014;
  --how-panel-2:#10171d;--how-panel-3:#151e25;--how-paper:#f1f5f6;
  --how-soft:#c3ccd1;--how-muted:#7d8992;--how-cyan:#67e5ff;
  --how-cyan-2:#1fb9df;--how-red:#ff543f;--how-gold:#f2c66d;
  --how-green:#71e6a4;--how-line:rgba(186,226,236,.14);
  --how-line-strong:rgba(103,229,255,.36);
  --how-display:"HOW Orbitron","Orbitron","Arial Narrow",system-ui,sans-serif;
  --how-body:"HOW Chakra Petch","Chakra Petch",ui-sans-serif,system-ui,sans-serif;
  --how-mono:"HOW DM Mono","DM Mono",ui-monospace,"SFMono-Regular",monospace;
  --how-ease:cubic-bezier(.22,1,.36,1);--how-shadow:0 28px 80px rgba(0,0,0,.34);
}
html{accent-color:var(--how-cyan);background:var(--how-ink)}
body[data-how-surface]{min-width:0;font-family:var(--how-body);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-how-surface]::after{
  content:"";position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.038;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")
}
body[data-how-surface="broadcast"]::after,body[data-how-surface="print"]::after{display:none}
body[data-how-surface] :focus-visible{outline:2px solid var(--how-cyan)!important;outline-offset:3px!important}
body[data-how-surface] ::selection{background:var(--how-cyan);color:var(--how-ink)}
body[data-how-surface] *{scrollbar-color:var(--how-cyan-2) #0a0e11}
body[data-how-surface] input,body[data-how-surface] select,
body[data-how-surface] textarea{font-family:var(--how-body)}
body[data-how-surface] :where(h1,h2,h3,.title,.hd){font-family:var(--how-display)}
body[data-how-surface] :where(button,.btn,a.btn){font-family:var(--how-display);letter-spacing:.09em}
body[data-how-surface] :where(.sec,.eyebrow,.kicker,.meta,.badge,.tag,.grp,.status,.time,label,.lbl,.mlabel,th){font-family:var(--how-mono)}
body[data-how-surface] button,body[data-how-surface] .btn,
body[data-how-surface] a.btn{min-height:42px;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s var(--how-ease)}
body[data-how-surface] button:not(:disabled):active,body[data-how-surface] .btn:not(:disabled):active{transform:translateY(1px)}
body[data-how-surface] input:not([type="checkbox"]):not([type="radio"]),
body[data-how-surface] select,body[data-how-surface] textarea{min-height:42px}
.how-cinematic-frame{position:fixed;inset:0;z-index:60;pointer-events:none;border:1px solid rgba(103,229,255,.07)}
.how-cinematic-frame::before,.how-cinematic-frame::after{
  content:"";position:absolute;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 0 4%,rgba(103,229,255,.52) 18%,transparent 46% 54%,rgba(255,84,63,.25) 82%,transparent 96%)
}
.how-cinematic-frame::before{top:0}.how-cinematic-frame::after{bottom:0;transform:scaleX(-1)}
.how-cinematic-frame span{position:absolute;width:44px;height:44px;border-color:rgba(103,229,255,.28)}
.how-cinematic-frame .c1{left:8px;top:8px;border-left:1px solid;border-top:1px solid}
.how-cinematic-frame .c2{right:8px;top:8px;border-right:1px solid;border-top:1px solid}
.how-cinematic-frame .c3{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid}
.how-cinematic-frame .c4{left:8px;bottom:8px;border-left:1px solid;border-bottom:1px solid}
.how-platform-mark{
  position:fixed;right:16px;bottom:14px;z-index:20;display:flex;align-items:center;
  gap:9px;min-height:0!important;padding:7px 10px;border:1px solid var(--how-line);
  color:var(--how-paper);background:rgba(3,5,6,.88);text-decoration:none;
  backdrop-filter:blur(16px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)
}
.how-platform-mark::before{content:"";position:absolute;left:0;top:8px;bottom:0;width:2px;background:var(--how-cyan)}
.how-platform-mark img{width:22px;height:27px;object-fit:contain}
.how-platform-mark span{font:750 9px/1 var(--how-display);letter-spacing:.18em;text-transform:uppercase}
.how-platform-mark small{display:block;margin-top:4px;color:var(--how-muted);font-size:7px;letter-spacing:.14em}
@media(max-width:640px){
  .how-platform-mark span{display:none}.how-platform-mark{right:8px;bottom:8px;padding:6px}
  .how-cinematic-frame span{width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body[data-how-surface] *,body[data-how-surface] *::before,body[data-how-surface] *::after{
    scroll-behavior:auto!important;animation-duration:.01ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important
  }
}
/* HOW Tournament UI release 3.6.6 */

/* Structural design layer · UI 2026.08.27.3 */
body[data-how-layout]{
  --how-content:min(1480px,calc(100vw - 48px));
  --how-command-rail:244px;
  --how-section-gap:clamp(72px,9vw,144px);
  --how-rule:color-mix(in srgb,var(--how-paper,#f4f4ef) 14%,transparent);
}
body[data-how-layout]::selection{background:var(--how-cyan);color:#020405}
body[data-how-layout] :where(h1,h2,h3){text-wrap:balance}
body[data-how-layout] :where(.wrap,.main,.pane,.card,.panel,.ev,.stat){min-width:0}
body[data-how-layout] :where(.wrap,.main){container-type:inline-size}
body[data-how-layout] :where(a,button,input,select,textarea){transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}
body[data-how-layout] :where(a,button):active{transform:translateY(1px)}
.how-cinematic-frame{display:none!important}
@media(max-width:640px){body[data-how-layout]{--how-content:calc(100vw - 28px);--how-section-gap:64px}}
@media(prefers-reduced-motion:reduce){body[data-how-layout] :where(a,button,input,select,textarea){transition:none!important}}