.goal-icon{width:100%;height:100%;image-rendering:pixelated;display:block;position:relative;overflow:hidden}.goal-icon-art{background:var(--art) 0 0 / 100% calc(var(--frames) * 100%) no-repeat;height:100%;display:block}[data-animated]>.goal-icon-art{animation:goal-icon-frames calc(var(--frames) * 3s) steps(var(--frames)) infinite}@keyframes goal-icon-frames{to{background-position:0 calc(100% * var(--frames) / (var(--frames) - 1))}}.goal-icon-glint{mix-blend-mode:plus-lighter;pointer-events:none;-webkit-mask:var(--art) 0 0 / 100% calc(var(--frames) * 100%) no-repeat;mask:var(--art) 0 0 / 100% calc(var(--frames) * 100%) no-repeat;position:absolute;inset:0;overflow:hidden}[data-animated]>.goal-icon-glint{animation:goal-icon-glint-frames calc(var(--frames) * 3s) steps(var(--frames)) infinite}.goal-icon-glint:before{content:"";transform-origin:33.333% 33.333%;background:url(/goal-icons/glint-additive.png) 100% 100%/66.667% 66.667%;animation:27.5s linear infinite goal-icon-glint-u,7.5s linear infinite goal-icon-glint-v;position:absolute;inset:-100%;rotate:-10deg}@keyframes goal-icon-glint-frames{to{-webkit-mask-position:0 calc(100% * var(--frames) / (var(--frames) - 1));mask-position:0 calc(100% * var(--frames) / (var(--frames) - 1))}}@keyframes goal-icon-glint-u{to{background-position-x:300%}}@keyframes goal-icon-glint-v{to{background-position-y:-100%}}@property --board-px{syntax:"<length>";inherits:true;initial-value:0}@property --board-w{syntax:"<number>";inherits:true;initial-value:0}@property --board-h{syntax:"<number>";inherits:true;initial-value:0}@property --board-rim{syntax:"<number>";inherits:true;initial-value:0}:root{--board-gap:var(--space-3);--board-moment:80px;--board-clock:44px}@media (width<=1200px){:root{--board-moment:64px;--board-clock:36px}}.board-area{--duration:var(--duration-base);--pick-px:3px;--device-pixel:1px;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;container:board/size}@media (resolution>=2x){.board-area{--device-pixel:.5px}}@media (resolution>=3x){.board-area{--device-pixel:calc(1px / 3)}}@media (width<=1200px){.board-area{--pick-px:2px}}.board{--frame-w:var(--race-width);--frame-h:var(--race-height);--board-w:var(--frame-w);--board-h:var(--frame-h);--board-rim:var(--race-rim);--reserved:calc(var(--board-moment) + var(--board-clock) + 2 * var(--board-gap));--board-px:round(down, min(100cqw / var(--frame-w), (100cqh - var(--reserved)) / var(--frame-h), 460px / var(--frame-w)), var(--device-pixel));width:calc(var(--board-w) * var(--board-px));height:calc(var(--board-h) * var(--board-px));flex:none;position:relative}[data-settled]>.board{transition:--board-px var(--duration) var(--ease-out), --board-w var(--duration) var(--ease-out), --board-h var(--duration) var(--ease-out), --board-rim var(--duration) var(--ease-out)}[data-phase=draft]>.board{--frame-w:var(--draft-size);--frame-h:var(--draft-size);--board-rim:var(--draft-rim);--reserved:calc(var(--picks-height) * var(--pick-px) + var(--board-moment) + var(--board-clock) + 3 * var(--board-gap))}.board:has(>.board-frame:not([data-painted])){visibility:hidden}.board-frame{image-rendering:pixelated;transition:opacity var(--duration) var(--ease-out);position:absolute;top:0;left:50%;translate:-50%}.board-frame[data-frame=draft]{width:calc(var(--draft-size) * var(--board-px));opacity:0;transition-duration:var(--duration-fast)}.board-frame[data-frame=race]{width:calc(var(--race-width) * var(--board-px))}[data-phase=draft]>.board>.board-frame[data-frame=draft]{opacity:1;transition-duration:var(--duration)}[data-phase=draft]>.board>.board-frame[data-frame=race]{opacity:0;transition-duration:var(--duration-fast)}.board-grid{top:calc(var(--board-rim) * var(--board-px));grid-template-columns:repeat(var(--size), calc(18 * var(--board-px)));grid-auto-rows:calc(18 * var(--board-px));width:calc(var(--grid) * var(--board-px));display:grid;position:absolute;left:50%;translate:-50%}.board-row{display:contents}.board-row>*{padding:var(--board-px);display:block}@property --cell-fill{syntax:"<color>";inherits:false;initial-value:#0000}.board-cell{--cell-fill:var(--player-color,transparent);background:var(--cell-fill);width:100%;height:100%;transition:--cell-fill var(--duration-fast) var(--ease-out);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block;position:relative}.board-cell[data-drafted]{--cell-fill:color-mix(in srgb, var(--player-color) 30%, transparent)}.board-cell:before{content:"";pointer-events:none;position:absolute;inset:0}:hover>.board-cell:before,.board-cell[data-selected]:before{background:#ffffff40}.board-cell[data-latest]{z-index:var(--layer-raised);animation:board-latest var(--duration-slow) var(--ease-out)}.board-cell[data-deciding]{box-shadow:inset 0 0 0 var(--board-px) var(--color-gold);animation:board-deciding var(--duration-slow) var(--ease-out) 2}.board-cell[data-deciding]:where([data-latest]){animation:board-latest var(--duration-slow) var(--ease-out), board-deciding var(--duration-slow) var(--ease-out) 2}.board-cell[data-selected]:after{--arm:calc(5 * var(--board-px));--line:linear-gradient(var(--color-gold) 0 0);content:"";inset:calc(-1 * var(--board-px));background:var(--line) top left / var(--arm) var(--board-px), var(--line) top left / var(--board-px) var(--arm), var(--line) top right / var(--arm) var(--board-px), var(--line) top right / var(--board-px) var(--arm), var(--line) bottom left / var(--arm) var(--board-px), var(--line) bottom left / var(--board-px) var(--arm), var(--line) bottom right / var(--arm) var(--board-px), var(--line) bottom right / var(--board-px) var(--arm);pointer-events:none;background-repeat:no-repeat;position:absolute}@keyframes board-latest{0%{filter:brightness(1.5);scale:1.3}}@keyframes board-deciding{50%{box-shadow:inset 0 0 0 calc(2 * var(--board-px)) var(--color-gold), 0 0 calc(6 * var(--board-px)) var(--color-gold)}}.board-score{top:calc((var(--grid) + var(--race-rim)) * var(--board-px));gap:var(--space-2);width:calc(var(--grid) * var(--board-px));height:calc(var(--band-height) * var(--board-px));padding-inline:calc(3 * var(--board-px));font:calc(8 * var(--board-px)) / var(--leading-none) var(--font-display);--shadow:var(--text-shadow);transition:opacity var(--duration) var(--ease-out);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:absolute;left:50%;translate:-50%}[data-phase=draft]>.board>.board-score{opacity:0;transition-duration:var(--duration-fast)}.board-score-player{color:var(--player-color);align-content:center;justify-items:center;gap:var(--space-0-5);min-width:0;display:grid}.board-score-player b{font-weight:400}.board-score-name{align-items:center;gap:var(--space-1);min-width:0;max-width:100%;font-size:clamp(var(--text-sm), calc(8 * var(--board-px)), var(--text-md));line-height:var(--leading-tight);display:flex}.board-score-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-score-name .player-head{width:16px;height:16px}.board-picks-slot{opacity:1;transition:grid-template-rows var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out);flex:none;grid-template-rows:minmax(0,1fr);display:grid;overflow-y:clip}.board-picks-slot>.board-picks{margin-bottom:var(--board-gap)}[data-phase=race]>.board-picks-slot{opacity:0;grid-template-rows:minmax(0,0fr)}.board-picks{width:calc(var(--picks-width) * var(--pick-px));height:calc(var(--picks-height) * var(--pick-px));flex:none;position:relative}.board-picks canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.board-picks>:is(canvas,.board-option,b){filter:brightness()blur();transition:filter var(--duration-slow) var(--ease-standard), opacity var(--duration-slow) var(--ease-standard)}.board-picks[data-dimmed]>:is(canvas,.board-option,b){filter:brightness(.5)blur()}.board-picks[data-blurred]>:is(.board-option,b){filter:brightness(1) blur(var(--pick-px));opacity:.6;pointer-events:none}.board-picks b{color:#fff;font:700 calc(10 * var(--pick-px)) / 1 var(--font-display);--shadow:var(--text-shadow);position:absolute;top:50%;left:50%;translate:-50% -50%}.board-picks-over{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.board-option{top:calc(8 * var(--pick-px));width:calc(20 * var(--pick-px));height:calc(20 * var(--pick-px));position:absolute}.board-option[data-side=left]{left:calc(8 * var(--pick-px))}.board-option[data-side=right]{right:calc(8 * var(--pick-px))}.board-option>*{width:100%;height:100%;display:block}.board-option-goal{cursor:help;width:100%;height:100%;display:block;position:relative}.board-option-goal[data-picked]{background:var(--player-color)}.board-option-goal:before{content:"";pointer-events:none;position:absolute;inset:0}.board-option-goal:is(:hover,[data-pointed]):before{background:#ffffff40}.board-moment{max-width:100%;height:var(--board-moment);margin-bottom:var(--board-gap);flex:none;justify-content:center;display:flex}.board-clock{height:var(--board-clock);margin-top:var(--board-gap);color:var(--color-text-muted);font:var(--text-lg) / var(--board-clock) var(--font-display);font-variant-numeric:tabular-nums;--shadow:var(--text-shadow);animation:board-clock-in var(--duration) var(--ease-out);flex:none}@keyframes board-clock-in{0%{opacity:0}}