body[data-how-surface="player"]{
  --bg:var(--how-ink);--fg:var(--how-paper);--surface:#090d11;--surface2:#0e151a;
  --line:#1e2a32;--edge:#31404a;--hot:var(--how-cyan);--acc:var(--how-cyan);
  --pbg:var(--how-ink);--pcard:#090d11;--pcard2:#10171d;--pline:#202a31;
  --pedge:#32414b;--ptx:var(--how-paper);--pdim:#8d9aa2;--pacc:var(--how-cyan-2);
  color:var(--how-paper)!important;background:
    linear-gradient(rgba(103,229,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(103,229,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 86% -8%,rgba(45,190,226,.13),transparent 26rem),
    radial-gradient(circle at 5% 72%,rgba(255,84,63,.045),transparent 23rem),var(--how-ink)!important;
  background-size:56px 56px,56px 56px,auto,auto,auto!important;font-family:var(--how-body)!important
}
body[data-how-surface="player"] h1,body[data-how-surface="player"] h2,
body[data-how-surface="player"] h3{font-family:var(--how-display)!important;letter-spacing:-.025em}
body[data-how-surface="player"] .top{
  min-height:68px!important;border-bottom:1px solid var(--how-line)!important;
  background:rgba(3,5,6,.91)!important;backdrop-filter:blur(20px) saturate(125%);
  padding-inline:clamp(16px,3vw,42px)!important
}
body[data-how-surface="player"] .top::after{content:"";position:absolute;left:0;bottom:-1px;width:32%;height:1px;background:linear-gradient(90deg,var(--how-cyan),transparent)}
body[data-how-surface="player"] .top h1,body[data-how-surface="player"] .top .tag{letter-spacing:.2em!important;text-transform:uppercase;font-size:12px!important}
body[data-how-surface="player"] .wrap{width:min(100%,1180px)!important;padding:clamp(24px,4vw,58px)!important}
body[data-how-surface="player"] .card,body[data-how-surface="player"] .welcome,
body[data-how-surface="player"] .pick,body[data-how-surface="player"] .sheet,
body[data-how-surface="player"] .ev,body[data-how-surface="player"] .gcard{
  position:relative;border:1px solid var(--how-line)!important;border-radius:0!important;
  background:linear-gradient(145deg,rgba(15,22,27,.98),rgba(6,9,11,.98))!important;
  box-shadow:none!important;overflow:hidden
}
body[data-how-surface="player"] .card::before,body[data-how-surface="player"] .welcome::before,
body[data-how-surface="player"] .ev::before{content:"";position:absolute;left:0;top:0;width:2px;height:44px;background:var(--how-cyan)}
body[data-how-surface="player"] .ev:hover{border-color:rgba(103,229,255,.45)!important;transform:translateY(-2px);background:linear-gradient(145deg,#12202a,#080d10)!important}
body[data-how-surface="player"] .pnav,body[data-how-surface="player"] nav,
body[data-how-surface="player"] .tabbar{
  border-color:var(--how-line)!important;background:rgba(3,5,6,.92)!important;
  backdrop-filter:blur(20px) saturate(125%)
}
body[data-how-surface="player"] .tabbar{box-shadow:0 -16px 46px rgba(0,0,0,.32)}
body[data-how-surface="player"] .nv{border-radius:0!important;letter-spacing:.16em!important}
body[data-how-surface="player"] .nv.on{color:var(--how-cyan)!important;background:linear-gradient(180deg,rgba(103,229,255,.08),transparent)}
body[data-how-surface="player"] button,body[data-how-surface="player"] .btn{
  border-radius:0!important;text-transform:uppercase;letter-spacing:.11em;font-weight:800
}
body[data-how-surface="player"] button.solid,body[data-how-surface="player"] .solid{
  color:#001016!important;background:var(--how-cyan)!important;border-color:var(--how-cyan)!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)
}
body[data-how-surface="player"] .active,body[data-how-surface="player"] .accent{color:var(--how-cyan)!important}
body[data-how-surface="player"] #filters button.on,
body[data-how-surface="player"] .pt.on{background:var(--how-cyan)!important;color:var(--how-ink)!important}
body[data-how-surface="player"] input,body[data-how-surface="player"] select,
body[data-how-surface="player"] textarea{border-radius:0!important;background:#070a0d!important;border-color:#31404a!important}

/* The public player event is a campaign page, not an account settings card. */
body[data-how-surface="player"]:has(.wrap.hascta)::before{
  content:""!important;position:absolute!important;inset:68px 0 auto!important;height:min(650px,72vh)!important;
  background:linear-gradient(90deg,rgba(3,5,6,.98),rgba(3,5,6,.76) 48%,rgba(3,5,6,.22)),
    linear-gradient(180deg,transparent 55%,var(--how-ink)),
    url('/tournament/v2/assets/how-tournament-portal-ba99417c74ed.jpg') 64% center/cover no-repeat!important;
  opacity:1!important;pointer-events:none!important;z-index:0!important
}
body[data-how-surface="player"] .wrap.hascta{position:relative;z-index:1;padding-top:clamp(76px,10vw,150px)!important}
body[data-how-surface="player"] .wrap.hascta>h1{max-width:920px;font-size:clamp(58px,8vw,112px)!important;line-height:.84!important;letter-spacing:-.05em!important;text-transform:uppercase;margin-bottom:12px!important}
body[data-how-surface="player"] .wrap.hascta>.sub{color:#a9b4ba!important;font-size:clamp(14px,1.4vw,19px)!important;letter-spacing:.1em!important;text-transform:uppercase;margin-bottom:36px!important}
body[data-how-surface="player"] .chip{border-radius:0!important;border:1px solid rgba(103,229,255,.42)!important;background:rgba(5,12,15,.75)!important;color:var(--how-cyan)!important;letter-spacing:.18em!important;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}
body[data-how-surface="player"] .prize{
  position:relative;padding:clamp(24px,4vw,48px)!important;border:1px solid rgba(242,198,109,.32)!important;
  border-radius:0!important;background:linear-gradient(115deg,rgba(37,32,23,.94),rgba(10,13,15,.84))!important;
  clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)
}
body[data-how-surface="player"] .prize::after{content:"";position:absolute;right:0;top:0;width:28%;height:2px;background:linear-gradient(90deg,transparent,var(--how-gold))}
body[data-how-surface="player"] .prize .amt,body[data-how-surface="player"] .prize strong{font-family:var(--how-display)!important;font-size:clamp(48px,7vw,94px)!important;line-height:.88!important;color:#f5d995!important}
body[data-how-surface="player"] .tiles{gap:1px!important;background:var(--how-line);border:1px solid var(--how-line)}
body[data-how-surface="player"] .tile{border:0!important;border-radius:0!important;background:rgba(8,12,15,.96)!important;padding:20px!important}
body[data-how-surface="player"] .tile b{font-family:var(--how-display);font-size:clamp(18px,2vw,28px)}
body[data-how-surface="player"] .bar{border:1px solid var(--how-line)!important;border-radius:0!important;background:rgba(8,12,15,.9)!important}
body[data-how-surface="player"] .track{border-radius:0!important;background:#182128!important}
body[data-how-surface="player"] .track>i,body[data-how-surface="player"] .track>span{border-radius:0!important;background:linear-gradient(90deg,var(--how-cyan-2),var(--how-cyan))!important;box-shadow:0 0 22px rgba(103,229,255,.2)}
body[data-how-surface="player"] .ptabs{gap:0!important;border-bottom:1px solid var(--how-line)!important;margin-top:24px!important;overflow:auto}
body[data-how-surface="player"] .pt{border:0!important;border-right:1px solid var(--how-line)!important;border-top:1px solid var(--how-line)!important;background:#070a0d!important;color:#86939b!important}
body[data-how-surface="player"] .pt.on{background:var(--how-paper)!important;color:#061015!important;box-shadow:inset 0 3px var(--how-cyan)!important}
body[data-how-surface="player"] .ppane{padding-top:26px!important}
body[data-how-surface="player"] .day,body[data-how-surface="player"] .opener{
  border-radius:0!important;border-color:var(--how-line)!important;background:linear-gradient(90deg,#10171d,#090d10)!important
}
body[data-how-surface="player"] .dno{border-radius:0!important;background:rgba(103,229,255,.08)!important;border:1px solid rgba(103,229,255,.24)!important;color:var(--how-cyan)!important}
body[data-how-surface="player"] .sec{font-size:10px!important;letter-spacing:.24em!important;color:var(--how-cyan)!important}
body[data-how-surface="player"] .sec::after{background:linear-gradient(90deg,var(--how-line-strong),transparent)!important}
body[data-how-surface="player"] .cta{background:linear-gradient(180deg,transparent,rgba(3,5,6,.96) 38%)!important;backdrop-filter:none!important}
body[data-how-surface="player"] .cta button{max-width:900px!important;background:var(--how-cyan)!important;color:#001016!important;border:0!important;border-radius:0!important;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
body[data-how-surface="player"] .shmask,body[data-how-surface="player"] .scrim{backdrop-filter:blur(12px)!important;background:rgba(1,3,4,.78)!important}
body[data-how-surface="player"] .sheet{border-color:rgba(103,229,255,.28)!important;background:linear-gradient(180deg,#11191f,#080b0e)!important}
body[data-how-surface="player"] article.ev{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end!important;
  min-height:260px;padding:0!important;isolation:isolate
}
body[data-how-surface="player"] article.ev::after{
  content:"";position:absolute;inset:0;z-index:-1;background:
    linear-gradient(180deg,rgba(3,5,6,.18),rgba(3,5,6,.97) 72%),
    url('/tournament/v2/assets/how-tournament-portal-ba99417c74ed.jpg') 68% center/cover no-repeat;
  opacity:.72
}
body[data-how-surface="player"] .ev-main{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:clamp(24px,4vw,38px);color:inherit!important;text-decoration:none!important}
body[data-how-surface="player"] article.ev .nm{font-family:var(--how-display);font-size:clamp(28px,3.4vw,44px)!important;line-height:.92;text-transform:uppercase;letter-spacing:-.025em}
body[data-how-surface="player"] article.ev .meta{margin-top:12px!important;color:#a5b0b7!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase}
body[data-how-surface="player"] article.ev .lrow{margin-bottom:auto}
body[data-how-surface="player"] article.ev>.go{z-index:1;margin:0!important;padding:24px;align-items:stretch!important}
body[data-how-surface="player"] .home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1px;margin-bottom:18px;background:var(--how-line);border:1px solid var(--how-line)}
body[data-how-surface="player"] .home-grid>section{min-width:0;background:#070b0e}
body[data-how-surface="player"] .home-grid .card{height:100%;margin:0!important;border:0!important;padding:clamp(22px,3vw,36px)!important}
body[data-how-surface="player"] .home-next .card{background:linear-gradient(110deg,rgba(6,10,12,.96),rgba(6,10,12,.58)),url('/tournament/v2/assets/how-tournament-portal-ba99417c74ed.jpg') 70% center/cover no-repeat!important}
body[data-how-surface="player"] .browse-cta{display:block;text-align:center;text-decoration:none!important;padding:15px;margin:8px 0 12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;background:var(--how-cyan)!important;color:var(--how-ink)!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
@media(min-width:780px){
  body[data-how-surface="player"] .wrap.auth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);column-gap:1px;max-width:1080px!important;padding:0!important;margin-top:clamp(40px,7vw,96px)!important;border:1px solid var(--how-line);background:var(--how-line)}
  body[data-how-surface="player"] .wrap.auth>.authhead{grid-column:1;grid-row:1 / span 4;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;margin:0;padding:clamp(36px,6vw,76px);min-height:620px;background:linear-gradient(90deg,rgba(3,5,6,.9),rgba(3,5,6,.28)),url('/tournament/v2/assets/how-tournament-portal-ba99417c74ed.jpg') 62% center/cover no-repeat}
  body[data-how-surface="player"] .wrap.auth>.authhead img{width:92px;height:auto;margin:0 0 auto}
  body[data-how-surface="player"] .wrap.auth>.authhead h2{font-size:clamp(48px,5vw,72px)!important;line-height:.88;text-transform:uppercase}
  body[data-how-surface="player"] .wrap.auth>.card{grid-column:2;grid-row:1;padding:clamp(34px,5vw,58px)!important;border:0!important;display:flex;flex-direction:column;justify-content:center;min-height:520px}
  body[data-how-surface="player"] .wrap.auth>.alt{grid-column:2;background:#070b0e;margin:0!important;padding:8px 28px 16px}
}
@media(min-width:900px){
  body[data-how-surface="player"] .evgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-how-surface="player"] .tabbar{width:92px!important}
  body[data-how-surface="player"]{padding-left:92px!important}
}
@media(max-width:640px){
  body[data-how-surface="player"]{padding-bottom:max(76px,env(safe-area-inset-bottom))}
  body[data-how-surface="player"] .wrap{padding:22px 16px!important}
  body[data-how-surface="player"] .wrap.hascta{padding-top:72px!important}
  body[data-how-surface="player"] .wrap.hascta>h1{font-size:clamp(50px,15vw,72px)!important}
  body[data-how-surface="player"]:has(.wrap.hascta)::before{height:560px!important;background-position:72% center!important}
  body[data-how-surface="player"] .tiles{grid-template-columns:1fr!important}
  body[data-how-surface="player"] .pt{min-width:max-content;padding-inline:16px!important}
  body[data-how-surface="player"] .prize .amt,body[data-how-surface="player"] .prize strong{font-size:52px!important}
  body[data-how-surface="player"] article.ev{grid-template-columns:1fr;min-height:300px}
  body[data-how-surface="player"] article.ev>.go{padding-top:0;width:100%;margin-left:0!important}
  body[data-how-surface="player"] .home-grid{grid-template-columns:1fr}
}
/* HOW Tournament UI release 3.6.6 */

/* Discovery is a shop window; the signed-in area is a persistent tournament app. */
body[data-how-layout="player-discovery"] .wrap.hascta{max-width:none!important;width:100%!important;padding:clamp(120px,17vh,210px) clamp(22px,5vw,80px) 72px!important;min-height:min(900px,90svh)}
body[data-how-layout="player-discovery"] .wrap.hascta>h1{max-width:1050px!important;font-size:clamp(68px,10vw,154px)!important;line-height:.79!important;letter-spacing:-.045em!important}
body[data-how-layout="player-discovery"] .wrap.hascta>.lead{max-width:620px!important;margin:28px 0 56px clamp(0px,32vw,480px)!important}
body[data-how-layout="player-discovery"] .evgrid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:1px!important;background:var(--how-rule)!important;border:1px solid var(--how-rule)!important}
body[data-how-layout="player-discovery"] .evgrid>article.ev{grid-column:span 4;display:flex!important;flex-direction:column;align-items:stretch!important;min-height:390px!important;margin:0!important;border:0!important;padding:clamp(22px,3vw,38px)!important}
body[data-how-layout="player-discovery"] .evgrid>article.ev:first-child{grid-column:span 8;min-height:520px!important;background:linear-gradient(145deg,rgba(82,226,255,.1),rgba(7,11,14,.98) 58%)!important}
body[data-how-layout="player-discovery"] article.ev>.go{margin-top:auto!important;width:100%!important}

body[data-how-layout="player-app"]{--how-player-rail:108px;padding-left:var(--how-player-rail)!important}
body[data-how-layout="player-app"] .tabbar{position:fixed!important;inset:0 auto 0 0!important;width:var(--how-player-rail)!important;height:100svh!important;padding:88px 10px 18px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important;border:0!important;border-right:1px solid var(--how-rule)!important;background:#05080a!important}
body[data-how-layout="player-app"] .tabbar>a{width:100%!important;min-height:58px!important;padding:10px 4px!important;display:grid!important;place-items:center;text-align:center;border-left:1px solid transparent!important}
body[data-how-layout="player-app"] .tabbar>a.on{border-left-color:var(--how-cyan)!important;background:linear-gradient(90deg,rgba(82,226,255,.12),transparent)!important}
body[data-how-layout="player-app"]>.wrap{max-width:1440px!important;padding:clamp(32px,5vw,76px)!important}
body[data-how-layout="player-app"] .home-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;gap:1px!important;background:var(--how-rule)!important;border:1px solid var(--how-rule)!important}
body[data-how-layout="player-app"] .home-grid>section{padding:clamp(22px,3vw,44px)!important;background:#070b0e!important}
body[data-how-layout="player-app"] .home-grid .card{min-height:360px!important;margin:0!important;border:0!important}
body[data-how-layout="player-app"]>.wrap>.sec{counter-increment:how-player;display:grid!important;grid-template-columns:44px 1fr;align-items:center;gap:10px;margin-top:64px!important;padding-top:16px!important;border-top:1px solid var(--how-rule)!important}
body[data-how-layout="player-app"]>.wrap>.sec::before{content:"0" counter(how-player);color:var(--how-cyan);font:800 10px/1 var(--how-display);letter-spacing:.16em}
body[data-how-layout="player-app"]>.wrap{counter-reset:how-player}
body[data-how-layout="player-app"] .evgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;background:var(--how-rule)!important;border:1px solid var(--how-rule)!important}
body[data-how-layout="player-app"] .evgrid>.ev{margin:0!important;border:0!important;min-height:250px!important}

@media(min-width:880px){
  body[data-how-layout="player-access"] .wrap.auth{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;max-width:1180px!important;min-height:680px!important;padding:0!important;margin:8svh auto!important;background:var(--how-rule)!important;gap:1px!important;border:1px solid var(--how-rule)!important}
  body[data-how-layout="player-access"] .wrap.auth>.authhead{grid-column:1;grid-row:1/span 2;min-height:680px!important;padding:clamp(36px,5vw,70px)!important;background:linear-gradient(160deg,rgba(82,226,255,.1),#070b0e 60%)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
  body[data-how-layout="player-access"] .wrap.auth>.card{grid-column:2;grid-row:1;padding:clamp(34px,5vw,62px)!important;background:#070b0e!important;min-height:610px!important}
  body[data-how-layout="player-access"] .wrap.auth>.alt{grid-column:2;grid-row:2;padding:18px 34px!important;background:#070b0e!important}
}
@media(max-width:899px){
  body[data-how-layout="player-discovery"] .wrap.hascta>.lead{margin-left:0!important}
  body[data-how-layout="player-discovery"] .evgrid>article.ev,body[data-how-layout="player-discovery"] .evgrid>article.ev:first-child{grid-column:span 12;min-height:320px!important}
  body[data-how-layout="player-app"]{padding-left:0!important;padding-bottom:82px!important}
  body[data-how-layout="player-app"] .tabbar{inset:auto 0 0!important;width:100%!important;height:76px!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;flex-direction:row!important;justify-content:space-around!important;border-right:0!important;border-top:1px solid var(--how-rule)!important}
  body[data-how-layout="player-app"] .tabbar>a{min-height:54px!important}
  body[data-how-layout="player-app"] .home-grid,body[data-how-layout="player-app"] .evgrid{grid-template-columns:1fr!important}
}