html[data-game-look] :is(#ouGame,.pg-host) .pg-card{container-type:inline-size;--pg-portrait:clamp(60px,16cqi,84px)}
html[data-game-look] :is(#ouGame,.pg-host) .pg-match{background:linear-gradient(110deg,color-mix(in srgb,var(--away-team),transparent 42%),color-mix(in srgb,var(--home-team),transparent 42%));color:var(--text);min-height:48px;padding:10px 16px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-at{color:var(--text)}
html[data-game-look] :is(#ouGame,.pg-host) .pg-match .pg-team{border-radius:4px;font-size:12px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-market-tabs{padding:0 12px;gap:12px;border-bottom:1px solid #fff2}
html[data-game-look] :is(#ouGame,.pg-host) .pg-market-tabs button{position:relative;background:none;border-radius:0;min-height:43px;font-size:11px;padding:9px 2px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-market-tabs button.is-selected{color:var(--text);background:none}
html[data-game-look] :is(#ouGame,.pg-host) .pg-market-tabs button.is-selected:after{content:"";position:absolute;bottom:0;height:2px;left:8px;right:8px;background:var(--accent);border-radius:2px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-body{padding:16px;min-height:0;gap:0}
html[data-game-look] :is(#ouGame,.pg-host) .pg-player-stage{order:1;min-width:0}
html[data-game-look] :is(#ouGame,.pg-host) .pg-commit{order:2;margin:15px 0}
html[data-game-look] :is(#ouGame,.pg-host) .pg-player-options{order:3;margin:0;padding-top:12px;border-top:1px solid #fff2;gap:6px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-player-options button{background:color-mix(in srgb,var(--player-team),transparent 85%);border-radius:6px;min-height:35px;font-size:11px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-player-options button.is-selected{background:color-mix(in srgb,var(--player-team),transparent 38%);border-color:color-mix(in srgb,var(--player-secondary),white 35%)}
html[data-game-look] :is(#ouGame,.pg-host) .pg-player-options .pg-team{border-radius:3px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-body>.pg-note,html[data-game-look] :is(#ouGame,.pg-host) .pg-rules{order:4}
html[data-game-look] :is(#ouGame,.pg-host) .pg-body>.pg-availability{order:5;padding-top:10px;margin-top:12px;border-top:0;font-size:10px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-photo .avatar{box-shadow:none;border:0;border-radius:6px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-name{box-shadow:none;text-shadow:none}
html[data-game-look] :is(#ouGame,.pg-host) .pg-save{min-height:38px;padding-inline:24px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-side{min-height:44px}
html[data-game-look] #ouGame .pg-body{padding:14px}
html[data-game-look] #ouGame .pg-home-title{order:0;padding-bottom:14px;font-size:14px}
html[data-game-look] #ouGame .pg-commit{margin:14px 0 4px}
html[data-game-look] #ouGame .pg-availability{margin-top:auto;padding-top:14px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-player-info{min-width:0}

html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-card{border-radius:12px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-player-stage{display:grid;grid-template-columns:calc(var(--pg-portrait) + 20px) minmax(0,1fr) clamp(90px,24cqi,126px);border-radius:8px;overflow:hidden;background:var(--player-team);color:var(--player-ink)}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-identity{display:contents}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-photo{grid-column:1;grid-row:1;align-self:center;justify-self:center;margin:12px 0;width:var(--pg-portrait);height:calc(var(--pg-portrait)*1.5)}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-photo .avatar{width:100%;height:100%;border-radius:4px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-player-info{grid-column:2;grid-row:1;align-self:center;padding:14px 10px 14px 2px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-name{display:inline;font-size:clamp(15px,3.7cqi,21px);line-height:1.55;padding:3px 5px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-projection{margin-top:13px;color:var(--player-ink);gap:4px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-projection>span{font-size:9px;color:inherit;opacity:.85}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-projection strong{font-size:clamp(11px,2.6cqi,14px);white-space:normal;line-height:1.7}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-projection small{color:inherit;font-size:8px;opacity:.8}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-ouline{grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:9px;margin:0;padding:16px 7px;background:var(--player-secondary);color:var(--player-second-ink)}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-ouline>div{flex-direction:column;align-items:center;gap:9px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-ouline>div>span{font-size:10px;color:inherit;text-align:center}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-ouline strong{font-size:clamp(34px,8.6cqi,48px);font-weight:750;white-space:nowrap;text-align:center}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-ouline strong small{display:block;font-size:10px;letter-spacing:.09em;line-height:1.8}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-ouline .pg-points{font-size:12px;color:inherit;opacity:.85}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-sides{grid-column:1/-1;grid-row:2;padding:12px;background:#080e1680;border-top:1px solid #fff2;gap:10px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-side,html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-side:before{border-radius:5px 0 0 5px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-side:after{border-radius:0 5px 5px 0}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-winner{gap:1px;border-radius:8px;overflow:hidden;background:#fff6}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-teamcall{border:0;border-radius:0;min-height:210px;padding:20px 16px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-teamcall.is-selected{outline-offset:-3px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-teamcall strong{font-size:clamp(40px,10cqi,60px)}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-card[data-market=exact] .pg-player-stage{grid-template-columns:calc(var(--pg-portrait) + 20px) minmax(0,1fr)}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-card[data-market=exact] .pg-exact-head{grid-column:1/-1;margin:0;padding:10px 14px;background:#080e1640;color:var(--player-ink)}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-card[data-market=exact] .pg-points{color:inherit}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-inputs{grid-column:1/-1;padding:0 14px 14px;background:#080e1640;gap:9px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-inputs label{color:var(--player-ink)}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-inputs input{color:var(--player-ink);background:#ffffff14;border-color:#ffffff40;border-radius:5px}
html[data-game-look=broadcast] :is(#ouGame,.pg-host) .pg-inputs input::placeholder{color:inherit}

html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-player-stage{display:grid;grid-template-columns:minmax(0,1fr) 1.15fr minmax(0,1fr);gap:20px 10px;padding:17px 12px 18px;border-radius:14px;background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--player-team),transparent 14%),transparent 95%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--player-secondary),transparent 28%),transparent 95%),#ffffff0c;box-shadow:inset 0 1px #ffffff24}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-identity{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center;padding:0;margin:0;background:none;border:0;border-radius:0}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-photo,html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-photo .avatar{height:78px;width:52px}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-name{font-size:clamp(15px,4cqi,21px);line-height:1.6;padding:3px 6px;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-projection{margin-top:10px;gap:4px}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-projection strong{font-size:clamp(13px,3.4cqi,18px);white-space:normal}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-projection>span,html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-projection small{font-size:9px}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-ouline{grid-column:2;grid-row:2;flex-direction:column;justify-content:center;gap:7px;margin:0;text-align:center;align-self:center}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-ouline>div{flex-direction:column;align-items:center;gap:5px}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-ouline>div>span{font-size:10px;color:var(--text);opacity:.8}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-ouline strong{font-size:clamp(36px,10cqi,54px);white-space:nowrap;letter-spacing:-.035em}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-ouline strong small{display:block;font-size:10px;line-height:1.8;letter-spacing:.08em;font-weight:500}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-ouline .pg-points{font-size:12px;color:var(--text)}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-sides{display:contents}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-side{grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:10px;align-self:center;min-height:88px;padding:10px 8px 10px 12px;font-size:12px;border-radius:10px;text-align:center}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-over{grid-column:1}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-under{grid-column:3}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-side:before{width:6px;border-radius:10px 0 0 10px}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-side:after{left:6px;border-radius:0 10px 10px 0;background:linear-gradient(180deg,var(--pg-light),var(--pg-dark)) no-repeat left center,linear-gradient(150deg,#ffffff28,#ffffff0a);background-size:0% 100%,100% 100%}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-side:hover:not(:disabled):after,html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-side.is-selected:after{background-size:100% 100%,100% 100%}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-triangle{background:var(--pg-direction);width:15px;height:12px}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-side:is(:hover,.is-selected) .pg-triangle{background:#172219}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-side-label{padding:0}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-teamcall{min-height:205px;align-items:center;justify-content:center;text-align:center;gap:16px;background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--team-fill),#10121d 56%),color-mix(in srgb,var(--team-fill),#10121d 75%));border:1px solid #fff3;color:#fff}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-teamname{font-size:clamp(15px,4cqi,20px);min-height:0}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-teamcall strong{font-size:clamp(40px,11cqi,58px)}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-card[data-market=exact] .pg-exact-head{grid-column:1/-1;grid-row:2;margin:0}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-inputs{grid-column:1/-1;grid-row:3;gap:10px}

@media(max-width:600px){
  .pg-design-review{margin:12px 0 24px;padding:12px 0}
  .pg-design-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}
  .pg-design-options button{padding:10px 6px;justify-content:center;font-size:10px;gap:4px}
  .pg-design-options button>span{display:none}
  .pg-design-description{font-size:11px;min-height:35px}
  html[data-game-look] :is(#ouGame,.pg-host) .pg-body{padding:12px}
  html[data-game-look] :is(#ouGame,.pg-host) .pg-match{padding:10px 12px;gap:6px}
  html[data-game-look] :is(#ouGame,.pg-host) .pg-player-options button{font-size:10px;padding:6px;gap:5px}
  html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-player-stage{padding:13px 10px;gap:18px 8px}
}
@media(prefers-reduced-motion:reduce){html[data-game-look] :is(#ouGame,.pg-host) .pg-side:after{transition:none}}

html[data-game-look] :is(#ouGame,.pg-host) .pg-choice-label{grid-column:1/-1;font-size:10px;color:var(--muted);margin:0 0 2px}
html[data-game-look] :is(#ouGame,.pg-host) .pg-card[data-market=winner] .pg-body>.pg-note{order:1}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-ouline strong{transition:color .2s}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-player-stage:has(.pg-over.is-selected) .pg-ouline strong{color:#8dec98}
html[data-game-look=duel] :is(#ouGame,.pg-host) .pg-player-stage:has(.pg-under.is-selected) .pg-ouline strong{color:#ff9494}

html[data-game-look] :is(#ouGame,.pg-host) .pg-model-stat{display:inline-block;white-space:nowrap}
html[data-game-look] :is(#ouGame,.pg-host) .pg-side:is(:hover,.is-selected):not(:disabled){color:#122016}